﻿

/*
@font-face {
font-family: DINPro;
font-weight: normal;
src: url("/app_themes/Client/DINPro.otf") format("opentype");
}

@font-face {
font-family: DINProBold;
src: url("/app_themes/Client/DINProBold.otf") format("opentype");
}
*/
/*
@font-face
{
    font-family: DINPro;
    font-weight: normal;
    src: url("/app_themes/Client/DINPro.otf") format("opentype");
    src: url("/app_themes/Client/DINPro.eot"), url("/app_themes/Client/DINPro.eot?#iefix") format("embedded-opentype"), url('/app_themes/Client/DINPro.ttf') format('truetype');
}
*/

/*
@font-face
{
    font-family: DINProBold;
    src: url("/app_themes/Client/DINProBold.otf") format("opentype");
    src: url("/app_themes/Client/DINProBold.eot"), url("/app_themes/Client/DINProBold.eot?#iefix") format("embedded-opentype"), url('/app_themes/Client/DINProBold.ttf') format('truetype');
}
*/

body
{
    /*font-family: "Verdana", arial, sans-serif;*/
    font-family: Arial, sans-serif, Calibri, "Droid Sans"; /*     font-size: 13.5px; 12pt;     line-height: 18pt;     color: #272f32;     */
    font-size: 14px; /*line-height: 20px;*/
    color: #4A6776;
    background-color: #000;
    margin-top: 10px;
}

input
{
    /*font-family: "Verdana", arial, sans-serif;*/
    font-family: arial, sans-serif, Calibri, "Droid Sans";
    font-size: 12pt;
    padding: 2px 8px;
}

.titleLabel
{
    font-size: 28px;
    font-family: arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 33px;
    margin-left: 10px;
    margin-top: 20px;
    color: #272F32;
}

.formLabel, .formValueLabel
{
    font-size: inherit;
    font-weight: normal;
    color: #272F32;
}

h3
{
    font-size: 20px;
    font-family: arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 26px;
    margin: 0 0 14px 0;
    color: #272F32; /*text-transform: capitalize;*/
}

/*
.formSubTitle
{
    margin-bottom: 12px;
    margin-top: 32px;
}
*/

.instructionalText
{
    font-size: inherit;
}

html body .RadComboBoxDropDown li, html body .RadComboBoxDropDown span
{
    font-family: arial, sans-serif, Calibri; /*font-family: "Verdana", arial, sans-serif;*/
    font-size: 13.5px;
    color: #272f32;
}

html body #mainForm .RadComboBox_Default .rcbInput
{
    font-family: arial, sans-serif; /*font-family: "Verdana", arial, sans-serif;*/
    font-size: 13.5px;
    color: #272f32;
}

.dealershipDropDownItem
{
    margin-bottom: 3px;
    font-size: 12px;
}

html body #mainForm .RadInput_Default .riTextBox, html body #mainForm .RadInputMgr_Default
{
    font-family: arial, sans-serif, Calibri; /*font-family: "Verdana", arial, sans-serif;*/
    font-size: 13.5px;
    color: #272f32;
}

#mainForm .RadPanelBar_Default a.rpLink, #mainForm .RadPanelBar_Default div.rpHeaderTemplate, #mainForm .RadPanelBar_Default .rpTemplate
{
    font-family: arial, sans-serif, Calibri; /*font-family: "Verdana", arial, sans-serif;*/
    font-size: 13.5px;
    color: #272f32;
}

#mainForm .RadPanelBar .rpHeaderTemplate, .RadPanelBar .rpOut
{
    background-image: none;
    background-color: #000000;
    border-bottom-width: 0px;
    padding-bottom: 0px;
}

.RadPanelBar .rpHeaderTemplate, .RadPanelBar .rpOut
{
    background-image: none;
    background-color: #000000;
    border-bottom-width: 0px;
    padding-bottom: 0px;
}

#mainForm .RadPanelBar .rpFocused .rpOut, .RadPanelBar a.rpLink:hover .rpOut, .RadPanelBar .rpSelected .rpOut, .RadPanelBar a.rpSelected:hover .rpOut
{
    background-image: none;
    background-color: #000000;
    border-bottom-width: 0px;
    padding-bottom: 0px;
}


#mainForm div.RadPanelBar div.rpHeaderTemplate span.rpText
{
    font-weight: bold; /*color: #4A6776;  */
    color: #ffffff;
}



