/** 
 * CSS Document 
 * Universal default layout for non-admin pages
 */

body {
 color:      #4d5b5e;
 background: #222222 url("./img/site-deco.gif") repeat-y center center;
 
 font-family: trebuchet ms, trebuchet, helvetica, sans-serif;
 font-size:12px;
 letter-spacing: 0;
 word-spacing: 0;
 text-align: center;}
  
*:focus { outline: 0; }
form {margin:0px;}

#site {
 width:      100%;
 background: #222222 url("./img/site-deco.gif") repeat-y center center;}

/** Contact **/
#header {
 position:relative;
 width:980px;height:260px;
 margin: 0px auto 0px auto;}
#head-deco-wrap {
 position:absolute;
 left:0px;top:0px;
 width:980px;height:260px;}
#head-deco {
 position:absolute;
 left:-160px;top:23px;
 width:1300px;height:237px;
 background: transparent url("./img/head-deco.png") left top no-repeat;}
#head-content {
 position:absolute;
 left:0px;top:0px;
 width:980px;height:260px;
 background: transparent url("./img/head.png") left top no-repeat;}
#head-banner {
 position:absolute;
 left:601px; top:41px;
 width:340px;height:170px;}
#head-banner .banner1 {
 position:absolute;
 left:170px; top:0px;
 width:170px; height:170px;
 background: transparent url("./img/head-banner.png") -170px 0px no-repeat;}
#head-banner .banner2 {
 position:absolute;
 left:0px; top:0px;
 width:170px; height:170px;
 background: transparent url("./img/head-banner.png") 0px 0px no-repeat;}
#head-banner .banner {
 position:absolute;
 left:10px; top:10px;
 width:150px; height:150px;}

#logo {
 position:absolute;
 left:55px; top:60px;
 width:370px; height:97px;}
#logo a{
 display:block;
 width:100%; height:100%;}
#logo img {
 position:absolute;
 left:0px; bottom:0px;
 border-width:0px;}
 
/* Main-menu */
#mainmenu {
 position:absolute; z-index:10;
 left:10px; top:230px;
 margin:0px; padding:0px;}
#mainmenu li {
 position:relative; z-index:25;
 float:left;
 width:135px; height:24px;
 margin:0px 1px 0px;padding:0px;
 list-style:none;
 text-align:center;}
#mainmenu a {
 position:relative; z-index:25;
 width:100%; height:100%;
 display:block;
 position:relative;
 color:white;
 line-height: 24px;
 font-family: Verdana, Geneva, sans-serif;
 font-weight: bold;
 font-size: 12px;
 text-decoration:none;
 background:#444;}
#mainmenu span {
 position:absolute;
 display:block;
 height:24px;
 left:1px; top:1px;
 line-height:8px;
 font-size:  9px;
 color:#777;
 font-family: Verdana, Geneva, sans-serif;
 font-weight: bold;}
#mainmenu a:hover {color:black; background-color:white;}
#mainmenu a:hover span {color:black;}
 
#mainmenu li a.selected {
 background-color:#333;}
#mainmenu li a.selected span {
 padding-right:3px;
 color:#00e300;
 font-family: Verdana, Geneva, sans-serif;
 font-weight: bold;}

#mainmenu ul.submenu {
 position:absolute; display:none; z-index:20;
 left:-1px; bottom:24px;
 margin:0 0 2px 0; padding:1px 0 2px 0;
 background:#555;
 border-top:2px solid #00e300;}
#mainmenu ul.submenu li {
 margin-top:2px; z-index:20;}
 
/** Main **/
#main {
 position:relative; z-index:15;
 width:980px;
 margin: 0px auto 0px auto;
 background: #353535;}
#main-deco-top {
 position:absolute; z-index:1px;
 top:0px; left:0px;
 width:980px; height:146px;
 background: transparent url("./img/main-deco.gif") left top no-repeat;}
#main-deco-foot {
 position:absolute; z-index:1px;
 bottom:0px; left:0px;
 width:980px; height:139px;
 background: transparent url("./img/foot-top.gif") left top no-repeat;}

#content {
 position:relative; z-index:2px;
 padding: 25px 0 25px 0;
 text-align:left;}
