/* For Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*region htmlContent*/
.htmlContent ul{
    list-style-type: disc;
    margin: .1em 1em;
}
.htmlContent ol{
    list-style-type: decimal;
    margin: .1em 1em;
}
.htmlContent em{
    font-style: italic;
}
.htmlContent strong{
    font-weight:bold !important;
}
.htmlContent strong em{
    font-weight:bold;
}
.htmlContent strong span{
    font-weight:bold;
}
.htmlContent strong div{
    font-weight:bold;
}
/*#endregion htmlContent*/
/*#region brandList*/
ul.brandList {
    display: block;
}

ul.brandList > li {
    width: 27%;
    display: inline-block;
    vertical-align: top;
    border-left: 1px dotted #CCCCCC;
    padding: 1em;
}

ul.brandList > li > h3 {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.5em;
    color: #E31B23;
}

ul.brandList > li > ul > li {
    font-size: 1em;
    letter-spacing: .15em;
    margin: .5em 1em;
}

ul.brandList > li > ul {
    list-style-type: disc;
}

ul.brandList_sm
{
    display: block;
}

ul.brandList_sm > li
{
    width: 40%;
    display: inline-block;
    vertical-align: top;
    border-left: 1px dotted #CCCCCC;
    padding: 1em;
}

ul.brandList_sm > li > h3
{
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1em;
	color: #E31B23;
}

ul.brandList_sm > li > ul > li
{
	font-size: .8em;
	letter-spacing: .15em;
	margin: .5em 1em;
}

ul.brandList_sm > li > ul
{
    list-style-type: disc;
}
/*#endregion brandList*/

/*#region questionnaire*/
.questionnaire {
    width: 100%;
    text-align: left;
}

.questionnaire th {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.5em;
    text-align: left;
    padding: .5em;
    color: #333333;
}

.questionnaire td {
    padding: .5em;
    border-top: 1px dotted #CCCCCC;
    font-size: 1.25em;
    vertical-align: top;
}
table.questionnaire .yes, .no {
    width: 4em;
}

.editQuestionnaireLabel {
    color: #333333; 
    font-family:Helvetica,Arial,sans-serif;
}

/*#endregion questionnaire*/

/*#region editNotification*/
a.expandCollapse {
    color: #666666;
    font-size:1.4em;
}

a.expandCollapse:hover {
    color: #E11B22;
}

#editNotificationViewModelBindingTarget label {
    font-family: Helvetica,Arial,sans-serif;	    
    color: #808184;
}

.editNotificationDefintionLabel {
    font-family: Helvetica,Arial,sans-serif;	    
    display: block;
    color: #808184;
}


.tokenList {
    width: 100%;
    text-align: left;
}
.tokenList th {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.2em;
    text-align: left;
    padding: .5em;
    vertical-align: bottom;
}
.tokenList td {
    padding: .5em;
    border-top: 1px dotted #CCCCCC;
    font-size: 1em;
}


.globalSettingsList {
    width: 100%;
    text-align: left;
}
.globalSettingsList th {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.25em;
    text-align: left;
    padding: .5em;
}
.globalSettingsList td {
    padding: .5em;
    border-top: 1px dotted #CCCCCC;
}



/*#endregion editNotification*/

/*#region documents*/
.documents {
    width: 100%;
    text-align: left;
}
.documents th {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.5em;
    text-align: left;
    padding: .5em;
}
.documents th.question {
    width: 25%;
}
.documents th.description {
    width: 50%;
}
.documents th.selection {
    width: 25%;
}
.documents td {
    padding: .5em;
    border-top: 1px dotted #CCCCCC;
    font-size: 1.25em;
}
/*#endregion documents*/

/*#region bill*/
.bill {
    width: 100%;
    text-align: left;
}
.bill th {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.5em;
    text-align: left;
    padding: .5em;
}
.bill th.productCode {
    width: 10%;
}
.bill th.productDescription {
    width: 50%;
}
.bill th.quantity {
    width: 10%;
}
.bill th.amount {
    width: 10%;
}
.bill th.total {
    width: 15%;
}
.bill td {
    padding: .5em;
    border-top: 1px dotted #CCCCCC;
    font-size: 1.25em;
}
.bill td.subtotal {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.5em;
    text-align: left;
    padding: .5em;
    font-weight: bold;
}
/*#endregion bill*/

/*#region dashboard*/
div.t-content fieldSet.dashboard, fieldSet.dashboard {
    border: 1px solid #EEEEEE;
    border-bottom: 0 none;
    padding: .5em 0em 0em 0em;
    margin: .5em;
}

