body {
	background-color: #000;
	margin: 0px;
	padding: 0px;
}

body,p,span,td,th,div,a {
	font-family:"Verdana", "Arial", sans-serif;
	font-size:13px;
	color: #FFF;
}

h1,h2,h3,h4,h5,h6,h7 {font-family:"Verdana", "Arial", sans-serif; color: #DB3; padding: 5px; margin: 0px; }
h1 { font-size:18px;}
h2 { font-size:16px;}
h3 { font-size:14px;}
h4 { font-size:13px;}
h5,h6,h7 { font-size:12px;}

.orange {color: #DB3;}

.error {color: #F00;}

.flash {text-align: center;}
.flash a {text-decoration: none;}
.flash a:hover{text-decoration: underline;}

a {color: #FFF;}
/* :link,:visited { text-decoration:none }*/
a:hover { text-decoration:underline }
a:focus { border: none; }

a.image { border: none; }

img { border: none; }

.clr {clear:both;}

.panel {
	width: 600px;
	padding: 5px;
	margin: 0px auto;
}

div.row {
	clear: both;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.row span.label {
	float: left;
	width: 100px;
	text-align: right;
	font-weight: bold;
}

div.row span.content {
	float: right;
	width: 450px;
	text-align: left;
}

.contentListSubItem div.row span.content {
	float: right;
	width: 400px;
	text-align: left;
}
 
div.headerrow {
	clear: both;
	padding-top: 4px;
	padding-bottom: 18px;
	background-color: #740;
	color: #FFF;
}

div.headerrow span.label {
	float: left;
	width: 100px;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
	background-color: #740;
}

div.headerrow span.content {
	float: right;
	width: 450px;
	text-align: left;
	font-size: 14px;
	background-color: #740;
}

.actions {
	display: block;
	text-align: left;
	margin-top: 10px;
}


.actions a{
	padding: 5px;
	border: 1px solid #999;
	margin: 3px;
	text-decoration: none;
}
.actions a:hover{
	padding: 5px;
	border: 1px solid #FFF;
	margin: 3px;
	text-decoration: none;
}

table.data-grid {
	border: solid #DDD 1px;
}

table.data-grid tr.data-grid-row-1 td{
	background-color: #666;
}

table.data-grid tr.data-grid-row-2 td{
	background-color: #000;
}

table.data-grid td{
	border: solid #DDD 1px;
	padding: 3px;
	text-align: center;
}

table.data-grid th{
	border: solid #DDD 1px;
	padding: 3px;
	font-weight: bold;
}

.buttons {
	background-color: #DB3;
	padding: 5px;
}

a.button {
	padding: 2px;
	border: 1px solid #999;
	margin: 1px;
	text-decoration: none;
	font-size: 11px;
	background-color: #000;
}
a.button:hover{
	border: 1px solid #FFF;
	text-decoration: none;
}

.contentListItem {
	padding: 8px;
	border: 2px solid #999;
	margin: 12px;
	width: 600px;
}

.contentListSubItem {
	padding: 8px;
	border: 2px solid #555;
	margin: 8px;
	width: 560px;
}

#content {
	position: absolute;
	top: 0;
	left: 0;
	width: 98%;
	height: 98%;
}

#header
{
	padding-bottom: 5px;
	border-bottom: 2px solid white;
}
#header #logo {float: left;}
#header #title {padding-top:1em;}
#header #headerlinks {float:right;}


#navbar ul {
	margin:0px;
	padding:0px;
}
#navbar #navbuttons {
	margin:0px;
	padding:0px;
}
#navbar #navbuttons a{
	text-decoration: none;
	background-color: transparent;
}
#navbar li.navbutton {
	border: 2px solid white;
	margin-right: 10px;
	margin-top: -10px;
	padding:.5em;
	list-style: none;
	display: inline;
	float: left;
	color: #fff;
	background-color: #472;
}

#navbar li.navbutton:hover {
	background-color: #740;
}

#pagetree {
	margin: 0px;
	padding: 0px;
	border: 3px solid #888;
}


#pagecontent {
	margin: 0px;
	padding: 0px;
	border: 3px solid #888;
}

#contentHeader {
	background-color: #DB3;
	color: #000;
	margin-bottom: 10px;
	border: 0px;
	padding: 5px;
	top: 0px;
	left: 0px;
}

#contentHeader h1,h2,h3,h4,h5,h6,h7 {color: #000;}

#contentMain { float: left; margin: 8px;}

ul.reorderlist {
  list-style-type:none;
  margin:0;
  padding:4;
}
ul.reorderlist li {
  width:400px;
  padding:4px;
  margin:4px;
  cursor:move;
  border: 1px solid #DB3;
}
div.dropmarker {
  height:6px;
  width:400px;
  background: url(dropmarker.png) left top;
  margin-top:-3px;
  margin-left:-5px;
  z-index:1000;
  overflow: hidden;
}