/*GENERAL*/
body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background: #ffffff url(/photoAlbumAjax/graphics/backdrop.jpg) center -250px no-repeat;  
	padding: 3px;
	margin: 0px;
	scrollbar-arrow-color:#000000;
  	scrollbar-face-color:#ffffff;
  	scrollbar-shadow-color:#000000;
}

img {
	border: 0;
	}

form
{
	margin:0px;
}

h1
{		
	color: #120eae;
	font-weight: normal;

/*	text-align:left;
	font-size: 18px;*/
}

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

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

}

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


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

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

}

.statusmessage
{
	/*
	
	width:150px;
	height:16px;
	*/
	padding:10px;
	position:absolute;
	top:0px;
	right:0px;	
/*	background-color:#ffffff;*/
	
	/*
	border-color:#848484;
	border-width:1px 0px 1px 0px;
	border-style:dashed;
	*/
	
	/*
	color:white;
	font-weight:bold;	
	*/
}

p { margin:3px;}
	
body, td, input, select, textarea { 
	font-size : 0.9em; 
/*	color : black; */
	}



/*Tab Navigation Functionality*/
#navigation {
	background: /*#ffffff*/ url(/photoAlbumAjax/graphics/beg-nav.gif) repeat-x;
	border: 1px solid #a1a1a1;
	border-width: 0px 0 1px 0px;
	font-size: 1.1em;
	margin-top: 1em;
	padding-top: .6em;
	}

#navigation ul, #navigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul {
	padding: 5px 0 4px;
	text-align: center;
}

#navigation ul li {
	display: inline;
	margin-right: .75em;
}

#navigation ul li.last {
	margin-right: 0;
}

#navigation ul li a {
	background: url(/photoAlbumAjax/graphics/tab-right.gif) no-repeat 100% 0;
	color: #848484;
	padding: 5px 0;
	text-decoration: none;
}

#navigation ul li a span {
	background: url(/photoAlbumAjax/graphics/tab-left.gif) no-repeat;
	padding: 5px 1em;
}

#navigation ul li a:hover span {
	color: #848484;
	text-decoration: underline;
}

/*\*//*/
#navigation ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}

#navigation ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}
/**/

/*\*/
* html #navigation ul li a {
	padding: 0;
}
/*End Tab Navigation Functionality*/


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

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



.countnumber
{
	background-color : #ffffff;  
	border-color: #bbbbbb;
	border-style: solid; 
	border-width: 2px; 	
	padding:0px 2px 0px 2px;
	font-weight:bold;	

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

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

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


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

#Table1 {
	background: url(/photoAlbumAjax/graphics/stippleWhite.gif) repeat;
}

h1.titletext {
	font-size: 2.5em;
/*	line-height: 20px;*/
	margin-bottom: 0;
	margin-top: 0.2em;
	text-align: center;	
	letter-spacing: 0.1em;
	}

h1.titletext a {
	text-decoration: none;
	}

div.subtitletext{
/*	position: absolute; 
	bottom: 0;
	right: 0;*/
	}

.subtitletext{
	font-size: 0.8em;
/*	color: #000000;*/
	font-style: italic;
	text-align: right;
}

.subtitletext .version{
	font-size: 0.9em;
	color: #848484;
	font-style: italic;
	font-weight:bold;
}

.titlebar{
	padding:2px;
	margin:2px;
	background-color: #7f4b37;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	}

.titlebar a:link, 
.titlebar a:visited
	{
	padding:3px;
	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:#faf7f0;
}


input.textbox{
/*	height: 18px;	*/
}

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


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


a:active{ 
	color : #848484;
} 

a:visited{ 
	color : #333333;
} 


.error{
	font-size: 80%;
	color : maroon;
	font-weight: normal;
}

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



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

.marked{
	color:#848484;
	font-weight:bold;
	text-decoration:underline;
}

form{
	margin:0px;
}


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

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

/*END GENERAL*/












/* Folder list*/
div.folders{
	margin: 42px 2px 2px -10px;
/*	background-color : #ffffff;  */
	overflow:auto;
	height:180px;
}

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: 14px;   
	font-weight: bold;
	font-size: 1.2em;
}

