﻿/* 0 BASIC TAGS */ 
h1, h2, h3, h4 {margin: 0; font-family: tahoma, arial, helvetica, sans-serif;}
p {line-height: 1.4em;}
hr {border: 0; border-top: 1px solid #bababa; height: 1px; }
a { text-decoration: none; color: #d32525;}
a:visited {color: #980000;}
a:hover {text-decoration: underline; color: #e05252;}
a:active {color: #980000;}
body {background-color: #ffffff; background-image: url(images/background.gif); background-repeat: repeat-x; margin: 0;
	padding: 0; text-align: center; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.7em; color: #666666;}
img {border-width: 0;}

select{font-size:10pt; font-family:Tahoma; color:darkslategray;}
.input{font-size:10pt; font-family:Tahoma; color:darkslategray; border:solid 1px black;}
.button{font-size:12px; font-family:Tahoma, width:140px; height:22px; background-color:#FFFFFF;
   background-image:url(/images/buttonPlain.png); border-style:solid; border-color:silver; border-width:0px;
   padding-left:12px; color:#d32525;}
.button:hover{color: #e05252;}
   
td {text-align:left;}
.ColHdr{background-image:url(images/album-bstretch.gif); font-weight:bold;}
/* 1 HEADER */
.header {background-image: url(Images/header.gif); background-repeat: no-repeat; position: relative; width: 760px;
	height: 81px; margin-left: auto; margin-right: auto;}
h1 {position: absolute;	left: 37px;	top: 12px;	text-transform: uppercase;	font-size: 18px;}
h2 {position: absolute;	left: 37px;	top: 60px;	font-size: 11px;}
.menua {position: absolute;	right: 37px;	top: 17px;	text-transform: uppercase;	font-size: 10px;}
.nav {position: absolute;	right: 37px;	top: 60px;	text-transform: uppercase;	font-size: 10px;}
.menua a:visited, .nav a:visited {color: #d32525;}


.SectHdr{font-family: tahoma;font-size: 9pt; color: white; font-weight: bold; background-position: 0% 0%; background-attachment: scroll;
	background-image: url(Images/bgSectHdr.jpg); background-repeat: repeat; height:20px; padding-left:10px; padding-top:4px; }
.SectHdr:hover{ font-family: tahoma; font-size: 9pt; color: Gold; font-weight: bold; background-position: 0% 0%;
	background-attachment: scroll; background-image: url(Images/bgSectHdr.jpg); background-repeat: repeat; height:20px; padding-left:10px;
}

/* 1.1 SHIM */
.shim {background-repeat: no-repeat; margin-left: auto; margin-right: auto; width: 760px; height: 8px; font-size: 0;}
.column {background-image: url(images/content-shim.gif);}
.gradient {background-image: url(images/content-shim-photo.gif);}
.solid {background-image: url(images/content-shim-none.gif);}

/* 2 PAGE */

.page {background-repeat: repeat-y;	margin-left: auto;	margin-right: auto;	text-align: left;}
.Error {color:tomato; font-weight:bold; font-size:9pt; font-family:Tahoma;}
h3 {margin-top: 1.0em;	margin-bottom: 1.12em;	font-size: 1.5em;	font-weight: bold;}
h4 {margin-top: 1.0em;	margin-bottom: 1.12em;	font-size: 1.3em;	font-weight: bold;}
 
 
dl {margin-top: 0;	margin-bottom: 0;	border-top: 1px solid #bababa;	padding-top: 1.5em;	padding-bottom: 1.5em;	position: relative;}
dt {position: absolute;	left: 0;}
dd {margin-left: 150px;	height: 2.0em;}
.emptydata td {	padding: 50px;	color: #aeaeae;}

.std{margin-left:auto; margin-right:auto; width:760px; background-image:url(/app_themes/white/images/body-repeat-photo.gif); background-repeat:repeat-y;}
.stdCol{margin-left:auto; margin-right:auto; width:760px; height:500px; background-image:url(/app_themes/white/images/body-repeat.gif); background-repeat:repeat-y;}
.stdLeft{width:250px; padding-left:10pt; padding-bottom:10pt; padding-top:10pt; padding-right:10pt;}
.stdLeft2{width:200px; padding-left:10pt; padding-bottom:10pt; padding-top:10pt; padding-right:10pt;}
.stdRight{width:450px; padding-left:10pt; padding-bottom:10pt; padding-top:10pt;}

div .h4shim{font-size:12pt; font-weight:bold; margin-top: 0; border-top: 1px solid #bababa; padding:10pt; text-align:left;}


.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7;}
.modalPopup {background-color:#ffffdd;border-width:3px;border-style:solid;border-color:Gray;padding:3px;width:250px;}
 
/* 2.2 ALBUMS PAGE */
 
.view {margin-left: auto;margin-right: auto;	width: 686px;	text-align: center;}
.view .photo-frame {	margin-left: auto;	margin-right: auto;}
.item {	padding: 20px 50px;	color: #B2B2B2;}
.item h4 {	margin-bottom: 0.4em;}
.nullpanel {padding: 150px;	width: auto; text-align: center;}

/* 2.3 PHOTOS, DETAILS, ADMIN/DETAILS PAGE */

#photos, #details, #admin-details {background-image: url(images/body-repeat-photo.gif);	padding: 0;	width: 760px;}
.buttonbar {	background-image: url(images/photonav-bg.gif);	background-repeat: repeat-x;	margin-left: auto;
	margin-right: auto;	padding-top: 4px;	width: 744px;	height: 33px;	text-align: center;}

.buttonbar-top {background-image: url(images/photonav-top-bg.gif);}

#photos .view, #admin-details .view {margin-top: 20px;margin-bottom: 20px;}

/* 3 FOOTER */

.footerbg {background-image: url(images/footer-side.gif); background-repeat: repeat-x; width: auto; height: 75px; text-align: center;}
.footer {background-image: url(images/footer.gif); background-repeat: no-repeat; margin-left: auto; margin-right: auto; width: 760px;
	height: 75px; text-align: center; font-size: 10px;}
.menub {margin: 12px auto 5px auto; text-transform: uppercase; font-size: 10px;}
.menub a:visited {color: #d32525;}

/* Inline styles are used because image controls hard code a border property */

.photo_198 {border: 4px solid #FFFFFF;}



/* Calendar Control Styles */
	.clsCal .ajax__calendar_container { border:1px solid #646464; background-color:Ivory; color:#000000;
			filter:progid:DXImageTransform.Microsoft.Shadow(color='darkslategray', Direction=135, Strength=2);
			padding:1px; }
	.clsCal .ajax__calendar_footer { border-top: 1px solid #f5f5f5; background-color: seashell; } 
	.clsCal .ajax__calendar_dayname { border-bottom:1px solid #f5f5f5; } 
	.clsCal .ajax__calendar_day { border:1px solid #ffffff; } 
	.clsCal .ajax__calendar_month { border:1px solid #ffffff; } 
	.clsCal .ajax__calendar_year { border:1px solid #ffffff; } 
	.clsCal .ajax__calendar_active .ajax__calendar_day { background-color:#edf9ff; border-color:#0066cc; color:#0066cc; } 
	.clsCal .ajax__calendar_active .ajax__calendar_month { background-color:#edf9ff; border-color:#0066cc; color:#0066cc; } 
	.clsCal .ajax__calendar_active .ajax__calendar_year { background-color:#edf9ff; border-color:#0066cc; color:#0066cc; } 
	.clsCal .ajax__calendar_other .ajax__calendar_day { background-color: whitesmoke; border-color: #ffffff; color: #646464; } 
	.clsCal .ajax__calendar_other .ajax__calendar_year { background-color:#ffffff; border-color:#ffffff; color:#646464; } 
	.clsCal .ajax__calendar_hover .ajax__calendar_day { background-color:#edf9ff; border-color:#daf2fc; color:#0066cc; } 
	.clsCal .ajax__calendar_hover .ajax__calendar_month { background-color:#edf9ff; border-color:#daf2fc; color:#0066cc; } 
	.clsCal .ajax__calendar_hover .ajax__calendar_year { background-color:#edf9ff; border-color:#daf2fc; color:#0066cc; } 
	.clsCal .ajax__calendar_hover .ajax__calendar_title { color:#0066cc; }  
	.clsCal .ajax__calendar_hover .ajax__calendar_today { color:#0066cc; } 	
/* End Calendar */