div.t-content fieldSet.dashboard > legend, fieldSet.dashboard > legend {
    padding-left: .5em;
}

table.dashboard {
    width: 100%;
}
table.dashboard th {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1em;
    text-align: center;
    border-bottom: 1px solid #EEEEEE;
}
table.dashboard td {
    font-family: Arial;
    letter-spacing: .005em;
    font-size: 1.25em;
    text-align: center;
    border-bottom: 1px solid #EEEEEE;
    padding: 5px;
}
table.dashboard td.label {
    text-align: left;
}
table.dashboard td a {
    color: #E31B23;
}
table.dashboard td.value {
    width: 25%;
    padding: 0px 10px 0px 10px;
}
table.dashboard td.value.veryImportant {
    font-size: 1.25em;
}
/*#endregion dashboard*/

/*#region table view*/
table.view {
    width: 100%;
}
table.view th {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1em;
    text-align: left;
    border-bottom: 1px dotted #CCCCCC;
}
table.view td {
    font-family: Arial;
    letter-spacing: .005em;
    font-size: 1em;
    text-align: left;
    border-bottom: 1px dotted #CCCCCC;
    padding: 1px;
}
table.view td a {
    color: #E31B23;
}
table.view td.value {
    width: 25%;
    padding: 0 10px 0 10px;
}

/*#endregion view*/


/*#region notifications*/
.notifications th.markRead {
    width: 5%;
}
.notifications th.view {
    width: 5%;
}
.notifications tr.read td {
    font-weight: lighter;
}
.notifications tr.unread td {
    background-color: #CCCCCC;
}
/*#endregion notifications*/

/*#region icons*/
div.icon {
    background: url(images/icon_sprite_24.png) no-repeat top left;
}
span.Edit {
    background: url(images/24_edit_red.png) no-repeat left top;
    padding: .80em;
    padding-top: .10em;
    width:20 !important;
    height:100 !important;
}
#mine {
    background-image: url(images/24_edit_red.png);
    background-repeat: no-repeat;
    background-position: left top;
    width:20 !important;
    height:100 !important;
    padding: .80em;
    padding-top: .10em;
}
span.Edit:hover {
    background: url(images/24_edit_d-gray.png) no-repeat top left;
}
span.Delete {
    background: url(images/24_cancelled_red.png) no-repeat top left;
    padding: .80em;
    padding-top: .10em;
    padding-left: 1em;
}
span.Delete:hover {
    background: url(images/24_cancelled_d-gray.png) no-repeat top left;
}

/* 
@charset "UTF-8";
CSS Sprite for size 24px API icons

Don't forget to add a background rule to reference the sprite image. Something like this, for example:

#container li {
   background: url(icon_sprite_24.png) no-repeat top left;
}
*/

