#page { width: 960px; margin: 0 auto; background-color: #FAFAFA; border: 1px solid #DEDEDE; border-top: none; }
#pageContainer { padding: 20px 40px; background-color: #FFF; }
#pageContent { box-shadow: 0 10px 6px -6px #777777; min-height: 500px; }
/*global*/
.masking { display: none; background-color: #000; opacity: 0.3; position: fixed; _position: absolute; width: 100%; height: 100%; z-index: 100; }
.maskingHidden { background-color: transparent; z-index: 5; }
/*nav*/
/*.nav { background: #FFF; color: #8b8b8b; font-size: 13px; }*/
.nav { color: #8b8b8b; font-size: 13px; }
.navOptions { padding: 10px 20px; }
.navTitle, .navLiveType, .navLiveState, .ndLeft, .ngMain, .ndRight, .dateItem { display: inline-block; *zoom: 1; *display: inline; vertical-align: top; }
.navLiveType, .navLiveState, .ndRight, .dateItem, .ngMain { margin-left: -4px; }
.ngMain { margin-left: -4px;  *margin-left:-1px; border: 1px solid #c9c9c9; border-top: none; border-bottom: none; position:relative; }
.dateItem { margin-left: -3px; *margin-left:0px; }
.navLiveType, .navLiveState { width: 840px; }
.navItem { color: #8b8b8b; padding: 3px 5px; transition: all 0.2s linear 0s;  }/*white-space: nowrap;*/
.navItem:hover { background-color: #29b419; color: White; }
.typeActive, .typeActive:hover, .stateActive, .stateActive:hover { color: #29b419; font-weight: bold; background: none; }
.navDate { border-top: 1px solid #c9c9c9; background: #f4f4f4; overflow: hidden; }
.ndArrBar { overflow: hidden; height: 100px; border-bottom: 1px solid #c9c9c9; width: 31px;  }
.ndArrBar, .ngMain { background: #f4f4f4; }
.ngMain { width: 896px; overflow: hidden; height: 101px; }
.dateList { width: 2730px; position: relative; }
.dateItem { background: #f4f4f4; height: 100px; width: 179px; border: 1px solid #c9c9c9; border-left: none; border-top: none; cursor: pointer; transition: all 0.2s linear 0s; }
.dateItem:hover { background-color: White; }
.dateLine { background-color: #27b418; height: 5px; display: block; visibility: hidden;  overflow:hidden;}
.dateWeekDay, .dateDay { text-align: center; color: #717171; }
.dateWeekDay { font-size: 13pt;  height:30px; line-height:39px; }
.dateDay { font-size: 23pt; height:50px; line-height:50px;}
.dateActive, .datehover { background-color: White; border-bottom: 1px solid White; }
.dateActive .dateLine, .datehover .dateLine { visibility: visible; }
.dateActive .dateWeekDay, .datehover .dateLine { color: #999; }
.dateActive .dateDay, .datehover .dateLine { color: #28b318; }
.ndArr { margin-top: 35px; display: block; border-style: solid; border-width: 15px; border-color: #f4f4f4 #a7a7a7 #f4f4f4 #f4f4f4; overflow: hidden; height: 0; width: 0; font-size: 0; position: relative; }
.ndArrRight { left: -7px; *left:0; }
.ndArrRight:hover { border-color: #f4f4f4 #666 #f4f4f4 #f4f4f4; }
.ngArrLeft { border-color: #f4f4f4 #f4f4f4 #f4f4f4 #a7a7a7; right: -7px; *right: -4px; }
.ngArrLeft:hover { border-color: #f4f4f4 #f4f4f4 #f4f4f4 #666; }
/*context*/
/*.live_List { background-color: #FFF; padding: 15px; }*/
.live_Item { background: url("/LiveTelecast/Images/2013_home_split.png") no-repeat scroll bottom; padding: 15px; }
.li_dataImg, .li_Data { display: inline-block; *zoom: 1; *display: inline; vertical-align: top; }
.li_Img, .li_ImgContainer { width: 240px; height: 170px; }
.li_dataImg { position: relative; border-radius: 5px; overflow: hidden; }
.li_TitleLink:hover { text-decoration: underline; }
.li_State { position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; color: White; line-height: 30px; height: 30px; }
.li_End { background: none repeat scroll 0 0 rgba(63, 63, 63, 0.5); }
.li_Now { background: none repeat scroll 0 0 rgba(49, 187, 233, 0.5); }
.li_Data { padding-left: 20px; }
.li_Title { font-size: 15px; width: 580px; }
.li_TitleLink { color: #666; }
.li_TelDate { }
.li_TelDateActive { color: #4cb7db; font-weight: bold; }
.annotate { color: #8f8f8f; }
.li_Discription { width: 550px; height: 85px; margin-left: -4px; overflow: hidden; display: inline-block; _zoom: 1; _display: inline; vertical-align: top; }
/*footer*/
.footer { background-color: #FAFAFA; text-align: center; padding-bottom: 40px; }
.footerTxt{ text-align:center;}
.footerLink, .footerTxt { display: block; color: #4cafb5; line-height: 35px; font-weight: bold; font-size: 14px; display: none; }
.footerLink:hover { background-color: #acfaff; color: #666; }
.loadError { color: #fd5b78 !important; }
.loadingData { background: url("/LiveTelecast/Images/loadingNow.gif") no-repeat center center; height: 60px; width: 40%; margin: 0 auto; }
.backToTop { cursor: pointer; _right: auto; width: 50px; color: #4Db6E8; height: 50px; background: url('/Themes/Images/BackTop_default.png') no-repeat 0px 0px; position: fixed; _position: absolute; bottom: 88px; right: 8.6%; z-index: 1; display: none; transition: none; }
.backToTop:hover { background-position: -50px 0px; transition: none; }


