/* Main Style For the Site Layout */
#justin {position:absolute; left: 215px; top:57px}


a:link, a:visited, a:active, { text-decoration: none; vertical-align: middle; color: rgb(0,102,204);}
td {font-family: arial}
#video { position: absolute; left: 218px; top: 85px; width: 503px; height: 412px; padding: 0px; z-index:3; }
#search_result { position: absolute; left: 223px; top: 90px; width: 494px; height: 402px; padding: 0px; z-index:3; }
#list { color: black; overflow: auto; background-color: transparent; position: absolute; left: 219px; top: 87px; width: 497px; height: 369px; padding: 0px; z-index:2; }
#load{ background-color: transparent; color: white; position: absolute; left: 231px; top: 85px; width: 503px; height: 369px; padding: 0px; z-index:3; }
#videobg {position: absolute; left: 211px; top: 57px; width: 503px; height: 426px; padding: 0px; z-index:1;  }
.list_text a:link, .list_text a:visited, .list_text a:active, {position: relative; left: 5px; font-family: verdana; font-size: 11px; text-decoration: none; vertical-align: middle; color: rgb(0,102,204);}

#ticks {position: absolute; left:218px;top:362px;z-index:80;}
#ticker {position: absolute; left:320px;top:441px;width:395px; height: 20px; z-index:99;overflow:hidden;visibility:hidden;color:white;}
#tick_title {position: absolute; text-align:center; text-transform:uppercase; font-family: arial bold; font-size: 14pt;left:218;top:393px;width:500;z-index:99;}
#tick_sub {position: absolute; text-align:center; font-variant:small-caps;font-family: arial narrow;  color:white;font-size: 14pt;left:218px;top:417px;width:500;z-index:99;}

#title { background-color: white; position: absolute; left: 0px; top: 0px; width: 800px; height: 42px; padding: 0px; z-index: 1;}
#title2 { background-color: white; position: absolute; right: 0px; top: 0px; width: 300px; height: 42px; padding: 0px; z-index: 0;}
#drop { background-color: transparent; position: absolute; left: 830px; top: 15px; width: 87px; height: 20px; padding: 0px; z-index: 50;}
#search {border:none; background-color: transparent; position: absolute; left: 832px; top: 16x; width: 87px; height: 22px; padding: 0px; z-index: 3;}
#search2 { position: absolute; left: 920px; top: 16px; width: 50px; height: 20px; padding: 0px; z-index: 3;}

#news {background-color: white; position: absolute; left: 22px; top: 515px; width: 692px; height: 50px; padding: 0px;}
.news_text {}
.news_title {font-size:13px; text-decoration: underline; font-weight: bold; }
.news_cap {float: left; padding-right:2px; padding-bottom: 0px;}   


#show { background-color: white; position: absolute; left: 738px; top:57px; width: 254px; height: 449px; padding: 0px; visibility: visible;}
#comment { background-color: white; position: absolute; left: 738px; top:57px; width: 254px; height: 449px; padding: 0px; visibility: hidden;}
#download { background-color: white; position: absolute; left: 738px; top:57px; width: 254px; height: 449px; padding: 0px; visibility: hidden;}
#about { background-color: white; position: absolute; left: 738px; top:57px; width: 254px; height: 449px; padding: 0px; visibility: hidden;}
#contact { background-color: white; position: absolute; left: 738px; top:57px; width: 254px; height: 449px; padding: 0px; visibility: hidden;}
#help { background-color: white; position: absolute; left: 738px; top:57px; width: 254px; height: 449px; padding: 0px; visibility: hidden;}
.menu_text { font-family: serif; font-size: 12pt; background-color: transparent; position: absolute; left: 743px; top:90px; width: 264px; height: 390px; padding: 0px;}