.iconContainer {
    background: url(icon_sprite_24.png) no-repeat top left;
}
.sprite-24_account_d-gray {
    background-position: 0 0;
    width: 24px;
    height: 24px;
}
.sprite-24_account_l-gray {
    background-position: 0 -74px;
    width: 24px;
    height: 24px;
}
.sprite-24_account_red {
    background-position: 0 -148px;
    width: 24px;
    height: 24px;
}
.sprite-24_application_d-gray {
    background-position: 0 -222px;
    width: 24px;
    height: 24px;
}
.sprite-24_application_l-gray {
    background-position: 0 -296px;
    width: 24px;
    height: 24px;
}
.sprite-24_application_new_d-gray {
    background-position: 0 -370px;
    width: 24px;
    height: 24px;
}
.sprite-24_application_new_l-gray {
    background-position: 0 -444px;
    width: 24px;
    height: 24px;
}
.sprite-24_application_new_red {
    background-position: 0 -518px;
    width: 24px;
    height: 24px;
}
.sprite-24_application_red {
    background-position: 0 -592px;
    width: 24px;
    height: 24px;
}
.sprite-24_application_renewal_d-gray {
    background-position: 0 -666px;
    width: 24px;
    height: 24px;
}
.sprite-24_application_renewal_l-gray {
    background-position: 0 -740px;
    width: 24px;
    height: 24px;
}
.sprite-24_application_renewal_red {
    background-position: 0 -814px;
    width: 24px;
    height: 24px;
}
.sprite-24_approved_d-gray {
    background-position: 0 -888px;
    width: 24px;
    height: 24px;
}
.sprite-24_approved_l-gray {
    background-position: 0 -962px;
    width: 24px;
    height: 24px;
}
.sprite-24_approved_red {
    background-position: 0 -1036px;
    width: 24px;
    height: 24px;
}
.sprite-24_audit_d-gray {
    background-position: 0 -1110px;
    width: 24px;
    height: 24px;
}
.sprite-24_audit_l-gray {
    background-position: 0 -1184px;
    width: 24px;
    height: 24px;
}
.sprite-24_audit_red {
    background-position: 0 -1258px;
    width: 24px;
    height: 24px;
}
.sprite-24_auditing_d-gray {
    background-position: 0 -1332px;
    width: 24px;
    height: 24px;
}
.sprite-24_auditing_l-gray {
    background-position: 0 -1406px;
    width: 24px;
    height: 24px;
}
.sprite-24_auditing_red {
    background-position: 0 -1480px;
    width: 24px;
    height: 24px;
}
.sprite-24_brand_d-gray {
    background-position: 0 -1554px;
    width: 24px;
    height: 24px;
}
.sprite-24_brand_l-gray {
    background-position: 0 -1628px;
    width: 24px;
    height: 24px;
}
.sprite-24_brand_red {
    background-position: 0 -1702px;
    width: 24px;
    height: 24px;
}
.sprite-24_cancel_d-gray {
    background-position: 0 -1776px;
    width: 24px;
    height: 24px;
}
.sprite-24_cancel_l-gray {
    background-position: 0 -1850px;
    width: 24px;
    height: 24px;
}
.sprite-24_cancel_red {
    background-position: 0 -1924px;
    width: 24px;
    height: 24px;
}
.sprite-24_cancelled_d-gray {
    background-position: -74px 0;
    width: 24px;
    height: 24px;
}
.sprite-24_cancelled_l-gray {
    background-position: -74px -74px;
    width: 24px;
    height: 24px;
}
.sprite-24_cancelled_red {
    background-position: -74px -148px;
    width: 24px;
    height: 24px;
}
.sprite-24_company_d-gray {
    background-position: -74px -222px;
    width: 24px;
    height: 24px;
}
.sprite-24_company_l-gray {
    background-position: -74px -296px;
    width: 24px;
    height: 24px;
}
.sprite-24_company_red {
    background-position: -74px -370px;
    width: 24px;
    height: 24px;
}
.sprite-24_create_account_d-gray {
    background-position: -74px -444px;
    width: 24px;
    height: 24px;
}
.sprite-24_create_account_l-gray {
    background-position: -74px -518px;
    width: 24px;
    height: 24px;
}
.sprite-24_create_account_red {
    background-position: -74px -592px;
    width: 24px;
    height: 24px;
}
.sprite-24_create_application_d-gray {
    background-position: -74px -666px;
    width: 24px;
    height: 24px;
}
.sprite-24_create_application_l-gray {
    background-position: -74px -740px;
    width: 24px;
    height: 24px;
}
.sprite-24_create_application_red {
    background-position: -74px -814px;
    width: 24px;
    height: 24px;
}
.sprite-24_dashboard_d-gray {
    background-position: -74px -888px;
    width: 24px;
    height: 24px;
}
.sprite-24_dashboard_l-gray {
    background-position: -74px -962px;
    width: 24px;
    height: 24px;
}
.sprite-24_dashboard_red {
    background-position: -74px -1036px;
    width: 24px;
    height: 24px;
}
.sprite-24_deactivated_d-gray {
    background-position: -74px -1110px;
    width: 24px;
    height: 24px;
}
.sprite-24_deactivated_l-gray {
    background-position: -74px -1184px;
    width: 24px;
    height: 24px;
}
.sprite-24_deactivated_red {
    background-position: -74px -1258px;
    width: 24px;
    height: 24px;
}
.sprite-24_details_d-gray {
    background-position: -74px -1332px;
    width: 24px;
    height: 24px;
}
.sprite-24_details_l-gray {
    background-position: -74px -1406px;
    width: 24px;
    height: 24px;
}
.sprite-24_details_red {
    background-position: -74px -1480px;
    width: 24px;
    height: 24px;
}
.sprite-24_edit_d-gray {
    background-position: -74px -1554px;
    width: 24px;
    height: 24px;
}
.sprite-24_edit_l-gray {
    background-position: -74px -1628px;
    width: 24px;
    height: 24px;
}
.sprite-24_edit_red {
    background-position: -74px -1702px;
    width: 24px;
    height: 24px;
}
.sprite-24_file_d-gray {
    background-position: -74px -1776px;
    width: 24px;
    height: 24px;
}
.sprite-24_file_l-gray {
    background-position: -74px -1850px;
    width: 24px;
    height: 24px;
}
.sprite-24_file_red {
    background-position: -74px -1924px;
    width: 24px;
    height: 24px;
}
.sprite-24_history_d-gray {
    background-position: -148px 0;
    width: 24px;
    height: 24px;
}
.sprite-24_history_l-gray {
    background-position: -148px -74px;
    width: 24px;
    height: 24px;
}
.sprite-24_history_red {
    background-position: -148px -148px;
    width: 24px;
    height: 24px;
}
.sprite-24_installer_d-gray {
    background-position: -148px -222px;
    width: 24px;
    height: 24px;
}
.sprite-24_installer_l-gray {
    background-position: -148px -296px;
    width: 24px;
    height: 24px;
}
.sprite-24_installer_red {
    background-position: -148px -370px;
    width: 24px;
    height: 24px;
}
.sprite-24_invoice_d-gray {
    background-position: -148px -444px;
    width: 24px;
    height: 24px;
}
.sprite-24_invoice_l-gray {
    background-position: -148px -518px;
    width: 24px;
    height: 24px;
}
.sprite-24_invoice_red {
    background-position: -148px -592px;
    width: 24px;
    height: 24px;
}
.sprite-24_legal_d-gray {
    background-position: -148px -666px;
    width: 24px;
    height: 24px;
}
.sprite-24_legal_l-gray {
    background-position: -148px -740px;
    width: 24px;
    height: 24px;
}
.sprite-24_legal_red {
    background-position: -148px -814px;
    width: 24px;
    height: 24px;
}
.sprite-24_license_d-gray {
    background-position: -148px -888px;
    width: 24px;
    height: 24px;
}
.sprite-24_license_l-gray {
    background-position: -148px -962px;
    width: 24px;
    height: 24px;
}
.sprite-24_license_red {
    background-position: -148px -1036px;
    width: 24px;
    height: 24px;
}
.sprite-24_licensereq_d-gray {
    background-position: -148px -1110px;
    width: 24px;
    height: 24px;
}
.sprite-24_licensereq_l-gray {
    background-position: -148px -1184px;
    width: 24px;
    height: 24px;
}
.sprite-24_licensereq_red {
    background-position: -148px -1258px;
    width: 24px;
    height: 24px;
}
.sprite-24_location_d-gray {
    background-position: -148px -1332px;
    width: 24px;
    height: 24px;
}
.sprite-24_location_l-gray {
    background-position: -148px -1406px;
    width: 24px;
    height: 24px;
}
.sprite-24_location_red {
    background-position: -148px -1480px;
    width: 24px;
    height: 24px;
}
.sprite-24_marketer_d-gray {
    background-position: -148px -1554px;
    width: 24px;
    height: 24px;
}
.sprite-24_marketer_l-gray {
    background-position: -148px -1628px;
    width: 24px;
    height: 24px;
}
.sprite-24_marketer_red {
    background-position: -148px -1702px;
    width: 24px;
    height: 24px;
}
.sprite-24_new_d-gray {
    background-position: -148px -1776px;
    width: 24px;
    height: 24px;
}
.sprite-24_new_l-gray {
    background-position: -148px -1850px;
    width: 24px;
    height: 24px;
}
.sprite-24_new_red {
    background-position: -148px -1924px;
    width: 24px;
    height: 24px;
}
.sprite-24_note_d-gray {
    background-position: -222px 0;
    width: 24px;
    height: 24px;
}
.sprite-24_note_l-gray {
    background-position: -222px -74px;
    width: 24px;
    height: 24px;
}
.sprite-24_note_red {
    background-position: -222px -148px;
    width: 24px;
    height: 24px;
}
.sprite-24_pending_d-gray {
    background-position: -222px -222px;
    width: 24px;
    height: 24px;
}
.sprite-24_pending_l-gray {
    background-position: -222px -296px;
    width: 24px;
    height: 24px;
}
.sprite-24_pending_red {
    background-position: -222px -370px;
    width: 24px;
    height: 24px;
}
.sprite-24_person_d-gray {
    background-position: -222px -444px;
    width: 24px;
    height: 24px;
}
.sprite-24_person_l-gray {
    background-position: -222px -518px;
    width: 24px;
    height: 24px;
}
.sprite-24_person_red {
    background-position: -222px -592px;
    width: 24px;
    height: 24px;
}
.sprite-24_pickup_complete_d-gray {
    background-position: -222px -666px;
    width: 24px;
    height: 24px;
}
.sprite-24_pickup_complete_l-gray {
    background-position: -222px -740px;
    width: 24px;
    height: 24px;
}
.sprite-24_pickup_complete_red {
    background-position: -222px -814px;
    width: 24px;
    height: 24px;
}
.sprite-24_qualified_d-gray {
    background-position: -222px -888px;
    width: 24px;
    height: 24px;
}
.sprite-24_qualified_l-gray {
    background-position: -222px -962px;
    width: 24px;
    height: 24px;
}
.sprite-24_qualified_red {
    background-position: -222px -1036px;
    width: 24px;
    height: 24px;
}
.sprite-24_questionnaire_d-gray {
    background-position: -222px -1110px;
    width: 24px;
    height: 24px;
}
.sprite-24_questionnaire_l-gray {
    background-position: -222px -1184px;
    width: 24px;
    height: 24px;
}
.sprite-24_questionnaire_red {
    background-position: -222px -1258px;
    width: 24px;
    height: 24px;
}
.sprite-24_receipt_d-gray {
    background-position: -222px -1332px;
    width: 24px;
    height: 24px;
}
.sprite-24_receipt_l-gray {
    background-position: -222px -1406px;
    width: 24px;
    height: 24px;
}
.sprite-24_receipt_l-red {
    background-position: -222px -1480px;
    width: 24px;
    height: 24px;
}
.sprite-24_rejected_d-gray {
    background-position: -222px -1554px;
    width: 24px;
    height: 24px;
}
.sprite-24_rejected_l-gray {
    background-position: -222px -1628px;
    width: 24px;
    height: 24px;
}
.sprite-24_rejected_red {
    background-position: -222px -1702px;
    width: 24px;
    height: 24px;
}
.sprite-24_resolved_d-gray {
    background-position: -222px -1776px;
    width: 24px;
    height: 24px;
}
.sprite-24_resolved_l-gray {
    background-position: -222px -1850px;
    width: 24px;
    height: 24px;
}
.sprite-24_resolved_red {
    background-position: -222px -1924px;
    width: 24px;
    height: 24px;
}
.sprite-24_save_d-gray {
    background-position: -296px 0;
    width: 24px;
    height: 24px;
}
.sprite-24_save_l-gray {
    background-position: -296px -74px;
    width: 24px;
    height: 24px;
}
.sprite-24_save_red {
    background-position: -296px -148px;
    width: 24px;
    height: 24px;
}
.sprite-24_scheduled_d-gray {
    background-position: -296px -222px;
    width: 24px;
    height: 24px;
}
.sprite-24_scheduled_l-gray {
    background-position: -296px -296px;
    width: 24px;
    height: 24px;
}
.sprite-24_scheduled_red {
    background-position: -296px -370px;
    width: 24px;
    height: 24px;
}
.sprite-24_sumbitted_d-gray {
    background-position: -296px -444px;
    width: 24px;
    height: 24px;
}
.sprite-24_sumbitted_l-gray {
    background-position: -296px -518px;
    width: 24px;
    height: 24px;
}
.sprite-24_sumbitted_red {
    background-position: -296px -592px;
    width: 24px;
    height: 24px;
}
.sprite-24_testing_d-gray {
    background-position: -296px -666px;
    width: 24px;
    height: 24px;
}
.sprite-24_testing_l-gray {
    background-position: -296px -740px;
    width: 24px;
    height: 24px;
}
.sprite-24_testing_red {
    background-position: -296px -814px;
    width: 24px;
    height: 24px;
}
.sprite-24_unqualified_d-gray {
    background-position: -296px -888px;
    width: 24px;
    height: 24px;
}
.sprite-24_unqualified_l-gray {
    background-position: -296px -962px;
    width: 24px;
    height: 24px;
}
.sprite-24_unqualified_red {
    background-position: -296px -1036px;
    width: 24px;
    height: 24px;
}

