/* modified reset by Eric Meyer http://meyerweb.com/eric/tools/css/reset/reset.css */
html, body, div, span, applet, object, iframe, blockquote, pre, a, h3, h4, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { 
	height:100%; 
	line-height:1.5em; 
	text-align:left; 
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	background-color:#343028;
}

h1 {font-size: 24px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
ol {margin-left: 20px;}
a:link {text-decoration:none; color:#00A897;}
a:visited {text-decoration:none; color:#B53B12;}
a:hover {text-decoration:none; color:#008A7A;}
a:active{text-decrotation:none; color:#6E8700;}
blockquote{margin: 20px; font-style:italic;}

/* Basic classes */
a.button {float: right; border: 1px solid #000; margin: 5px; padding: 5px;}
img.details{
	position:relative;
	top: -2px; /* adjust this to taste */
	vertical-align: middle;
}
.highlight {color:#6E8700;}
.css-panes {min-height: 350px;}
.fix {clear: both;}
.block {display: block;}
.hidden {display: none;}
.error {color: #B53B12; margin:0;}
.expandable {cursor: pointer; color:#00A897;}
.main-navi li a.current {color: #6E8700;}
.main-navi {font-size:24px;}
.main-navi li {float:left; list-style-type:none; margin: 10px;}
.main-navi li ul {padding-top: 25px;}
.main-navi li a:link, li a:visited {text-decoration:none; color: #CF8A01;}
.main-navi li a:hover {text-decoration:none; color: #A55D00;}
.main-navi li a:active {text-decrotation:none; color:#6E8700;}
.no-bullet {list-style-type: none; margin:0; padding: 0;}
.no-bullet li {margin-left: 10px;}
.promo { /* 320px max width for iPhone */
	min-height: 225px;
	width: 250px; 
	padding: 15px; 
	margin: 10px;
	border: 1px dotted #FFF;
    -moz-border-radius: 10px;		/* Mozila/Firefox and Safari 3 */
    -moz-border-radius: 10px;		/* Mozila/Firefox and Safari 3 */
    -webkit-border-radius: 10px;	/* Everyone else */
    -webkit-border-radius: 10px;	/* Everyone else */ 
}
.promo h4 {text-align: center; color: #6E8700;}
.required {color: #B53B12; font-weight: bold;}
.sub-navi {position: relative;  margin: 0; padding: 0; font-size: smaller; display: none;}
.sub-navi li {list-style-type:none; margin: 10px; background-color:#343028;}
.sub-navi li a:hover {text-decoration:none; color: #A55D00;}
.side-sub-navi li {font-size: 14px;}
.horizontal-accordion { height: 200px; }
.horizontal-accordion img {float:left; margin-right:10px; opacity:0.5; filter: alpha(opacity=50);}
.horizontal-accordion img.current {opacity:1; filter: alpha(opacity=100);}
.horizontal-accordion div {width: 350px; float: left; display: none; padding: 0 10px 0 10px;}
.tooltip {color:#00A897;}
.vertical-accordion div {margin:0 0 0 20px;}
.vertical-accordion h2 {color: #CF8A01; cursor: pointer;}
.vertical-accordion h3 {color: #6E8700; cursor: pointer; padding-top: 10px;}
.vertical-accordion ul.job-details {margin: 15px;}
.vertical-accordion ul.job-details li {list-style-type:none;}
.vertical-accordion img {float: right; margin: 15px;}

/* Basic Id's */
/*Admin table = Overview pages (aka: index.php) */
#admin-table {width: 100%; background: #FFF; text-align: center; border: 1px solid #000; border-spacing: 0px; margin-bottom: 20px; color: #000; }
#admin-table td {vertical-align: top;}
#admin-table tr th {background: gray; color: #FFF;}
#admin-table tr th a { color: #FFF; text-decoration: underline;}
#admin-table tr td {border-top: 1px solid #000;}
#admin-table tr td:first-child {text-align: left;}
#admin-table tr td:last-child {width: 60px;}
#admin-table tr.hidden-row td {background-color: #D0E1F6;}

/*Rules for sub-rows*/
#admin-table tr.sub-row {display: none;}
#admin-table tr.sub-row td {border-top: 1px dashed #B6C1D0; padding-left:25px;	padding-bottom: 20px; text-align: left;}

#container {width:970px; height:800px; background: url(/images/layout/body-bg.png) top left no-repeat; margin: auto;}
#header {font-size:40px; font-weight: bold; margin: 20px auto;}
#header a:link, a:visited  {text-decoration:none; color:#00A897;}
#main-navigation {min-height:50px; margin: 0; padding: 0; border-top: 1px dashed #FFF; border-bottom: 1px dashed #FFF;}
#content {min-height: 450px; clear: both;}
#sub-content {min-height: 450px; float: right; width: 790px; border-left: 1px dashed #FFF; padding-left: 10px;}
#admin-sub-content {min-height: 450px; float: right; width: 700px; border-left: 1px dashed #FFF; padding-left: 10px;}
#side-navigation {overflow: hidden;  min-height: 450px; position: absolute; float: left; width: 160px; font-size: 18px;}
#side-navigation div {padding: 10px;}
#side-navigation li {list-style-type:none; margin: 10px 0 10px 0;}
#side-navigation li a:link, #side-navigation li a:visited {text-decoration:none; color: #00A897;}
#side-navigation li a:hover {text-decoration:none; color: #008A7A;}
#side-navigation li a:active {text-decoration:none; color: #6E8700;}
#side-navigation li a.current {color: #6E8700;}
#side-navigation li ul li {margin: 0; padding-left: 15px; font-size: smaller;}
#side-navigation li ul li ul li {margin: 0; padding-left: 15px; font-size: smaller;}
#submit-btn {background-color: #c78100; font: bold 10px; padding: 5px;}
#footer {font-size: smaller; border-top: 1px dashed #FFF; margin: 0; clear: both;}
#footer li {list-style-type:none; float:left; margin: 10px 30px 0 0;}