/* site wide attributes */
body
{
	font: 75%/150% "Trebuchet MS", Tahoma, Arial;
	color: #333333;
	margin:0px;
	background:#ffffff url("/photos/image/main-bg.gif");
	background-color:#D0E2C9;
}
hr 
{
	border: none 0;
	border-top: 1px dashed #cccccc;
	width: 100%;
	height: 1px;
}
select 
{
	background:#f1fedb;
	border: 1px solid #bdd77f;
	font-size:10px;
	padding:2px;
}
input[type="text"] {
	width: 298px;
	background:#f1fedb;
	border: 1px solid #bdd77f;
	padding: 3px;
	margin-top: 3px;
	font: 12px Arial, Helvetica, sans-serif;
}
input[type="password"] {
	width: 298px;
	background:#f1fedb;
	border: 1px solid #bdd77f;
	padding: 3px;
	margin-top: 3px;
	font: 12px Arial, Helvetica, sans-serif;
}
input[type="submit"]{
	color: #ffffff;
	text-decoration: none;
	background: #5c8d0c url(/photos/image/nav-button-bg.gif) repeat-x;
	padding: 5px 15px;
	font: bold 12px/100% Arial, Helvetica, sans-serif;
	border-top: 1px solid #E6EED0;
	border-left: 1px solid #AFCD69;
	border-right: 1px solid #AFCD69;
	display: block;
	margin-top:10px;
}
textarea{
	width: 300px;
	height: 77px;
	background:#f1fedb;
	border: 1px solid #bdd77f;
	padding: 2px;
	margin-top: 3px;
	font: 12px Arial, Helvetica, sans-serif;
}
a {
	color: #CC6600;
	text-decoration: none;
}
a:visited {
	color: #CC6633;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}

/* header area */
#header 
{
	background: #CFD0AE url(/photos/image/header_jen.png) no-repeat;
	height: 90px;
	border-bottom: 3px solid #59780a;
	position: relative;
}
#headerimg {
	position: relative;
	height: 150px;
	/*background: url(/photos/image/header-banner.png) no-repeat;*/
}

/* header navigation */
#nav {
	list-style: none;
	margin: 0px;
	position: absolute;
	right: 7px;
	bottom: 15px;
}
#nav li {
	float: left;
	margin-left: 5px;
}
#nav .page_item a{
	color: #794400;
	text-decoration: none;
	background:url(/photos/image/nav_spacer.png) no-repeat left center;
	padding-left:21px;
	padding-right:6px;
	text-transform:lowercase;
}
#nav .first_item a{
	color: #794400;
	text-decoration: none;
	padding-left:21px;
	padding-right:6px;
	text-transform:lowercase;
}
#nav .page_item a:hover, #nav .first_item a:hover {
	color: #59770e;
	text-decoration:underline;
}

/* styles for the page template: header, body, footer */
#main_content 
{
	margin-left: auto;
	margin-right: auto;
	width:760px;
	background-color:White;
	border-bottom: 5px solid #d5e6eb;
	border-left: 5px solid #d5e6eb;
	border-right: 5px solid #d5e6eb;
}
#main_content .body
{
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	min-height:550px;
}
#scroll_bar {
	position: absolute; 
	top: 0; 
	bottom: -0.1px; 
	width: 1em; 
	z-index: -1;
}

/* footer area */
#footer_space 
{
	height:20px;
	clear:both;
}
#footer {
	clear: both;
	background: #A0E6FF;
	color: #59770e;
	font-size: 95%;
	line-height: 130%;
	padding-bottom: 10px;
}
#footer a, #footer a:visited {
	color: #ffffff;
}
#footer h4 {
	font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
	color: #794400;
	margin: 10px 0px 5px;
}
.footer-left 
{
	padding-left:10px;
	padding-top:10px;
	float:left;
}
.footer-about {
	width: 215px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	background: url(/photos/images/footer-right-bg.gif) no-repeat;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
#credits {
	margin:0px auto;
	width: 765px;
	color: #B5B694;
	font-size: 85%;
	line-height: 120%;
}
#credits a, #credit a:visited {
	color: #B5B694;
}
.loginout {
	background: url(/photos/image/mini-loginout.gif) no-repeat left center;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 8px;
}

