/* Default CSS Stylesheet for a new Web Application project */

body {
	background: #EEE url(../../images/castle.jpg) no-repeat top right;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	margin: 0;
	padding: 0;
}
#messages {
	width: 60%;
	
}

#messages div.error, #messages div.success, #messages div.warning{
	margin: 16px;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: .5em;
	padding-top: 7px;
	padding-left: 35px;
}


#messages div.error{
	background: #EDDDDD url(../../images/icon-error.gif) no-repeat top left;
	border: solid 1px #A88;	
	border-top: solid 6px #A00;	
}

#messages div.warning{
	background: #EDEDDD url(../../images/icon-warning.gif) no-repeat top left;
	background-position: 0px 0px;
	%background-position: 0px 5px;
	border: solid 1px #AA8;	
	border-top: solid 6px #AA0;	
}

#messages div.success{
	background: #DDEDDD url(../../images/icon-success.gif) no-repeat top left;
	background-position: 0px 0px;
	%background-position: 0px 5px;
	border: solid 1px #686;	
	border-top: solid 6px #080;	
}

#pageLinks{
	position: absolute;
	top: 15px;
	right: 55px;	
}
#pageLinks{
	border: solid 1px #DDD;
	background-color: #EEE;
	font-size: .8em;
}

#container {
	background: #F5F5F5 url(../../images/container.gif) repeat-y left;
}
#infoPanels{
	padding:0;
	padding-left: 20px;
	float:right; 
	position:relative;
	top: -30px;
}
#innercontainer {
	background: transparent url(../../images/innercontainer.gif) repeat-y right;
	z-index: 0;
}

#logo {
	width: 132px;
	height: 103px;
	position: absolute;
	top: 3px;
	left: 46px;
	z-index: 1;
}
#logo a{
	
}
#logo img{
	border: 0;
}


#header {
	background: #EBF2EB url(../../images/header.gif) repeat-x bottom;
	height: 100px;
	position: relative;
	font-family:  Arial, Helvetica, Sans-Serif;
}

#innerheader{
	background: transparent url(../../images/innerheader2.jpg) no-repeat bottom right;
}

#styleswitch {
	position: absolute;
	top: 30px;
	left: 430px;
	z-index: 1;
	text-align:right;
}

#userinfo {
	text-align:right;
	margin:0;
	margin-right: 45px;
}

#userinfo span {
	color: #000;
	padding: 0 3px;
	font-size: .7em;
	font-weight: bold;
}
#login {
	background: #EAF1E9 url(../../images/logo.gif) no-repeat top left;
	border: solid 1px #DDD;
	min-width: 400px;
	padding-top: 120px !important;
	width: 400px;
	margin: auto;
}

#header h1 {
	height: 90px;
	/*background: transparent url(../../images/h1.jpg) no-repeat bottom left;
	text-indent: -9999px;*/
	margin: 0;
	margin-left: 200px;
	margin-right: 250px;
	font-size: 5.3em;
	color: #346934;
	position: relative;
	padding:0;
	padding-top: 10px;
	display:inline-block;
	overflow: hidden;
	font-weight: bold;
	letter-spacing: -.07em;
}
/* Uses trick to create fade 
source: http://cssglobe.com/lab/textgradient/
*/
#header h1 span.flare{
	background: transparent url(../../images/flare.png) repeat-x top left;
	width: 100%;
	height: 100%;
	position:absolute;
	top: 0;
	left: 0;
}
#header h1 #subHeader{
	position:absolute;
	font-size: .15em;
	left: 0;
	bottom:0;
	color: #333;
	border: solid 1px #CCC;
	background-color: #F6F6F6;
	letter-spacing: normal;
}

/* this is the IE 6 fix to get it to work 
source: http://cssglobe.com/lab/textgradient/
*/
* html #header h1 span.flare{
	background-color:#FFF;
	back\ground-color:transparent;
	background-image: url(none.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gradient_1.png", sizingMethod="scale");
}

#usertools {
	z-index:0;
	position: absolute;
	width: 400px;
	top: 0;
	right: 210px;
	text-align: right;
}

