@import url("layout.css");
@import url("mainimage.css");
@import url("tabnavigation.css");


/*GENERAL*/
BODY {
	background-color : #FF0000;  
	padding:3px;
	margin:0px;
	scrollbar-arrow-color:#000000;
   	scrollbar-face-color:#ffffff;
   	scrollbar-shadow-color:#000000;
}

form
{
	margin:0px;
}

select.size{
	background-color:#000000;
	color:#FFFFFF;
	width:70px;
}

select.size option{
	padding:1px;
	font-weight:bold;

}

hr{
  color:#CCCCCC;
  height:1px;
}

#uploadDialog{

}

.userinfo{

  margin-top:6px;
}

a.linkSize{
  padding-left:15px;
}

.statusmessage
{
	
	position:absolute;
	top:5px;
	left:5px;	
	
	background-color:#e48423;
  padding:3px;

}


div.statusmessage span { 
  padding:5px 5px 15px 10px;
  color:white;
  font-weight:bold;
}

p { margin:3px;}
	
BODY,td, input,select,textarea { 

	font-family : Tahoma, Verdana; 
	font-size : 11px; 
	color : black; 
}












.copyright
{
	text-align: right;
	padding: 5px;	
	color: #eccc56;
}

.Imagecopyright{
  padding:10px 50px 10px 50px;
  color:#666666;
}



body.search{	
	margin:0px 0px 0px 0px;
	padding:5px 4px 4px 5px;	
}



.countnumber /*ordinal enumeration search engine*/
{
	background-color : #ffffff;  
	border-color: #cccccc;
	border-style: solid; 
	border-width: 2px; 	
	padding:0px 2px 0px 2px;
	font-weight:bold;	

	-moz-border-radius: 2px;
	-moz-border-top-colors: #FF0000;
	-moz-border-right-colors: #FF0000;
	-moz-border-bottom-colors: #FF0000;
	-moz-border-left-colors: #FF0000;
}

body.search form, table#EmailToFriendContainer {	
	background-color : #f9f3df;  
	border-color: #FF0000;
	border-style: solid; 
	border-width: 2px; 	
	padding:4px;	
	margin-bottom:3px;

	-moz-border-radius: 2px;
	-moz-border-top-colors: #FF0000;
	-moz-border-right-colors: #FF0000;
	-moz-border-bottom-colors: #FF0000;
	-moz-border-left-colors: #FF0000;
}


Body.title{
	padding:0px;
	margin:0px;
	background-color : #FF0000;  
}

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

h1.h1.titletext a, h1.h1.titletext a:visited{
  color:#CCCCCC;
}

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

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

.titlebar{
	padding:2px;
	margin:2px;
	background-color: #000000;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.titlebarTip{
	padding:2px;
	margin:2px;
	background-color: #000000;
	font-size: 12px;
	color: #FFFFFF;
}

.titlebar a:link, .titlebar a:visited{
	padding:3px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none; 
}



input.textbox, textarea.textbox{
	background-color: #faf7f0;
	border-style:inset;
	border-width:1px;
	border-color:#c2c2c2;
	color: #000000;
	padding:2px;

}

input.textbox:focus, textarea.textbox:focus{
	background-color: #ffffff;
}


hr{
	height:1px;
	color:#CCCCCC;
}


input.textbox{
	height: 18px;	
}

input.button {
	font-size : 11px;
	color: #000000;
	height: 18px;
	
	
}


a { 	
	
	color : #CC0000; 
	text-decoration: underline; 
}	


a:active{ 
	color : #FF0000;
} 

a:visited{ 
	color : #CC0000;
} 


.error{
	color : red;
	font-weight:bold;
}

.success{
	color : green;
	font-weight:bold;
}



img.homeImage {
	border: #FF0000;
	border-style: solid; 
	border-width: 1px; 
	padding:5px;
	margin-bottom:5px;
	display:block;
}



/*used on the search image by name to remark keyword ocurrences*/
.marked{
	color:#CC0000;
	font-weight:bold;
	text-decoration:underline;
}


form{
	margin:0px;
}


