/* Validation */

.field-validation-error
{
    background-image: url('images/error.png');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: top;
}

.field-validation-valid
{
    display: none;
}

input.input-validation-error
{
    border: 2px solid #ff0000;
}

div.input-validation-error ul
{
    border: 2px solid #ff0000 !important;
}

span.input-validation-error
{
    border: 1px solid #ff0000;
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url(themes/base/images/ui-icons_222222_256x240.png);
    background-position: 0 -16px;
}

.validation-summary-errors
{
    color: #FFF !important;
}

.validation-summary-errors ul
{
    list-style-type: none;
    padding: 0px;
}

.validation-summary-errors ul li
{
    background-position: 15px center;
    background-repeat: no-repeat;
    background-color: #BD362F;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
    border-radius: 3px 3px 3px 3px;
    padding: 7px 15px 7px 50px;
    background-image: url("images/e.png") !important;
    margin-bottom: 5px;
}

.validation-summary-valid
{
    display: none;
}

/* Flash Message */

.ErrorMessage
{
    background-color: #BD362F;
    background-image: url("images/e.png") !important;
}

.FlashMessage, .FlashMessage-Permanent 
{
    display: block;
    background-position: 15px center;
    background-repeat: no-repeat;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
    border-radius: 3px 3px 3px 3px;
    padding: 7px 15px 7px 50px;
    color: #FFF;
    width: auto;
    margin-bottom: 5px;
}

.HintMessage
{
    display: block;
    background-position: 15px center;
    background-repeat: no-repeat;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
    border-radius: 3px 3px 3px 3px;
    padding: 7px 15px 7px 50px;
    color: #FFF;
    width: auto;
    margin-bottom: 5px;
}

.WarningMessage
{
    background-color: #F89406;
    background-image: url("images/w.png") !important;
}

.InfoMessage
{
    background-color: #2F96B4;
    background-image: url("images/i.png") !important;
}

.SuccessMessage
{
    background-color: #00BA0E;
    background-image: url("images/s.png") !important;
}

/* Login */

div#accountBox
{
    width: 550px;
    margin: 0 auto 0 auto;
    height: 250px;
}

div#loginBox
{
    width: 325px;
    margin: 0 20px 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    color: #2B4AA5;
    height: 250px;
    float: left;
}

div#loginBox input.button
{
    margin: 10px auto 10px auto;
    display: block;
}

div#loginBox p.field-UserName label
{
    width: 90px !important;
}

div#loginBox p.field-Password label
{
    width: 90px !important;
}

div#loginBox a
{
    text-decoration: none; /*font-size: 15px;*/
    line-height: 1.2em;
    padding: 3px;
    text-align: right;
    text-decoration: none;
}

div#loginBox a:link
{
    font-family: Arial, Helvetica, sans-serif;
    color: #2B4AA5;
    text-decoration: none;
}

div#loginBox a:visited
{
    font-family: Arial, Helvetica, sans-serif;
    color: #2B4AA5;
    text-decoration: none;
}

div#loginBox a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    color: #990000;
    text-decoration: underline;
}

div#loginBox a:active
{
    font-family: Arial, Helvetica, sans-serif;
    color: #990000;
    text-decoration: none;
}

div#registerBox 
{
    width: 200px;
    margin: 0 auto 0 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #2B4AA5;
    height: 100px;
    float: right;
}

div#registerBox input.button
{
    margin: 10px auto 10px auto;
    display: block;
    text-align: center;
}

div#resetPasswordBox span.question
{
    display: inline-block;
    font-size: 12px;
    margin-left: 9px;
    padding: 3px;
}

/* Create Account */

div#createAccountBox div.block span.label
{
    width: 150px;
}

/* Profile */

div#profileBox div.block span.input
{
    width: 740px;
    display: inline-block;
}

div#profileBox div.block span.label
{
    width: 150px;
}

div#profileBox div.block span.online
{
    width: 150px;
}

div#profileBox div.block span.onlineProfile
{
    /*font-size: 15px;*/
    display: inline-block;
    width: 735px !important;
}

div#profileBox div.block span.onlineHeader
{
    width: 150px;
    margin-left: 700px;
}

div#profileBox div.select2-container
{
    margin-left: 9px;
}

div#profileBox div.select2-container ul.select2-choices
{
    border-radius: 4px;
}

/* General */

.none
{
    display: none !important;
}

.bold
{
    font-weight: bold;
}

.center
{
    text-align: center;
}

div#middleArea
{
    padding: 0px 20px 20px 20px;
}

.watermark
{
    color: #999 !important;
}

div.block
{
    width: 100%;
    padding-bottom: 5px;
}

