@charset "utf-8";

.clear { clear:both; margin:-10px 0; }
.gray { filter:gray; }
.gray { filter:"progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);" }

.icon-x16 { height:16px; width:16px; background-image:url('img/icons.16x16.gif'); }
.icon-x16-president-reception { background-position: 0px 0px; }
.icon-x16-remote-court { background-position: -16px 0px; }
.icon-x16-normal-reception { background-position: -32px 0px; }
.icon-x16-volunteer { background-position: -48px 0px; }
.icon-x16-court { background-position: -64px 0px; }
.icon-x16-broadcast { background-position: -80px 0px; }

.uicon-x16 { height:16px; width:16px; background:url('img/ui-icons.16x16.gif'); }
.uicon-x16-00 { background-position:   0px    0px;}
.uicon-x16-01 { background-position: -16px    0px;}
.uicon-x16-02 { background-position: -32px    0px;}

.num-16x22 { height:22px; width:16px; background-image:url('img/num.16x22.gif'); }
.num-16x22-0 { background-position:    0px 0px; }
.num-16x22-1 { background-position:  -16px 0px; }
.num-16x22-2 { background-position:  -32px 0px; }
.num-16x22-3 { background-position:  -48px 0px; }
.num-16x22-4 { background-position:  -64px 0px; }
.num-16x22-5 { background-position:  -80px 0px; }
.num-16x22-6 { background-position:  -96px 0px; }
.num-16x22-7 { background-position: -112px 0px; }
.num-16x22-8 { background-position: -128px 0px; }
.num-16x22-9 { background-position: -144px 0px; }
.num-16x22-dot { background-position: -160px 0px; }

.num-32x44 { height:44px; width:32px; background-image:url('img/num.32x44.gif'); }
.num-32x44-0 { background-position:    0px 0px; }
.num-32x44-1 { background-position:  -32px 0px; }
.num-32x44-2 { background-position:  -64px 0px; }
.num-32x44-3 { background-position:  -96px 0px; }
.num-32x44-4 { background-position: -128px 0px; }
.num-32x44-5 { background-position: -160px 0px; }
.num-32x44-6 { background-position: -192px 0px; }
.num-32x44-7 { background-position: -224px 0px; }
.num-32x44-8 { background-position: -256px 0px; }
.num-32x44-9 { background-position: -288px 0px; }
.num-32x44-dot { background-position: -320px 0px; }

.iconmenu-x64-01,
.iconmenu-x64-02,
.iconmenu-x64-03,
.iconmenu-x64-04,
.iconmenu-x64-05,
.iconmenu-x64-06,
.iconmenu-x64-07,
.iconmenu-x64-08,
.iconmenu-x64-09,
.iconmenu-x64-10,
.iconmenu-x64-11,
.iconmenu-x64-12,
.iconmenu-x64-13,
.iconmenu-x64-14,
.iconmenu-x64-15,
.iconmenu-x64-16,
.iconmenu-x64-17,
.iconmenu-x64-18,
.iconmenu-x64-19,
.iconmenu-x64-20,
.iconmenu-x64-21,
.iconmenu-x64-22 { height:64px; width:64px; background-image:url('img/icons.64x64.gif'); }
.iconmenu-x64-1122 { height:64px; width:64px; background-image:url('img/zbgg.png'); }

.iconmenu-x64-01 { background-position:    0px   0px; }
.iconmenu-x64-02 { background-position:  -64px   0px; }
.iconmenu-x64-03 { background-position: -128px   0px; }
.iconmenu-x64-04 { background-position: -192px   0px; }
.iconmenu-x64-05 { background-position: -256px   0px; }
.iconmenu-x64-06 { background-position: -320px   0px; }
.iconmenu-x64-07 { background-position: -384px   0px; }
.iconmenu-x64-08 { background-position: -448px   0px; }
.iconmenu-x64-09 { background-position: -512px   0px; }
.iconmenu-x64-10 { background-position: -576px   0px; }
.iconmenu-x64-11 { background-position:    0px -64px; }
.iconmenu-x64-12 { background-position:  -64px -64px; }
.iconmenu-x64-13 { background-position: -128px -64px; }
.iconmenu-x64-14 { background-position: -192px -64px; }
.iconmenu-x64-15 { background-position: -256px -64px; }
.iconmenu-x64-16 { background-position: -320px -64px; }
.iconmenu-x64-17 { background-position: -384px -64px; }
.iconmenu-x64-18 { background-position: -448px -64px; }
.iconmenu-x64-19 { background-position: -512px -64px; }
.iconmenu-x64-20 { background-position: -576px -64px; }
.iconmenu-x64-21 { background-position: -192px -64px; }
.iconmenu-x64-22 { background-position: -256px -64px; }