ul li div.spriteCropContainer {
    position: relative;
    width: 25px;
    height: 25px;
    overflow: hidden;
}
ul li div a.spriteCrop_24_cancelled_red {
    position: absolute;
    top: -148px;
    left: -74px;
    padding-left: 0;
}
ul li div a.spriteCrop_24_new_d__gray {
    position: relative;
    top: -1776px;
    left: -148px;
    padding-left: 0;
}
ul li div span.postSpriteInlineItem {
    position: absolute;
    left: 25px;
}

#spriteContainer {
    background: url("images/icon_sprite_24.png") no-repeat top left;
    position: relative;
}

.sprite-24_cancelled_red2 {
    background-position: -74px -148px;
    width: 24px;
    height: 24px;
}

#myContainer {
    background: url("images/icon_sprite_24.png") no-repeat top left;
}

.SpriteContainer {
    background: url("images/icon_sprite_24.png") no-repeat top left;
    background-position: -74px -148px;
    width: 24px;
    height: 24px;
}

.TestImage {
    background: url("images/icon_sprite_24.png") no-repeat top left;
    background-position: -74px -148px;
    width: 24px;
    height: 24px;
}

div a.hideButton {
    width: 24px;
    height: 24px;
    border: 0;
    outline: none;
    background-image: none;
}
ul#mySpriteContainer {
    position: relative;
}
ul#mySpriteContainer li a .sprite-24_cancelled_red3 {
    background: url("images/icon_sprite_24.png") no-repeat top left;
}
/*#endregion icons*/