div.RadGrid_Default, div.RadGrid_Default .rgMasterTable, div.RadGrid_Default .rgDetailTable, div.RadGrid_Default .rgGroupPanel table, div.RadGrid_Default .rgCommandRow table, div.RadGrid_Default .rgEditForm table, div.RadGrid_Default .rgPager table, span.GridToolTip_Default
{
    font-family: arial, sans-serif, Calibri; /*font-family: "Verdana", arial, sans-serif;*/
    font-size: 13.5px;
    line-height: 20px;
    color: #272f32;
}

a, a:link, a:visited
{
    border: none;
    font-style: normal;
    color: Goldenrod;
    /*color: #F6AE3D;*/
}

a:hover
{
    color: #646569;
    text-decoration: underline;
}


.customLink 
{
    border: none !important;
    font-style: normal !important;
    color: #ffffff !important;
}

.customLink:hover
{
    color: #ffffff !important;
    text-decoration: underline !important;
}

.redLink 
{
    border: none !important;
    font-style: normal !important;
    color: red !important;
}

.red:hover
{
    color: red !important;
    text-decoration: underline !important;
}



.RadGrid_Default .rgRow a:hover, .RadGrid_Default .rgAltRow a:hover, .RadGrid_Default .rgEditRow a:hover
{
    color: #000 !important;
}

.contentWrapper
{
    padding: 12px 12px 20px 12px;
}

.postalAddress span
{
    display: block;
}


.mainWrapper
{
    background-color: #ffffff; /*border-left: 1px solid #aaa;     border-right: 1px solid #aaa;*/
}

.clientLogoContainer
{
    height: 150px;
    padding: 0px;
}

.clientLogo
{
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 286px;
    height: 73px;
    float: left;
    background-color: #000; /*background-image: none;*/
    background: url(/app_themes/Client/Images/ClientLogo.png) no-repeat;
}

.headerRight
{
    background-color: #000; /*width: 650px;*/
    float: right;
    margin-right: 40px;
}

.headerLeft
{
    background-color: #000;
    width: 1200px;
    float: left;
}


.footer
{
    font-family: arial, sans-serif, Calibri;
    padding: 10px 0px 8px 0px;
    text-align: center;
    color: #ccc;
    font-size: 75%; /*background-color: #024385;*/ /*background-image: none;*/
    height: 20px;
    width: 1200px;
    background-color: #000000;
    background-image: none; /*background: url(images/FooterLogo.png) no-repeat;*/
}

.footer a, .footer a:visited
{
    text-decoration: none;
    color: #777; /*font-style: italic;*/
}

.footer a:hover
{
    color: #eee;
    text-decoration: underline;
}

.buttonInLine
{
    margin-top: 15px;
}

.createNewItemButton:active, .createNewItemButton:link, .createNewItemButton:visited, .clearFormButton:active, .clearFormButton:link, .clearFormButton:visited, .manageSortingButton:active, .manageSortingButton:link, .manageSortingButton:visited, .logInButton:active, .logInButton:link, .logInButton:visited, .saveButton:active, .saveButton:link, .saveButton:visited, .cancelButton:active, .cancelButton:link, .cancelButton:visited, .verifyButton:active, .verifyButton:link, .verifyButton:visited, .submitButton:active, .submitButton:link, .submitButton:visited, .searchButton:active, .searchButton:link, .searchButton:visited, .giantButtonCenteredText:active, .giantButtonCenteredText:link, .giantButtonCenteredText:visited
{
    display: block !important;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: bold;
    line-height: 14px;
    margin: 0;
    padding-top: 6px;
    padding-right: 14px;
    padding-bottom: 6px;
    padding-left: 14px;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid #ffffff;
    height: auto;
    /*background-color: #245397; */
    background-color: #000000;
    background-repeat: repeat-x;
    background-position: 0 0;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
    font-family: Arial, sans-serif, Calibri;
    text-decoration: none;
    text-align: center !important;
}
.createNewItemButton:hover, .manageSortingButton:hover, .logInButton:hover, .saveButton:hover, .cancelButton:hover, .verifyButton:hover, .submitButton:hover, .searchButton:hover, .clearFormButton:hover, .giantButtonCenteredText:hover
{
    /*background-position: 0 -36px;*/
    /*background-color: #0077DF;*/
    background-color: #ffffff;
    /*color: #ffffff;*/
    color: #000000 !important;
    border: 1px solid #000000;
}





