@import url("publicmasterstyle.css");
@import url("roundbox.css");
@import url("flexcrollstyles.css");


#content #pagecontent
{
  background-image: url('../Images/siteimages/greentexture.jpg'); 
    padding: 17px 0px 17px 17px  ;
    margin-bottom: 20px;
}


/*********************************************************/
/********************** Video Page ***********************/
/*********************************************************/


/*******************/
/** Player Column **/
/*******************/

#content #pagecontent #playercolumn
{
    width: 640px;
    float: left;
}

/************************/
/** latest Videos List **/
/************************/

#content #pagecontent #playercolumn #latestvideos
{
    margin-top: 15px;
    width: 640px;
    background-image: url('../Images/siteimages/alphatexture50.png');
    font-size: small;
}

#content #pagecontent #playercolumn #latestvideos .inner
{
    padding: 10px 0px 7px 6px;
    background-image: url('../Images/siteimages/whitedotalphatexture.png');
    background-repeat: repeat-x;
}

#content #pagecontent #playercolumn #latestvideos h3
{
    color: #FFFFFF;
    margin: 0px 0px 10px 10px;
    font-size: 18px;
    font-weight: bold;
}


#content #pagecontent #playercolumn #latestvideos .thumbnaillist .item
{
    margin: 0px 5px 0px 5px;
    width: 200px;
    float: left;
    height: 200px;
}


#content #pagecontent #playercolumn #latestvideos .thumbnaillist .item .image
{

}

#content #pagecontent #playercolumn #latestvideos .thumbnaillist .item .image img
{
   border: none; 
}

#content #pagecontent #playercolumn #latestvideos .thumbnaillist .item .imageinfo
{
    margin-top: 5px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
}

#content #pagecontent #playercolumn #latestvideos .thumbnaillist .item  .cliptitle
{
  min-height: 40px;
}
#content #pagecontent #playercolumn #latestvideos .thumbnaillist .item  .cliptitle a{
    font-weight: bold;  
    font-size: 16px; 
    color: #0099CC;
    text-decoration: none;     
    margin-bottom: 0px;  
}




/**********************/
/***** video info *****/
/**********************/

#content #pagecontent  #playercolumn #videoinfo
{
    margin: 10px 0px 0px 0px;
    background-image: url('../Images/siteimages/alphatexture50.png');
    width: 640px; 

}

#content #pagecontent  #playercolumn #videoinfo .inner
{
    background-image: url('../Images/siteimages/whitedotalphatexture.png');
    background-repeat: repeat-x;
    padding: 10px 0px 10px 0px; 
}

#content #pagecontent #playercolumn #videoinfo #leftcolumn
{
    width: 460px;
    float: left;
    padding-left: 15px;
   
}

#content #pagecontent #playercolumn #videoinfo #leftcolumn p
{
    min-height: 70px;  
    margin: 0px;
}

#content #pagecontent #playercolumn #videoinfo #leftcolumn h1
{
   font-size: 20px;
}

#content #pagecontent #playercolumn #videoinfo #leftcolumn .stats
{
    float: left;
    width: 120px;
  
}

#content #pagecontent #playercolumn #videoinfo #leftcolumn .music
{
    width: 100px;
    
    text-align: right;
    float: left;
    width: 320px;
    
}

#content #pagecontent #playercolumn #videoinfo #rightcolumn
{
      
    width: 125px;
    margin-left: 25px;
    float: left;
    font-size: small;
    text-align: center;
   
   
}   


#content #pagecontent #playercolumn #videoinfo #rightcolumn img
{
    border: none;
    margin-top: 5px;
}  

#content #pagecontent #playercolumn #videoinfo #rightcolumn a
{
    font-weight: bold;
    text-decoration: none;
}  





/****************************************************/
/****************************************************/
/***************** Home Page ************************/
/****************************************************/
/****************************************************/

#content #pagecontent #thumbnailcolumn #homecompbox
{
    background-image: url('../Images/siteimages/alphatexture50.png');
    width: 300px;
    margin-bottom: 15px;
}

#content #pagecontent #thumbnailcolumn #homecompbox .inner
{
    background-image: url('../Images/siteimages/whitedottexture.png');
    background-repeat: repeat-x;
    width: 300px;
    height: 155px;
}

#content #pagecontent #thumbnailcolumn #homecompbox .inner .title
{
    background-image: url('../Images/siteimages/homecomptitle.png');
    background-repeat: no-repeat;
    width: 300px;
    height: 60px;
}



#content #pagecontent #thumbnailcolumn #homecompbox .inner .images
{
   margin: 10px 0px 0px 12px;
   
}

#content #pagecontent #thumbnailcolumn #homecompbox .inner .images .image
{
    float: left;
    margin-right: 14px
}

/**********************/
/** Thumbnail Column **/
/**********************/


#content #pagecontent #thumbnailcolumn
{
    margin: 0px 0px 0px 25px;
    width: 310px;
    float: left; 
}

#content #pagecontent #thumbnailcolumn .compvidlinks
{
    width: 310px;
    margin: 0px;
    padding: 0px;
}