/*#region announcements*/
.announcementEditList {
    width: 100%;
}
.announcement {
    width: 100%;
}
.announcement > div {
    margin: 5px;
}
.announcementPosted {
    font-style: italic;
}
.announcementPosted > label {
    display: inline;
}
.announcementPosted > span {
    margin: 0 .5em;
    font-size: 1em;
    color: #e11b22;
}
.announcementHeader {
    font-size: 1.5em;
    border-bottom: 1px dotted #CCCCCC;
    color: #e11b22;
    font-family: Helvetica,Arial,sans-serif;
}
.announcementActions {
    margin: .25em;
}
.announcementCommands {
    width: 5%;
}
.provisionalLicenseCommands {
    width: 5%;
}
/*#endregion announcements*/

/*#region FAQs*/
.faqEditList {
    width: 100%;
}
.faq {
    width: 100%;
}
.faq > div {
    margin: 5px;
}
.faqQuestion {
    font-size: 1.5em;
    color: #e11b22;
    font-family: Helvetica,Arial,sans-serif;
    border-bottom: 1px dotted #CCCCCC;
}
.last {
    border-bottom: 0px none White;
}
.faqCommands {
    width: 5%;
}
/*#endregion FAQs*/

/*#region pagination*/
/* Style for pagination plugin */
.pagination {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.00em;
}
.pagination a {
    text-decoration: none;
    color: #808184; /* border: solid 1px #AAE; 	color: #15B; */
}
.pagination a, .pagination span {
    color: #666666;
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
    margin-bottom: 5px;
}
.pagination .current {
    color: #E31B23;
}
.pagination .current.prev, .pagination .current.next {
    color: #000000;
}
/*#endregion pagination*/