div.block span.label
{
    display: inline-block;
    width: 100px;
    font-weight: bold;
}

div.block span.input
{
}

div#container
{
    width: 100%;
    margin-top: 25px;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif;
    color: #2B4AA5;
}

div#container fieldset
{
    border: 1px solid #CCC;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
}

div#container label
{
    padding: 10px;
    margin-bottom: 10px;
    font-size: 12px !important;
}

div#container fieldset legend
{
    display: block !important;
    padding: 0px 5px;
    font-size: 15px;
    font-weight: bold;
}

span.hint
{
    font-size: 0.8em !important;
}

div#appContent
{
    position: relative;
    font-size: .9em;
    font-family: Arial, Helvetica, sans-serif;
    color: #2B4AA5;
}

div.line
{
    position: absolute;
    top: 200px;
    height: 10px;
    clear: both;
    width: 1000px;
    margin-left: -20px !important;
}

div.line hr
{
    border: none;
    background-color: #2B4AA5;
    color: #2B4AA5;
    height: 1px;
}

div#appContent div.login
{
    width: 100%;
    height: 80px;
    text-align: right;
    color: #000000;
    padding-top: -2px;
    padding-left: 4px;
    padding-bottom: 5px;
    line-height: 4em;
}

div#appContent div.login div.applicationName
{
    float: left;
    width: 100%;
    text-align: left;
    font-size: 2.0em; /*font-family: Arial, Helvetica, sans-serif;*/
    color: #2B4AA5;
    font-weight: bold;
}

div#appContent div.login div.applicationActions
{
    float: right;
    width: 50%;
    text-align: right;
    font-size: .8em; /*font-family: Arial, Helvetica, sans-serif;*/
    font-weight: bold;
}

div#appContent div.login a:link, div#appContent div.login a:visited, div#appContent div.login a:active
{
    /*font-size: .9em;     font-family: Arial, Helvetica, sans-serif;*/
    color: #2B4AA5;
    font-weight: bold;
    text-decoration: none;
}

div#appContent div.login a:hover
{
    /*font-size: .9em;     font-family: Arial, Helvetica, sans-serif;*/
    color: #990000;
    font-weight: bold;
    text-decoration: underline;
}

div#appContent div.siteMapPath
{
    width: 100%;
    text-align: left; /*font-size: .9em;     font-family: Arial, Helvetica, sans-serif;*/
    border: none;
    color: #000000;
    font-weight: bold;
    padding-top: -2px;
    padding-left: 4px;
    padding-bottom: 5px;
    clear: both;
    font-style: italic;
}

div#appContent div.siteMapPath a:link, div#appContent div.siteMapPath a:visited, div#appContent div.siteMapPath a:active
{
    /*font-size: .9em;     font-family: Arial, Helvetica, sans-serif;*/
    color: #2B4AA5;
    font-weight: bold;
    text-decoration: none;
}

div#appContent div.siteMapPath a:hover
{
    /*font-size: .9em;     font-family: Arial, Helvetica, sans-serif;*/
    color: #990000;
    font-weight: bold;
    text-decoration: underline;
}

.clear
{
    clear: both;
}

#appContent fieldset p label, #appContent fieldset span.text
{
    width: 200px !important;
    line-height: 1.6em !important;
}

/* Message */

div#messageBox p.field-recipientIds label
{
    margin-right: 10px;
}

div#messageBox ul.select2-choices
{
    border-radius: 4px;
}

div#mailbox div#correspondence_wrapper table#correspondence
{
    width: 100% !important;
}

div#mailbox div#correspondence_wrapper table#correspondence tbody tr td
{
    padding: 5px 10px;
}

div#mailbox div#correspondence_wrapper div#correspondence_paginate
{
    padding: 10px 0px;
}

div#mailbox div#correspondence_wrapper div#correspondence_paginate .paginate_button_disabled
{
    display: none;
}

ul.recipientsList
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

div#messageView div.message div.actions
{
    background-color: white;
    margin-left: 2px;
    margin-bottom: 5px;
}

div#messageView div.message fieldset
{
    border: 1px solid #CCC;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
}

div#messageView div.message fieldset div.block
{
    clear: both;
    margin-bottom: 0;
    margin-top: 8px;
    padding-bottom: 6px;
}

div#messageView div.message div.select2-container
{
    margin: 0px;
    padding: 0px;
}

div#messageView div.message div.select2-container ul.select2-choices
{
    font-size: 0.8em;
    border-radius: 4px;
}

div#messageView div.message div.block span.label
{
    font-family: Georgia;
    width: 150px;
    margin-right: 10px;
    text-align: right;
    vertical-align: top;
}

div#messageView div.message div.block span.value
{
    font-family: Georgia;
}