div.folders ul li ul li{ 
	font-weight: normal;
	font-size: 0.9em;
	}

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: #f5f5f5;
	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;	
	overflow:auto;	
	width:100%; 
	float:left;
}

div.foldercontainer{

}

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

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

tr.ThRow td{
	padding:0px;
}

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

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

tr.ThRow td a img.th{
	/* for ie */	
	filter:Alpha(Opacity=100);
	/* gonna use border? */	
	
	border-style: solid; 
	border-width: 1px;
	border-color:#848484;
	padding:1px;
	/*padding:2px;*/	
	
	/*
  background:url(/photoAlbumAjax/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:#848484;
	filter:Alpha(Opacity=100);
}
*/



/*END thumbnails*/




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

span.P{
	color: #606060;
}

span.AComments{
	color:#c2c2c2;
}

span.VComments{
	color:#c2c2c2;
}



/*FILES FRAME*/















div.subscribeAlerts 
{	
	text-align:left;	
}


div.comments , div.subscribeAlerts{
	text-align: center;
	
}

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

div.subscribeAlerts div.body, div.comments div.body{
	text-align:left;
	padding:5px 5px 15px 10px;
	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(/photoAlbumAjax/graphics/comment_big.gif) no-repeat top left;
	background-position: 7px 7px;
	padding: 4px 12px 3px 150px;
*/	

}

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

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

div.comments 
{
}

/*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: #faf7f0;
	border-style: solid; 
	
	-moz-border-radius: 3px;
	-moz-border-top-colors: #ffffff;
	-moz-border-right-colors: #ffffff;
	-moz-border-bottom-colors: #ffffff;
	-moz-border-left-colors: #faf7f0;
}

div.wrapper{

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

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

}


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



















/*Big image*/
div.MainImage
{
	/*
	border: #a1a1a1;
	border-style: solid; 
	border-width: 1px; 
	*/
	width:99%;
	margin-top:0px;
	padding:0px;
}

#MainImage
{
	margin-top:3px;
}

div.MainImage img#MainImage{
	
	border: #a1a1a1;
	border-style: solid; 
	border-width: 2px; 
	padding:5px;
	margin-bottom:5px;
	display:block;
	

  /*SHADOW - If you want to use shadow, uncomment this lines */
  /*
	background:url(/photoAlbumAjax/graphics/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:none;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
	*/
	/*END SHADOW*/  

}


a.arrow img, a.deletecomment img{
	border: #ffffff;
	border-style: solid; 
	border-width: 1px; 
}


a.arrow:hover img, a.deletecomment:hover img{
	border: #a1a1a1;
	border-style: solid; 
	border-width: 1px; 		
}

div.MainImageDim{
	background-color:#ffffff; 
	border: #f9f4e4;
	border-style: solid; 
	border-width: 0px 0px 1px 0px; 
	margin-bottom:5px;
	display:block;
	padding:1px;
	text-align:center;
}

/*END Big image*/

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

a.deletecomment{
	float:right;
}


.exiffield
{font-weight:bold;}


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

div.sendtoFriendContainer{
  width:95%;
  text-align:left;
}

div.sendtoFriendYou{
    float:left;    
}

div.sendtoFriendYourFriends{
    float:right;
    
}



/*Send to friend addon END*/





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


div.custompage div.ad
{
	margin-top:20px;
	background-color : yellow;  
	border-color: #bbbbbb;
	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: #bbbbbb;
	-moz-border-right-colors: #bbbbbb;
	-moz-border-bottom-colors: #bbbbbb;
	-moz-border-left-colors: #bbbbbb;
	
}

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



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


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

div.Imagecopyright {
	font-size: 0.8em;
	color: #333333;
	text-align: center;
}