@charset "utf-8";
/* Main Headline News */
#newsContainer {width:99.7%;background:url(../images/mainHeadline_bg.gif) repeat-x bottom #FFF;}
#newsBorderR {background:url(../images/mainHeadline_r.gif) repeat-y right;}
#newsBorderL {background:url(../images/mainHeadline_l.gif) repeat-y left;}
#newsBorderBR {background:url(../images/mainHeadline_b_r.gif) no-repeat right bottom;}
#newsBorderBL {background:url(../images/mainHeadline_b_l.gif) no-repeat left bottom; padding:0 0 1px 1px;}

/* Left News */
#newsLeft {float:left; width:238px; padding:10px 0 0 0; margin-top:1px; display:inline-block; background:url(../images/home/bg_picture_story.gif) repeat-x 0 0 #999; min-height:auto; height:auto !important; height:auto;}
#newsLeft h3 {background:url(../images/dash.gif) repeat-x left bottom; padding:5px 0 7px 10px; margin:0 1px 7px 1px; color:#FFF; font-size:1.2em;}
#newsLeft p {color:#FFFFFF; padding:8px 8px; width:208px; margin:0;}
#newsLeft p strong {color:#FFFF99; font-size:1.2em;}
.pictureMain {padding:0 0 0 10px;}
#pictureNav {background:url(../images/dash.gif) repeat-x left top; margin:0 1px; padding:10px 0 5px 0;}
#picturePointNav, #filmPointNav {float:left; padding:5px 0 0 8px;}
#picturePointNav a, #filmPointNav a {background:url(../images/home/pt_pic.gif) no-repeat 0 0; display:block; float:left; width:6px; height:7px; margin-right:6px;}
#picturePointNav a:hover, #picturePointNav a.active {background:url(../images/home/pt_pic_on.gif) no-repeat 0 0;}
#pictureArrowNav, #filmArrowNav {float:right; padding:0 6px 0 0;}
#pictureArrowNav a, #filmArrowNav a {display:block; float:left; width:23px; height:22px;}
#pictureArrowNav a.arrowL {background:url(../images/home/arrow_pic_l.gif) no-repeat 0 0;}
#pictureArrowNav a.arrowR {background:url(../images/home/arrow_pic_r.gif) no-repeat 0 0;}
#picNewsContainer div {display:none; min-height:240px; height:auto !important; height:240px;}
/*#newsLeft p, #newsLeft img {display:none;}*/

#filmNav {margin:20px 0 0 0;}
#filmContainer div {display:none; margin:0px; padding:5px 0 0 0;}
#filmPointNav a {background:url(../images/home/pt_film.gif) no-repeat 0 0;}
#filmPointNav a:hover, #filmPointNav a.active {background:url(../images/home/pt_film_on.gif) no-repeat 0 0;}
#filmArrowNav a.arrowL {background:url(../images/home/arrow_film_l.gif) no-repeat 0 0;}
#filmArrowNav a.arrowR {background:url(../images/home/arrow_film_r.gif) no-repeat 0 0;}

/* Middle News */
#newsMiddle {float:left; width:100%; margin:1px 0 0 0; margin-right:-303px; _margin-right:-340px;}
#newsMiddleMar {margin-right:303px;}
#newsMiddleWid {width:100%;}
#newsMiddleWapperWid{width:100%;}
#newsMiddle p {color:#4E4E4E; margin:0;}
#newsMiddlePad {margin:0 30px 0 20px;}
#newsMiddle h3 {margin:21px 0 5px 2px;}
#latestImg {float:left; margin-right:10px;}
#latestImg a {display:block; float:left;}
#latestImg a span {display:block; margin:8px 2px 2px 2px; border:#C9C9C9 2px solid;}
#latestImg a:hover span, #latestImg a.active span {border:none; padding:2px;}
#latestImg a img {border:#F9F9F9 1px solid; width:54px; height:54px;}
#latestImg a:hover, #latestImg a.active {background:url(../images/home/bg_latest.gif) no-repeat 2px 2px;}
#nextNewsContainer{float:left; padding-left:5px;}
#nextNewsContainer a:hover, #nextNewsContainer a.active{background:url(../images/arrow_red.gif) no-repeat left 7px;}
#nextNews { float:left; background:url(../images/arrow_red.gif) no-repeat left 7px; padding:0 0 0 10px; color:#CC0000; margin-top:35px; text-align:right;}
#newsDetails div {display:none; width:95%}
#newsDetails div blockquote {display:block; height:135px; margin:10px 0 5px 0; padding-right:10px; overflow:auto;
	scrollbar-face-color: #E9E9E9;
	scrollbar-base-color: #F3F3F3;
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-shadow-color: #D8D8D8; 
	scrollbar-arrow-color: #838383;
	scrollbar-darkshadow-color:#BABABA;
	scrollbar-track-color: #F3F3F3;}