#usertools a {
	background-color: #D0DDD0;
	color: #000;
	padding: .4em;
	margin-right: 1px;
	font-size: .8em;
	text-decoration: none;
	border: 1px solid #FFF;
	border-top: none;
	text-align: center;
	padding-top: 1px;
	line-height: 1em;
	float:right;
	white-space: nowrap;
}

#usertools a:hover {
	background-color: #EBF2EB;
}

#nav {
	background: transparent url(../../images/nav.jpg) no-repeat top left;
	z-index: 1;
	height: 30px;
}
#nav #innernav{
	background: transparent url(../../images/menutier0.jpg) repeat top left;
	padding: 0;
	margin-left: 33px;
	margin-right: 34px;
	height: 1.4em;
}
#nav ul {
	margin: 0;
}
#nav li {
	display: block;
	list-style-type:none;
	float: left;
	position: relative;
	border: solid 1px #AAA;
	background-color: #EEE;
	width: 120px;
	z-index: 0;
}
#nav li:hover {
	background-color: #AAA;
	border: solid 2px #666;
	border-left: solid 8px #666;
}

#nav a {
	display:block;
	font-size: .8em;
	padding: .2em;
	color: #000;
	text-decoration: none;
}
#nav a.haschildren {
	background: transparent url(../../images/menuplusblack.gif) no-repeat bottom right;
}
#nav a:hover {
	color: #FFF;
}
#nav a:first-line{
	padding-left: 0;
}
#nav ul{
}
#nav ul.root > li{
	background: transparent;
	border: none;
	border-left: solid 1px #FFF;
	z-index: 0;
}
#nav div.menutier0,#nav div.menutier1,#nav div.menutier2,
#nav div.menutier3,#nav div.menutier4,#nav div.menutier5{
	position: absolute;
	top: 0;
	left: 75px;
	display:none;
}
#nav div.menutier0{
	top: 1em;
	left: 0;
	z-index: 0;
	background: none;
}

#nav div.menutier1{
	z-index: 0;
}

#nav div.menutier2{
	z-index: 0;
}

#nav div.menutier3{
	z-index: 0;
}

#nav div.menutier4{
	z-index: 0;
}

#nav div.menutier5{
	z-index: 0;
}


input[type=submit] {
	color: #000;
	background: transparent url(../../images/menutier0.jpg) repeat top left;
	background-position: -1px;
	border: solid 1px #666;
}
input[type=submit]:hover {
	color: #FFF;
	background-position: bottom left;
	border: solid 2px #666;
}

input[type=text] {
}

#content {
	padding: 5px 50px;
	position: relative;
	z-index: 1;
}
#content p{
	text-align: justify;	
}
#content a {
	color:#911;
}

#content div.instructions{
	width: 500px;
	padding: 15px;
	padding-top: 10px;
	padding-bottom: 30px;
	font-size: .8em;	
	border: solid 1px #DDD;
	background: #FFF url(../../images/page-corner.gif) no-repeat bottom right;
}

/* forms */
#content div.form {
	background-color: #EAF1E9;
	border: solid 1px #A4B5A4;
	padding: 0;
}

#content div.form div.requirement{
	font-size: .8em;		
	background-color: #A4B5A4;
	padding-left: 100px;
	font-weight: bold;
}

#content div.form > div{
	clear:left;
}

#content div.form #sourceFile{
	float: right;
	width: 45%;
}

#content div.form > div{
	position: relative;	
}

#content div.form span.hint, #content div.form span.hintSmall{
	padding-left: 30px;	
	font-size: .8em;
	display: block;
	width: 200px; 
	position: absolute;
	top: 0;
	left: 350px;
	min-height: 25px;
	/* margin-left: 330px; */
	display:none;
	border: solid 2px #666;
	z-index: 30;
}

#content div.form span.hint p{
	display:inline;
}

#content div.form span.hintSmall{
	width: 0;
	height: 25px;
	overflow: hidden;
	border: solid 1px #EEE;
}


#content div.form div.statusUnknown{
	/* background: transparent url(../../images/form-unknown.gif) no-repeat 330px 0; */
}

#content div.form div.statusGood{
	/* background: transparent url(../../images/form-good.gif) no-repeat 330px 0; */
}

#content div.form div.statusBad{
	/* background: transparent url(../../images/form-bad.gif) no-repeat 330px 0; */
}

