/* HTML Elements */

html { background: #fff5ee; }

body {
    font: 75% Verdana, sans-serif;
    text-align: center;
}

h1, h2, h3, h4, h5 {
    font-family: "Trebuchet MS", sans-serif;
}

h1 { font-size: 2em; }

h2 { font-size: 1.43em; font-weight: normal; }

h3 { font-size: 1.3em; }

h4 { font-size: 1.2em; }

a { color: #4c56b7; }

p { line-height: 1.5em; }

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 10px;
}

input.image-button { margin: 0; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* Outline */

#wrapper {
    background: #ddd repeat-x bottom left;
    margin: 25px auto;
    max-width: 97%;
    text-align: left;
    width: 72em;
}

#shadow {
    background: #fff;
    border: 1px solid #abacac;
    border-bottom: 1px solid #8b8c8c;
    border-right: 1px solid #8b8c8c;
    position: relative;
    top: -3px;
    left: -3px;
}


/* Header */

#header {
    background: url(images/logo-bg.jpg) no-repeat bottom left;
    margin-top: 10px;
    width: 100%;
}

.home #header {
    background: none;
}

#header h1 {
    float: right;
    display: block;
    height: 72px;
    margin: 0 10px 0 0;
    padding: 0;
    width: 241px;
}

#header h1 a {
    background: url(images/logo.png) no-repeat top left;
    float: right;
    height: 72px;
    text-indent: -9999px;
    width: 241px;
}


/* Header - Search */

#header-search {
    background: white;
    padding: 5px 8px 8px 8px;
}

#header-search label {
    color: #666;
    float: left;
    font-size: 0.92em;
    text-transform: uppercase;
}

#header-search .form-input-wrapper {
    float: left;
    margin: 0 7px;
}

#header-search .image-button {
    float: left;
}


/* Menu */

ul#menu {
    display: block;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 1.2em;
    margin: 13px 12px;
    text-align: right;
    width: auto;
}

ul#menu li {
    display: inline;
    list-style-type: none;
    margin-left: 18px;
}

ul#menu li a {
    text-decoration: none;
}

ul#menu li a:hover {
    text-decoration: underline;
}


/* Page Body */

#page-body {
    margin: 0px 15px 15px 15px;
}


/* Sidebar */

#sidebar {
    display: none;
}

.home #sidebar {
    display: block;
    float: left;
    width: 14em;
}

#sidebar label {
    color: #666;
    display: block;
    font-size: 0.92em;
    margin: 6px 0 2px 0;
    text-transform: uppercase;
}

#sidebar input {
    margin-bottom: 4px;
}

#sidebar input.image-button {
    margin: 0;
}

#sidebar #login input,
#sidebar #sidebar-search input {
    width: auto;
}


/* Content */

#content {
    margin-left: 9.7em;
    margin-right: 2em;
    width: auto;
}

.home #content {
    float: left;
    margin-left: 30px;
    width: 43em;
}

/* Home page - Contact */

#contact {
    background: #fff url(images/home-bg.jpg) repeat-y top right;
    color: #fff;
    display: block;
    margin: 0 5px;
    height: 200px;
    overflow: hidden;
}

#contact dl {
    background: #1723ac url(images/home-contact-bg.jpg) no-repeat top right;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 1.1em;
    float: left;
    line-height: 1.2em;
    height: 108px;
    margin: 0;
    padding: 54px 0 0 10px;
    width: 342px;
}

#contact dt {
    display: none;
}

#contact dd {
    margin: 10px 15px;
}

/* Footer */

#footer {
    color: #666;
    font-size: 0.85em;
    margin: 20px;
}

#footer a {
    font-weight: bold;
    text-decoration: none;
}


/* Forms */

.page-status {
    background-color: #698085;
    border: 1px solid #000;
    color: white;
    padding: 10px;
}

.site-form {
    margin: 0;
    padding: 10px;
    width: 500px;
}

.site-form li {
    list-style-type: none;
    margin: 0;
    padding: 0.5em 0;
}

.site-form li.static {
    font-weight: bold;
    margin-left: 150px;
}

.site-form li.alt {
}

.site-form li.frame {
    border-top: 1px dotted #888;
    margin-top: 9px;
    padding-top: 13px;
}