#newsDetails div h1 {margin-top:0;}
#tickerList ul li {line-height:160%;}

/* Right News */
#newsRightContainer {float:left; width:100%; margin-right:-239px;}
#newsWapperMar {margin-right:239px;}
#newsWapperWid {width:100%;}
#newsRight {float:left; width:303px;}
#newsRight h3 {padding: 0 0 0 10px;}
#tickerTop {padding:10px 0 5px 0;}
#tickerBtm {background:url(../images/dash.gif) repeat-x left bottom;}
#tickerList {width:94.9%; font-size:12px; height:150px; overflow:auto;
	scrollbar-face-color: #E9E9E9;
	scrollbar-base-color: #F3F3F3;
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-shadow-color: #D8D8D8; 
	scrollbar-arrow-color: #838383;
	scrollbar-darkshadow-color:#BABABA;
	scrollbar-track-color: #F3F3F3;}
#tickerList ul li {line-height:160%;}
#tickerTop ul a {color:#333;}

/* Headline News List */
#headlineNav {margin:6px 1px 0 0; height:25px; background:url(../images/home/bg_headline_nav.gif) repeat-x left bottom;}
#headlineNav a {float:left; display:inline-block;}
#headlineNav a#headlineBtn {width:101px; height:25px;  background:url(../images/home/btn_headline.gif) no-repeat left top;}
#headlineNav a#headlineBtn:hover, #headlineNav a#headlineBtn.active {background:url(../images/home/btn_headline_on.gif) no-repeat left top;}
#headlineNav a#specialBtn {width:101px; height:25px; background:url(../images/home/btn_special.gif) no-repeat left top;}
#headlineNav a#specialBtn:hover, #headlineNav a#specialBtn.active {background:url(../images/home/btn_special_on.gif) no-repeat left top;}
#headlineNav a#tickerBtn {width:88px; height:25px; background:url(../images/home/btn_ticker.gif) no-repeat left top;}
#headlineNav a#tickerBtn:hover, #headlineNav a#tickerBtn.active {background:url(../images/home/btn_ticker_on.gif) no-repeat left top;}
#allNewsContainer {padding:0 0 0 10px; margin-bottom:10px; border-left:#DDD 1px solid;}

/* Headline News List & Special News List */
#headline, #special {margin:0; padding:10px 0 0 0; font-size:12px; min-height: 140px; height: 140px; overflow:auto;
	scrollbar-face-color: #E9E9E9;
	scrollbar-base-color: #F3F3F3;
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-shadow-color: #D8D8D8; 
	scrollbar-arrow-color: #838383;
	scrollbar-darkshadow-color:#BABABA;
	scrollbar-track-color: #F3F3F3;}
#headline li, #special li {margin:0; padding:0 0 3px 10px; background:url(../images/arrow_red.gif) no-repeat 0 8px;}
#headline a, #special a {color:#666666;}

/* Special News */
#specialNews {background:url(../images/special_bg.gif) no-repeat left top; margin:2px 2px 0 2px;}
#specialNewsTR {background:url(../images/special_t_r.gif) no-repeat right top;}
#specialNewsBL {background:url(../images/special_b_l.gif) no-repeat left bottom;}
#specialNewsBR {background:url(../images/special_b_r.gif) no-repeat right bottom;}
#specialNews h3 {color:#E3650B; margin:0; padding:5px 0 0 8px;}
#specialNews ul {margin:0;padding:0 0 5px 8px;}
#specialNews ul li {margin:0; padding:0 0 1px 10px; background:url(../images/arrow_red.gif) no-repeat 0 7px;}
#specialNews ul li a {color:#4E4E4E;}