#content-side {
 position:relative;
 float:left;
 width:215px;
 left:10px;
 margin-bottom:30px;}
#content-main {
 margin-left:246px;
 margin-right:10px;}
 
/**
 * Content
 */
  
#content h1 {
 margin:0px 0px 2px 0px;
 padding:10px 10px 9px 8px;
 font-family: Verdana, Geneva, sans-serif;
 font-weight: normal;
 font-size: 15px;
 color: #69ade2;
 border-left: 8px solid #69ade2;
 background:transparent url("./img/content-back.png") left top repeat;}
#content h2 {
 margin:0px 0px 2px 0px;
 padding:10px 10px 9px 8px;
 font-family: Verdana, Geneva, sans-serif;
 font-weight: normal;
 font-size: 12px;
 color: #00e300;
 border-left: 8px solid #00e300;
 background:transparent url("./img/content-back.png") left top repeat;}
#content p {
 margin:0px 0px 2px 0px;
 padding:10px 14px 9px 16px;
 font-family: Trebuchet MS, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 12px;
 color: #FFF;
 background:transparent url("./img/content-back.png") left top repeat;}
#content a img {
 border: 2px solid #69ade2;;}
#content a:hover img {
 border: 2px solid #00e300;}
#content hr {
 margin:15px 20px 20px 0px;
 border-top:    2px solid #98999b;
 border-left:   2px solid #737475;
 border-right:  2px solid #505052;
 border-bottom: 2px solid #424344;
 height: 0px;}

#content a {color:#51D3FF; text-decoration:none;}
#content a:hover {color:#9BE1FF; text-decoration:underline;}

#content div.frame {
 margin:0px 0px 2px 0px;
 padding:10px 16px 9px 16px;
 font-family: Trebuchet MS, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 12px;
 color: #FFF;
 background:transparent url("./img/content-back.png") left top repeat;}
#content div.imgFrame {
 margin:0px 0px 2px 0px;
 padding:2px;
 font-family: Trebuchet MS, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 12px;
 color: #FFF;
 background:transparent url("./img/content-back.png") left top repeat;}

#content table {
  margin:0px 0px 2px 0px;
  padding:10px 16px 9px 16px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #FFF;
  background:transparent url("./img/content-back.png") left top repeat;}
  
#content .programImage {
 float:right;
 margin-left:20px;
 margin-bottom:10px;}
  
/* System Messages */
div.systemMessages {
  border-left: 5px solid #FF0C00;
  background: #fcd150;
  padding: 0px 10px 0px 5px; 
  margin: 10px 0px 10px 0px;
  color: black;}
  
/* Intro rotator */
#introImgRotator {
 position:relative;
 height:278px;}
#introImgRotator img {
 position:absolute;
 left:2px; top:2px;}
  
/* Side Program */
#side-program a {
 display:block;
 text-decoration:none;}
#side-program a .program-info {
 margin:0px 0px 2px 0px;
 padding:4px 4px 2px 8px;
 font-family: Trebuchet MS, Helvetica, sans-serif;
 font-weight: normal;
 line-height:16px;
 font-size: 12px;
 color: #FFF;
 border-left: 8px solid #FFF;
 background:transparent url("./img/content-back.png") left top repeat;}
#side-program a .program-info .title {
 font-weight:bold;}
#side-program a .program-info .date {
 font-style:italic;
 font-size: 10px;}
#side-program a .program-poster {
 margin:0px 0px 2px 0px;
 padding:2px;
 background:transparent url("./img/content-back.png") left top repeat;}
#side-program a .program-poster img {border:0px; opacity:0.6;filter:alpha(opacity=60);}
#side-program a span {display:block;}
#side-program a:hover {text-decoration:none;}
#side-program a:hover .program-info {background:#FFF; color:#000;}
#side-program a:hover .program-poster img {border:0px; opacity:1;filter:alpha(opacity=100);}

/* Side fast news */
#side-news a {
 display:block;
 text-decoration:none;
 margin:0px 0px 2px 0px;
 padding:4px 4px 2px 8px;
 font-family: Trebuchet MS, Helvetica, sans-serif;
 font-weight: normal;
 line-height:16px;
 font-size: 12px;
 color: #FFF;
 border-left: 8px solid #FFF;
 background:transparent url("./img/content-back.png") left top repeat;}
