body
{   font-family: Arial,Helvetica,sans-serif;
	color: #194A9B;
	/*background: transparent url(../images/background.jpg)*/
	background: #FDF072 url(../images/background.jpg);
}

/*
a {text-decoration: none; outline:none;}
*/
a {text-decoration: none; outline:none; color:blue;}
a:hover {text-decoration: underline; }
img {vertical-align:bottom;} /*get rid of extra 3px bottom padding for doctype strict.*/
p{padding-bottom: 10px;}

#doc2 {padding-top: 20px;}

#bd{padding-bottom:30px; background: transparent url(../images/nav_wave_tile2.gif) repeat-y; border: 1px solid #006a3d;}

.site-content1 { background: #FDF072 url(../images/bg_01.jpg) no-repeat top left; position: relative;}
.site-content2 { background: #FDF072 url(../images/bg_02.jpg) no-repeat top left; }
.site-content3 { background: #FDF072 url(../images/bg_03.jpg) no-repeat top left; }
.site-content4 { background: #FDF072 url(../images/bg_04.jpg) no-repeat top left; position: relative; }
.site-content5 { background: #FDF072 url(../images/bg_05.jpg) no-repeat top left; }
.site-content6 { background: #FDF072 url(../images/bg_06.jpg) no-repeat top left; }
.site-content-popup { background: #FDF072 url(../images/bg_01.jpg) no-repeat top left;}
.site-content-popup2 { background: #FDF072 url(../images/bg_05.jpg) no-repeat top left; }
.site-content-review { background: #FDF072; margin: 10px auto; text-align:center;}

#sidebar{padding-top: 20px;}
#page-wrap { width: 950px; margin: 20px auto; }
/********************* Start Navigation style *******************************/

#navigation 
{
    background:url("../images/nav_sprite.gif") 0 0 no-repeat;					
    width:125px;
    height:331px;
    margin:0;
    padding:0;
    }
    #navigation li span { display: none; }
    #navigation li { float:left; list-style:none; position:relative; }
    #navigation li, #navigation a {
        height:31px;
        display:block;
        margin:0;
        padding:0;
    }
    li#home, li#how-to-enter, li#register, li#log-in, li#upload-video, li#vote-for-videos, li#winners-list, li#faqs, li#official-rules, li#play-game, li#privacy-notice { margin-bottom:0px; width:125px; }
    li#privacy-notice { margin:0; }

    /*
    #home a:hover { background:url("../images/nav_sprite.gif") -125px -0px no-repeat; }
    #how-to-enter a:hover { background:url("../images/nav_sprite.gif") -125px -31px no-repeat; }
    #register a:hover { background:url("../images/nav_sprite.gif") -125px -62px no-repeat; }
    #log-in a:hover { background:url("../images/nav_sprite.gif") -125px -93px no-repeat; }
    #upload-video a:hover { background:url("../images/nav_sprite.gif") -125px -124px no-repeat; }
    #vote-for-videos a:hover { background:url("../images/nav_sprite.gif") -125px -155px no-repeat; }
    #winners-list a:hover { background:url("../images/nav_sprite.gif") -125px -186px no-repeat; }
    #faqs a:hover { background:url("../images/nav_sprite.gif") -125px -217px no-repeat; }
    #official-rules a:hover { background:url("../images/nav_sprite.gif") -125px -248px no-repeat; }
    #play-game a:hover { background:url("../images/nav_sprite.gif") -125px -279px no-repeat; }
    #privacy-notice a:hover { background:url("../images/nav_sprite.gif") -125px -310px no-repeat; }
    */

    #home a:hover { background:url("../images/nav_sprite.gif") -125px -0px no-repeat; }
    #register a:hover { background:url("../images/nav_sprite.gif") -125px -31px no-repeat; }
    #upload-video a:hover { background:url("../images/nav_sprite.gif") -125px -62px no-repeat; }
    #vote-for-videos a:hover { background:url("../images/nav_sprite.gif") -125px -93px no-repeat; }
    #winners-list a:hover { background:url("../images/nav_sprite.gif") -125px -124px no-repeat; }
    #faqs a:hover { background:url("../images/nav_sprite.gif") -125px -155px no-repeat; }
    #official-rules a:hover { background:url("../images/nav_sprite.gif") -125px -186px no-repeat; }
    #play-game a:hover { background:url("../images/nav_sprite.gif") -125px -217px no-repeat; }
    #privacy-notice a:hover { background:url("../images/nav_sprite.gif") -125px -248px no-repeat; }
    
.cherubslogo { padding-top: 49px; padding-bottom: 20px;}
  
#external-link li a
{
    display:block;
    width: 125px;
    height:30px;
    text-indent: -9999px;
    background: url(../images/nav_visitcherubs_sprite.gif);
    border: none;
    padding: 0;
}
    #external-link li a.churubs { background-position: -0px -0px;}
    #external-link li a.churubs:hover { background-position: -0px -30px;}

/********************** End Navigation style ******************************/

/* start clickable transparent link on home page */
#home-gamecode-link
{ 
	position: absolute; 
	top: 290px; 
	left: 420px; 
	width: 120px; 
	height: 120px; 
	background-color: transparent; 
}	
#home-gamecode-button
{
    text-indent: -9999px;
    display:block;
    width: 120px;
    height:120px;
    background: url(../images/btn_entercode_sprite.jpg) -120px -0px no-repeat;
    border: none;
    padding: 0;
    margin:0;
}
#home-gamecode-button li { float:left; list-style:none; position:relative; }
#home-gamecode-button li, #home-gamecode-button a 
{       width:120px;
        height:120px;
        display:block;
        margin:0;
        padding:0;
       
}
#home-gamecode-button #home-gamecode a:hover { background: transparent url(../images/btn_entercode_sprite.jpg) -0px -0px no-repeat; }


#home-link
{
	position: absolute; 
	top: 355px; 
	left: 724px; 
	width:120px;
	height:144px;
    padding: 0;
    margin:0;
}
#home-button
{
	text-indent: -9999px;
    display:block;
    width: 120px;
    height:144px;
    background: url(../images/btns_home_sprite.jpg) 0 0 no-repeat;
    border: none;
    padding: 0;
    margin:0;
}
#home-button li { float:left; list-style:none; position:relative; }
#home-button li, #home-button a 
{       width:120px;
        height:72px;
        display:block;
        margin:0;
        padding:0;
       
    }
#home-button #home-register a:hover { background: transparent url(../images/btns_home_sprite.jpg) -120px -0px no-repeat; }
#home-button #home-vote a:hover { background: transparent url(../images/btns_home_sprite.jpg) -120px -72px no-repeat; }
/* end clickable transparent link on home page */


.bullet ul li{list-style-position:inside; list-style-type: disc;}


.header-image {text-align:center; padding-bottom: 10px;}
#uploadvideo, #playgame, #login, #comingsoon, #uploadvideoperiodends { padding-top: 110px;}

#content-page {padding-top:20px;}

.form-playgame {margin-left: 1px !important;}

#form-official-rules, #form-faq { padding: 20px 45px 0 45px;}
#form-official-rules .rules, #form-faq .faq
{
    border: solid 0px silver;
    padding-right:10px;
    font-size:116%; 
    text-align:justify;
    height: 600px;
    overflow:auto;
}


#form-popup{ padding:20px; font-size:116%; text-align:justify; }

#form
{
    width: 455px;
    padding-top:20px;
    margin-left: 45px;
    font-size:116%; 
    text-align:justify;
}
    #form table{margin: 0 auto;}

    #form .comment{text-align:left; font-size: 13px;} 
    #form .validationsummary{ padding: 10px 0;}

.formText { padding: 5px 0;}
.formLabel{ text-align:right; font-size: 13px; padding-right: 2px}
.formLabel label {margin-right:5px;}
	
.formInput { margin-right:5px;}
.formInput input  { width:175px; padding:2px 0; border: solid 1px #85b1de; margin:1px 0; font-size: 13px;}
.formInput select  { width:150px; border: solid 1px #85b1de; margin:1px 0; font-size: 13px;}

.formCheckbox{ text-align:right; padding-right: 5px; font-size: 13px;}

.fix-form-height{ height:600px;}
.validationsummary {text-align:left;}
#best-video-format { text-decoration: underline;}

#videogallery
{
    background-color:#194A9B;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 116%;
    width: 760px;
}
.videogallery-header{padding: 0 2px 10px 0;}

.videogallery-border-top {background:#FDF072 url(../images/box_lrg_head.gif) no-repeat; height:16px;}
.videogallery-border-middle{ background:#FDF072 url(../images/box_lrg_bg.gif);}
.videogallery-border-middle .content {padding: 0 10px 0 10px; background-color: #194A9B;}
.videogallery-border-bottom {background:#FDF072 url(../images/box_lrg_foot_solid.gif) no-repeat; height:16px;}

#player{/*padding-right: 20px;*/}

#flowplayer
{
    display:block;
    width:480px;
    height:384px;
}

/********************** playlist style ******************************/
#playlist 
{
    margin-left:3px;
	width:238px;
	height:349px;
	overflow-y:auto;
	overflow-x:hidden;
	border:1px solid #ccc;
	padding:4px;
	/*background-color:#efefef;*/
	background-color:#FDF072;
	float:left;
}
    #playlist a {
	    display:block;
	    width:210px;
	    height:70px;
	    padding:5px;
	    background-color:#fff;
	    /*border:1px solid #ccc;*/
	    border:1px solid #194A9B;
	    
        font:11px "bitstream vera sans", "lucida grande",verdana;
	    text-decoration:none;
	    margin-top:2px;
	    color:#666;
	    overflow:hidden;
    }

    #playlist a:hover {
	    /*background-color:#ffc;*/
	    background-color:#dcf3ff;		
    }

    #playlist a.progress {
	    background-color:#efefef;	
    }

    #playlist a.playing {
	    border:1px solid #006a3d;
	    background-color:#ffc;	
    }

    #playlist a.paused {
	    border:1px solid #ccc;
	    background-color:#ffc;	
    }

    #playlist a img 
    {
        width:93px;
        height:70px;
	    border:0;	
	    float:left;
	    margin-right:10px;
    }

    #playlist a strong {
	    color:blue;		
	    padding-bottom:5px;
    }
    
    
/********************** End playlist style ******************************/

.video-detail-skin
{
    color:#FFFFFF; 
    font-size:93%;
    background:transparent url(../images/box_blue.gif) no-repeat top left;
    width:470px; 
    text-align:left;
    padding:10px;
}
.video-detail-skin-bottom {
    background:#FDF072 url(../images/box_blue.gif) no-repeat bottom left;
    font-size:1px;
    line-height:1px;
    height:15px;
    margin:0 -10px -10px -10px;
}

#video-detail-microphone
{ 
	position: absolute; 
	top: 550px; 
	left: 710px; 
	background-color: transparent; 
}

#share-this-video a, #vote a { color: white;}

#vote {padding: 5px 0; border-bottom: solid 1px white; margin-bottom: 5px;}
#rating-tooltip {margin:0 0 0 20px;}
.rating-tooltip-login{ margin:0 20px; color: white;}

#share-this-video {padding: 10px 0;}
#share-this-video img {padding-right: 5px;}

.header{color: #FFFFFF; font-weight: bold; font-size: 116%;}

.link{color: white;}
.linknormal{text-decoration: underline;}
.hint
{
    background-color: #006a3d;
    color: #fff;
    text-decoration: underline;
    padding: 1px 3px;
 }
/********************** Start Video Comments ******************************/
.comments-skin-header {padding: 5px 0 0 10px;}
.comments-skin-top
{
    background-image: url(../images/box_comment_head.gif);
    height:70px;
    width:490px; 
}
.comments-skin-middle{ background-image: url(../images/box_sml_bg.gif); width:490px; }
.comments-skin-containter{width: 485px; height:300px; overflow:auto;}
.comments-skin-bottom{background-image: url(../images/box_sml_foot.gif); width:490px; height:16px;}

#video-comments {color: #194A9B;}
#comments-dropdown {padding: 15px 30px 0 10px;}
#comments-list li{padding: 5px 10px; line-height: 20px; border-bottom: solid 2px #194A9B;}
/********************** End Video Comments ******************************/

span.smark
{
    font-family: "Lucida Sans Unicode"; /* A rare sm-supporting font. */
    line-height: 0; /* keep the leading consistent in a paragraph */
}

/*span.reg{position: relative;top: -3px; font-size: 70%;}*/

span.reg{position: relative;top: -3px; font-size: 70%;}
span.reghead{position: relative; top: -13px; font-size: 50%;} 

.warning{ color:red; }
.center{ text-align:center; }
.left{ text-align:left; }
.underline {text-decoration: underline;}

#ft .footer
{
    font-family: Arial,Helvetica,sans-serif;
	font-size:77%;
	text-decoration: none;
    padding: 20px 0px 50px 0px; 
    text-align:center;
	color:#006A3D;
}