#content div.form div.statusUnknown span.hint,#content div.form div.statusUnknown span.hintSmall{
	background: #EEE url(../../images/form-unknown.gif) no-repeat top left;
}

#content div.form div.statusGood span.hint,#content div.form div.statusGood span.hintSmall{
	background: transparent url(../../images/form-good.gif) no-repeat top left;
}

#content div.form div.statusGood span.hint p{	
}

#content div.form div.statusBad span.hint,#content div.form div.statusBad span.hintSmall{
	background: #EEE url(../../images/form-bad.gif) no-repeat top left;
}


#content div.form div.statusUnknown input,#content div.form div.statusUnknown select{
	background-color: #e7e7c7;
}

#content div.form div.statusGood input,#content div.form div.statusGood select{
	background-color: #c7e7c7;
}

#content div.form div.statusBad input,#content div.form div.statusBad select{
	background-color: #e7c7c7;
}



#content div.form label{
	display: block;
	width: 180px;
	text-align: right;
	float: left;
	padding-right: 5px;
	background-color: #C4D5C4;
	font-weight: bold;
	min-height: 1.5em;
	clear:left;
}


#content div.form input[type=text]{
	width: 150px;
}

#content div.form select{
	width: 155px;
}



#content div.form input, #content div.form textarea{
	border: solid 1px #ABA;
}

#content div.form textarea{
	display: block;
	width: 99%;
	height: 300px;
	clear:left;
}
#content div.form textarea.short{
	width: 400px;
	height: 75px;
}

#content div.form #sizeControls{
	text-align: right;
	vertical-align:bottom;
	font-size: .8em;
	padding: 0;
	margin: 0;
}
#content div.form #sizeControls span{
	cursor: pointer;
	color: #000;
	background-color: #FFF;
}
#content div.form #sizeControls span:hover{
	color: #F00;
}
#content div.form input.number{
	width: 40px;
}

#content div.form input[disabled]{
	border: solid 2px #DAE1D9;
	background-color: #EAF1E9;
	color: #AAA;
	cursor: default;
}

#content div.form span.siteBox label{
	display: inline;
	width: auto;
	text-align: left;
	padding-right: 15px;
	background-color: transparent;
	font-weight: normal;
	min-height: 0;
	clear: none;
	float: none;
}

#content #droplist{
	border-left: solid 185px #C4D5C4;	
}
#content #droplist, #content #droplist div.sublist{
	background-color: #464;
}

#content #droplist li{
	text-align: center
}

#content #droplist li:hover{
	background-color: #131;
}


#content #droplist * {
	clear: left;
	margin: 0;
	padding: 0;
	border: 0;
}

#content #droplist, #content #droplist a {
	color: #FFF;
	cursor: pointer;
}


#content #droplist #codes > li{
	display: inline;
	position: relative;
	padding-left: 10px;
	border-left: solid 1px #FFF;
}
#content #droplist #codes > li:first-child{
	border: none;
}

#content #droplist div.sublist{
	display: none;
	z-index: 30;
	position:absolute;
	top: 1.2em;
	left: .4em;
	font-size: .8em;
	border: solid 1px #000;
}

#content #droplist div.sublist li{
	list-style-type: none;
	min-width: 100px;
}

#content #droplist div.sublist a{
	color: #FFF;
}

#content div.form div.buttons{
	background-color: #EAF1E9;
	border-left: solid 185px #C4D4C4;
	padding-left: 20px;
	min-height: 2em;
}

#footer {
	clear: left;
	background: transparent url(../../images/footer.gif) repeat-x bottom;
}

#innerfooter {
	background: transparent url(../../images/innerfooter.gif) no-repeat bottom right;
}

#footer #innerfooter p {
	background: transparent url(../../images/footerp.gif) no-repeat bottom left;
	padding-top: 20px;
	padding-right: 50px;
	min-height: 30px;
	text-align: right;
	font-size: .7em;
}

#content div.detailsChange{
	border: solid 1px #898;
	font-size: .8em;	
	background-color: #c4d5c4;
	padding: 5px 2px 2px 2px;
}

#content div.detailsChange table{
	padding:0;
	margin: 0;
	border: 0;
	background: none;
	display: inline;
	vertical-align: bottom;
	margin-right: 5px;
}

