/* Photos */
body.photos { background-image:url(images/bgpattern-blank.png); }
body.photos #content { width: 630px; }
body.photos h2 .edit { font: 0.5em verdana; font-weight: normal; }
body.photos h3 .edit { font: 0.8em verdana; font-weight: normal; }
.login { float: right;  }
.login a, .breadcrumb a { text-decoration: none; }
.login a:hover, .breadcrumb a:hover { text-decoration: underline; }

/* Navigation */
.navigation a { text-decoration: none; }
.navigation span { margin: 0 8px; }
.navigation .page strong { margin: 0; padding: 4px 5px; border: 1px solid #fff; }
.navigation .page a, .navigation .next a, .navigation .previous a, .navigation .first a, .navigation .last a { margin: 0; padding: 4px 8px; border: 1px solid #EAEEF4; }
.navigation .page a:hover, .navigation .next a:hover, .navigation .previous a:hover, .navigation .first a:hover, .navigation .last a:hover { border: 1px solid #BFCBDD; background-color: #6D8AB6; color: #fff; }

body.photos #footer { background-image: url(images/bgfooter_curve-blank.png); }
body.photos #footeraddress { background-image: url(images/bgfooter-blank.png); }
.navigation { clear: both; text-align: center; margin: 10px 0; }
.navigation .disabled { color: #ccc; }
.hidden .thumb img { -moz-opacity: 0.3; filter:alpha(opacity=30); }
.hidden .info { color: #ccc; }

.manage { border: 1px solid #ccc; background-color: #F2F2EF; padding: 5px 8px; margin: 10px 0 20px 0; }
.album .manage { font-size: 0.9em; padding: 0 8px; margin: 10px 0 0 0; }
.manage p { margin: 8px 0; }
.manage a { text-decoration: none; }
.manage a:hover { text-decoration: underline; }
.commentindication { color: #c00; display: block; float: left; background: url(/images/mini/comments.gif) 0 1px no-repeat; padding:0; width: 12px; height: 13px; margin-right: 3px; text-indent: -999px; overflow: hidden; }
span.featured { display: block; float: left; background: url(/images/mini/starfull.gif) 0 1px no-repeat; padding:0; width: 12px; height: 13px; margin-right: 3px; text-indent: -999px; overflow: hidden; }

#albumoverview span, #albums .overview span, .manage span, .login span { color: #999; }
.breadcrumb span { font-family: trebuchet ms, arial; color: #999; }
.editprofile { font-style: normal; }
.error { color: #c00 !important; }

/* Icons */
.deletephoto { padding-left: 15px; background: url(http://www.fgmc.ca/images/mini/delete.gif) 0 1px no-repeat; }
.resizephoto { padding-left: 17px; background: url(http://www.fgmc.ca/images/mini/resize_photo.gif) 0 1px no-repeat; }
.newalbum { padding-left: 17px; background: url(http://www.fgmc.ca/images/mini/add.gif) 0 1px no-repeat; }
.viewcomments { padding-left: 17px; background: url(http://www.stanleysy.com/images/mini/comments.gif) 0 1px no-repeat; }


/* Main */
#albumoverview { margin: -10px 0 20px 0; }
#albumoverview a, .overview a { text-decoration: none; }
#albumoverview a:hover, .overview a:hover { text-decoration: underline; }
#albums .album { clear: both; padding-top: 15px; }
#albums .thumb { float: left; border: 6px solid #F1F4F8; padding: 0 1px 1px 0; width: 214px; border-width: 0px 1px 1px 0px; background-color: #E9EDF3; }
#albums .thumb img { border: 2px solid #A5B6D0; padding: 5px; background-color: #fff; }
#albums .thumb a:hover img { border: 2px solid #c00; }
#albums .description { width: 387px; margin-left: 240px; }
#albums .description h3 { padding-top: 8px; margin: 0;  }
#albums .navigation .first, #albums .navigation .page, #albums .navigation .last { display: none; }
#albums .navigation .disabled { display: none; }
#albums .thumb span.nofeatured { text-align: center; color: #98ABC9; display: block; width: 150px; height: 100px; padding: 60px 30px 0 30px; background: #fff url(/photos/images/nofeatured.gif) 5px 5px no-repeat; border: 2px solid #A5B6D0; }
#albums .thumb a:hover span.nofeatured { border: 2px solid #c00; }

/* Albums */
.albumcontent .navigation { padding-right: 60px; }
.albumtable { width: 100%; margin-bottom: 40px;  }
.albumtable td {vertical-align: top; padding: 10px 0; height: 160px; }
.albumtable .info { clear: both; padding: 3px 0 0 4px; }
.albumtable .thumb img { border: 1px solid #A5B6D0; padding: 3px; }
.albumtable .thumb a:hover img { border: 1px solid #c00; }
.albumtable select { font: 0.9em verdana, sans-serif; width: 158px; margin-top: 2px; }
.albumtable option { font-family: verdana, sans-serif; }
td.album .thumb { border: 6px solid #F1F4F8; padding: 0 1px 1px 0; width: 162px; border-width: 0px 1px 1px 0px; background-color: #E9EDF3; }
td.album .thumb img { border: 2px solid #A5B6D0; padding: 4px; background-color: #fff; }
td.album .thumb a:hover img { border: 2px solid #c00; }
td.album .info p { margin: 0; }
td.album .thumb span.nofeatured { text-align: center; color: #98ABC9; display: block; width: 130px; height: 77px; border: 2px solid #A5B6D0; padding: 40px 14px 4px 14px; background: #fff url(/photos/images/nofeatured_small.gif) 4px 4px no-repeat; }
td.album .thumb a:hover span.nofeatured { border: 2px solid #c00; }

/* Photo */
.photocontent .photo a img { border: 1px solid #A5B6D0; padding: 3px; background-color: #fff; margin: 10px 0; }
.photocontent .photo a:hover img { border: 1px solid #c00; }
.customfields { width: 100%; margin: 20px 0; }
.customfields th, .customfields td { padding: 4px 9px; text-align: left; vertical-align: top; background-color: #F2F3F3; }
.customfields td { background-color: #F8F9F9; width: 100%; }

/* Admin */
.admintable th { text-align: left; width: 160px; vertical-align: top; padding: 5px 0; }
.admintable td { vertical-align: top; padding: 5px 0; }

/* Slideshow */
.photoslideshow .photo img { border: 1px solid #A5B6D0; padding: 3px; background-color: #fff; margin: 10px 0; }
.slideshowcontrol select { font-size: 0.9em; }
* html .slideshowcontrol select { position: relative; top: 1px; }
.slideshowcontrol a { margin: 0 0 0 15px; padding: 4px 8px; border: 1px solid #EAEEF4; text-decoration: none; }
.slideshowcontrol a:hover { border: 1px solid #BFCBDD; background-color: #6D8AB6; color: #fff; }
#loopcheck { position: relative; top: 3px; }
* html #loopcheck { top: 1px; }

/* Config */
p.error		{ font-weight:bold; background-color: #CC0000; color: #FFFFFF ;
		  padding:2px;
		}

.errorpct	{ font-weight:bold; background-color: #CC0000; color: #FFFFFF ;
		  padding:2px; padding-right:20px; padding-left:20px;
		}

.errorlong	{ font-weight:bold; background-color: #CC0000; color: #FFFFFF ;
		  padding:2px; width: 100%; padding-left:10px;
		}


.success        { font-weight:bold; background-color: green; color: #FFFFFF ;
		  width: 150px; padding:2px; 
		}

.successpct	{ font-weight:bold; background-color: green; color: #FFFFFF ;
		  padding:2px; padding-right:20px; padding-left:20px;
		}

.successlong    { font-weight:bold; background-color: green; color: #FFFFFF ;
		  width: 100%; padding:2px; padding-left:10px;
		}


.warning        { font-weight:bold; background-color: #FFFF33; color: #000000 ;
		  width: 150px; padding:2px; 
		}

.warninglong    { font-weight:bold; background-color: #FFFF33; color: #000000 ;
		  width: 100%; padding:2px; padding-left:10px;
		}

.warningpct	{ font-weight:bold; background-color: #FFFF33; color: #000000 ;
		  padding:2px; 
		}

.separator      { background-color: #000099; color:#FFFFFF; text-align:center;
		  padding:2px; font-size: 22px;
		}

.header		{ background-color: #E6E6DC; font-size: 1.5em;  font-weight:bold; padding:10px;
		  border-style: solid; border-width: 1px; border-color: #000000;
		}

.sitedesc	{ background-color: #FCFCF3; margin-top:25px; padding:5px;
		  border-style: solid; border-width: 1px ; border-color: #000000;
		}

.inner		{ padding: 5px; margin-top:15px;
		  border-style: solid; border-color: #000000; border-width:1px;
		}

.shortdesc	{ background-color: #DCDCC0; padding:5px; font-weight: bold;
		}

.desc		{ background-color: #FCFCF3 ; padding:10px;
		}

.emphasis	{ font-weight: bold;
		}

.attention	{ font-size: 1.1em; font-weight:bold; 
		  color:red ;
		}

.tab 		{  border-style:solid; border-width:1px;border-color: black;
		   background-color:white; color: #000000;
		   -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;
		   cursor: pointer;
		   text-align:center;
		   padding:5px; margin-left:10px;
		}

.tab-hi 	{  border-style:solid; border-width:1px;border-color: black;
		   background-color:000099; color:#FFFFFF;
		   -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;
		   cursor: pointer;
		   text-align:center;
		   padding:5px; margin-left:10px;
		}

.tab-text	{ text-decoration:underline; font-weight:bold; font-size:13px;
		}

.littlered	{ font-size: 10px; color:red; vertical-align:top; 
		}
		
td.tabspacer	{  border-bottom-width: 1px; border-bottom-style:solid;
                   border-color: black;
		}