div.homewrapper{
	background-color : #ffffff; 
	border-color: #CCCCCC;
	border-style: solid; 
	border-width: 3px; 		
	padding:15px;
	margin:15px;

	-moz-border-radius: 1px;
	-moz-border-top-colors: #FF0000;
	-moz-border-right-colors: #FF0000;
	-moz-border-bottom-colors: #FF0000;
	-moz-border-left-colors: #FF0000;
}

/*END GENERAL*/












/* Folder list*/
div.folders{
	margin:10px 2px 2px -1px;
	font-size:12px;
	font-weight:none;
	background-color : #ffffff;  
	overflow:auto;
	height:110px;
}

div.folders ul{
	margin:0px;
	padding:0px;
}

div.folders ul li{ 
	margin: 0px;
	padding:0px 0px 0px 0px;
	list-style-type: none;  
	list-style-position: outside;  
	margin-left: 14;   
}

div.folders ul li a {
	color:#000000;
	text-decoration:none;

}

div.folders ul li a:hover {
	color:#000000;
	text-decoration:underline;

}

Body.folders ul li a:visited {

}

/*END Folders FRAME*/





/*SEARCH*/

div.searchresults{
	padding:10px;		
	
	margin-top:20px;


}
/*END SEARCH*/





/*Show recent picture*/
div.recentpicture {

	width:150px;
	float:left;
	padding:5px;
}

div.recentcomment {
	padding:5px;
	margin-left:180px;
	border-color: #CCCCCC;
	border-style: solid; 
	border-width: 0px 0px 0px 1px; 		
}






/*Thumbnails*/

div.files{
	padding:2px;
	margin:0px;
	background-color:#faf7f0;
	/*
	Use this to create a fixed height thumbnail area with scroll
	height:300px;
	width:100%;
	overflow:auto;
	*/
}


div.top
{
	background-color : #f9f3df; 
	border-color: #CCCCCC;
	border-style: solid; 
	border-width: 1px; 	
	padding:3px;
	margin-bottom:3px;

	-moz-border-radius: 1px;
	-moz-border-top-colors: #FF0000;
	-moz-border-right-colors: #FF0000;
	-moz-border-bottom-colors: #FF0000;
	-moz-border-left-colors: #FF0000;
}

tr.ThRow td{
	padding:0px;
}

tr.ThRow td a{
	/*display:block;*/
	text-decoration:none;
}

tr.ThRow td a:hover{
	text-decoration: none; 	
	background-color : #FFFFFF;
}

tr.ThRow td a img.th{
	/* for ie */	
	filter:Alpha(Opacity=100);
	/* gonna use border? */	
	
	border-style: solid; 
	border-width: 1px;
	border-color:#CCCCCC;
	padding:1px;
	/*padding:2px;*/	
	
	/*
  background:url(../../graphics/shadow.gif) no-repeat right bottom;
	padding:4px 10px 4px 10px;	
	border:none;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
	*/

}

tr.ThRow td a:hover img.th{
	/* for ie */		
	filter:Alpha(Opacity=100);
	/*
	border-color:red;
	border-style: solid; 
	border-width: 1px;
	*/
	/*
	position:Absolute;
	width:200%;
	left:-10%;
	z-index:9999;
	*/
}

/*
tr.ThRow td a:active img.th{
	border-color:#fcbe0b;
	filter:Alpha(Opacity=100);
}
*/



/*END FILES FRAME*/




/*wraps subfolder and picture count information*/
span.S{
	color:#CCCCCC;
}
span.S1{
	color:green;
}

span.P{
	color:green;
}

span.AComments{
	color:#c2c2c2;
}

span.VComments{
	color:#c2c2c2;
}



/*FILES FRAME*/









div.authorCommentsEditionArea{
  padding:5px;
  text-align:left;
  /*
	border-color:#e48423;
	border-style: solid; 
	border-width: 2px;
	background-color:#ffffff;
	*/
}



div.subscribeAlerts 
{	
	text-align:left;	
}


div.comments , div.subscribeAlerts{
	/*width:95%;	*/
	
}

dl.comments{
	float:left;
	width:50%;
	margin:10px 20px 0px 0px;
}

