/* 
*********************************
          ..:: TCF ::..
		STATIC PAGE STYLES
*********************************
*/



/* CSS RESET */
ol,li {margin:0;padding:0;}
.cleaner { clear:both; }

.titleBar .barAction   { float:right; font-size:11px; margin:5px 10px; }
.titleBar .barAction a { text-decoration:underline; color: #FFF; }
.titleBar .barHead     { float:left; color:#fff; font-size: 20px; font: bold 16px/17px arial, verdana, sans-serif; text-align:left; padding: 4px 0px 0px 12px; text-transform:uppercase; }


/* ABOUT US STYLES  */
.about-headbanner   { width:642px; height:821px; margin:5px 0 7px 0; padding:10px 0px 18px 12px; background:url(../i/t/about2-bg.jpg ) no-repeat; overflow:hidden; }

/* SHOWDOWN WINNERS */
.showdown-headbanner    { overflow:hidden; width:630px; height:153px; margin:0 0 7px 0; padding:12px; background:url(../i/t/showdown-winners-bg.jpg ) no-repeat; }
.vidleft                { width:190px; float:left; margin:0; }
.txtright               { width:188px; float:right; margin:0; position:relative; right:0px; color:#FFFFFF; line-height: 18px; text-align:left;  overflow:show;}
.txtright p             { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 5px 0 0 0 }
.txtright a             { color:#FFFFFF; text-decoration:underline; }

/* PRO VIDEO */
.provid-headbanner   { width:782px; height:1150px; margin:0; padding:18px 0px 18px 12px; background:url(/i/misc/go_pro_bg.jpg) no-repeat; overflow:hidden; }
.provid-headbanner h2   { margin:0 !important; padding:0 !important }
.provid-headbanner h1 {padding-top:6px !important; margin:0 0 40px 0; font-size:28px}
.provid-headbanner p {padding:0 !important; margin:3px 0 20px 0 !important; line-height:18px !important}
.provid-button {text-align:center; margin-bottom:18px}
#iframe_container160x600 {margin:0; padding:0}
.provid-headbanner p a {color:#ccffff}
.provid-headbanner p a:hover {color:#ccffff}

/* CREATORS */
.creators-headbanner2   { width:642px; height:157px; margin:0 0 7px 0; padding:18px 0px 18px 12px; background:url(../i/t/creators2-bg.jpg ) no-repeat; overflow:hidden; }
.txt3               { width:496px; float:left; margin:0; position:relative; top:0px; right:0px; color:#FFFFFF; line-height: 16px; text-align:left;  overflow:show }  
.txt3 p             { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 5px 0 0 0px }
.txt3 a             { color:#FFFFFF; text-decoration:underline; }
.txt3 h2            { margin:30px 0 5px 0; font-size:16px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; line-height:22px; }

.creators-headbanner    { width:642px; height:262px; margin:0 0 7px 0; padding:18px 0px 18px 12px; background:url(../i/t/creators-bg.jpg ) no-repeat; overflow:hidden;  }
.txt4                    { width:455px;float:left; margin:0; position:relative; top:40px; right:0px; color:#FFFFFF; line-height: 17px; text-align:left;  overflow:show }  
.txt4 p             { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 10px 0 0 20px }
.txt4 a             { color:#FFFFFF; text-decoration:underline; }

.arrow_or               { background:url(../i/t/arrow_lg-or.gif); width:23px; height:27px; float:left; margin: 0 5px 0 10px; position:relative; top:40px;  }

.stepcntr                { overflow:hidden; float:left; position:relative; left:0; top:40px;  }
.steptxt1                { width:148px; color:#FFFFFF; text-align:left; float:left; margin:0;  }   
.steptxt2                { width:170px; color:#FFFFFF; text-align:left; float:left; margin:0;  }   
.steptxt3                { width:130px; color:#FFFFFF; text-align:left; float:left; margin:0;  } 

.steptxt1 a              { color:#FFFFFF; text-decoration:underline; font-weight:normal }
.steptxt2 a              { color:#FFFFFF; text-decoration:underline; font-weight:normal }
.steptxt3 a              { color:#FFFFFF; text-decoration:underline; font-weight:normal }
.stepnum                 { float:left; margin:0 5px 0 0; width:30px;  }

.col180     { width:196px; float:left; text-align:center; margin:0px 10px 0px 10px }

.timeboxt  { color:#fff; background: #3d3d3d; position:absolute; right:0; bottom:0; padding:4px; padding-left:6px; z-index: 10; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}
.timet     { color:#fff; font:bold 12px/12px arial, verdana, sans-serif; text-decoration:none; }


.author     { border-top: 1px solid #35464F; margin:10px 0 0px 10px; padding-top:7px; width:137px; overflow:hidden; float:left; text-align:left; line-height:18px; font-size:11px; }
.author2    { border-top: 1px solid #35464F; margin:10px 0 0px 0px; padding-top:7px; width:137px; overflow:hidden; text-align:left; line-height:18px; font-size:11px; }

/* CREATORS KIT */

#scrollbox     { width:460px; height:90px; border:1px solid #72787B; margin:20px 0 10px 0; padding: 7px 10px 14px 20px; background:#FFFFFF; overflow:auto }


#scrollbox #tablecontain td.head { color:#35464F; font-weight:bold; }

.highlight   { background:#97ABB1; cursor:pointer; color:#FFFFFF }
#scrollbox #tablecontain td      { padding:2px 10px 2px 0px; font-size:12px; }
#scrollbox #tablecontain td.col1 { padding-left: 4px; width:155px; }
#scrollbox #tablecontain td.col2 { width:105px; }
#scrollbox #tablecontain td.col3 { width:70px; }
#scrollbox #tablecontain td.col4 { width:60px; }



/* TABULAR DATA RESIDES IN TABLES */

table.channelsright td     { text-align:left; font-size:11px; line-height:13px;  }

table.vidlist                  { width:100%; font-family:Arial, Helvetica, sans-serif; margin:5px 0 0 0; color:#35464F; font-size:12px;   }

/* label row */
table.vidlist tr.head          { height:21px; background:#E8E5D9; }
table.vidlist tr.head td.title { text-transform:uppercase; padding:5px 0 5px 20px; text-align:left; color:#35464F; font-size:16px; font-weight:bold }
table.vidlist tr.head td.col88 { width:88px; text-align:center; padding:5px 0 5px 0; color:#35464F; font-weight:bold; border-left:1px solid #C3C3C3 }
table.vidlist tr.head td.col78 { width:78px; text-align:center; padding:5px 0 5px 0; color:#35464F; font-weight:bold; border-left:1px solid #C3C3C3; background:url(../i/t/vit1x1.gif) #E8E5D9 no-repeat top right; }

table.vidlist tr.vit td.col88 { width:88px; text-align:center; padding:5px 0 5px 0; color:#35464F; font-weight:bold; border-left:1px solid #C3C3C3 }

table.vidlist tr.vit td.col78 { width:78px; text-align:center; padding:5px 0 5px 0; color:#35464F; font-weight:normal; border:0; color:#000000 }
table.vidlist tr.vit td.col88 { width:88px; text-align:center; padding:5px 0 5px 0; color:#35464F; font-weight:normal; border:0; color:#000000 }

/* paging styles */
ul.paging             { list-style-type:none; float:right; font-size:11px; margin:5px 0px 10px 0; }
ul.paging li          { display:inline-block; float:left; margin:0 4px 0 2px;}
ul.paging li a        { text-decoration:underline; font-weight:bold; color:#336699; }
ul.paging li a:hover  { text-decoration:none; color: #35464F }
ul.paging li.on       { display:inline-block; float:left; margin:0 2px 0 2px; color:#FFFFFF; background:url(../i/t/paging-on-bg.gif) #35464F no-repeat; padding:1px 5px 2px 5px; font-weight:bolder }


/* white content */
table.vidlist tr.vit          { background:#FFFFFF }    
table.vidlist tr.gra          { background:#E8E5D9 }

td.desc                       { padding: 16px 0 9px 0px; text-align:left;}
td.desc p                     { margin: 8px 0 5px 0 }
td.desc p a                   { font-weight:normal }  

.vidimg      { float:left; margin:0; padding: 7px 0px 9px 9px}
.goldtitle    { color:#CD5B22; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; padding:0 4px 0 0; float:left;}
.goldtitle a  { color:#CD5B22; text-decoration:underline; }

.goldtitle img {position:relative; top:6px; left:2px; }

.goldtitle2     { color:#CD5B22; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin-top:10px; padding:2px 0px 0 0; }
.goldtitle2 a   { color:#CD5B22; text-decoration:underline; }
.goldtitle2 img { margin:0px 0 0 4px; position:relative; top:5px; }

.cnctico-w    { float:left; display:block; background:url(../i/t/ico_sm-connect-w.gif) 0 3px no-repeat; width:25px; height:20px; border:0px solid red;}
.cnctico-g    { float:left; display:block; background:url(../i/t/ico_sm-connect-g.gif) 0 3px no-repeat; width:25px; height:20px; border:0px solid red;}


/* HEADINGS, BANNERS, INTROS */
.heading        { font-family:Georgia, "Times New Roman", Times, serif; font-size: 28px; font-weight:normal; margin-bottom:10px; }
.contentheading { font-family:Georgia, "Times New Roman", Times, serif; margin:0; font-size: 17px; font-weight:bold; color:#34464F; text-align:left; margin:5px 0 5px 0; }
.introtxt       { width: 383px; color:#FFFFFF; line-height: 18px; text-align:left; float:left;}
.introtxt p     { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 14px 0 0 0 }
.introtxt a     { color:#FFFFFF; text-decoration:underline; }

p.smaller       { font-size:11px; }

/* UNIVERSAL SPACERS & ALIGNERS*/
.indent10       { margin:5px 0 10px 10px; text-align:left;}
.indent25       { margin:5px 0 10px 25px; text-align:left; }
.vspacer10      { margin:10px 0 10px 0 }
.centertxt      { text-align:center; }
.vspaceH20      { margin-top:20px; }
.vspaceH10      { margin-top:10px; }

/* UNIVERSAL FORMS */
.txtinputmed  { border:1px solid #000000; width:240px; font-size:10px; padding:2px 0 2px 5px; margin:5px 0 0 0 }
.button         { margin:10px 0 10px 0 }

/* UNIVERSAL BOXES & BREAKS */

.blue-break                 { height:8px; background:url(../i/t/blu-tbx_653.gif) #54789B no-repeat top; }
.graybox                    { float:left; overflow:visible; font-size:12px; margin:10px 0px 10px 0; padding-bottom:5px; text-align:left;}
.graycontentbox_one         { width:234px; height:120px; padding: 11px 12px 17px 12px; overflow:hidden; float:left; background:#e8e5d9;  }
.graycontentbox_oneb        { width:234px; height:222px; padding: 11px 12px 17px 12px; overflow:hidden; float:left; background:#e8e5d9;  }
.graycontentbox_two         { width:366px; height:120px; padding: 11px 12px 17px 12px; overflow:hidden; float:left; background:#e8e5d9;  }
.graycontentbox_twob        { width:366px; height:222px; padding: 11px 12px 17px 12px; overflow:hidden; float:left; background:#e8e5d9;  }
.graycontentbox_three       { width:629px; padding: 11px 12px 17px 12px; overflow:hidden; float:left; background:#e8e5d9;  }
.graycontentbox_four        { width:322px;  padding: 11px 12px 17px 12px; overflow:hidden; float:left; background:#e8e5d9;  }
.grayboxspacer              { width:5px; display:block; float:left; }
.graycontentbox_one_ln      { width:258px; height:1px; overflow:hidden; margin:0; background:url(../i/t/tbx_258.gif) no-repeat; }
.graycontentbox_two_ln      { width:390px; height:1px; overflow:hidden; margin:0; background:url(../i/t/tbx_390.gif) no-repeat;}
.graycontentbox_three_ln    { width:653px; height:1px; overflow:hidden; margin:0; background:url(../i/t/tbx_653.gif) no-repeat; }
.graycontentbox_four_ln     { width:346px; height:1px; overflow:hidden; margin:0; background:url(../i/t/tbx_346.gif) no-repeat; }





.col_100                    { float:left; width:110px; margin-right:5px; } 

/* UNIVERSAL */
ol.nrmbodytxt    { text-align:left; margin:20px 0 10px 20px;}
ol.nrmbodytxt li { text-align:left; margin:10px 0 10px 10px;  line-height:17px; }

ul.dkblu        { margin:10px 0 10px 0 }
ul.dkblu li a   { font-weight: normal; }   
ul.ltblusm      { font-size:12px; margin:10px 0 10px 0 }
ul.ltblusm li a { font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif; color:#3399CC; }   

.icon        { float:left; margin:0 5px 10px 0; }
.smallcol    { width:100px; width:20px; float:left; }