/*#region directorySearch*/
#map_canvas {
    border: 3px double #EEEEEE;
}
/* Style for Directory Search and Result */
.directorySearch {
    text-align: left;
    width: 95%;
}
.directorySearch th {
    font-family: arial;
    font-size: 1.25em;
    padding: 0.5em;
    text-align: left;
    border-top: 1px dotted #CCCCCC;
}
.directorySearch .content {
    color: #000000;
    font-family: arial;
    font-size: 1.00em; /*letter-spacing: 0.075em;*/
    padding: 0.25em;
    padding-left: 1em;
    text-align: left;
}
.directorySearch .label {
    width: 75px;
    color: #808184;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.1em; /*letter-spacing: 0.075em;*/ /*padding: 0.5em; */
    padding-left: 1.5em;
    text-align: left;
}
.directorSearchSubHeader {
    width: 100%;
}
.directorSearchSubHeader .desc, .desc {
    
    font-family: LeagueGothicRegular;
    font-size: 1.5em;
    padding: 0.25em;
    text-align: left;
    text-transform: uppercase;
}
.directorySearchResult {
    border-top: 1px dotted #CCCCCC;
    width: 95%;
}

.directorySearchGray
{
    color: #808184;
}

.directorySearchGray a
{
    color: #808184;
}

.directorySearchGray a:hover
{
    color: #E11B22;
}

.ExMess {
    color: Red;
}
/* Style for Directory Search Page */
.dirSearchContainer {
    margin-left: auto;
    margin-right: auto; /*border: 1px solid #666666;*/
    width: 600px;
    padding: 10px;
    overflow: hidden;
}
.dirSearchContentLeft {
    /*border: 1px solid #666666;     position: absolute;*/
    float: left; /*width: 45%;*/
    padding: 10px;
}
.dirSearchContentRight {
    /*border: 1px solid #666666;     position: relative;*/
    float: right;
    padding: 10px;
}
.dirSearchContentRight .searchButton {
    /*border: 1px solid #666666;     position: relative;*/
    float: right;
    margin-top: 15px;
}
.dirSearchContentSeparator {
    background: url("images/directory_search_selector_gray.png") no-repeat center;
    width: 1.85em;
}
.dirSearch {
    text-align: left;
    width: 95%;
    padding: 1px;
}
.dirSearch td {
    /* border: 1px dotted #CCCCCC; */
    padding: .5em;
    margin: .5em;
    vertical-align: top;
}
/*#endregion directorySearch*/