/* index page styles */
#index_content 
{
	float: left;
	width: 425px;
	margin-right:23px;
}
#index_content .index_contentheader 
{
	position:relative;
	padding-top:10px;
	color: #59770e;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: -1px;
	font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 3px;
	margin-bottom:5px;
}
#index_content .index_contentplaceholder 
{
	position:relative;
}
#index_menu 
{
	float: left;
	width: 267px;
}
#index_content .index_rss
{
	position:absolute;
	right:0px;
	bottom:5px;
}
#index_menu .sidebar
{
}
#index_menu .sidebarheader
{
	position:relative;
	padding-top:10px;
	color: #59770e;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: -1px;
	font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 3px;
	margin-bottom:5px;
}
#index_menu .sidebarcontent
{
}
.albumOverviewHeader 
{
	color:#003333;
	font-weight:bold;
	font-size:14px;
	margin-bottom:3px;
	margin-top:3px;
}
.albumOverviewBody 
{
	color:#003333;
	font-size:12px;
	margin-left:5px;
}
.albumOverviewDetails
{
	color:#666666;
	font-size:10px;
	margin-left:5px;
}
.recentAlbum 
{
	width:100%;
	text-align:left;
}
.recentAlbum th 
{
	padding:0px;
	vertical-align:top;
}
.recentAlbum td 
{
	vertical-align:top;
	padding-left:6px;
	padding-right:6px;
}
.recentAlbumSpacer 
{
	height:6px;
}
.light
{
	border: none 0;
	border-top: 1px dotted #999;
	height: 1px;
}
.randomPhotoTd 
{
	padding-left:20px;
	vertical-align:top;
}
.systemStats 
{
}
.systemStats td 
{
	font-size:12px;
}

/* album thumbnail page attributes */
#album_header_tags 
{
	float:right;
	width:36%;
	margin-top:15px;
	margin-right:10px;
}
#album_tag_filter 
{
	font: normal 12px "Trebuchet MS", Tahoma, Arial;
	color: #758d38;
}
#album_tag_filter .removeFilter 
{
	color:#59770e;
	font-weight:bold;
}
#album_header_description 
{
	float:left;
	padding-top:15px;
	padding-left:5px;
	padding-bottom:15px;
	font-size:14px;
	color:#666666;
}
#ctl00_mainBodyContent_pnlAlbum 
{
	text-align:center;
	width:100%;
	padding-bottom:10px;
	margin-top:10px;
}
.clear 
{
	clear:both;
}
.pager
{
	font-size:10px;
	text-align:center;
	padding:4px;
	background-color:#f1fedb;
	margin-left:3px;
	margin-right:3px;
	clear:both;
}
.pager a.thisPage 
{
	color:#333333;
	padding: 2px 6px; 
	border: 1px solid #495233;
	background: #ffffff; 
	font-weight:bold;
	text-decoration:none;
}
.pager a.pagerLink 
{
	color:#333333;
	padding: 2px 6px; 
	border: solid 1px #bdd77f;
	background: #fff; 
	text-decoration: none;
}
.pager a.pagerLink:hover {
	background: #ffffff; 
	border-color: #FF6600;
	text-decoration: none;
}
.albumHeader
{
	position:relative;
	padding-top:10px;
	color: #59770e;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: -1px;
	font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 3px;
	margin-bottom:5px;
}
.albumHeaderLinks 
{
	position:absolute;
	font-size:12px;
	top:10px;
	right:0px;
}
.albumHeaderLinks a, #photo_menu a:visited{
	color: #495233;
	text-decoration: none;
	margin-left:10px;
}
.albumHeaderLinks a:hover{
	color: #FF6600;
	text-decoration: none;
}
#albumFooterInfo
{
	position:relative;
	margin-top:15px;
	margin-left:5px;
	margin-right:5px;
	height:75px;
}
#albumFooterInfo .albumStatus 
{
	position:absolute;
	left:0px;
	top:0px;
}
#albumFooterLinks 
{
	list-style: none;
	margin: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
}
#albumFooterLinks li {
	float: left;
}
#albumFooterLinks .albumEdit a
{
	color:#495233;
	margin-left:20px;
}
#albumFooterLinks .albumEdit a:hover 
{
	color: #FF6600;
	text-decoration: none;
}
.albumCount
{
	padding-top:0px;
	padding-bottom:10px;
	font-size:10px;
	color:Gray;
}
.thumbnail_cell 
{
	float:left;
	position:relative;
	padding:9px;
	width:126px;
}
.thumbnail_cell_deleted 
{
	float:left;
	position:relative;
	padding:9px;
	width:126px;
	filter:alpha(opacity=10);
	opacity:0.1;
}
.thumbnailImg
{
	border:none;
}
.thumbnailTitle
{
	font-size:12px;
	font-weight:bold;
	color:Black;
}
.thumbnailData 
{
	margin-top:2px;
	padding:3px 2px 2px 2px;
	font-size:11px;
	background-color:White;
	text-align:left;
	color:#666666;
}
.thumbnailEditBar 
{
	height:16px;
	padding:5px;
	display:none;
	position:absolute;
	top:15px;
	left:15px;
	cursor:pointer;
	z-index:100;
	filter:alpha(opacity=80);
	opacity:0.8;
	background-color:White;
}
.thumbnailEditBar:hover
{
	filter:alpha(opacity=100);
	opacity:1.0;
}
.thumbnailOn 
{
	border:#495233 1px solid; /* 495233 bdd77f f1fedb*/
	background-color:white;
	padding:2px;
}
.thumbnailOff 
{	
	/* border:#bdd77f 1px solid; */
	border-right:#ccc 1px solid; /* 495233 bdd77f f1fedb*/
	border-left:#ccc 1px solid;
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	background-color:#ffffff;
	padding:2px;
}
.photo_loading 
{
	visibility:hidden;
}
.dsp_loading_div 
{
	background-image:url("/photos/image/indicators/2.gif");
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:#eeeeee;
}
.tmb_loading_div 
{
	background-image:url("/photos/image/indicators/3.gif");
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:#eeeeee;
}
.photo_loaded 
{
	display:block;
}
.photoPreivewPopup 
{
	background-color:#ffffff;
	border:#000033 2px solid;
	padding:4px;
}