.homepageButton:active, .homepageButton:link, .homepageButton:visited
{
    display: block !important;
    color: #fefefe !important;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    margin: 0;
    padding-top: 6px;
    padding-right: 14px;
    padding-bottom: 6px;
    padding-left: 14px;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid #fefefe;
    height: auto;
    background-color: #000000;
    background-repeat: repeat-x;
    background-position: 0 0;
    border-radius: 0px;
    font-family: Arial, sans-serif, Calibri;
    text-decoration: none;
    text-align: center !important;
}
.homepageButton:hover
{
   /* background-position: 0 -36px;*/
    background-color: #fefefe;
    color: #000000 !important;
    border: 1px solid #000000;
}




.siteButtonReversed:active, .siteButtonReversed:link, .siteBu4tonReversed:visited
{
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    margin: 0;
    padding-top: 6px;
    padding-right: 14px;
    padding-bottom: 6px;
    padding-left: 14px;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid #e1e1e1;
    height: auto;
    background-color: #e1e1e1; /*background-color: transparent;*/ /*background-image: url("Images/btn_alt_bkg_sprite.png");*/
    background-repeat: repeat-x;
    background-position: 0 0;
    border-radius: 0px;
    
    font-family: Arial, sans-serif, Calibri;
    text-decoration: none;
    text-align: center;
}
.siteButtonReversed:hover
{
    background-position: 0 -36px; /*background-color: #E1E1E1;*/
    background-color: #000;
    color: #fff;
    text-decoration: none;
}


.testButtonReversed:active, .testButtonReversed:link, .testButtonReversed:visited
{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    margin: 0;
    padding-top: 6px;
    padding-right: 14px;
    padding-bottom: 6px;
    padding-left: 14px;
    text-align: center; /*text-transform: uppercase;*/
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid #cf0a2c;
    height: auto;
    background-color: #303030; /*background-color: transparent;*/ /*background-image: url("Images/btn_alt_bkg_sprite.png");*/
    background-repeat: repeat-x;
    background-position: 0 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-family: Arial, sans-serif, Calibri;
    text-decoration: none;
}
.testButtonReversed:hover
{
    background-position: 0 -36px;
    background-color: #E1E1E1;
    color: #000;
    border: 1px solid #000;
}


#mainForm .RadPicker td a
{
    z-index: auto;
}

.ClaimSearchDeniedStatusMockAnchor
{
    border: none;
    font-style: normal;
    color: #2b2b2b;
    text-decoration: underline;
    cursor: pointer;
}

.ClaimSearchDeniedStatusMockAnchor:hover
{
    color: #d71921;
    text-decoration: underline;
}

.ClaimSearchDeniedStatusNote
{
    font-size: 12px;
    font-style: italic;
    color: #999;
}

.ClaimSearchDeniedStatusheader
{
    font-weight: bold;
}


.ClaimSearchDeniedStatusTooltip a.submitButton
{
    color: #ffffff !important;
}

.ClaimSearchDeniedStatusTooltip a.submitButton:hover
{
    background-color: #f9f9f9 !important;
    color: #000000 !important;
}


.RadToolTip_Bootstrap {
    border: 1px solid #000 !important;
    background-color: #f9f9f9 !important;
    color: #000 !important;
    border-radius: 4px !important;
    font-family: Arial,sans-serif !important;
    font-size: 14px !important;
}

.RadToolTip_Bootstrap table.rtWrapper td.rtWrapperContent {
    background-color: #f9f9f9 !important;
    color: #000 !important;
    font-family: Arial,sans-serif;
    font-size: 14px;
}