/*#region notification*/

#NotificationList tr 
{
    cursor:pointer;
}

tr.unreadNotification {
    background-color:#DDDDDD;
}

tr.unreadNotification td {
    font-weight:bold;
}

/*#endregion notification*/



/*#region ErrorMessage and Required field */

.requiredField  
{
    color:Red;
    font-size: 1.5em;
}

.errorMessage  
{
    color:Red;
    font-size: 0.5em;
}

.errorMessageGreen  
{
    color:Green;
    font-size: 1.0em;
}

.errorMessageBig
{
    color:Red;
    font-size: 1.0em;
}

.fieldsetStyleHeader {
    font-family: Helvetica,Arial,sans-serif;
    background-color: White;
    font-size: 1.5em;
}
/*#endregion ErrorMessage and Required field*/

/*#region reports*/

div.reportParamDivider {
    display: inline-block;
    border-left: 1px dotted #CCCCCC;
    width: 1px;
    height: 32px;
    margin-left: 10px;
    margin-right: 10px;
}

/*#endregion reports*/

.actionItemsLabel {
    font-family: LeagueGothicRegular;
    font-size: 1.5em;
    margin-left:0.5em; 
    cursor:pointer;
    color: #E31B23;
    text-transform: uppercase;
}

/*#region EOLCS styles*/
.doubleSpacingTop {
  margin-top: 2em;
}
.doubleSpacingBottom {
  margin-bottom: 2em;
}
.singleSpacingTop {
  margin-top: 1em;
}
.singleSpacingBottom {
  margin-bottom: 1em;
}
.margin0 {
  margin: 0 !important;
}
.performanceLabel {
    width: 180px;
}
/*#region Internal Search*/
.eolcsInternalSearch label {
  width: 130px;
}
.eolcsInternalSearch .chosenSelect {
  width: 258px;
}
.eolcsInternalSearch input[type=text] {
  width: 250px;
}
.radioLabel,
.checkboxLabel {
    display: inline;
  margin: 0 10px !important;
}
/*#endregion*/

/*#region Blind List*/
.blindListStyles input.parameter {
  width: 60px;
}
.blindListStyles .collapsibleLabel {
  margin-left: 20px;
}
.blindListStyles .collapsibleLabel a {
  color: #666;
  font-size: 14px;
  letter-spacing: 0.1px;
  font-family: 'Helvetica67', arial;
}
.blindListStyles .blindListParameters label.align,
.blindListStyles .previousYears label.align {
  width: 250px;
}
.blindListStyles .blindListParameters .resultNumber,
.blindListStyles .previousYears .resultNumber {
  display: inline-block;
  width: 60px;
  text-align: center;
  background-color: #DDD;
  height: 23px;
  line-height: 23px;
}
.blindListStyles .previousYears > div {
  margin-left: 1em;
}
.blindListStyles .viscosityGradeTableContainer {
  width: 600px;
  margin-left: 20px;
  display: none;
}
.blindListStyles .referenceOilTableContainer {
  width: 700px;
}
.blindListStyles table.viscosityGradeTable tr th,
.blindListStyles table.referenceOilTable tr th,
.blindListStyles table.viscosityGradeTable tr td,
.blindListStyles table.referenceOilTable tr td {
  text-align: left;
}
.blindListStyles table.viscosityGradeTable tfoot tr td,
.blindListStyles table.referenceOilTable tfoot tr td {
  text-align: left;
  padding-left: 0;
}
.blindListStyles table.viscosityGradeTable tfoot tr td .sectionEndCommand,
.blindListStyles table.referenceOilTable tfoot tr td .sectionEndCommand {
  margin-left: 10px;
}
/*#endregion*/
/*#region Add Blind*/
.addBlindParameters label.align {
  width: 150px;
}
.addBlindParameters span.k-autocomplete {
  width: 250px;
}
/*#endregion*/