#content #pagecontent #thumbnailcolumn .link
{
    width: 153px;
    float: left;
    text-align: center;
    padding: 5px 0px;
}

#content #pagecontent #thumbnailcolumn .link a
{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;     
}

#content #pagecontent #thumbnailcolumn .link a:hover
{
    color: #666666; 
}

/**********************/
/*** Thumbnail List ***/
/**********************/

#content #pagecontent #thumbnailcolumn .thumbnaillist
{
    font-size: small;
    overflow: auto;
    height: 605px;
    margin: 0px;
    padding: 0px;
    background-image: url('../Images/siteimages/alphatexture50.png');
}

#content #pagecontent #thumbnailcolumn .thumbnaillist h3
{
    margin: 10px 0px 0px 10px;
}

#content #pagecontent #thumbnailcolumn .thumbnaillist .item
{
   margin-bottom: 10px;
}

#content #pagecontent #thumbnailcolumn .thumbnaillist .item .image
{
   float: left;
   margin-right: 8px;
}

#content #pagecontent #thumbnailcolumn .thumbnaillist .item .image img
{
   border: none; 
}

#content #pagecontent #thumbnailcolumn .thumbnaillist .item .imageinfo
{
    float: left;
    display: inline-block;
    font-size: smaller;
    width: 125px; 
    color: #999999;
}

#content #pagecontent #thumbnailcolumn .thumbnaillist .item  .cliptitle{
    min-height: 57px;       
    margin-bottom: 0px;  
}

#content #pagecontent #thumbnailcolumn .thumbnaillist .item  .cliptitle a{
    font-weight: bold;  
    font-size: 11px; 
    color: #0099CC;
    text-decoration: none; 
}

#content #pagecontent #thumbnailcolumn .thumbnaillist .item .imageinfo .date
{
  color: #999999;
}

          
/*********************************************************/
/******************* Highlight Panel *********************/
/*********************************************************/


#content #highlightpanel
{
    width: 150%;
    background: url('../Images/siteimages/whitegreen_gradienttexture.jpg') repeat-x  #FFFFFF; 
    margin-left: -25%;
    
}

#content #highlightpanel #iconcontainer
{
    width: 945px;
    margin: 0px auto 0px auto;
    padding: 20px 0px 20px 0px;
}

#content #highlightpanel #iconcontainer img
{
    float: left;
    margin-right: 20px; 
}

#content #highlightpanel #iconcontainer .last 
{
    float: left;
    margin-right: 0px; 
}




/********************************************************/
/********************** Login Page **********************/
/********************************************************/


#content #login
{ 
    background-image: url('../Images/siteimages/greentexture.jpg');
    margin: 40px 0px 0px 40px;
    width: 280px;
    padding: 20px 30px 30px 30px;
}

#content #login h1,h2
{
    margin-top: 0px; 
}


.ValidatorCallout div, 
.ValidatorCallout td { 
    border:solid 1px #000000; 
    background-color: #FFFFFF; 
    font-weight: bold; 
}




/******************************************************/
/**************** Competition Page ********************/
/******************************************************/

#content #pagecontent #playercolumn #compheader
{
    width: 640px;
    height: 172px;
    background-image: url('../Images/siteimages/compheader.jpg');
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

#content #pagecontent #playercolumn #compheader #compbutton
{
   margin: 0px 0px 0px 20px;
   padding-top: 125px;
}

#content #pagecontent #playercolumn #smallcompheader
{
    width: 640px;
    height: 91px;
    background-image: url('../Images/siteimages/compheadersmall.jpg');
    background-repeat: no-repeat;
    margin-bottom: 10px;   
}

#content #pagecontent #playercolumn .votingthumbnaillist
{
    font-size: small;
}


#content #pagecontent #playercolumn .votingthumbnaillist .item
{
   margin-bottom: 20px;
}

#content #pagecontent #playercolumn .votingthumbnaillist .item .image
{
   float: left;
   margin-right: 14px;
}

#content #pagecontent #playercolumn .votingthumbnaillist .item .image img
{
   border: none; 
}

#content #pagecontent #playercolumn .votingthumbnaillist .item .imageinfo
{
    float: left;
    display: inline-block;
    font-size: small;
    width: 400px; 
    color: #FFFFFF;
}

#content #pagecontent #playercolumn .votingthumbnaillist .item .description
{
    min-height: 70px;
}

#content #pagecontent #playercolumn .votingthumbnaillist .item .imageinfo .bottomitem
{
    float: left;
    width: 150px;
    color: #999999;
}


#content #pagecontent #playercolumn .votingthumbnaillist .item .imageinfo .bottomitem .yellow
{
    color: #FFFF00;
}


#content #pagecontent #playercolumn .votingthumbnaillist .item  .cliptitle{     
    margin-bottom: 5px;  
}

#content #pagecontent #playercolumn .votingthumbnaillist .item  .cliptitle a{
    font-weight: bold;  
    font-size: 18px; 
    color: #0099CC;
    text-decoration: none; 
}

#content #pagecontent #playercolumn .votingthumbnaillist .item .imageinfo .date
{
  color: #999999;
}