div#messageView div.message div.block span.list
{
    display: inline-block;
    margin-left: 6px;
}

div#messageView div.message div.block ul.list
{
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#messageView div.message div.block ul.list li
{
    font-family: Georgia;
}

div#messageView div.message div.block h1
{
    font-family: Georgia;
    color: rgba(69,54,37,0.6);
    font-size: 0.85em;
    font-style: italic;
    letter-spacing: 0.25em;
    border-bottom: 1px solid rgba(69,54,37,0.2);
    padding-top: 1em;
    padding-bottom: 0.5em;
    padding-left: 1em;
}

div#messageView div.message div.block p
{
    font-family: Georgia;
    font-size: 0.8em;
    text-align: justify;
    word-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    padding: 0 1em;
    height: 210px;
    overflow: auto;
}

/* Dashboard */

div#dashBoardBox
{
    margin-top: 25px;
    height: 250px;
}

div#dashBoardBox div.item
{
    display: inline-block;
    width: 160px;
    height: 160px;
    text-align: center;
    font-weight: bolder;
    margin-right: 25px;
    line-height: 24em;
    font-size: 10px;
    text-transform: uppercase;
    color: #FFF;
    float: left;
}

div#dashBoardBox div.active
{
    cursor: pointer;
}

div#dashBoardBox div.inactive
{
    opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

div#dashBoardBox div.item div.icon
{
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    width: 130px;
    height: 130px;
    display: block;
    margin: 5px auto 0px auto;
}

div#dashBoardBox div.item div#search
{
    background-image: url(images/Search.min.png);
}

div#dashBoardBox div.item div#correspondence
{
    background-image: url(images/Correspondence.min.png);
}

div#dashBoardBox div.item div#correspondence span.message
{
    text-transform: lowercase;
}

div#dashBoardBox div.item div#training
{
    background-image: url(images/Training.min.png);
}

div#dashBoardBox div.item div#documents
{
    background-image: url(images/Documents.min.png);
}

div#dashBoardBox div.item div#profile
{
    background-image: url(images/Profile.min.png);
}

div#dashBoardBox div.item div#trainingWaiverCheck
{
    background-image: url(images/TrainingWaiverCheck.min.png);
}

/* Help Desk */

div#helpDeskBox div.block span.input
{
    width: 740px;
    display: inline-block;
}

div#helpDeskBox div.block div.info
{
    float: left; /*font-size: 15px;*/
    padding: 6px;
    text-align: right;
}

div#helpDeskBox div.submit
{
    margin-left: 196px;
}

div#helpDesk
{
    text-align: left;
    margin-left: 0px;
}

div.leftBox
{
    float: left;
    display: inline-block;
    width: 400px;
}

div.rightBox
{
    float: left;
    display: inline-block;
    margin-top: 20px;
}

/* Training History */

div#trainingBox div.leftBox
{
    float: left;
    display: inline-block;
    width: 200px;
}

div#trainingBox div.leftBox div.search
{
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/Search.min.png);
    width: 130px;
    height: 130px;
    display: block;
    margin: 5px auto 0px 70px;
    text-align: center;
    margin-right: 25px;
    line-height: 20em;
    cursor: pointer;
    opacity: 0.8;
}

div#trainingBox div.leftBox div.search:hover
{
    opacity: 1.0;
}

div#trainingBox div.leftBox div.search span
{
    font-weight: bolder;
    font-size: 10px;
    text-transform: uppercase;
    color: #FFF;
}

div#trainingBox div.rightBox
{
    float: left;
    display: inline-block;
}

div#trainingBox table#searchResults
{
    color: #222;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

div#trainingBox div#searchResults_wrapper table#searchResults
{
    width: 100% !important;
}

div#trainingBox div#searchResults_wrapper table#searchResults tbody tr td
{
    padding: 5px 10px;
}

div#trainingBox div#searchResults_wrapper table#searchResults tbody tr td.content a.training-history-notes
{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 500px;
}

div#trainingBox div#searchResults_wrapper div#searchResults_paginate
{
    padding: 10px 0px;
}

div#trainingBox div#searchResults_wrapper div#searchResults_paginate .paginate_button_disabled
{
    display: none;
}

div#trainingBox div.rightBox fieldset div.block span.input p.field-Date label.to
{
    float: none !important;
}

/* Other */

.button
{
    font-family: Arial, Helvetica, sans-serif;
    color: #2B4AA5;
    font-weight: bold;
    font-size: 15px;
}

.icon.bold {
    font-size: 1.1em;
}

.viewDetails {
    color: #2B4AA5 !important;
    cursor: pointer !important;
    text-decoration: underline !important;
}