.site-form li label {
    float: left;
    display: block;
    margin: 0 10px 0 10px;
    text-align: right;
    width: 130px;
}

.site-form li .req {
    color: red;
    padding-left: 7px;
}

.site-form li.site-form-wide label {
    float: none;
    margin: 0;
    margin-bottom: 10px;
    text-align: left;
    width: auto;
}

.site-form li .form-field-wrapper {
    float: left;
}

.site-form-error {
    background: red;
    border: 1px solid red;
    color: white !important;
    display: block;
    margin: 5px;
    margin-left: 150px;
    padding: 4px 7px;
}

.form-field-wrapper .site-form-error {
    margin-left: 5px;
}

.site-form li.site-form-wide .site-form-error {
    margin-left: 0px;
}

#register-form {
    background: #eee;
    border: 0 dotted #698085;
    border-width: 1px 0;
    padding: 12px 15px;
}

.actions {
    padding: 7px 10px;
}

.actions input {
    margin-left: 150px;
    padding: 3px 8px;
}

.resource-files {
}

.resource-files dt {
    margin-top: 15px;
}

.return {
    margin-top: 25px;    
}

/* Products section */

.products dt {
    font-weight: bold;
    margin-top: 15px;
}

.products dd {
    margin-top: 5px;
    width: 410px;
}

dd.download {
    background: transparent url(images/file-icon.png) no-repeat top left;
}

dd.download a {
    margin-left: 14px;
}


.companyHeader {
	font-size: 1.5em;
	font-variant: small-caps;
}

.resources-open li,
.resource-categories li {
    list-style-type: square;
    margin-bottom: 5px;
}

#reg-form {
    margin-left: 20px;
    width: 500px;
}

#reg-form label {
    float: left;
    font-weight: bold;
    width: 120px;
}

#reg-form #id_email_address {
    width: 210px;
}

#reg-form #id_zip_code {
    width: 80px;
}

#reg-form input {
}

#reg-form p {
    clear: both;
}

#reg-form .submit {
    margin-top: 20px;
}

#contact-form {
    margin-left: 20px;
    width: 500px;
}

#contact-form label {
    float: left;
    font-weight: bold;
    width: 110px;
}

#contact-form p {
    clear: both;
}

#contact-form .submit {
    margin-top: 20px;
}

#id_from_email, #id_company {
    width: 210px;
}

#id_message {
    width: 300px;
}

#contact-form input {
}

#contact-form .errorlist {
    margin-left: 0;
}

.errorlist {
    color: red;
    margin: 0;
}

/* Contact info */

#contact-info dt {
    margin-top: 15px;
}

#contact-info dd {
    margin-top: 3px;
    margin-bottom: 0;
}

#contact-info h3 {
}

/* Login page */

#login-form label {
    width: 55px;
}

#login-form .site-form-error {
    margin-left: 75px;
}

#login-form .actions input {
    margin-left: 75px;
}

/* Education page */

#register-form label {
    width: 100px;
}

#register-form .site-form-error {
    margin-left: 120px;
}

#register-form .actions input {
    margin-left: 120px;
}

/* Glossary terms */

#ml-divider-menu {
    margin: 0;
    padding-left: 7px;
}

#ml-divider-menu li {
    color: #888;
    float: left;
    list-style-type: none;
    margin: 5px;
}

#ml-divider-menu li a {
    color: #7c86f7;
    font-weight: bold;
}

#ml-divider dl dt {
    font-weight: bold;
    margin-bottom: 0.2em;
}

#ml-divider dl dd {
    margin-bottom: 0.7em;
}

.ml-section-hidden {
    display: none;
}

.ml-section-active {
    display: block;
}

#ml-divider-menu .ml-section-active {
    color: #000;
    display: inline;
    text-decoration: none;
}

.region h3 {
    border-bottom: 1px solid #999;
    padding-bottom: 5px;
}

ul.region-companies {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
}

ul.region-companies strong {
    color: #555;
}

ul.region-companies li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    width: 49%
}

ul.region-companies li.even {
    clear: left;
}

ul.region-companies li span.company {
    display: block;
    margin: 0.5em 0 1.0em;
}

ul.region-companies li span.companyname {
    color: #666699;
    font-weight: bold;
    font-size: 1.1em;
}

#flash {
    background: #eee;
    border: 1px solid #444;
    padding: 10px;
}