.submitPagePanelButton:active, .submitPagePanelButton:link, .submitPagePanelButton:visited
{
    display: block;
    color: #000; /*background-color: lightgray;*/
    text-decoration: underline;
    font-size: 11px;
    height: 14px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px; /*padding: 6px 10px 0 10px;*/ /*border: 1px solid #444;*/
    font-weight: bold;
    text-align: center;
    line-height: 14px;
    vertical-align: middle;
    vert-align: middle; /*border-top-color: #000000;     border-right-color: #000000;     border-bottom-color: #000000;     border-left-color: #000000;*/ /*     border-top-width: 1px;     border-right-width: 1px;     border-bottom-width: 1px;     border-left-width: 1px;     border-top-style: solid;     border-right-style: solid;     border-bottom-style: solid;     border-left-style: solid;     border-top-left-radius: 5px;     border-top-right-radius: 5px;     border-bottom-right-radius: 5px;     border-bottom-left-radius: 5px;  */
}
.submitPagePanelButton:hover
{
    /*border: 1px solid #FFF;*/ /*background: #BE1E2D;*/
    color: #024385; /* border-top-color: #BE1E2D;     border-right-color: #BE1E2D;     border-bottom-color: #BE1E2D;     border-left-color: #BE1E2D;*/ /*     border-top-width: 1px;     border-right-width: 1px;     border-bottom-width: 1px;     border-left-width: 1px;     border-top-style: solid;     border-right-style: solid;     border-bottom-style: solid;     border-left-style: solid;     border-top-left-radius: 5px;     border-top-right-radius: 5px;     border-bottom-right-radius: 5px;     border-bottom-left-radius: 5px; */
}



.englishButton:active, .englishButton:link, .englishButton:visited
{
    color: #A0A5A8;
    /*display: inline-block !important;*/
    /*height: 28px;*/
    /*width: 84px;*/
    /*text-decoration: none;*/
    /*background: url("/App_Themes/Client/Images/EnglishTransparent.png");*/
    /*background-repeat: no-repeat;*/
}
.englishButton:hover
{
    /*background: url("/App_Themes/Client/Images/EnglishTransparent.png");*/
    /*background-repeat: no-repeat;*/
    /*border-style: solid;*/
    /*border-width: 1px;*/
    /*border-color: transparent;*/
    color: #000000;
}

.frenchButton:active, .frenchButton:link, .frenchButton:visited
{
    color: #A0A5A8;
    /*
    display: inline-block !important;
    height: 28px;
    width: 84px;
    text-decoration: none;
    background: url("/App_Themes/Client/Images/CanadaFrenchTransparent.png");
    background-repeat: no-repeat;*/
}
.frenchButton:hover
{
    /*background: url("/App_Themes/Client/Images/CanadaFrenchTransparent.png");*/
    /*background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;*/
    color: #000000;
}

.marginRight10 {
    margin-right: 10px !important;
}
.wrapText {
    white-space: normal !important;
}

.bigButton:active, .bigButton:link, .bigButton:visited
{
    /*display: block !important;*/
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
    padding-top: 6px;
    padding-right: 14px;
    padding-bottom: 6px;
    padding-left: 14px;
    
    white-space: nowrap;
    border: 1px solid #000000;
    height: auto;
    background-color: #000000;
    background-repeat: repeat-x;
    background-position: 0 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-family: Arial, DINPro, arial, Calibri, "Droid Sans" , sans-serif;
    text-decoration: none;
    text-align: center !important;
    display: inline-block !important;
   
    vertical-align: middle !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.bigButton:hover
{
    /*background-position: 0 -36px;*/
    background-color: #e1e1e1;
    color: #000;
    border: 1px solid #000;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.bigButtonInActive:active, .bigButtonInActive:link, .bigButtonInActive:visited
{
    color: darkgray;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
    padding-top: 6px;
    padding-right: 14px;
    padding-bottom: 6px;
    padding-left: 14px;
    
    white-space: nowrap;
    border: 1px solid #e1e1e1;
    height: auto;
    background-color: #e1e1e1;
    background-repeat: repeat-x;
    background-position: 0 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-family: Arial, Calibri, sans-serif;
    text-decoration: none;
    text-align: center !important;
    display: inline-block !important;
   
    vertical-align: middle !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.bigButtonInActive:hover
{
    /*background-position: 0 -36px;*/
    background-color: #e1e1e1;
    color: darkgray;
    border: 1px solid #000;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bigButtonSelected:active, .bigButtonSelected:link, .bigButtonSelected:visited
{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 35px;
    margin: 0;
    padding-top: 6px;
    padding-right: 14px;
    padding-bottom: 6px;
    padding-left: 14px;
    
    white-space: nowrap;
    border: 1px solid #000000;
    height: auto;
    background-color: #000000;
    background-repeat: repeat-x;
    background-position: 0 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-family: Arial, Calibri, sans-serif;
    text-decoration: none;
    text-align: center !important;
    display: inline-block !important;
   
    vertical-align: middle !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.bigButtonSelected:hover
{
    /*background-position: 0 -36px;*/
    background-color: #000000;
    color: #fff;
    border: 1px solid #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
