body {
	margin: 0px;
	padding: 0px;
	margin-bottom: 80px;

	background-color: #707070;
	color: #fff;
}

html > body {
	margin-bottom: 0px; /* Workaround for IE - ignored by IE but no firefox */
}

div#bar_vert {
	border-width: 0px;
	border-top: 160px solid #0f0f0f;
	background-color: #0f0f0f;
	color: #386894;
	
	position: absolute;
	left: 70px;
	top: 10px;
	width: 140px;
	height: 100%;
}

div#bar_vert div.inner {
	margin-right: 3px;
	margin-top: 0px;
	background-color: #0f0f0f;
	
	padding: .5em;
}

div#bar_vert a.navlink {
	color: #666666;
	font-weight: bold;
}

div#bar_hori {
	border-top: 4px solid #0f0f0f;
	border-bottom: 4px solid #0f0f0f;
	border-left: 4px solid #0f0f0f;
	border-right: 4px solid #0f0f0f;
	
        background-color: #0f0f0f;
	position: absolute;
	left: 10px;
	top: 70px;
	width: 96%;
	height: 75px;
}

div#headerpic_holder {
	border-width: 0px;
	
	position: absolute;
	##left: 250px;
	left: 25%;
        width: 700;
	top:  20px;
}

img#headerpic {
	##border: 10px solid #218414;
	border-right: 5px solid black;
	border-bottom: 5px solid black;
	border-left: 5px solid #707070;
	border-top: 5px solid #707070;
	
	position: relative;
	##left: 10px;
        right: 10px
	top:  0px;
}

div#logo {
	border-width: 0px;
	border-bottom: 1px;

	background-color: #333333;
}

img#logo {
	position: absolute;
	left: 69%;
	top: 14px;

}

div#main {
	position: relative;
	left: 260px;
	margin-right: 320px;
	top: 220;
}

td, span, body {
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
}

hr {
	color: #555;
}

/** Exponent-internals stylings **/

div.moduletitle {
	font-weight: bold;
	font-size: 1.25em;
	color: #252776;
}

a {
	##color: #325c84;
	##color: #4c8bc7;
	color: #252776;
	text-decoration: none;
}

td.header {
	background-color: #aaa;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	padding: 2px;
}

/* Container Styles */
div.container_box {
	padding: 6px;
	margin: 2px;
}

div.container_editbox {
	border: 2px dashed #CCC;
	margin: 2px;
}

div.container_editheader {
	padding: 3px;
	background-color: #ccc;
}

div.container_editheader table tr td.info {
	font-size: 8pt;
	font-weight: bold;
}


div.itemtitle {
	color: #252776;
	font-weight: bold;
}

/* Themable Forms */
div.form_title {
	font-size: 14px;
	font-weight: bold;
}

div.form_header {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin-bottom: 1em;
}

tr.even_row {
	background-color: #DDD;
}

tr.row:hover td, tr.row:hover td a {
	background-color: #666;
	color: #fff;
}

tr.odd_row {
	
}

/** Administration Module Manager form **/
.administration_modmgrheader {
	background-color: lightgrey;
}

.administration_modmgrheader span.active {
	color: green;
	font-weight: bold;
}

.administration_modmgrheader span.inactive {
	color: red;
	font-weight: bold;
}

.administration_modmgrbody {
	padding-left: 10px;
	border: 1px solid lightgrey;
}

/** Debugger Styles **/
table.debug_null,table.debug_null tr td, div.debug_null {
	background-color: #000;
	color: #fff;
	font-weight: bold;
}

table.debug_object, table.debug_object tr td {
	background-color: #a00;
	color: #fff;
}

table.debug_array, table.debug_array tr td {
	background-color: #0a0;
	color: #fff;
}

table.debug_scalar, table.debug_scalar tr td, div.debug_scalar {
	background-color: #00a;
	color: #fff;
}

td.debug_attribute {
	font-family: monospace;
	font-size: 10px;
}

td.debug_varname {
	font-weight: bold;
}

td.debug_type {
	background-color: #aaa;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

td.debug_value {
	font-family: monospace;
	font-size: 11px;
	color: #fff;
}

