/* 
   General 
------------------------------------------------------------------- */

html, body {height: 100%;}

body {line-height: 1.5; min-width: 1024px; margin:0; padding:0;}

/* 
   Lists 
------------------------------------------------------------------- */
li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0 0 1.5em 1.5em;}
ul {list-style-type: disc;}
ol {list-style-type: decimal; margin-left: 1.9em;}

ul.plain-list li, ul.nice-list li, ul.tabbed li {list-style: none; margin-top: 0;}
ul.plain-list {margin: 0;}

ul.tabbed {display: inline; margin: 0;}
ul.tabbed li {float: left; padding-right: 8px; padding-left: 8px;}
ul.tabbed li:first-child {padding-left: 0px;}
ul.tabbed li:last-child {background: none; padding-right: 0px;}
ul.tabbed.no-seperator li{background: none;padding-right: 2px; padding-left: 2px;}
ul.medium-padding li {padding: 16px;}

ul.nice-list {margin-left: 0;}
ul.nice-list li {list-style: none; padding: 4px 0;}

ul.v-animated-list {list-style: none; width: 100%; margin: 0; float: left; position: relative;}
ul.v-animated-list li {position: relative; padding: 0; margin: 0; float: none;}
ul.v-animated-list li a {display: block; padding: 6px; text-decoration: none; border: 0; position: relative; height: 1%;}
ul.v-animated-list li a span {position: absolute; left: -35px; top: 50%; margin: -14px 0 0; height:32px; width: 32px; display: none;}

/* 
   Messages 
------------------------------------------------------------------- */
.error, .notice, .success {margin-bottom: 1em; padding: 0.6em 0.8em;}

/* 
   Alignment 
------------------------------------------------------------------- */
.floatleft {float: left;}
.floatright {float: right;}
.clear,.clearer {clear: both;}
.clearer {display: block; font-size: 0; line-height: 0; height: 0;}

/* 
   Label and value pairs 
------------------------------------------------------------------- */

.labelandvalue-container {width: 100%;}
.labelandvalue-left {float:left; margin-right: 30px; width: 400px;}
.labelandvalue-right {float:right; width: 330px;}

/* 
   Layout 
------------------------------------------------------------------- */

#aaron_overlay {width: 605px; height: 1127px; position: absolute; z-index: 9; top: 95px; left: -120px;}

/* Outside wrappers */
#site-wrapper {position: relative;}
#header-wrapper {height: 218px; width: 100%;}
#content-wrapper {margin-bottom: 20px;}
#footer-wrapper {width: 100%;}

/* Inner wrappers */
.site-inner {width: 1024px; margin-left: 140px;}
#header-inner {position: relative;}
#header-inner img {position: absolute; right: 0px; top: 26px;}
#footer-inner {padding-top: 18px; padding-bottom: 18px; padding-right: 16px; position: relative;}
#footer-inner img.logos {position: absolute; right: 16px;}
#footer-inner .sponsor-links {width: 600px;}
#content-inner {margin-left: 140px;}
#col-right {float: right; width: 650px; padding-right: 0px;}
#col-right h1.page-title {height: 128px; margin-right: 0px; padding: 8px; left: -6px; position: relative;}
#col-right p {padding: 6px 6px 6px 0px;}


/* Navigation */
#nav {position: absolute; right: 16px;  z-index: 98; top: 180px; width: 925px; height: 34px;}
#nav ul {list-style: none; float: right; z-index: 100; top: -10px; position: relative;}
#nav ul li {float: left; margin: 0; position: relative;}
#nav ul li a {padding: 10px 5px; display: block; float: left;}
#nav ul li span {width: 17px; height: 35px; float: left;}
#nav ul li span.subhover {background-position: center bottom; cursor: pointer;}
#nav ul li ul.nav-sub {list-style: none; position: absolute; left: 0; top: 32px; margin: 0; padding: 0; display: none; float: left; width: 170px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; overflow: hidden;}
#nav ul li ul.nav-sub li{margin: 0; padding: 0; clear: both; width: 170px;}
html #nav ul li ul.nav-sub li a {float: left; width: 165px;}

ul.nav-sub-right {list-style: none; position: absolute; left: 0px; top: 0px !important; margin: 0; padding: 0; display: none; float: left; width: 170px;}
ul.nav-sub-right li {margin: 0; padding: 0; clear: both; width: 170px;}
ul.nav-sub-right li a {float: left; width: 145px !important; padding: 6px 5px !important; padding-left: 20px !important;}


/* 
   Form overrides 
------------------------------------------------------------------- */
textarea {width: auto;}
input[type=text] {width: 200px;}
input, textarea, select, button {-moz-border-radius: 8px; -webkit-border-radius: 8px;}

.errornote {
    -moz-border-radius: 8px; -webkit-border-radius: 8px;
    -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px;
    position: relative; top: -13px;
}

div.form-row .help-div { margin-top: 4px; padding: 8px 8px 8px 8px;
    float: right; width: 274px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
div.form-row ul.errorlist {list-style: none;}
div.form-row.inline {width: 100%;}
div.form-row.inline div {padding-right: 30px; float: left;}
div.form-row.inline div:last-child {float: right;}
div.form-row.inline label {width: auto;}
.vDateField { width: 80px !important; }

/*  Submit, Delete & Cancel Buttons ................................................... */

input[type=submit], input[type=button], button {-moz-border-radius: 8px; -webkit-border-radius: 8px;}
.submit-row a, a.default {
    margin-top: 0; margin-bottom: 0; padding: 4px 5px 5px;
    width: auto; height: 25px; border: none;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer;
}
/*  Webkit browser hack: apply same horizontal padding as in moz browsers
    Moz Browsers have a default horizontal padding of 3px in input[type=submit] */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .submit-row a {
        padding: 5px 8px 4px;
    }
}

.content_block {background: url(/media/img/content_seperator.png) no-repeat bottom left; padding-bottom: 16px;}
.content_block .inner {background: url(/media/img/content_seperator.png) no-repeat top left; padding-top: 16px;}