/* display image page */
#photo_content 
{
	float: left;
	width: 448px;
	margin-right:25px;
}
#photo_content .index_contentheader 
{
	position:relative;
	padding-top:10px;
	color: #59770e;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: -1px;
	font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 3px;
	margin-bottom:15px;
}
#photo_content .index_contentsubheader 
{
	position:relative;	
	padding-top:25px;	
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #758d38;
	margin: 10px 0px 5px;
}
#photo_content .index_contentplaceholder 
{
	position:relative;
}
#photo_content .photo_caption 
{
	padding-top:10px;
	font-size:14px;
}
#photo_menu 
{
	float: left;
	width: 245px;
	margin-top:-22px;
}
#photo_menu .sidebar
{
}
#photo_menu .sidebarheader
{	
	position:relative;	
	padding-top:25px;	
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #758d38;
	margin: 10px 0px 5px;
}
#photo_menu a, #photo_menu a:visited{
	color: #495233;
	text-decoration: none;
	margin-left:0px;
}
#photo_menu a:hover{
	color: #FF6600;
	text-decoration: none;
}
#photo_menu .sidebarcontent
{
}
.thumbnail_browser
{
	height:125px;
}
#img_prev_div 
{
	float:left;
}
#img_next_div 
{
	float:right;
}
.thumbnailPager 
{
	background:#f1fedb;
	text-align:center;
	border:1px solid #bdd77f;
	padding-top:5px;
	filter:alpha(opacity=60);
	opacity:0.6;
	margin-top:-10px;
	width:100%;
}
.displayRatingAverage 
{
	font-size:12px;
}
.displayImg 
{
	border:#666666 1px solid;
}
.photoCommentRound
{
	width:445px;
}
.photoComment 
{
	padding:5px;
}
.photoCommentUser 
{
	font-weight:bold;
	font-size:12px;
}
.photoCommentDate 
{
	color:GrayText;
	font-size:10px;
	margin-top:-3px;
}
.photoCommentText 
{
	margin-top:5px;
	font-size:12px;
}

/* login page attributes */
.login th 
{
	font-size:12px;
	font-weight:normal;
	text-align:right;
	width:100px;
	white-space:nowrap;
	vertical-align:top;
}
.login td 
{
	font-size:12px;
	text-align:left;
	width:100px;
	white-space:nowrap;
	vertical-align:top;
}
input.inputLogin 
{
	width:200px;
	font-size:12px;
}
#ctl00_mainBodyContent_cbRemember 
{
	width:20px;
}

/* Tags */
#tagList 
{
	padding-left:15px;
	font-size:10px;
}
#tagList a.del 
{
	color:#cccccc;
	text-decoration:none;
}
#tagList a.del:hover
{
	color:#666666;
	text-decoration:none;
}
.tagEntry 
{
	width:100px;
}