.iconmenu-x64-01_2,
.iconmenu-x64-02_2,
.iconmenu-x64-03_2,
.iconmenu-x64-04_2,
.iconmenu-x64-05_2,
.iconmenu-x64-06_2,
.iconmenu-x64-07_2,
.iconmenu-x64-08_2,
.iconmenu-x64-09_2,
.iconmenu-x64-10_2,
.iconmenu-x64-11_2,
.iconmenu-x64-12_2,
.iconmenu-x64-13_2,
.iconmenu-x64-14_2,
.iconmenu-x64-15_2,
.iconmenu-x64-16_2,
.iconmenu-x64-17_2,
.iconmenu-x64-18_2,
.iconmenu-x64-19_2,
.iconmenu-x64-20_2,
.iconmenu-x64-21_2{ height:64px; width:64px; background-image:url('img/icons.64x64_2.gif'); }

.iconmenu-x64-01_2 { background-position:    0px   0px; }
.iconmenu-x64-02_2 { background-position:  -64px   0px; }
.iconmenu-x64-03_2 { background-position: -128px   0px; }
.iconmenu-x64-04_2 { background-position: -192px   0px; }
.iconmenu-x64-05_2 { background-position: -256px   0px; }
.iconmenu-x64-06_2 { background-position: -320px   0px; }
.iconmenu-x64-07_2 { background-position: -384px   0px; }
.iconmenu-x64-08_2 { background-position: -448px   0px; }
.iconmenu-x64-09_2 { background-position: -512px   0px; }
.iconmenu-x64-10_2 { background-position: -576px   0px; }
.iconmenu-x64-11_2 { background-position:    0px -64px; }
.iconmenu-x64-12_2 { background-position:  -64px -64px; }
.iconmenu-x64-13_2 { background-position: -128px -64px; }
.iconmenu-x64-14_2 { background-position: -192px -64px; }
.iconmenu-x64-15_2 { background-position: -256px -64px; }
.iconmenu-x64-16_2 { background-position: -320px -64px; }
.iconmenu-x64-17_2 { background-position: -384px -64px; }
.iconmenu-x64-18_2 { background-position: -448px -64px; }
.iconmenu-x64-19_2 { background-position: -512px -64px; }
.iconmenu-x64-20_2 { background-position: -576px -64px; }
.iconmenu-x64-21_2 { background-position: -192px -64px; }

/* ���ϰ��´��� */
#green-channels .group { float:left; }
#green-channels li { display:block; float:left; height:96px; width:80px; margin:0 4px; text-align:center; cursor:pointer; }
#green-channels li * { margin:0 auto; }
#green-channels li a { display:block; width:4em; font-size:9pt; }

#green-channels li { /*filter:gray;*/ background:none; }
#green-channels li.hover/*,
#green-channels li:hover*/ { /*filter:;*/ background:#f4f4f4; }
#green-channels li.hover */*,
#green-channels li:hover **/ { color:green; }

/* ���ϰ��´��� */
#green-channelsB .group { float:left; }
#green-channelsB li { display:block; float:left; height:96px; width:80px; margin:0 2px; text-align:center; cursor:pointer; }
#green-channelsB li * { margin:0 auto; }
#green-channelsB li a { display:block; width:4em; font-size:9pt; }

#green-channelsB li { /*filter:gray;*/ background:none; }
#green-channelsB li.hover/*,
#green-channelsB li:hover*/ { /*filter:;*/ background:#f4f4f4; }
#green-channelsB li.hover */*,
#green-channelsB li:hover **/ { color:green; }

.logo-128x32-01,
.logo-128x32-02,
.logo-128x32-03,
.logo-128x32-04,
.logo-128x32-05,
.logo-128x32-06,
.logo-128x32-07,
.logo-128x32-08,
.logo-128x32-09,
.logo-128x32-10 { height:32px; width:128px; background:url('img/logo.128x32.gif'); }