#progress {background-color: transparent; position: absolute; left: 267px; top: 481px; width: 300px; height: 14px; padding: 0px; z-index:2; visibility: hidden;}
#timebar {background-color: transparent; position: absolute; left: 267px; top: 469px; width: 300px; height: 14px; padding: 0px; z-index:2; visibility: hidden;}
#DP {font-size: 8pt; color: white; background-color: transparent; position: absolute; left: 545px; top: 481px; width: 100px; height: 20px; padding: 0px; z-index:50; visibility: hidden;}
#full { background-color: transparent; position: absolute; left: 590px; top: 468px; width: 20px; height: 10px; padding: 0px; z-index:2; visibility: hidden;}
#pause { background-color: transparent; position: absolute; left: 218px; top: 463px; width: 100px; height: 10px; padding: 0px; z-index:2; visibility: hidden;}
#skip { background-color: transparent; position: absolute; left: 630px; top: 470px; width: 100px; height: 10px; padding: 0px; z-index:2; }
#page {background-color: transparent; text-align: center; position: absolute; right:10px; top:370px; width:240px; height:13px;}
#links {background-color: white; position: absolute; left: 200px; top: 515px; width: 400px; height: 50px; padding: 0px;}
#links2 {background-color: white; position: absolute; left: 735px; top: 545px; width: 200px; height: 50px; padding: 0px;}
#submit {background-color: transparent; position: absolute; left: 883px; top: 510px; width: 150px; height: 37px; padding: 0px; z-index: 2;}

.drop:first-letter {font-size:22pt; padding-right:2px; float:left; line-height:.8em; color:black;}
.drop {vertical-align: top; text-align: justify; width:244; font-size:13px;}
#show_text {visibility: visible;}
#show_text2 {visibility: hidden;}
#about_text {visibility: hidden;} 
#contact_text {visibility: hidden;}
#vop_text {visibility: hidden;}
#links_text {visibility: hidden;}
#help_text {visibility: hidden;}
#com {z-index:40}

.info_title {font-size:13px;text-decoration: underline; font-weight: bold; text-align: center;}
.info_sub {vertical-align: top; text-align: center; font-size:12px; height: auto;}
.info_cap {float: left; padding-right:2px; padding-bottom: 2px;}
.info_text { font-family: serif; vertical-align: top; text-align: justify; font-size: 13px;}
.info_link {font-size: 12px; font-family: arial; position:relative;top: -7; padding-top: 6px}
.info_link a:link, .info_link a:visited, .info_link a:active, {text-decoration: none; color: rgb(0,102,204);}
.title {font-size:16px; text-decoration: underline; font-weight: bold; text-align: center;}
.sub {vertical-align: top; text-align: center; font-size:14px; height: auto;}
.info_more {color:blue; float: right; position:relative;top: -12; line-height: 1;}

/* Channels CSS */
#up {position:absolute; left:28px; top:448px; cursor:pointer;}
#down {position:absolute; left:108px; top:448px; cursor:pointer;}
#temp {position:absolute; left:28px; top:600px; cursor:pointer;}
#cont {position:absolute; left:17px; top:84px; width:177px; height:345px; overflow:hidden;}
.txt {position:absolute; left:0px; top:0px; width:290px; font-family:verdana,arial,helvetica,sans-serif; font-size:11px; text-align:left; padding:5px; visibility:hidden;}