/* various links with icons */
.downloadLink 
{
	background: url("/photos/image/go-down.png") no-repeat 0 50%;
	text-decoration:none;
	white-space:nowrap;
	padding: 5px 0px 5px 20px;
}
.editLink 
{
	background: url("/photos/image/edit.png") no-repeat 0 50%;
	text-decoration:none;
	white-space:nowrap;
	padding: 5px 0px 5px 20px;
}
.tagView 
{
	background: url("/photos/image/document-new.png") no-repeat 0 50%;
	text-decoration:none;
	white-space:nowrap;
	padding: 5px 0px 5px 20px;
}
.tagNew 
{
	background: url("/photos/image/document-new.png") no-repeat 0 50%;
	text-decoration:none;
	white-space:nowrap;
	padding: 5px 0px 5px 20px;
}
.tagClear
{
	background: url("/photos/image/edit-clear.png") no-repeat 0 50%;
	text-decoration:none;
	white-space:nowrap;
	padding: 5px 0px 5px 20px;
}
.captionLink
{
	background: url("/photos/image/photo.png") no-repeat 0 50%;
	text-decoration:none;
	white-space:nowrap;
	padding: 5px 0px 5px 20px;
}
.homeLink
{
	background: url("/photos/image/go-home.png") no-repeat 0 50%;
	text-decoration:none;
	white-space:nowrap;
	padding: 5px 0px 5px 20px;
}
.rotateClockLink
{
	background: url("/photos/image/edit-redo.png") no-repeat 0 50%;
	text-decoration:none;
	white-space:nowrap;
	padding: 5px 0px 5px 20px;
}
.rotateCounterLink
{
	background: url("/photos/image/edit-undo.png") no-repeat 0 50%;
	text-decoration:none;
	white-space:nowrap;
	padding: 5px 0px 5px 20px;
}
.zoomLink
{
	background: url("/photos/image/magnify.png") no-repeat 0 50%;
	text-decoration:none;
	white-space:nowrap;
	padding: 5px 0px 5px 20px;
}
.cartAddLink
{
	background: url("/photos/image/list-add.png") no-repeat 0 50%;
	text-decoration:none;
	white-space:nowrap;
	padding: 5px 0px 5px 20px;
}
.cartRemoveLink 
{
	background: url("/photos/image/list-remove.png") no-repeat 0 50%;
	text-decoration:none;
	white-space:nowrap;
	padding: 5px 0px 5px 20px;
}
.rssLink
{
	background: url("/photos/image/feed-icon-14x14.png") no-repeat 0 50%;
	text-decoration:none;
	white-space:nowrap;
	padding: 5px 0px 5px 20px;
}
.deleteLink, #photo_menu .deleteLink
{
	background: url("/photos/image/user-trash-full.png") no-repeat 0 50%;
	text-decoration:none;
	white-space:nowrap;
	padding: 5px 0px 5px 20px;
}

/* Messages */
.messageContainer 
{
	position:relative;
}
.messageDiv 
{
	border:#794400 1px solid;
	padding:5px;
	background-color:#ffffff;
	white-space:nowrap;
	width:335px;
	max-height:85px;
	position:absolute;
	top:-78px;
	left:382px;
	/* filter:alpha(opacity=70);
	opacity:0.7; */
}
.ErrorMessage 
{
	font-weight:bold;
	font-size:12px;
	color:Red;
}
.ErrorMessage:before
{
	content:url("/photos/image/dialog-error.png");
	vertical-align:bottom;
}
.InformationMessage 
{
	font-weight:bold;
	font-size:12px;
	color:#794400;
}
.InformationMessage:before
{
	content:url("/photos/image/dialog-information.png");
	vertical-align:bottom;
}
.WarningMessage 
{
	font-weight:bold;
	font-size:12px;
	color:Orange;
}
.WarningMessage:before
{
	content:url("/photos/image/dialog-warning.png");
	vertical-align:bottom;
}

/* Rating */
.ratingDiv 
{
	filter:alpha(opacity=65);
    opacity:0.65;
    padding:5px;
    height:18px;
}
.ratingDiv:hover 
{
	filter:alpha(opacity=100);
    opacity:1.0;
}
.ratingStar {
    font-size: 0pt;
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat; 
}
.filledRatingStar {
    background-image: url(/photos/image/star.png);

}
.emptyRatingStar {
    background-image: url(/photos/image/blankstar.png);
}
.savedRatingStar {
    background-image: url(/photos/image/star.png);
}

/* AJAX indicator classes */
.indicator_large 
{
	background: url("/photos/image/indicators/2.gif") no-repeat 0 50%;
	text-decoration:none;
	white-space:nowrap;
	margin-left: 10px;
	padding: 5px 5px 5px 40px;
}
.indicator_small 
{
	background: url("/photos/image/indicators/3.gif") no-repeat 0 50%;
	text-decoration:none;
	white-space:nowrap;
	margin-left: 10px;
	padding: 5px 5px 5px 21px;
}
.indicator_arrows 
{
	background: url("/photos/image/indicators/4.gif") no-repeat 0 50%;
	text-decoration:none;
	white-space:nowrap;
	margin-left: 10px;
	padding: 5px 5px 5px 21px;
}
.indicator_bar 
{
	background: url("/photos/image/indicators/7.gif") no-repeat 0 50%;
	text-decoration:none;
	margin-left: 10px;
	padding:35px 5px 5px 5px;
}

/*AutoComplete flyout */
.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */
.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

/* textbox watermark */
.watermark 
{
	color:Gray;
}

/* Modal Popup styles */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup {
	position:relative;
	background-color:white;
	border-width:3px;
	border-style:solid;
	border-color:#003333;
	padding:10px;
	width:310px;
	font-size:12px;
}
.submit_link 
{
	font-size:14px;
	font-weight:bold;
}