#content table {
	border-top: 1px solid #898 ;
	border-left: 1px solid #898 ;
	border-bottom: 1px solid #898 ;
	background-color: #DED;
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
}

#content table span.disabled{
	font-style:italic;
	text-decoration: line-through;
}

#content table tr.tableNav{
	background-color: #343;
	font-size: .8em;
	font-weight: bold;
	color: #FFF;
}

#content table tr.tableNav td{
	text-align: right;
}


#content table tr.tableNav span.selected{
	padding: .1em;
	border: solid 1px #000;
	background-color: #ABA;
	color: #000;
}

#content table tr.tableNav a{
	margin: .3em;
	color: #FFF;
	text-decoration: none;
	border: solid 1px transparent;
}

#content table tr.tableNav a:hover{
	margin: 0;
	padding: .3em;
	border: solid 1px #000;
	background-color: #ABA;
	color: #000;
	text-decoration: underline;
}


#content table td{
	padding: 3px;
	padding-right: 10px;	
	padding-left: 5px;	
	border-right: solid 1px #898;
}

#content table th {
	background-color: #ABA;
	border-bottom: 2px solid #898;
}

#content table.formTable td {
	border-right: 1px solid #ABA;
	border-bottom: 1px solid #ABA;
	padding: 2px;
}

#content table tr.other, #content table td.formField {
	background-color: #C4D5C4;
}

#content table div {
	font-size: .8em;
	border: auto;
}

#content a.selectAllTop, #content a.selectAllBottom{
	padding-left: 40px;	
	cursor: pointer;
}

#content a.selectAllTop{
	background: transparent url(../../images/point-down.gif) no-repeat bottom left;
}

#content a.selectAllBottom{
	background: transparent url(../../images/point-up.gif) no-repeat top left;
}


/* File Attributes */

#content div.filter{
	margin: 10px;	
	background-color: #CCC;
	padding: 5px;
}

#content div.filter div{
	display: inline;
}

#content div.filter div:hover{
	border: dotted 1px #888;
	background-color: #EEE;
}	


#content a.removelink{
	vertical-align: top;
	font-size: .8em;
}

#content a.filter, #content div.filter div a{
	background: transparent url(../../images/icon-filter.gif) no-repeat top right;
	padding-right: 18px;
	font-size: .8em;
}



#content div.tools, #content div.viewPerm, #content div.editPerm, 
#content div.archive, #content div.system{
	font-size: .8em;
	padding-left: 16px;
	height: 16px;
}

#content div.tools {
	background: transparent url(../../images/icon-tools.png) no-repeat top left;
}

#content div.viewPerm {
	background: transparent url(../../images/icon-view.png) no-repeat top left;
}

#content div.editPerm {
	background: transparent url(../../images/icon-edit.png) no-repeat top left;
}

#content div.archive {
	background: transparent url(../../images/icon-archive.png) no-repeat top left;
}

#content div.system {
	background: transparent url(../../images/icon-system.png) no-repeat top left;
}

#content tr.other div.viewPerm, #content tr.other div.editPerm{
	margin-left: 10px;
}

#content div.viewPerm:hover, #content div.editPerm:hover {
	background-color: #898;
	cursor: help;
}

/* Faders and PopUp Boxes */

#fader {
	display: none; 
	width: 100%;
	height: 100%;
	background-color: #000; 
	position: absolute;
	color: #FFF;
	z-index: 1;
	top:0;
	left:0;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	-khtml-opacity: 0.4;
	/*http://www.mandarindesign.com/boxes.html */
}

div.popup {
	display: none;
	position: absolute;
	width: 300px; 
	height: 100px; 
	border: solid 4px #888; 
	background-color: #FFF; 
	margin: auto; 
	color: #000;
	z-index: 100;
}                             

div.popup a.close{
	position:absolute;
	top:0;
	right: 0;
}           
 
span.charCount{
	display: inline;
	text-align: right;
	font-size: .6em;		
}
span.charCountError{
	display:inline;
	font-size: .6em;
	text-align: right;
	color: #C00;
}
div.breadCrumbsTop, div.breadCrumbsBottom {
	background-color: #DDD;		
	padding: 3px;
}