/*
 * Softshare Certification CSS
 * Copyright (c) 2009-2010 Softshare, Inc.
 *
 * Note: CSS background images are in header_top.jspf for URL rewriting purposes.
 *
*/

html {
    background-color: #FFFFFF;
    font-family: Arial, helvetica, sans-serif;
    font-size: 12px;
    margin: auto;
    height: 100%;
}

body {
    font-family: Arial, helvetica, sans-serif;
    font-size: 12px;
    margin: auto;
    height: 100%;
    background-repeat:repeat-x;
}

p {
    margin: 10px 15px 15px 15px;
    line-height: 135%;
}

.indent {
    margin-left: 0px;
    padding-top:10px;
}

.faq_q {
    font-weight: bold;
    font-style: italic;
    color: #709c4a;
    margin-bottom: 0px;
}

h1 {
    font-family: Tahoma, Arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 15px 20px 15px;
    line-height: 135%;
}

h2 {
    font-family: Tahoma, Arial, helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 15px 10px 15px;
    line-height: 135%;
}

ol {
    margin: 10px 15px 10px 15px;
    padding: 10px 15px 5px 15px;
    line-height: 135%;
}

li {
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
}

#compactlist {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 20px;
    margin-left: 0px;
}

#container {
    min-height:100%; 
    margin-bottom: -20px;
}

#main-wrap {
    position: relative;
    left: 215px;
    width: 900px;
    background-color:#FFFFFF;
    padding-bottom: 40px;
}

#sidebar {
    top: 60px;
    left: 0;
    width: 200px;
    height: auto;
}

#header1 {
    height: 38px;
    width: 100%;
    margin: 0px auto 0px 0px;
    position: relative;
    border-bottom: 1px solid #1A3C57;
}

#header_logo {
    margin: 0 auto 0 18px;
    width: 350px;
    height: 33px;
    padding-top: 5px;
}

#login_right {
    font-size: 0.9em;
    margin-right: 15px;
    float:right;
}

#login_right a {
    color: #FFFFFF;
}

#login_left {
    padding: 10px 15px 15px 0px;
}

#content-wrap {
    width: 880px;
    margin: 0 auto 0 auto;
    padding-top: 5px;
}

#contact_inc {
    color:#828282;
    padding-top: 30px;
    padding-left: 15px;
}

#footer {
    font-size: 0.9em;
    margin: 10px auto -15px;
    position: relative;
    bottom: 5px;
    height: 15px;
}

#table {
    margin: 18px 15px 25px 15px;
    border: 0px;
}

.tablecell1 {
    width: 250px;
    padding: 4px 15px 4px 0px;
}

.tablecell2 {
    width: 110px;
    padding: 4px 15px 4px 0px;
}

.ss_logo {
    margin: 24px auto 15px 32px;
    text-decoration: none;
}

a:link {
    color: #2173af;
}

a:active {
    color: #2173af;
}

a:visited {
    color: #2173af;
}

a:hover {
    color: #4a9111;
    text-decoration: underline;
}

a.black_href:link {
    color: #000000;
}

a.black_href:active {
    color: #000000;
}

a.black_href:visited {
    color: #000000;
}

a.black_href:hover {
    color: #000000;
    background-color: #DDDDDD;
    text-decoration: none;
}

input.button {

}

img {
    border: 0;
}

.button-disabled {
    color: gray;
    background-color: white;
}

.auth {
    font-size: 12px;
    margin: 10px 20px 10px 20px;
    font-family: Arial, helvetica, sans-serif;
    border: 2px dotted #C9C9C9;
    padding-bottom: 10px;
}

.compliance-button {
    margin: 0px auto;
    text-align:center;
}

#disclaimer {
     text-align: left;
}

#waitNotice {
    visibility: hidden;
    border: 2px solid #5ea7dd;
    background-color: white;
    width: 400px;
    height: 175px;

    position: fixed;
    top: 20%;
    left: 30%;

    margin: 0px auto;
    text-align: center;

}

#waitNotice p {
    font-size: 200%;
    font-weight: bold;
    margin: 50px auto;
    text-align: center;
}

#waitNotice #loader {
    width: 24px;
    height: 24px;
    border: none;
}

#menu {
    margin: 75px auto auto 10px;
    height: auto;
    position: relative;
    font: 11px Arial, helvetica, sans-serif;
    border-right: #DDDDDD dotted 2px;

}
#menu ul {
    margin: 0;
    padding: 0;
}

#menu li {
    list-style-type: none;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 18px;
}