.logo-128x32-01 { background-position:0    0px; }
.logo-128x32-02 { background-position:0  -32px; }
.logo-128x32-03 { background-position:0  -64px; }
.logo-128x32-04 { background-position:0  -96px; }
.logo-128x32-05 { background-position:0 -128px; }
.logo-128x32-06 { background-position:0 -160px; }
.logo-128x32-07 { background-position:0 -192px; }
.logo-128x32-08 { background-position:0 -224px; }
.logo-128x32-09 { background-position:0 -256px; }
.logo-128x32-10 { background-position:0 -288px; }

/* ͥ��ֱ�� */
#live-broadcast-channels { margin-top:10px; height:90px; }
#live-broadcast-channels li { float:left; display:block; width:128px; text-align:center; border:solid 1px; }
#live-broadcast-channels li { border-color:transparent; margin-bottom:-20px; }
#live-broadcast-channels li { _border-color:white; filter:chroma(color=white); }
#live-broadcast-channels li div { margin:5px 0; }
#live-broadcast-channels li span { display:block; margin-top:5px; color:#666; font-size:9pt;
	background:#eee; padding:5px; visibility:hidden; }
#live-broadcast-channels li.hover,
#live-broadcast-channels li:hover { border-color:#ddd; z-index:999; }
#live-broadcast-channels li.hover span,
#live-broadcast-channels li:hover span { visibility:visible; }

/*�������� */
#calendar-legend { float:right; margin-top:44px; }
#calendar-legend .icon-x16 { float:left; margin-right:5px; }
#calendar-legend li { line-height:16px; margin:5px 0; }
#calendar { width:600px;  }
#calendar .head { width:508px; height:44px; margin:0 auto 10px auto; }
#calendar .subhead1 { width:224px; float:left; margin:0 30px; }
#calendar .subhead2 { width:112px; float:left; margin-top:22px; opacity:0.2; filter:alpha(opacity=20); }
#calendar .head .hover,
#calendar .subhead2:hover { opacity:1; cursor:pointer; filter:alpha(opacity=100); }
#calendar .head .num-16x22,
#calendar .head .num-32x44 { float:left; }
#calendar .day,
#calendar .date { position:relative; float:left; width:73px; border:1px solid #eee; padding:5px; }
#calendar .today { font-weight:bold; }
#calendar .day { height:15px; vertical-align:middle; text-align:center; background:#f4f4f4; }
#calendar .date { height:39px; margin-top:-1px; font-family:"tahoma"; text-align:right; }
#calendar .null { background:#f4f4f4; }
#calendar .date-name {  }
#calendar .date-title { position:absolute; left:5px; top:5px; font-size:9pt; opacity:0.3; filter:alpha(opacity=30); }
#calendar .sunday { color:red; }
#calendar .saturday { color:green; }
#calendar .exceeded { color:gray; }
#calendar .year-month { width:100%; }
#calendar .icon-x16 { float:right; margin:0; }

.channel-h { font-weight: normal; font-size:9pt; margin: 10px 0; padding-bottom:5px;
	background:url('img/200x1.black.linear.gif') bottom left no-repeat; }
.channel-h-800 { background:url('img/800x1.black.linear.gif') bottom right no-repeat; }
.channel-h .ui-icon { float:left; margin-right:5px; }

/* Զ������ */
#remote-court { background:url("img/1x219.gray.linear.gif") 54% 0 no-repeat; }
#remote-court-intro { width:45%; float:right; }
#remote-court-intro img { float:left; margin:10px; }
#remote-court-intro p { text-indent:2em; color:#666; margin-top:0; }
#remote-cases { width:53%; }
#remote-cases li { cursor:default; padding:4px 5px; background:url("img/219x1.gray.linear.gif") 0 bottom no-repeat;
	list-style:url("img/li.10x10.arrow.gif") outside; margin-left:1.5em; }
#remote-cases .datetime { font-family:"tahoma"; font-size:9pt; }
#remote-cases .caseno { color:brown; margin-left:0.5em; }

#led-top { height:18px; overflow:hidden; padding-left:1em; }
#led-top a { display:block; }