﻿#UploadContainer{
width: 840px; /*Width of main container*/
/*margin: 0 auto; Center container on page*/
}

#UploadContainerHeader{
background-color:#EEE;
padding:10px;
border:solid 1px #DDD;
color:#000;
}


#UploadWrapper{
float: left;
width: 100%;
}

#UploadContent{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
border:solid 0px #EEE;
margin-top:5px;

}

#UploadContentLeft{
float: left;
width: 200px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
background: #EEE;
border:solid 1px #DDD;
margin-top:5px;
margin-bottom:5px;
}

#UploadFooter{
clear: left;
background: #EEE;
border:solid 1px #DDD;
color: #000;
text-align: center;
font-size:12px;
padding:4px;
padding-bottom:10px;
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0px;
}
      
#UploadContentLeft ul
{
    margin-top:10px;
    
}
#UploadContentLeft li
{
    text-transform:capitalize;
    list-style-position:inside;
    list-style-type:disc;
    padding:4px;     
}
#UploadContentLeft li:hover
{
    color:#000;
    cursor:pointer;
    list-style-type:circle;
}

.contentcontainer img{ width:auto;}

.contentcontainer{ border:solid 0px #DDD;
 margin-top:10px;
  margin-left:10px;
  margin-right:5px;                   
  margin-bottom:10px;}
  
.contentcontainerheader span
{
	color:#E275DE;
}
.contentcontainerheader
{
   
   border-bottom:dashed 1px #DDD;
   padding:4px;
   margin-bottom:10px;
   
  color:#98C007;
 font-weight:bold;
     }
.contentcontainercontent
{
    padding:5px; }
    

.contentcontainercontent #Albums
{
    font-size:11px;
    
    border:solid 1px #DDD;
}
.contentcontainercontent #Albums td
{ padding:5px;
  padding-left:10px;
  
  color:#000;
  padding-right:10px;
}
.contentcontainercontent #Albums .header
{ background-color:#EEE; }
    
.contentcontainercontent #Albums .albumframes
{
    border:solid 1px #DDD;
    text-align:center;
    background-color:#EEE;
    padding:4px;
}

.contentcontainercontent #Albums .albumframes img
{
    width:58px;
    height:58px;
}


.contentcontainercontent #Albums .alternate
{
    background-color:#EEE; }
.contentcontainercontent #Albums .alternate:hover
{background-color:#C2E894;
    }    
    
.contentcontainercontent #Albums .item
{
    background-color:#E8E7E3;
}

.contentcontainercontent #Albums .item:hover
{
    background-color:#C2E894; 
}

.UploadLinkMenu{ text-decoration:none;
                 color:#000;
                 }
.UploadLinkMenu:hover{color:#000;}                 

.UploadForm, .UploadForm2
{
	font-size:11px;
	margin-bottom:10px;
}

.UploadForm td,.UploadForm2 td
{
	background-color:#EEE;
	padding:5px;
	color:#000;
}

#UploadForm
{
	border-bottom:dashed 1px #DDD;
	margin-bottom:10px;
	padding-bottom:10px;
}


#UploadContainer .ButtonUpload
{
 border:solid 1px #000;
  background-color:#EEE;
  	}
  	
#UploadForm table
{ border:solid 1px #DDD;
}  	

.UploadFormcontent
{
	font-size:11px;
	border:solid 1px #DDD;
	margin:10px;

}

.UploadFormcontent .UploadFormcontentitle
{background-color:#EEE;
 padding:5px;
 font-style:italic;
 font-weight:bold;
 color:#000;
 border-bottom:solid 1px #DDD;
 margin-bottom:10px;
}
.UploadFormcontent .UploadForm2{ margin-left:5px;}
.UploadForm2{ border:solid 1px #DDD;}

#UploadPager
{ 
	font-size:10px;
}
#UploadPager .number
{
	background-color:#EEE;
	padding:4px;
	border:solid 1px #DDD;
}
#UploadPager .number a
{ text-decoration:none;
  color:#000;
}
/*---------------------------------------*/


.contentcontainercontent #Albums .itempager
{
	margin:0px; padding:0px;
    background-color:#E8E7E3;
}

.HeaderUploads td
{
	background-color:#DDD;
	font-weight:bold;
	
}