#side-news a span {display:block;}
#side-news a span.fast-news-title {font-weight:bold;}
#side-news a span.fast-news-date {font-style:italic; margin-bottom:5px; font-size:10px;}
#side-news a:hover {display:block; text-decoration:none; background:#FFF; color:#000;}
#side-news a.fast-news-another {display:none;}

/* News */
#content a.item {display:block; color:white; text-decoration:none;}
#content a.item .date { float:right; margin-right:5px; }
#content a.item .thumb {border:2px solid #00e300; float:right; margin-left:10px;}
#content a.item .program {min-height:68px; height:auto !important; height:68px;}
#content a:hover.item h2 {color:black; background:white; border-left:8px solid white;}
#content a:hover.item p {color:black; background:white;}
#content a:hover.item .thumb {border:2px solid #1a1a1a; float:right;}

/* Photos */
#content .gallery {
 margin:0px 0px 2px 0px;
 padding:8px 4px 8px 8px;
 background:transparent url("./img/content-back.png") left top repeat;}
#content .photo {
 float: left;
 width:178px; height:178px;
 text-align:center;}
#content .photo .title {
 margin:0px 0px 2px 0px;
 padding:10px 14px 9px 16px;
 font-family: Trebuchet MS, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 12px;
 color: #FFF;}

/* Support */
table#support {
 margin:0px 0px 2px 0px;
 padding:0px;
 border-collapse:0px;
 border-spacing:0px;
 width:100%;background-image:none;}
table#support td {
 margin:0px;padding:0px 1px 0px 1px;}
table#support a {
 display:block;
 width:100%; height:100%;
 padding: 3px 0px 3px 0px;
 margin-bottom:2px;
 background:transparent url("./img/content-back.png") left top repeat;}
table#support div {margin:0 auto 0 auto; position:relative; width:175px; height:50px; overflow:hidden;}
table#support img {position:absolute; left:0px; top:0px; border:0px;}
table#support a:hover {
 display:block;
 width:100%; height:100%;
 background:white;
 background-image:none;}
table#support a:hover img {top:-50px; border:0px;}

  
/** Footer **/
#footer {
 position:relative;
 width:980px;height:148px;
 margin: 0px auto 0px auto;}
#foot-deco-wrap {
 position:absolute;
 left:0px;top:0px;
 width:980px;height:148px;}
#foot-deco {
 position:absolute;
 left:-125px;top:0px;
 width:1230px;height:148px;
 background: transparent url("./img/foot-deco.gif") left top no-repeat;}
#foot-content {
 position:absolute;
 left:0px;top:0px;
 width:980px;height:148px;
 background: transparent url("./img/foot.gif") left top no-repeat;}
#copyright {
 position:absolute;
 left:790px;top:125px;
 width:200px;height:20px;
 color:#555;}
#copyright a {
 color:#AAA; text-decoration:none;}
#copyright a:hover {
 color:#FFF; text-decoration:underline;}
  
/** General classes **/
.clear {clear:both;width:100%;}

/* paginator control */
.paginationControl {
 margin:0px 0px 2px 0px;
 padding:10px 14px 9px 16px;
 font-family: Trebuchet MS, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 12px;
 color: #FFF;
 background:transparent url("./img/content-back.png") left top repeat;}
.paginationControl a {
  color: #51D3FF;
  font-weight: bold;
  text-decoration: none;}
.paginationControl a:hover {
  color: #9BE1FF;}
.paginationControl .current {
  font-weight: bold;
  color: #00e300;}
.paginationControl .disabled {
  font-weight: normal;
  color: #AAA;}

/**enlarge image script*/
#geckImageBoxView .background{background: #000; cursor:pointer;}
#geckImageBoxView .imgFrame{
  border-top:    3px solid #98999b;
  border-left:   3px solid #737475;
  border-right:  3px solid #505052;
  border-bottom: 3px solid #424344;}
#geckImageBoxProgress {
  position:absolute;
  left:0px;top:0px;
  width:100%;height:100%;
  background: transparent url("./images/ajax-loader.gif") center center no-repeat;}