/**
 * -------------------------------------------------------------------------
 * Side-By-Side Styles (NON-DL)
 *
 * The styles below are used to display label and values side-by-side
 * not utilising a definition list. These may be more approporiate
 * for form-input side-by-side layouts.
 */

.sideBySideLayout {}

.sideBySideLayout .field { 
    clear: both;
}

.sideBySideLayout .label, .sideBySideLayout .input {
    margin-top: 5px;
}

.sideBySideLayout .label {
    float: left;
    width: 200px;
    text-align: right;
    margin-right: 10px;
    font-weight: bold;
    font-variant: small-caps;
}

.sideBySideLayout .fieldIndent, .sideBySideLayout .error {
    clear: both;
    width: auto;
    margin-left: 210px;
}

.sideBySideLayout .error {
    color: red;
    font-weight: bold;
}


/**
 * -------------------------------------------------------------------------
 * Side-By-Side Styles (DL)
 *
 * The styles below are used to display label and values side-by-side
 * utilising a definition list. These styles are more approporiate
 * in the general case;
 */

.sideDefLayout {}

.sideDefLayout dd, .sideDefLayout dt {
    margin-bottom: 5px;
    float: left;
}

.sideDefLayout dt {
    text-align: right;
    width: 28%;  
    font-weight: bold;
    font-variant: small-caps;
    clear: both;
}

.sideDefLayout dd {
    text-align: left;
    width: 70%;
    margin-left: 2%;
}


/**
 * -------------------------------------------------------------------------
 * Quick-Form Styles
 *
 * The styles below are used to display label on top of values. These styles
 * are more approporiate when a form is well known, providing for quicker
 * eye scanning and thus user input.
 */

.quickLayout {
}

.quickLayout .field {
    clear: both;
}

.quickLayout .label, .quickLayout .input, .quickLayout .output {
    display: block;
}

.quickLayout .label {
    font-weight: bold;
    font-variant: small-caps;
    margin-top: 6px;
}

.quickLayout .labelNote {
    font-size: 85%;
    font-weight: normal;
    font-variant: normal;
    font-style: italic;
    display: inline-block
}


/**
 * -------------------------------------------------------------------------
 * Form Button Styles
 *
 * The styles below are used to display form buttons. Any floating objects
 * is cleared using the container class "buttonGroup".
 */
#buttonPanel {
    clear: both;
}

#buttonPanel button {
    cursor: pointer;
    border-width: medium;
    border-color: #fc3;
    background-color: #ffffcc;
}

#buttonPanel button.button15 {
    width: 15%;
}

#buttonPanel form {
    display: inline;
}


/**
 * -------------------------------------------------------------------------
 * Referral Manager Styles
 *
 * The styles below are used exculsively for Referral Manager and were
 * not designed for any other purpose. Use outside of this application
 * is not advised.
 */

h2 {
    font-variant: small-caps;
    color: black;
    font-size: 1.5em;
}

h3 {
    font-variant: small-caps;
    color: black;
    font-size: 1.25em;
}

#referralList table td {
    padding-bottom: 5px;
}

#referralList #searchForm {
    float: right;
}

#referralList #searchForm {
    float: right;
}

#referralList #searchButton {
    background:url("../images/referral/arrow15.JPG");
    width: 17px;
    height: 16px;
    border: none;
}

#referralList img.statusLight {
    width: 15px;
    height: 15px;
    margin-bottom: -1px;
}

#referralList img.border {
    border: 1px solid black;
}

#referralList img.noBorder {
    border: 0px;
}

#referralList a.sorter:link, a.sorter:visited, a.sorter:active {
    color: black;
    text-decoration: none;
}

#referralList a.sorter:hover  {
    color: #505050;
    text-decoration: underline;
}

#referralList a.filter:link, a.filter:visited, a.filter:active, a.filter:hover {
    color: black;
    text-decoration: none;
}

.topForm {
    width: 65%;
    text-align: center;
}

#reviewTable .green {
    color: green;
    font-weight: bold;
}

#reviewTable .red {
    color: red;
    font-weight: bold;
}

#reviewTable {
    border: 1px solid black;
    font-size: 1em;
}

#reviewTable tr.reviewHeader {
    background-color: #EFB513;
}

#reviewTable tr.reviewHeader td {
    border-bottom: 1px solid black;
}

#reviewTable a {
    color: #505050;
}

img.ptpStage {
    width: 94px;
    height: 42px;
}

img.ptpStageNext {
    width: 94px;
    height: 42px;
    margin-left: -10px;
}

body.ptpReviewResult {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#presentationResults {
    padding: 5px;
    border: 1px solid black;
    background-color: #ffffcc;
    font-weight: bold;
}

#moaRequest div.col {
    margin-right: 5%;
    width: 40%;
    float: left;
    overflow: hidden;
}

#moaRequest div.headerElement {
    clear: both;
    padding-top: 1em;
}

#moaRequest .headerLabel {
    font-weight: bold;
    font-variant: small-caps;
    text-decoration: underline;
    padding-right: 0.5em;
    clear: both;
}

#moaRequest dl {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#moaRequest dd, dt {
    margin-bottom: 0.25em;
}

#moaRequest dt {
    float: left;
    font-weight: bold;
    font-variant: small-caps;
    padding-right: 0.5em;
    clear: both;

}

#signingReadAheard {
    width: 80%;
}

#signingReadAheard .field div {
    display: inline;
}

#signingReadAheard .field {
    margin-bottom: 12px;
}

#signingReadAheard pre {
    margin-top: 0px;
}

#signingReadAheard .inline pre {
    display: inline;
}

pre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: inline;
}

img.warning {
    width: 15px;
    height: 15px;
    margin-bottom: -2px;
}

fieldset {
   border-width: 1px 0px 0px 0px;
   border-top-color: #787878;
   border-top-style: solid;
   padding-right: 30px;
   padding-bottom: 5px;
}

legend {
    font-weight: bold;
    font-variant: small-caps;
    color: black;
    margin-left: 20px;
}

.red {
    color: red;
}

.yellow {
    color: yellow;
}

.gold {
    color: #cc9900
}

.green {
    color: green;
}

.white_background  {
    background-color: #FFFFFF;
}

.grey_background  {
    background-color: #EBEBEB;
}

.yellowBackground {
    background-color: yellow;
}

.orange_background {
    background-color: #EFB513;
}

.center {
    text-align:center;
}

.infoBoxed {
    padding: 5px;
    margin-bottom: 2px;
    border: 1px solid #787878;
    background-color: #ffffcc;
    font-weight: bold;
    display: block;
}

img.link {
    border: 0;
}

.errorBoxed {
    padding: 5px;
    margin-bottom: 2px;
    border: 1px solid #787878;
    background-color: #ffffcc;
    color: red;
    font-weight: bold;
    display: block;
}

.link:link {color: #000000}

.link:visited {color: #A5A59B}

.link:hover {color: #A5A59B}

.silverBorder {
    border: 1px solid silver;
}

input.disabled {
    background-color: #D7D7D7;
}

.error {
    color: red;
    font-weight: bold;
    width: auto;
    display: block;
}