/*Scroll bar*/
#tickerScrollbar {float:right; text-align:right; position:relative; width:9px; height:136px;}
#tickerScrollbar #scrollB {position:absolute; bottom:0; left:0;}

/*News Banner*/
.newsBanner {padding-top:10px; margin:10px 0 0 0; background:url(../images/dash.gif) repeat-x left top;}
.newsBanner img {margin:0 2px 2px 0; float:left;}
.newsBanner img.last {margin-bottom:0;}

/*Left Column*/
#leftCol {float:left; width:67%; margin:10px 0 0 0; background:none; z-index:1; position:relative;}
#leftColPad {padding:0 10px 0 0;}
#leftColHeader { margin:0 4px 0 4px; vertical-align:bottom;}
#reloadBtn {float:right; background:url(../images/home/btn_reload.gif) no-repeat 0 0; padding:0 7px 0 23px; line-height:190%; color:#999999; font-size:12px; line-height:150%; height:22px;}
#leftColPad .colL, #leftColPad .colR {width:50%; float:left; overflow:hidden; min-height:600px;}
/*.leftItem {float:left; width:100%; margin:0 0 4px 0;}*/
.leftItem {float:left; width:99%; margin:0 0 10px 0;}
/*.leftItem .record {background:url(../images/home/leftitem_top_l_record.gif) no-repeat left top;}
.leftItem .focus {background:url(../images/home/leftitem_top_l_focus.gif) no-repeat left top;}
.leftItem .citylife {background:url(../images/home/leftitem_top_l_citylife.gif) no-repeat left top;}

.leftItem .second {background:url(../images/home/leftitem_top_l_2.gif) no-repeat left top;}
.leftItem .third {background:url(../images/home/leftitem_top_l_3.gif) no-repeat left top;}
.leftItem .fourth {background:url(../images/home/leftitem_top_l_4.gif) no-repeat left top;}*/

