@charset "utf-8";
/* CSS Document */
body { background:url('/images/bodyBg.jpg') top center repeat-y #FFF; font-size:0.9em; font-family:Tahoma, Geneva, sans-serif;}
h1 { font-size: 1.9em; }
h2 { font-size:1.6em; }
h3 {font-size: 1.2em; }
.container { background:url('/images/pageBg.jpg') top center repeat-y #FFF; }

.footer { border-top:2px solid #666; padding-top:0.2em; margin-top:1em; background:url('/images/footerBg.jpg') repeat-x #669; height:15em;}
.footer a:link { }
.footer a:visited { }
.footer a:hover { color:#FFF;}

/* home page adverts */
.buttons { text-align:center; margin:0 auto;}
.buttons img { padding:0.5em 2em 1em 2em;}
/* */

.logos { padding-left:1em; }
.logos img { vertical-align:top; }
.breadcrumbs { padding:1em; }
/* trail advert block */
.trail { float:left; padding:1em;}

/* logged in box */
.box { font-size:small; }
img, img a, a:link img, a:visited img, a image { text-decoration:none; border:none; }

a:link { color: #006; }
a:visited { color:#036; }
a:hover {color:#39C; }

.text { padding-bottom:1em; }
/* preview for submissions */
.preview {  }
.preview p { margin-bottom:0.2em; }
/* small preview box for search results */
.result img { width:40px; height:40px; }
.result img.left { margin:0.2em 0.2em 0.2em 0; }
.result { clear:both;  height:40px;}
.result:hover { background-color:#EEE;}

.types { font-size:0.8em; color:#F60; }
 .pagination { text-align:center; }
 
/* boxes */
.advert, .extAdvert { padding: 1em 0; }

.extAdvert { text-align:center; font-size:small; padding-top:12em; margin:0 auto;}

.blueBox { background:url('/images/boxBlue.gif') no-repeat; padding: 10px 5px;  text-align:center; line-height:normal; margin:1em 0; width:112px; height:105px; }
.blueBox a:link, .blueBox a:visited{ text-decoration:none; font-size:large; color:#666; }
.blueBox a:hover { color:#000; }

#terms { display:none; }

.pics { /*min-height:300px;*/ overflow:auto; }	/* slideshow options */
#slideshow { left: 20px }
#nav { height:80px; margin:15px 5px; width:100%; }
#nav li { width: 50px; float: left; margin: 8px; list-style: none }
#nav a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav a.activeSlide { background: #88f }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }

.page { padding:0 0 1em 0; }
/* left sidebar */
.menus ul { list-style:none; padding-left:0.5em; margin-left:0.5em;}
.menus ul li { list-style:none; padding:0.2em;}
.menus ul li a { display:block; border:1px solid #B8B8B8; padding:0.2em; margin-bottom:0.2em; font-size:1.2em; }
.menus ul li a:link, .menus ul li a:visited { color:#000; text-decoration:none; }
.menus ul li a:hover { color:#000; background-color:#FFF; }
.menus { height:450px; background-image:url('/images/reelSidebar.jpg'); background-repeat:no-repeat; background-position:bottom left; }
/* opacity setting:
 opacity: .5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); 
 */

/* tweak jQuery mini pics */
ul#nav { padding-left:0.5em; }

table { 
	border: 1px dotted black; 
	line-height: normal;
	padding: 0px;
	margin: 0px;
}
td {
	line-height: normal;
	margin: 0px;
	border-bottom: 1px gray dotted;	
}
td p {
	line-height:90%;
	margin: 2px;

}
th {
	border-bottom: 1px black solid;
	font-size: 0.9em;
	text-align:center;
}
/* form stuff */
form .field, form .buttons { clear: both; margin: 0 0 0.5em 1em; }
form .field label { display: block; font-weight: normal; }
fieldset { padding:0.5em; margin-bottom:0.5em; }
/* reset some blueprint standards to be compatible with jQuery stuff */
.error, .success, .notice { padding:0.3em; max-width:20em; }
/* end reset */
/* styles form buttons */
form.inlineform { display:inline-block; }
.deleteButton { background:url('/images/picture_delete.png') no-repeat center left; padding:5px 5px 5px 20px; margin:1em; border:1px dotted #ccc; width:10em;}
.deleteButton:hover { background-color:#CCC;}
.editButton { background:url('/images/picture_edit.png') no-repeat center left; padding:5px 5px 5px 20px;  margin:1em; border:1px dotted #ccc; width:10em; }
.editButton:hover {  background-color:#CCC;}

textarea { overflow: auto; }
input.text, input.password, textarea, select { margin: 0; font: 1em/1.3; vertical-align: baseline; }
input.text, input.password, textarea { border: 1px solid #444; padding: 2px; }

form.inline { display:inline-block; }
legend { font-size:1.2em; font-weight:normal; }
/* 	RESULT STYLE for jQuery password strength test */
.testresult{
	font-weight: bold;
	font-size:13px;
	font-family: arial,helvetica,san-serif;
	color:#666;
	padding:0px 0px 12px 10px;
	margin-left:10px;
	display: block;
	height:28px;
	float:left;
}
.testresult span{
	padding:10px 20px 12px 10px;
	margin: 0px 0px 0px 20px;
	display:block;
	float:right;
	white-space: nowrap;
}
.shortPass{
	background:url(/images/red.png) no-repeat 0 0;
}
.shortPass span{
	background:url(/images/red.png) no-repeat top right;
}
.badPass{
	background:url(/images/red.png) no-repeat 0 0;
}
.badPass span{
	background:url(/images/red.png) no-repeat top right;
}
.goodPass{
	background:url(/images/yellow.png) no-repeat 0 0;
}
.goodPass span{
	background:url(/images/yellow.png) no-repeat top right;
}
.strongPass{
	background:url(/images/green.png) no-repeat 0 0;
}
.strongPass span{
	background:url(/images/green.png) no-repeat top right;
}