#menu a:link {
    color: #2173af;
    text-decoration:none;
}

#menu a:active {
    color: #2173af;
    text-decoration:none;
}

#menu a:visited {
    color: #2173af;
    text-decoration:none;
}

#menu a:hover {
    color: #2173af;
}

#menu h2 {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin: 10px auto 5px 15px;
    line-height: 135%;
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
}

.currentState {
    font-weight: bold;
}

.validate-request {
    margin-left: 30px;
}

.validate-request td {
    padding-left: 20px;
    padding-top: 10px;
}

.validate-menu {
    width: 200px;
}

.validationItemHidden {
    display: none;
}

#sshare {
    margin-left: 20px;
}

.editable {
    margin: 10px;
    width: 90%;
    height: 300px;
}

.editable-text {
    width: 60%;
}

.errors {
    color: #990000;
    font-weight: bold;
    font-family: Arial, helvetica, sans-serif;
    font-size: 12px;
}

.example {
    margin-left: 20px
}

.example td {
    padding-left: 10px;
}

.statePast 
{
    color: #939393;
    display: block;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 0px;
    margin-bottom: 5px;
    line-height:102%;
    background-repeat: no-repeat;
}

#statePresent
{
    color:#2173af;
    padding-right: 10px;
}

#statePresent a:hover
{
    color:#2173af;
    text-decoration: underline;
}

.stateFuture {
    display: block;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 0px;
    margin-bottom: 5px;
    line-height:102%;
}


.admin-inputfield {
    width: 600px;
}

.admin-table-title {
    font-weight: bold;
    border: none;
}

.admin-table-data {
    border: none;
}

#admin-commands ul {
    display: inline;
    list-style: none;
    border-left: 1px solid black;
}

#admin-commands ul li {
    display: inline;
    text-align:left;
}

#admin-commands ul:first-child {
    border: none;
}

.userlist {
    font-size: 12px;
    margin: 10px 20px 10px 15px;
    font-family: Arial, helvetica, sans-serif;
    padding-bottom: 10px;
}

#navcontainer 
{
    border-bottom: 0px;
    margin: 25px auto auto 0px;
    padding-left:10px;
}
#navcontainer ul
{
    font-family: Tahoma, Arial, helvetica, sans-serif;
    FONT-SIZE: 8.5pt;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    LINE-HEIGHT: 100%;
    list-style-image: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    list-style-type: none;
}
#navcontainer li
{
    font-family: Arial, helvetica, sans-serif;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 102%;
    list-style-image: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    list-style-type: none;
}
#navcontainer a
{
    display: block;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#navcontainer a:link, .navlist a:visited
{
    color: #2173af;
    text-decoration: none;
}
#navcontainer a:hover
{
    color: #4a9111;
}

#navcontainer h2 {
    font-size: 12px;
    font-weight: bold;
    font-family: Tahoma, Arial, helvetica, sans-serif;
    margin: 10px auto 5px 10px;
    line-height: 135%;
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
}

#login-info {
    color: white;
}

/*
#markup {
    visibility: hidden
}
*/

/*
 * Legacy validation styles
 *
 */

.validation-group {
    font-size: 12px;
    margin: 10px 20px auto 20px;
    font-family: Arial, helvetica, sans-serif;
    border: 1px dotted #C9C9C9;
}

.validation-group h2 {
    font-size: 16px;
    color: #833b3b;
    font-weight: bold;
    margin:10px;
}

.validation-item {
    font-size: 12px;
    margin-left:10px;
    font-family: Arial, helvetica, sans-serif;
}

.summary {
    margin: 15px;
    font-family: Arial, helvetica, sans-serif;
    font-size: 150%;
    font-weight: bold;
    color: black;
}

/*
 * New validation styles for use with XSLT
 *
 */

.validation-results {
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    border: 1px dotted #C9C9C9;
}

.validation-results h2 {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

.validation-summary {
    margin-left: 40px;
}

.validation-resultset {
}

.validation-resultset h2 {
    font-size: 16px;
    color: #833b3b;
    font-weight: bold;
    text-align: left;
}

.validation-resultgroup {
    padding-left: 20px;
}

.validation-resultgroup h2 {
    color: black;
}

.validation-resultgroup-pass {}
.validation-resultgroup-fail {}

.validation-set {}

.validation-icon {}

.validation-result {
    font-size: 12px;
    margin-left:10px;
    font-family: Arial, helvetica, sans-serif;
}

.validation-highlight {
    color: red;
}

.validation-result-error {}
.validation-result-warning {}
.validation-result-ok {}