fieldset.inlineLabels {
  padding-top: 0;
}
.inlineLabels > div {
  margin: 1.5em 0;
}
.inlineLabels label {
  display: inline-block;
  margin: 0;
  color: #666666;
  font-family: 'Helvetica67', Arial, san-serif;
  font-size: 14px;
}
.inlineLabels input {
  margin-right: 5px;
}

/*#endregion EOLCS styles*/

.listTable {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.listTable.inline {
    display: inline;
}

.listTable tr td {
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
    text-align: left;
}

.listTable thead {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
}

.listTable thead tr th {
    margin: 5px;
    padding: 5px;
    font-weight: bold;
    text-align: left;
}

.listTable thead tr.bottom-align-headers th {
        vertical-align: bottom;
}

.listTable tbody {
    border: 1px solid #CCCCCC;
}

.listTable tbody tr {
    border-top: 1px dotted #CCCCCC;
}

.listTable tbody tr.noBorder {
    border: #FFFFFF;
}

.listTable tbody td.delete {
    text-align: right;
}

.listTable tbody td.delete span {
    position: relative;
    top: 1px;
}

.listTable tfoot td.add {
    text-align: right;
    padding: 4px 5px 5px 5px;
}

.listTable tfoot input[type=button] {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    background: url("images/btn_yellow.jpg") repeat-x scroll center top #F7901A;
    border: Solid 1px #FFA400;
    color: #333333 !important;
    display: inline-block;
    font-family: Helvetica67,Arial,sans-serif;
    font-size: 16px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 22px !important;
    margin: 1px;
    padding: 2px 20px;
    text-align: center;
    text-shadow: 1px 1px #FFFFFF;
    vertical-align: middle;
    cursor: pointer;
}

.listTable tfoot input[type=button]:hover {
    text-decoration: none;
}

.listTable tfoot input[type=button].disabled {
    color: #333333;
    cursor: default;
    background: url("images/btn_grey.jpg") repeat-x;
}

/*#region ProgressBar*/
table.progressBar {
  margin: 1em 0;
}
table.progressBar tr.graphicRow td {
  vertical-align: middle;
  height: 18px;
  width: 200px;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
}
table.progressBar tr.graphicRow td div {
  height: 12px;
  background-color: #DEDEDE;
}
table.progressBar div.completed {
  /*background-color:#F7901A !important;*/

  background: url("images/btn_yellow.jpg") repeat-x scroll center top #f7901a !important;
}
table.progressBar tr.labelRow td {
  text-align: center;
  padding-top: 5px;
  font-family: 'Helvetica57', Arial, san-serif;
  font-size: 14px;
}
/*#endregion*/

.miniButtonActive {
  font-family: Helvetica67, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #333333;
  display: inline-block;
  padding: 1px 4px 0px 4px;
  margin-right: 4px;
  margin-left: 4px;
  border: 1px solid #333333;
  background-color: #fdbb05;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.miniButtonInactive {
  font-family: Helvetica67, Arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #AFAFAF;
  display: inline-block;
  padding: 1px 4px 0px 4px;
  margin-right: 4px;
  margin-left: 4px;
  border: 1px solid #AFAFAF;
  background-color: #E1E1E1;
}
.miniButtonInactive:hover {
  cursor: default;
  text-decoration: none;
}

.hidden {
    display: none;
}

.collapsibleLabel a {
  /* note: these styles are taken from styles-eolcs.css: fieldset legend */

  background-color: White;
  letter-spacing: .5px;
  font-family: 'Helvetica57', arial;
  font-size: 18px;
  /* end note */

  cursor: pointer;
  color: #444;
}
.collapsibleLabel a:hover {
  text-decoration: none !important;
  color: #111;
}

.textAlignRight {
  text-align: right;
}

ul.navigation > li > a.selected {
    display: inline-block;
    white-space: nowrap;
    font-size: 1em;
    color: #444;
    
    font-family: Helvetica,Arial,sans-serif;
}

.layoutContainer910 {
  width: 910px;
}
.layoutContainer910 .row {
  margin: 1.5em 0;
}
.layoutContainer910 .col2 {
  width: 48%;
  display: inline-block;
}
.layoutContainer910 .col3 {
  width: 33%;
  display: inline-block;
}
.layoutContainer910 .col3 .important{    
  text-decoration: !important
}
.layoutContainer910 .col4 {
  width: 25%;
  display: inline-block;
}

.identifying-banner {
    margin: 0;
    padding: 9px 20px;
    border-bottom: 1px solid #514600;
    background-color: #f9d912;
    color: #3c3300;
    line-height: 18px;
    text-align: center;
    font-weight: normal;
    font-family: 'proxima nova', Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-shadow: none;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}