/* seagreen admin CSS 210409
background website green: #389e92
grey: #5c666b
dark grey:#333
light grey:#edeff1


*/
/*----------------------   MAIN FORMATTING   -------------------------------*/

body {
	font-size:62.5%; /* for ems, now 1em=10pt 2em=24pt http://www.clagnut.com/blog/348/*/
	text-align: center;
	background-color: #fff;
	color: #5c666b;
	font-family:Trebuchet MS, sans-serif;
	}

h1 {background: url(../images/seagreen_logo.png) no-repeat right top;
	margin: 0 0 0 0;
    height:75px;
	width:307px;
	text-indent: -9000px;
	display:inline;
	float:right;
	border: solid 0px green;
}

*html h1 {background: url(../images/seagreen_logo.gif) no-repeat;}

h2 {text-align: left;
	font-family: arial, sans-serif;
	font-weight:normal;
	text-transform:lowercase;
	font-size: 4em;
	line-height: 1.0em;
	color:#389e92;
	padding: 10px 0px 10px 55px;
	background: url(../images/spanner.gif) no-repeat 0	50%;
}

h3 {text-align: left;
	font-family: arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 1.5em;
	line-height:1.4em;
	color:#333;
	
}

h4 {text-align: left;
	font-family: arial, sans-serif;
	font-weight:bold;
	font-size: 1.5em;
	color:#333;
	padding-bottom:7px;
}

p {
	text-align: left;
	float:left;
	font-family: Tahoma, Trebuchet MS, sans-serif;
	font-size: 1.2em;
	line-height: 1.45em;
	color:#5c666b;
	padding: 0	0 1em 0;
	clear:both;
}

p strong {color:#333; font-weight:normal; clear:both;}

p.orange {color:#389e92;font-size: 1.2em;}

li {color:#389e92; }

a {text-decoration: none;}

a:link {text-decoration: none; color:#5c666b;}

a:visited {text-decoration: none; color:#5c666b;}

a:hover {text-decoration: none; color: #333;}

a:active {text-decoration: none; color: #389e92;}

a img {border: none;}

/*----------------------   TABLE FORMATTING   -------------------------------*/

#wrapper {text-align:left; margin:0 auto; width:760px; padding-bottom:5em;}
	
table{
	font-family:Myriad, Helvetica, Arial;
	border-collapse:collapse;
	width: 760px;
	border:2px solid #fff;
	background-color:#edeff1;
	color:#333;
}

table td, table p{
	padding-top:0.5em;
	padding-bottom:0.5em;
	color:inherit;
	border-bottom: 2px solid #fff;
	}

th {
	line-height:1.0em;
	color: inherit;
	font-size: 1.5em;
	padding: 0.8em 1.5em;
	text-align: left;
	color:#fff;
	font-weight:normal;
	}

td {
	color: inherit;
	font-size: 1.2em;
	padding: 2em 2em;
	text-align: left;
}

col {
	border-right: 2px solid #fff;
}

col#last{
	border: none;
}


thead {
	background: #389e92;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}


.odd {
 background-color:  #d9d9d9;
}


tr:hover {
	background-color: #389e92;
	color:#fff;
}


thead tr:hover {
	background-color: transparent;
	color:inherit;
}


/*----------------------   FORM FORMATTING   -------------------------------*/



fieldset {
	border: solid 0px #6b91cb;
	margin:20px 0px;
	padding-left:20px;
	padding-bottom:5px;
	background-color:#edeff1;
}

legend {
	font-family: Myriad, Helvetica, Arial;
	font-weight: normal;
	color: #333;
	font-size:13px;
	letter-spacing: 0.2em;	
	text-transform: uppercase;
}

label {
	float: left;
	width: 11em;
	clear:both;
}


input {
	width: auto;
}

input.submit {
	margin-bottom: 20px;
}

input.submit_form {
	margin-bottom: 20px;
	margin-left:12em;
}

input.submit_cancel {
	margin-bottom: 20px;
	margin-left:6em;
}

input.logout {
	margin:2em 0;
}


p.first {
	padding-top:20px;
}


text area {
	width: 500px;
	height: 200px;
	clear:both;
}



fieldset h2{
	font-family: Myriad, Helvetica, Arial;
	font-size: 11px;
	font-weight: lighter;
	line-height: 15px;
	padding-bottom: 0px;
	padding-top:10px;
	padding-right: 10px;
	color: #FFF;
	/*letter-spacing: 0.05em;*/
}


.clear {
	clear: both;
}
	

#logoutForm {float:right;
			margin-right: 60px;
			padding-bottom:20px;
}
#availForm {float:right;
			margin-right: 10px;
}