body {
  background: #606060; color: #000000;
  font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif; font-size: 11pt;
  margin: 0;
}

/* Main elements */
#header { height: 60px; background: #ccc url(grad.png) repeat-x; border-bottom: 1px solid #555; }
#body { clear: both; }
#footer { clear: both; paddding-top: 2em; font-size: 80%; text-align: center; }

/* Header & Breadcrumbs */
h1 { background: #999 url('grad.png') 0 0 repeat-x; height: 60px; width: 100%; margin: 0; padding: 0; }
#links { position: absolute; top: 8px; right: 5px; color: #efefef; text-align: right; line-height: 1.5em; }

div#breadcrumbs { padding:2px 8px 3px 8px; font-size:11px; background: #333; color:#999;  border-bottom:1px solid #555; text-align:left; }
div#breadcrumbs a { color:#999; }
div#breadcrumbs a:hover { color:#CCC; }

/* Content */
h2 { color: #ccc; padding: 0; margin: 0; }
/* h2 { color: #ccc; padding: 4px; margin: 30px 30px 10px 30px; background: #333; border: 1px solid #555; } */

#body #content {
/*width: 100%;*/ margin-left: 30px; margin-right: 30px; margin-top: 30px; border: 1px solid #555;
/*background: #ccc;*/ padding: 20px; min-width: 37em; clear: both;
}

/*border: 1px solid #777; */
.box { margin: 20px 50px 20px 50px; padding: 5px 20px 5px 20px; min-width: 37em; clear: both; background: #ccc; }
.boxtop { border-bottom: 0; margin: 20px 50px 0 50px; padding: 5px 20px; padding-bottom: 0; min-width: 37em; clear: both; background: #ccc; }
.boxbottom { margin: 0 50px 20px 50px; background: #ccccd6; padding: 10px 20px; clear: both; }

#acclist { margin-left: 30px; margin-right: 30px; margin-top: 30px; }
#acclist span { font-weight: bold; border: 1px solid #555; padding: 10px 20px 10px 20px; }

.account { border: 1px solid #777; margin: 20px 0 20px 0; padding: 10px; clear: both; background: #ccc; }
.accounttop { border: 1px solid #777; border-bottom: 0; margin: 20px 0 20px 0;
  padding: 10px 10px 0 10px; clear: both; background: #ccc; }

/* .box { border: 1px solid #777; margin: 20px 0; } */

h3, h4 { margin-top: 0; margin-bottom: 0.5em; }
p { margin-top: 0; }

.buttons { margin: 2.5em 0 1em 0; padding: 0; list-style-type: none; clear: both; }
.buttons li { float: left; width: 10em; font-size: large; margin-right: 15px; }
.buttons li a { display: block; width: 10em; padding: 10px 0; background: #aaa; text-align: center; }
.buttons li a:hover { background: #246776; color: #aaa; }

.clear { clear: both; }

/* .button a { padding: 10px 30px 10px 30px; margin-right: 20px; border: 1px solid #777; font-weight: bold; background: #aaa }
.button a:hover { background: #aaaab6; } */
/*.tabs li a { background: #eeeeee; padding: 2px 10px 2px 10px; margin-right: 8px; border: 1px solid #777 }*/

/* Login Page */
#loginbody { text-align: center;}
.loginbox { text-align: left; width: 25em; min-width: 300px; margin-left: auto; margin-right: auto; margin-top: 100px; }
div.error { text-align: center; color: #DD0000; }

.boxtitle h2 { font-size:1em; padding-left: 10px; padding-top: 2px; color: #eee; background: url(titlebar-l.png) left 0 no-repeat; margin: 0; }
.boxtitle { width: 100%; height: 24px; background: #999 url(titlebar.png) 0 0 repeat-x; }
.boxtitle .rhs { float: right; height: 24px; width: 10px; background: url(titlebar-r.png) right 0 no-repeat; }
.boxcontents { border: 1px solid #ccc; background: #efefef; padding: 1em; }

/* Links */
a, a:visited { color: #246776; text-decoration: none; }
a:hover { color: #91d1e2;}
#footer a { color: #5b9baa; }
#footer a:hover { color: #91d1e2;}

/* Forms */

form { margin: 0; }
form input, select, textarea { font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif; font-size: 10pt; }
.formrow { padding: 4px; clear: both; }
.formrow label { float: left; width: 7em; text-align: right; padding-right: 0.5em; }
.formrow fieldset label { width: 12em; }

.formrow input,textarea { width: 15em; }
.formrow input.radio { width: 1em; height: 1em; }
.formrow label.radio { float: none; display: block; text-align: left; width: 15em; }
.formrow fieldset.radio { border: 1px solid #999; padding: 0.5em; width: 17em; }

.errorrow { border: 1px solid red; margin: 0 0 0.5em 0; padding: 0.5em; background: #fff; color: red; }
.messagerow { border: 1px solid #00A000; margin: 0 0 0.5em 0; padding: 0.5em; background: #fff; color: #00A000; }

.submitrow { clear: both; padding: 1em 0 0 7em; }
.submitrow input { font-size: 1em; }

form.long .formrow label { width: 15em; }
form.long .submitrow { padding: 1em 0 0 15.75em; }
form.long .formrow input,textarea { width: 20em; }
form.long .formrow input.radio { width: 1em; height: 1em; }

form.publish th { width: 9em; text-align: right; padding-right: 0.5em; font-weight: normal; }
form.publish .submitrow { padding: 1em 0 0 10.75em; }
form.publish .formrow label { width: 10em; }
form.publish .formrow label.radio { width: 16em; }

.wrong { color: #A00000; }
.required { color: #800000; }

/* Settings / Usage pages */

.pageselect { padding: 0; margin: 0; display: block; }
.pageselect li { float: left; list-style: none; padding: 5px 10px 10px 0; }
.pageselect li a { float: left; padding: 5px 10px; border: 1px solid #777; }
.pageselect li a.selected { float: left; padding: 5px 10px; border: 1px solid #777; background: #bcd; }

.users { border: 1px solid #aaa; background: #efefef; }
.users caption { text-align: left; background: #468; color: #ccc; font-weight: bold; padding: 5px; border: 1px solid #aaa; }
.users th { text-align: left; font-size: 1em; background: #468; color: #ccc; margin: 0; padding: 5px; border-right: 1px solid #aaa;}
.users td { margin: 0; padding: 5px; border: 0px solid #aaa; }

.users tr.odd { background: #efefef; }
.users tr.even { background: #dddddd; }

.paginator { font-size:11px; padding-top:10px; padding-bottom:10px; line-height:22px; margin:0; border-top:1px solid #ddd; }
.paginator a:link, .paginator a:visited { padding:2px 6px; border:solid 1px #aaa; background: #efefef; text-decoration:none; }
.paginator .end { border-width:2px !important; margin-right:6px; }
.paginator .this-page { padding:2px 6px; font-weight:bold; font-size:13px; vertical-align:top; }
.paginator a:hover { color:white; background:#5b80b2; border-color:#036; }

/* Tabs */

.tabs { margin: 2em -20px 0 -20px; border-bottom: 1px solid #777; padding: 2px 20px 2px 20px; clear: both; list-style-type: none;  }
.tabs li { display: inline; padding: 0; }
.tabs li a { background: #eeeeee; padding: 2px 10px 2px 10px; margin-right: 8px; border: 1px solid #777 }
.tabs li a:hover { background: #ddddee; }
.tabs li a.active { background: #ccccd6; padding: 2px 10px 3px 10px; margin-right: 8px; border-bottom: 0; }
/*.subtabs { margin: 0 -20px 1em -20px; background: #ccccd6; padding: 2px 10px 10px 10px; border-bottom: 1px solid #777; clear: both; }*/
/*.subtabs a { color: #eee; }
.subtabs a.active { color: #003366; } */

.boxbottom a.active { color: #004F5D; font-weight: bold; }

.activetab { margin: -16px -10px -10px -10px; padding: 10px; border: 10px solid #999; border-top: 0; }


.label { width: 15em; }
.accountname { font-size: x-large; font-weight: bold; }
.owner { font-weight: bold; }

/* Upload Popup */
.upload { margin: 0; padding: 10px; background: #ccc; }

/* EDL Import */
.autohilight { font-weight: bold; }
.formats { margin: 0; padding: 0 }
.formats li { list-style: none; }

.ok > tr > td { background: #CCDCCC;border: 1px solid #aaa; }
.bad > tr > td { background: #DCCCCC;border: 1px solid #aaa; }

.manualclip > tr > td { background: #ffefef; }

.warningrow { border: 1px solid #A03000; margin: 0 0 0.5em 0; padding: 0.5em; background: #fff; color: #A03000; }

div.context { margin: 10px 0; font:small sans-serif; }
div.context ol { padding-left:30px; margin:0 10px; list-style-position: inside; }
div.context ol li { font-family:monospace; white-space:pre; color:#666; cursor:pointer; }
div.context ol.context-line li { color:black; background-color:#ccc; }
div.context ol.context-line li span { float: right; }

thead th a:link, thead th a:visited { color:#ccc; display:block; }
table thead th.sorted { background-position:bottom left !important; }
table thead th.sorted a { padding-right:13px; }
table thead th.ascending a { background:url(/furniture/arrow-down.gif) right .4em no-repeat; }
table thead th.descending a { background:url(/furniture/arrow-up.gif) right .4em no-repeat; }