/*
Copyright (c) 2008, Max Morresi
*/

/*input {color: #000000; background-color: FFFFFF;  border: 1px Solid
 * #333333;}*/
html   {
background-color: #ffffeb;
background-image: url(images/bg_pattern.png);
background-repeat: repeat-x;
background-position: 0 top;
padding-top: 10px;
padding-left: 10px;
}

#delaware_btn { margin-top: 0; margin-left: 700px; position: absolute; float: right }

body  {text-align: center }

#doc  { border-bottom: 1px solid #630 }

#hd  { height: 130px; border-bottom: 4px solid #006 }

#bd  { background-color: #e6eedc; border-right: 1px solid #630; border-left: 1px solid #630 }

#content  { font-style: normal; line-height: 1.5em; letter-spacing: 0.04em; padding-top: 5px }

#content p { padding-top: 10px }

.img_lft { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; float: left }

.img_rt { padding-top: 5px; padding-bottom: 5px; padding-left: 5px; float: right }

#ft   { background-color: #f5f0c3; background-image: url(app/css/images/ft_pattern.png); text-align: center; padding: 10px; bottom: 89px; height: 89px; border-top: 1px solid #630 }

.title{
	font-size: medium;
	font-weight: bold;
}

.nav_box { font-size: x-small; font-weight: bold; text-decoration: none }
.nav_box ul { line-height: 18px; margin-bottom: 10px }
.nav_box a  { color: #582400; font-size: x-small; font-weight: bolder; line-height: 1.5; text-decoration: none; padding-left: 5px }
.nav_box a:hover { color: #582400; font-size: x-small; font-weight: bolder; line-height: 1.5; text-decoration: underline; padding-left: 5px }
hr {color: #333333; border: 1px Solid #FFFFFF;}
ul{padding-left:10px;}

#userentry{background-color:#e8ecfb; padding:15px;}
#userentry .title{font-weight: bold;padding-bottom:15px;}
#userentry #txt{padding:5px;border:0;}
#userentry #sbmt {background-color: #a6cbe3;color:#ffffff;
padding:3px;border:0;}
#userentry textarea{background-color: #ffffff; #e8ecfb Solid ; padding: 5px;border:0;}
#messages {padding:15px; background-color: #f4f5f9; color:#000000; min-height: 50px;}
#video{width: 100%;}
#yui-main{min-height:300px;}

.footer{
text-align: center;
font-weight: bold;
font-size: small;
text-decoration: none;
background-image:url(def_theme/footer.png);
background-repeat: repeat-none;
height:60px;
padding:5px;
margin-bottom: 40px;
}

/*This is the body*/
/* #yui-main{ text-align: left; width:38.462em;*width:37.500em} */
#bd { background-color: #969 }
/*This is the content window*/

.main{ background-color:#FFFFFF; border-top:#FFFFFF 2px solid; padding-left:10px;
padding-top:10px; min-height: 600px; padding-right: 60px; padding-left: 20px; font-size: .932em;}
.secondary{height:300px; background-color:#eeeeee; border-top:#FFFFFF 2px solid;}
.footer{height:50px; background-color:#c5d9f4; border-top:#1c2d6d 2px solid; padding:10px;}


.page_title{font-size:large;}
ul{padding-left:10px;}

#navcontainer ul{padding-left: 0;margin-left: 0;background-color: #FFF;color: White; font-size: small;
float: left;width: 100%;font-family: Georgia, serif; border-bottom: 1px solid #000000;}
#navcontainer ul li { display: inline; }
#navcontainer ul li a{padding: 0.2em 1em; background-color: #FFF; color: #666;
text-decoration: none;float: left;border-right: 1px solid #fff;}
#navcontainer ul li a:hover{background-color: #369;color: #fff;}

.achtung {color: red; font:Georgia, serif; font-size:medium; font-weight: heavy;}
.pages{background-color: #EEEEEE; padding: 5px; color: #333333;
margin: 10px; height: 80px;  clear: left;}
.pimage{float:left; margin:2px; }
.pinfo{float:right; width: 400px;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Georgia, serif;; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

td.bluetds{padding-top: 5px; border: 1px #FFFFFF Solid;}
table.border{border: 2px #2b3061 Solid;}



select {background-color: #eeeeee; border: 1px Solid #333333;}
checkbox { border: 1px Solid #333333;}


a.pagemaker_links{color:#FFFFFF}
.instructs{min-height: 100px; overflow: scroll; font-size:9px; background-color:#CCCCCC}

.inline_button{display:inline;}
#editor_list{padding-top: 10px; background-color: #FFFFF}
.list_row{background-color: #FFFFFF}

.colorwrapper{width: 580px; padding: 15px; background-color: #FFFFFF; min-height: 500px;}
.colorplate {width: 160px;}
.cp_del_button { padding-top: 5px;}
.colorswatch{width: 160px; height: 70px; min-width: 180px; min-height: 70px;
 position:relative; float: left; padding: 2px;
 background-image:url(img/colorplate.png); background-repeat: no-repeat; font-size:11px; line-height:18px;}
img{border:none;}
/* Top Login Styles */
#masthead{max-height:99px; min-height:99px;text-align:left;padding:0}
.headerimage{float:left;padding:0}

.top_items {padding: 10px; text-align:center;}
.top_items .inputs{text-align: center; padding: .5em; background-color: #e0e2ea;}
.top_items .inputs input{width: 08em;color:#858eb0;padding: .12em;}

.top_items .options{text-align: center; padding: .5em;
background-image:url(def_theme/login_bg_sep.gif); background-repeat: norepeat;padding-top:16px; }



.error {padding: 20px; border: 2px Red Solid; background-color: #FFFFFF;
color: red; margin-top: 10px; margin-bottom: 10px;}
.error a {color: red; font-weight: bold; text-decoration: underline;}
.error a:hover {color: red; font-weight: bold; text-decoration: none;}
.error h1{ font-size:large; }
.error p{margin-top:8px; }

.close_button  { margin: 3px; padding: 3px 10px }
.close_button:hover  { background-color: #4676c1; margin: 3px; padding: 3px 10px }

a.close {
text-decoration:none;
color:#4676c1;
font-weight: bold;

}
a.close:hover {

color:#FFFFFF;
font-weight: bold;


}
a.restore { color: #4676c1; font-weight: bold; text-decoration: none }
a.restore:hover { color: #69c; font-weight: bold }
#restore_bar  { float: right }