/*GENERAL*/
header
{
    margin-bottom:15px; 
    width:100%;
    display:block;
}

header .info
{
    padding-left:5px;
    padding-bottom:5px;
    float:left;
    width:55%;    
}

header aside
{
    float:right;
    width:40%;
    text-align:right;    
}

header aside input
{
    margin:5px 5px;    
}

header h1
{
	font-size:18px;
	font-weight:normal;
	line-height:20px;
    margin-bottom:4px;
	color: #000000;	
}

footer 
{
    background-color:#f5f5f5;
    padding:10px;
}

footer p
{
    color:#666666;
    font-size:90%;
}

footer p.theme
{
    float:right;
}

body
{
    padding:10px;  
}

table {margin:0px; border:0px;}


/*layout*/
#leftColumn
{
    float:left;
    width:30%;
}
           
#mainColumn
{
    padding:10px;
    width:66%;
    margin-left:32%;
}            
/*endlayout*/


/*main image*/
#mainImageArea
{
    position:relative;    
    display:none;
}

#mainImageArea #arrowleft
{
    position:absolute;
    top:50%;
    left:0px;
}

#mainImageArea #arrowright
{  
    position:absolute;
    top:50%;
    right:0px;
}

#mainImageContainer
{
   text-align:center;
}

#mainImageContainer img
{
    max-width:80%;
    max-height:80%;
    margin-right:10px;    
	border-style: solid; 
	border-width: 2px; 
	padding:5px;
	margin-bottom:5px;
}

#modalExifData
{
    text-align:left;
    color:Gray;    
}

#mainImageContainer #mainImageHeader
{
    text-align:center;    
}

#mainImageContainer #mainImageHeader span
{
    font-weight:bold;
}

#mainImageContainer div.mainImageBottom
{
    text-align:center;
    color:Gray;    
}




/*comments*/

div.comment div.messageAction input.btoShowMessageDialog
{
    width:25px;
    height:20px;    
}

div.comment div.messageAction
{
    width:400px;
    float:right;
}

.newcomment
{
    background-color:Yellow;    
}
    
div.mainImageComment img /*img in new comment modal window*/
{
    border: #c2c2c2;
	border-style: solid; 
	border-width: 2px; 
	padding:5px;
	
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    max-width:300px;
    max-height:200px;    
}

div.mainImageComment
{
    padding:10px;
    text-align:center;    
}

div.comments
{
    max-width:750px;
}

div.latestCommentsArea div.comments
{
    width:650px;    
}

div.comments div.comment-img
{
    float:left;    
    width:50px;
}

div#latestCommentsArea div.comments div.comment-img
{
    float:left;    
    width:80px;
}

/*latest comments*/
div.comment.latest div.comment-img
{
    position:relative;
}

div.comment.latest div.comment-img img.commentthumbnail
{
    position:absolute;
    max-width:70px;     
    max-height:40px;
}

div.comment.latest div.comment-img img.avatar
{
    top:20px;
    left:30px;
    position:relative;
    width:30px;    
    padding:1px;
    background-color:#f5f5f5;
    
    border-style:solid;
	border-width:1px;
	border-color:#e48423;
}

div.comment-headers span.date
{
    color:#c2c2c2;    
}

div.comment.latest div.comment-main
{
    margin-left:80px;
}
div.comment-main
{
    
}

div.comment 
{      
    padding: 10px 12px 10px 20px;
    border-bottom:3px solid #f5f5f5;
    margin-bottom:10px;  
}

div.comment input.btoShowMessageDialog
{
    float:right;    
}
/*end comments*/


/*legacy*/

.subtitletext{
	font-size:14px;
	color: #000000;
	font-style: italic;
}

.subtitletext .version{
	font-size:14px;
	color: #e48423;
	font-style: italic;
	font-weight:bold;
}


table#topbar td 
{
	padding:2px 5px 2px 5px;
	margin:2px;	
	font-size: 12px;	
}


table#topbar td.userinfo
{
    text-align:right;
    padding-right:5px;
}

