body {background: #fff url("/images/background.jpg") repeat-x top left; font: normal 70% Verdana, Arial, sans-serif; margin: 0; padding: 0}
img {border: 0; vertical-align: middle}
a {color:#708F4B}
#header {background: #708F4B url(/images/background.png) repeat-x top left; margin: 0; padding: 0}
#brand {height: 60px; margin: 0; padding: 0}
#brand #logo {background: url(/images/managr_logo.gif) no-repeat; height: 45px; left: 20px; position: absolute; top: 20px; width: 268px}
#brand #logo a {display: block; height: 33px; width: 268px}
#brand #logo img {display: none}
#brand #betatext {color: #fff; font: 10px Arial, Helvetica, sans-serif; left: 114px; position: absolute; top: 45px; display: none}
#brand #supporter {left: 350px; position: absolute; top: 2px}
#accounts {color: #fff; font-size: 90%; position: absolute; right: 50px; text-align: right; top: 35px; z-index: 1000}
#accounts a {color: #fff; font-weight:bold; text-decoration: none}
#accounts a:hover {text-decoration: underline}
#nav {width: 100%; background-color: white; background: url(/images/nav_background.png) repeat top left}
#nav hr {border: 1px solid #ccc; height: 1px}
#nav ul {list-style: none; padding: 0; margin: 0}
#nav li {float: left; position: relative; width: 100px; text-align: center; padding: 7px 0; border-right: 1px solid #607E35; z-index:110}
#nav ul li a {text-decoration: none; font: bold 110%/1.5em "Trebuchet MS", Verdana; color: #fff; padding: 0 15px}
#nav ul li:hover a, #nav ul li.over a {color: #607E35}
#nav li li a {display: block; font: bold 100%/1.2em "Trebuchet MS", Verdana; color: #000; padding: 5px 0}
#nav li li a:hover {background-color: #C0B898; color: #fff}
li ul {display: none; position: absolute; top: 100%; left: -1px; font-weight: normal; padding: 0.5em 0 1em 0; border: solid 1px #607E35; border-top: 0; background-color: white; z-index: 110}
li>ul {top: auto; left: -1px}
#nav li li {display: block; float: none; padding:0; margin:0; border:0}
#nav li:hover, #nav li.over {background-color: #f9fbf8}
#nav li:hover ul, #nav li.over ul {display: block}
#main {color: #333}
#main h1 {color: #765; font: bold 140%/2em "Trebuchet MS", Arial, sans-serif; margin: 0; padding: 0 0 5px 15px; background: url(/images/h1_background.gif) repeat-x bottom left}
#main h1 a {color: #765}
#main h1 a:hover {color: #708F4B}
#footer {background: #F9FDFF url(../images/footer_background.gif) no-repeat bottom left; border-top: 1px solid #666; font-size: 90%; line-height: 1.6em; margin: 0; padding: 10px 0 10px 0; clear: both}
#footer p {color: #708F4B; margin: 0; padding: 0; text-align: center}
* html #nav {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav_background.png', sizingMethod='scale')}
form {padding :0; margin: 0}
fieldset {border: 2px solid #C0B898; padding: 10px; background: #fff url(/images/fieldset_background.gif) repeat-y center right; margin: 0 auto; width: 90%}
input.btn {border: 3px double #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; padding: 0.25em; background-color: #fafafa; background: url(/images/background_form_element.gif); background-repeat: repeat-x; color: #333333; font-size: 100%; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif; vertical-align: middle; cursor: pointer}
input.btn:active {border: 3px double #CCCCCC; border-top-color: #999999; border-left-color: #999999}
input.btn:hover, input.btn:focus {border: 3px double; border-color: #aedf9a #94da78 #6ab94b #94da78}
input.btn:visited {color: #2b333c}
select {border: 1px solid; background-color: #fafafa !important; border-color: #c4cccc #acb5b5 #6f7777 #acb5b5}
select:hover, select:focus {border-color: #6d5 #5b5 #459455 #5b5}
input, textarea {border: 1px solid; padding: 2px 0 2px 0.25em; background-color: #fafafa !important; border-color: #d5dddd #999 #999 #d5dddd !important}
input:focus, textarea:focus {background-color: #fff !important; border-color: #aedf9a #6ab94b #6ab94b #aedf9a !important}
input.plain {border: 0; background: none !important}
label.required {font-weight: bold}
.fieldWithErrors input, .fieldWithErrors select{ background-color: #f55 !important; font-weight: bold !important; display: inline; color: #fff !important}
.fieldWithErrors select {font-weight: normal !important}
div.errorExplanation {border: 1px solid #f33; padding: 10px; margin-left: 10px}
div.errorExplanation h2 {margin:0; padding:0; font-size: 100%; font-weight: bold; color: #f33; border-bottom: 1px dashed #f00 }
div.errorExplanation p {margin:0; padding:2px 0}
div.errorExplanation ul {margin-top: 2px; padding-top: 5px}
div.in-place-help {margin-left: 5px; border: 1px solid #fff; height: 15px; display: inline}
div.help-showing {background-color: #f1f8de; border: 1px solid #C7FF51}
span.in-place-help-text{ padding: 1px 3px 1px 8px}
td.label, th.label {text-align: right; vertical-align: top; padding-right: 15px; padding-bottom: 5px}
body {background-image: none; background-color: #fff}
#header {height: 60px}
#main-body {padding: 0 10px 10px 10px}
#main-body p {margin: 0 0 10px 0}
#main-body h2 {font: bold 140% "Trebuchet MS", Arial, sans-serif; color: #708F4B; padding: 0; margin: 15px 0 10px 0; border-bottom: 2px solid #708F4B}
#main-body h3 {color: #708F4B; font: bold 120% "Trebuchet MS", Arial, sans-serif; padding: 0; margin: 10px 0 0 0}
#main-body li {padding-bottom: 5px}
p#close-link {text-align: right}