div.subscribeAlerts div.body, div.comments div.body{
	text-align:left;
	padding:5px 20px 20px 20px;
	margin:2px 5px 5px 5px;	 		
}

div.subscribeAlerts h2, div.comments h2
{
	margin:3px 5px 0px 5px;	
	padding: 2px 2px 2px 5px;
}


.formComments
{
	margin:15px 20px 0px 0px;
/*
	background: url(../../graphics/comment_big.gif) no-repeat top left;
	background-position: 7px 7px;
	padding: 4px 12px 3px 150px;
*/	

}

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

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

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

}

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


div.comment 
{		
	background: url(../../graphics/comment.gif) no-repeat top left;
	background-position: 5px 5px;
	padding: 4px 12px 3px 40px;
	line-height: 1em;	

	background-color : #faf7f0;  
	border-color: #CCCCCC;
	border-style: solid; 
	border-width: 1px; 	
	
	margin-bottom:5px;	
	
	-moz-border-radius: 2px;
	-moz-border-top-colors: #FF0000;
	-moz-border-right-colors: #FF0000;
	-moz-border-bottom-colors: #FF0000;
	-moz-border-left-colors: #FF0000;
}

/*wrap each visitor comment*/
div.vc{
	margin-bottom:5px;
}

/*wraps particular items inside visitor comment*/
span.name{color: #666666; font-weight:bold;}
span.date{color: #000000;}


div.commentcontent
{
	margin-top:5px;
	background-color:#ffffff;
	padding:5px;
	
	border-width: 1px; 	
	border-color: #CCCCCC;
	border-style: solid; 
	
	-moz-border-radius: 3px;
	-moz-border-top-colors: #CCCCCC;
	-moz-border-right-colors: #CCCCCC;
	-moz-border-bottom-colors: #CCCCCC;
	-moz-border-left-colors: #CCCCCC;
}

div.wrapper{

	background: url(../../graphics/rss32x32.png) no-repeat top left;
	background-position: 10px 10px;
	padding: 10px 10px 10px 50px;
	line-height: 1em;	

	background-color : #ffffff;  
	border-color: #CCCCCC;
	border-style: solid; 
	border-width: 2px; 	
	
	margin-bottom:5px;	
	
	-moz-border-radius: 2px;
	-moz-border-top-colors: #CCCCCC;
	-moz-border-right-colors: #CCCCCC;
	-moz-border-bottom-colors: #CCCCCC;
	-moz-border-left-colors: #CCCCCC;

}


/*wraps main title for comments: 'visitor' or 'author' comments*/










img.prevPic{
	border: #CCCCCC;
	border-style: solid; 
	border-width: 3px; 
}




.rssfeed{	
	text-align:right;
	margin-bottom:3px;
}

a.deletecomment{
	float:right;
}


.exiffield
{font-weight:bold;}


/*ADDONS*/
/*Send to friend addon BEGIN*/

div.sendtoFriendContainer{
  width:700px;
  text-align:left;
}

div.sendtoFriendYou{
    /*
    float:left;    
    */
    margin-top:5px;
    margin-bottom:8px;
}

div.sendtoFriendYourFriends{
        
    /*
    margin-left:15px;
    float:right;    
    */
}

/*Send to friend addon END*/



div.custompage 
{
	padding:5px 15px 5px 15px;	
}


div.custompage div.ad, div.remark
{
	margin-top:20px;
	background-color : red;  
	border-color: #FF0000;
	border-style: solid; 
	border-width: 1px; 	
	padding:3px;
	margin-bottom:3px;
	text-align:center;
	font-size:12px;
    width:100%;
	-moz-border-radius: 1px;
	-moz-border-top-colors: #FF0000;
	-moz-border-right-colors: #FF0000;
	-moz-border-bottom-colors: #FF0000;
	-moz-border-left-colors: #FF0000;	
}

div.custompage p {
	font-size:13px !important;
}



a.selectplusminus{
	font-weight:bold;
	text-decoration:none;	
	border: 1px solid #CCCCCC;
	padding:1px 3px 2px 3px;
	margin:0px 3px 0px 3px;
}


a.selectplusminus:hover{
	border: 1px solid #ffffff;
	background: #CCCCCC;
	color:#ffffff;
}