table#topbar td.userinfo a:link, table#topbar td.userinfo a:visited{
	padding:3px;
	font-size: 12px;	
	text-decoration: underline; 
}


/*END GENERAL*/


h1
{		
	text-align:left;
	font-size:18px;
}

h2
{	
	margin:3px 0px 0px 0px !important;
	
	padding: 2px 2px 1px 5px;
	background-color : #f9f3df;  
	border-color: #f8df7f;

	border-style: solid; 
	border-width: 0px 0px 1px 0px; 	
	
	text-align:left;
	font-size:13px;
	-moz-border-radius: 1px;
	-moz-border-top-colors: #f8df7f;
	-moz-border-right-colors: #f8df7f;
	-moz-border-bottom-colors: #f8df7f;
	-moz-border-left-colors: #f8df7f;

}

h3
{		
	color: #000000;	
	text-align:left;
	font-size:14px;
}




}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors, .validation-summary-errors ul li {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}



/*htmlContent*/

#htmlContent img
{
    border:5px solid #f5f5f5;    
}




/*Thumbnails*/
#thumbnailContainer
{
    margin:20px 5px 5px 15px;
    border-style: solid; 
	border-width: 1px;
	border-color:#f5f5f5;
}

#slider
{
    margin:15px 10px 5px 10px;
    height:5px;    
}

#thumbnails
{
    padding:10px;
    margin-top:5px;    
}

ul#thumbnails
{
    list-style-type:none;
    padding:0px;margin:0px;    
}

ul#thumbnails li
{
    float:left;    
}

ul#thumbnails li a
{
  
}


ul#thumbnails li a img
{
    zoom: 1;
    filter: alpha(opacity=70);
    opacity: 0.7;
	
	border-style: solid; 
	border-width: 1px;
	border-color:gray;
	margin:2px; 
	
	min-width:50px;    
    min-height:50px;    
}

ul#thumbnails li a img.selected
{    
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1.0;
    
	border-style: solid; 
	border-width: 3px;	
	margin:0px;	
}


ul#thumbnails li a:hover img{	
	filter:Alpha(Opacity=100);
	zoom: 1;
    opacity: 1.0;
}

ul#thumbnails li a img.loaded
{
    filter:Alpha(Opacity=100) !important;
	zoom: 1;
    opacity: 1.0 !important;
}


/*Treeview*/
#folderList 
{
    padding-left:5px;
    margin:5px;
}

#folderList ul
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;        
}

#folderList ul li a
{
    font-size:85%;
    text-decoration:none;
}

#folderList ul li span.items /*folder info*/
{
    text-decoration:none;
    color:#c2c2c2;
}

#folderList ul li a.selected
{
	border-style: solid; 
	border-width: 0px 0px 1px 0px;
	border-color: #e48423;
	color: #e48423;
	padding:1px;
}

li.denied > a 
{
    color:#c2c2c2; 
}

li.subfolder > a
{
    color:#666666; 
}

li.folder > a
{
    color:Black;
}



/*search results*/


div.searchResult
{    
    border-style: solid; 
	border-width: 0px 0px 0px 1px;
	border-color: #e48423;
	padding:10px;
	margin:10px;
}

div.searchResult img
{
    max-height:80px;    
    max-width:80px;    
}

div.searchResult span.name 
{
    display:none;    
    font-size:90%;
}

div.searchResult span.description 
{
    display:none;
    color:gray;
    font-size:90%;
}


/*exif*/
div#modalExifData img /*img in new comment modal window*/
{
    border: #c2c2c2;
	border-style: solid; 
	border-width: 1px; 
	padding:5px;
	
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.7;
    
    max-width:300px;
    max-height:200px;    
    
    padding:10px;
    float:left;
    margin-right:15px;
}

ul#exif
{   
    padding-left:15px;
    list-style:none; 
}

div#modalExifData
{
    
}
/*end exif*/


/*share*/

div.share_content{display:none}

.clear{clear:both;}