#channel {background-color: transparent; position: absolute; left: 22px; top: 57px; width: 177px; height: 490px; padding: 0px;visibility: visible;}
#channel2 {background-color: transparent; position: absolute; left: 22px; top: 57px; width: 177px; height: 490px; padding: 0px;visibility: hidden;}
#chan_map {background-color: transparent; position: absolute; left: 22px; top: 57px; width: 177px; height: 490px; padding: 0px; z-index:3;visibility: visible;}
#chan_map2 {background-color: transparent; position: absolute; left: 22px; top: 57px; width: 177px; height: 490px; padding: 0px; z-index:3;visibility: hidden;}
#list_btn {background-color: transparent; position: absolute; left: 22px; top: 470px; width:170px; height:37px; padding:0px;}
.trl_select {width: 172; background-image: url(pic/trl_select.png); background-repeat: no-repeat; background-position: center;}
.trl_unselect {width: 172; background-image: url(pic/trl_unselect.png); background-repeat: no-repeat; background-position: center;}
.trl_title {position: relative; top: 0px; left: 22px; font-size: 14px; font-family: arial; font-weight:bold;}
.trl_topic {position: relative; top: 0px; left: 65px; font-size: 14px; font-family: arial; font-weight:bold;}
.trl_language {position: relative; top: 0px; left: 34px; font-size: 14px; font-family: arial; font-weight:bold;}
.trl_region {position: relative; top: 0px; left: 65px; font-size: 14px; font-family: arial; font-weight:bold;}
.chan_select {background-image: url(pic/channel_select.png); background-repeat: no-repeat; background-position: center;}
.chan_unselect {background-image: url(pic/channel_unselect.png); background-repeat: no-repeat; background-position: center;}
.chan_notyet {background-image: url(pic/channel_notyet.png); background-repeat: no-repeat; background-position: center;}
.chan_num {position: relative; top: 0px; left: 27px; font-size: 20px; font-family: arial black; font-weight:bold; }
.chan_num2 {position: relative; top: 0px; left: 20px; font-size: 20px; font-family: arial black; font-weight:bold; }
.chan_title {position: relative; top: -3px; left: 40px; font-size: 12px; font-family: verdana; font-weight:normal;}
.chan_title2 {position: relative; top: -3px; left: 25px; font-size: 12px; font-family: verdana; font-weight:normal;}
.chan_more {background-image: url(pic/more.png); background-repeat: no-repeat; background-position: center;}
.chan_btn {filter:alpha(opacity=0); opacity:0; -moz-opacity:0; position: relative; top:0px; left:5px; z-index="20";}




/* ORIGINAL BUTTON STYLING (v1.0) - FIXED SIZE */	
#css-buttons ul{list-style: none;margin: 0 0 10px 0;padding: 0;}   
#css-buttons li{border: 1px solid #333; margin: 5px 0 0 20px; width:112px;}
#css-buttons li a{color: white; text-decoration: none;}

.css-button {display:block;font: 10px verdana, arial, sans-serif;padding: 2px 0px 2px 0px; border: 1px solid white;text-decoration: none; width:110px;background: #ccc;color: #fff;}
.css-button span {font: bold 10px verdana, arial, sans-serif;padding: 2px 3px 2px 3px; color: #fff;}

/* VARIATION BUTTON STYLING (v2.0) - SIZABLE SIZE */
#css-buttons2 ul{list-style: none;margin: 0 0 5px 0;padding: 0;}
#css-buttons2 li{border: 1px solid #999; margin: 5px 0 0 0px; width:auto;}
head:first-child+body #css-buttons2 li{padding-right:2px;}
#css-buttons2 li a{color: #333; text-decoration: none;}

.css-button2 {display:block;font: 0.8em verdana, arial, sans-serif;padding: 2px 0 2px 0px; border: 1px solid white;text-decoration: none; width:100%;background: #ddd;color: #333;}
.css-button2 span {font: bold 1.0em verdana, arial, sans-serif;padding: 2px 3px 2px 3px; color: #fff;}  

/* BUTTON LOGO STYLING */
.uptv span{background:#0066B1;}
.upi span{background:#f60;}
.rss span{background:#f60;}
.geo span{background:#093; font-style:italic;}
.fun span{background:#5ACE29;}
.res span{background:#A857E6;}
.blogdex span{background:#b20d1c;}
.nd6 span{background:#ffbf18; color:#e26200;}
.nd5 span{background:#ffbf18; color:#e26200;}
.lotus span{background:#fc0; color:#000;}
.ibm span{background:#069;}
.openntf span{background:#79A9D2;}
.dominoblog span{background:#3DB6D9;}
.domblog span{background:#FFA548;}
.freedomblog span{background:#EC8D00; color:red;}
.blogsphere span{background:#0066B1;}
.mt span{background:#069;}
.amazon span{background:#f90;color:black;font: bold 1.1em helvetica, arial, Sans-Serif;}
.paypal span{background:#eaf7fc;color:#244873;font-style:italic;}
.paypal2{font: bold 10px helvetica, arial, Sans-Serif;}
.w3c span {background: #fff; color: #069; font: bold 1.1em helvetica, arial, Sans-Serif;}
.w3c2{background: #fc6;color: black !important;}