.leftItem .second h2 {color:#ffffff;}
.leftItem .third h2 {color:#ffffff;}
.leftItem .fourth h2 {color:#ffffff;}
.leftItem .fifth h2 {color:#FF9900;}
.leftItem .sixth h2 {color:#CC9900;}

.leftItemTopBgL {background:url(../images/home/leftitem_top_l.gif) no-repeat left top #D1D1D1; /*margin:0 4px 0 0;*/ cursor:move; min-height:30px; height:auto !important; height:30px;}
.leftItemTopBgR {background:url(../images/home/leftitem_top_r.gif) no-repeat right top; min-height:30px; height:auto !important; height:30px; padding:0 6px 0 0;}

.leftItem h2 {color:#ffffff;}
.leftItem .leftItemTopBgL img {float:right; margin:7px 2px 0 0;}
.leftItemBtm {/*margin:0 4px 0 0;*/ overflow:hidden; width:100%;}
.leftItemBtmBgL {background:url(../images/home/leftitem_btm_l.gif) no-repeat left top;}
.leftItemBtmBgR {background:url(../images/home/leftitem_btm_r.gif) no-repeat right top; height:3px; overflow:hidden;}
.leftItemBtmBorder {border-left:#CBCBCB 1px solid;border-right:#CBCBCB 1px solid; padding:1px 1px 16px 1px; background:#FFF;
	min-height: 107px;
	height: auto !important;
	height: 107px;}
.leftItemBtm .leftItemBtmBorder img {float:left; width:58px; margin:0 10px 0 0;border:#C8C8C8 2px solid;}
.leftItemBtm .leftItemBtmBorder div {float:left; width:100%; margin:2px -82px 0 0;}
.leftItemBtm .leftItemBtmBorder div div {float:none; width:auto; margin:0 82px 0 0;}
#dragColT .leftItemBtm ul li {float:left; width:47%;}
.leftItemBtm ul {width:100%;}
.leftItemBtm ul li {padding:0 0 1px 12px; background:url(../images/arrow_red.gif) no-repeat 2px 7px; display:none;}
.leftItemBtm ul li.new {background:url(../images/arrow_red_new.gif) no-repeat 0 0;}
.leftItemBtm ul li a {color:#333;}

/*Right Column*/
#rightCol {float:left; width:32.7%; margin:10px 0 0 0; font-size:12px;}
#realtimeNav {position:relative;}
#realtimeContentL {background:url(../images/home/bg_realtime_l.gif) no-repeat left top; margin:-1px 0 10px 0;}
#realtimeContentR {background:url(../images/home/bg_realtime_r.gif) no-repeat right top;}
#realtimeContentBL {background:url(../images/home/bg_realtime_b_l.gif) no-repeat left bottom;}
#realtimeContentBR {background:url(../images/home/bg_realtime_b_r.gif) no-repeat right bottom; padding:0 0 4px 4px;}
.boardcastBtn, .pressBtn {float:left; display:block; height:25px;}
.boardcastBtn {background:url(../images/btn_boardcast.gif) no-repeat left top; width:98px;}
.pressBtn {background:url(../images/btn_press.gif) no-repeat left top; width:111px;}
.boardcastBtn:hover, .active .boardcastBtn {background:url(../images/btn_boardcast_over.gif) no-repeat left top;}
.pressBtn:hover, .active .pressBtn {background:url(../images/btn_press_over.gif) no-repeat left top;}
#onlineBoardcast {min-height: 102px;	height: auto !important; height: 102px;}
#onlineBoardcast img#onairIcon {float:right; margin:18px 20px 0 0;}
#onlineBoardcast ul, #onlinePress ul {margin:3px 0 5px 10px;}
#onlinePress ul {margin:0 0 5px 10px; padding-top:3px;}
#onlineBoardcast ul li, #onlinePress ul li {padding:0 3px 2px 10px; background:url(../images/arrow_blue.gif) no-repeat 0 9px;}
#onlineBoardcast ul li a, #onlinePress ul li a {color:#4E4E4E;}
#onlineBoardcast ul li div, #onlinePress ul li div {width:80px; float:left; margin:0;}
#onlineBoardcast ul li div { clear: both;}
#onlineBoardcast img {margin:0 0 -3px 2px;}
#onlineBoardcast div {float:left; width:100%; margin:0 -119px 0 0;}
#onlineBoardcast div div {float:none; width:auto; margin:0 119px 0 0;}
.archive {background:url(../images/dash.gif) repeat-x left top; padding:5px 0 5px 0;}
.archive ul {padding:5px 0 0 12px;}
.archive ul li {background:url(../images/pt_blue.gif) no-repeat 0 5px; padding:0 0 5px 12px; line-height:120%;}
.archive ul li a {color:#4E4E4E;}

/* Weather */
#weatherContainer {margin:0 0 5px 0; position:relative;}
#weatherNav {height:25px; position:relative;}
#weatherContentL {background:url(../images/home/bg_weather_l.gif) no-repeat left top; margin:-1px 0 10px 0;}
#weatherContentR {background:url(../images/home/bg_weather_r.gif) no-repeat right top;}
#weatherContentBL {background:url(../images/home/bg_weather_b_l.gif) no-repeat left bottom;}
#weatherContentBR {background:url(../images/home/bg_weather_b_r.gif) no-repeat right bottom; padding:0 0 4px 4px;}
.weatherTopBgL {background:url(../images/home/weather_top_l.gif) no-repeat left top;}
.weatherTopBgR {background:url(../images/home/weather_top_r.gif) no-repeat right top; height:23px; padding:0 6px 0 0;}
#weatherContainer .weatherTopBgL h2 {padding-top:0;}
#weatherContainer .weatherTopBgL h2 img {float:left;}
#weatherContainer .weatherTopBgL img {float:right; margin:5px 2px 0 0;}
#weatherContent {padding:5px 0 2px 0;}
#weatherContent div {float:left; text-align:center; /*font-size:90%;*/ line-height:120%; color:#4E4E4E;background:url(../images/dash_v.gif) repeat-y right; padding:0 0 5px 0;}
#weatherContent div.last {background:none;}
#weatherContent div img {margin:0 0 6px 0;}
#weatherContent p {margin:5px 10px 5px 10px;}
#weatherContent #road {clear:both; width:100%; background:url(../images/dash.gif) repeat-x left top; padding:5px 0 0 0; text-align:left;}
#weatherContent #road ul {padding:5px 0 0 12px;}
#weatherContent #road ul li {background:url(../images/pt_red_2.gif) no-repeat 0 5px; padding:0 0 5px 12px;}
#trafficIcon { position:absolute; top:2px; right:0;}
#traffic {padding:5px 0 10px 0;}
#traffic, #weather {display:none;}
#traffic select { display:block; margin:10px 0 0 0; width:98%;}
#trafficVideo img {display:none;}
.weatherBtn, .trafficBtn {float:left; display:block; height:25px;}
.weatherBtn {background:url(../images/btn_weather.gif) no-repeat left top; width:69px;}
.trafficBtn {background:url(../images/btn_traffic.gif) no-repeat left top; width:79px;}
.weatherBtn:hover, .active .weatherBtn {background:url(../images/btn_weather_over.gif) no-repeat left top;}
.trafficBtn:hover, .active .trafficBtn {background:url(../images/btn_traffic_over.gif) no-repeat left top;}

/* Tools & Resources */
#toolsResources {font-size:0.9em;}
#toolsNav {background:url(../images/bg_tools.gif) repeat-x left bottom; padding:0 0 0 8px; margin:0 0 6px 0;}
#toolsLink {float:left; width:100%; margin:0 0 0 -155px;}
#toolsLinkMar {margin-left:155px;}
#toolsLinkWid {width:100%;}
#toolsLinkWid div {color:#719B31;background:url(../images/dash.gif) repeat-x left bottom; margin:0 0 6px 6px; _margin:0 0 6px 1px;}
#toolsLinkWid div a {color:#719B31;padding:2px 0 9px 33px; _padding:2px 0 9px 29px; display:block; background-position:2px 0; background-repeat:no-repeat;}
#toolsLinkWid div ul {margin:-8px 0 0 39px; padding:0 0 7px 0;}
#toolsLinkWid div ul li {display:inline;}
#toolsLinkWid div ul li a {background:url(../images/bullet_green.gif) no-repeat 0 8px; color:#666666; padding:0 0 0 10px;}

#toolsLinkWid div a.vacancies {background-image:url(../images/home/tool_vacancies.gif);}
#toolsLinkWid div a.jobs {background-image:url(../images/home/tool_jobs.gif);}
#toolsLinkWid div a.tender {background-image:url(../images/home/tool_tender.gif);}
#toolsLinkWid div a.calendars {background-image:url(../images/home/tool_calendars.gif); cursor:default;}
#toolsLinkWid div a:hover.calendars {text-decoration:none;cursor:default;}
#toolsLinkWid div a.marksix {background-image:url(../images/home/tool_marksix.gif);}
#toolsLinkWid div a.map {background-image:url(../images/home/tool_map.gif);}
#toolsLinkWid div a.time {background-image:url(../images/home/tool_time.gif);}
#toolsLinkWid div a.citizen {background-image:url(../images/home/tool_citizen.gif);}
#toolsLinkWid div a.telephone {background-image:url(../images/home/tool_telephone.gif);}
#toolsLinkWid div a.interview {background-image:url(../images/home/tool_interview.gif);}
#toolsLinkWid div a.structure {background-image:url(../images/home/tool_structure.jpg);}
#banner {float:left; width:155px; text-align:right; _width:150px;}
#banner img {float:right; border:#EFEFEF 1px solid; padding:1px; margin:0 0 2px 0;}
#banner img.blue {border:#187EB5 1px solid; padding:2px;}

/* Sortable Div */
.sortPlaceholder {background: #EEE; float:left; border:1px dashed #999;}
#sortHelper {width:98% !important}
.sortActive {position:absolute; z-index:100;}
#dragHelper {z-index:100;}

/* Crazy Adv */
#crazyAdv {margin:4px 0; overflow:hidden;}
#crazyAdv img {margin:4px 0; border:1px solid #E1E1E1;}
#btnShowBanner {display:none; background:url(../images/btn_showBanner.gif) no-repeat 0 0; font-size:12px; color:#CC0000; width:98px; height:18px; padding:0 0 0 17px; line-height:18px;}