body
{
    background-color:#333;
}

.ui-widget, .ui-widget *, select, option {
    font-family: ProximaNovaRegular, Arial, Sans-Serif;
}

.ui-dialog-title {
    color: #444444;
    font-size: 24px;
    font-weight: bold;
}

input[type=submit]:focus, .ui-dialog-titlebar-close {
    outline: none !important;
}

#Splash {
    border-width: 6px 0px 6px 0px;
    border-style: solid;
    border-color: #e1e1e1;
    background-color: #f2f2f2;
    min-height: 300px;
    padding: 8px;
    background-image: url(../Images/NYSplash.jpg);
    background-size: cover;
    color: #fff;
}

#Splash.small {
    min-height: 100px;
    background-position-y: center;
}

#LeftContent {
    width: 590px;
    float: left;
}

#LoginBox {
    float: right;
    margin: 18px;
    /*background-color: #0b5584;*/
    /*background-color: #d5820d;*/
    border-radius: 10px;
    min-height: 230px;
    width: 290px;
    padding: 12px;
    color: #fff;
    background: rgba(213, 130, 13, .6);
}

#LoginBox .title {
    font-weight: bold;
    margin-bottom: 10px;
}

#LoginBox .info {
    margin-bottom:10px; 
}

#LoginBox .info-more {
    font-size: .8em;
    line-height: 1.3em;
    margin-bottom: 30px;
}

#LoginBox.small {
    margin: 5px;
    min-height: 70px;
    padding: 5px;
}

#LoginBox.small .title {
    margin-bottom: 0;
}

#LoginBox.small .info, #LoginBox.small .info-more {
    display: none;
}

.BigTitle {
    font-size: 24px;
    font-weight: bold;
    border-bottom: solid 4px #d5820d;
}

.BigText {
    font-size: 22px;
    font-weight: bold;
}

.SmallTitle {
    font-size: 18px;
    font-weight: bold;
    border-bottom: solid 3px #d5820d;
}

.SmallText {
    font-size: 14px;
    font-weight: bold;
}

.FileInput {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.ButtonTab {
    border-radius: 10px;
    background-color: #e1e1e1;
    display: inline-block;
    width: 170px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #333;
    margin: 8px;
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none; /* Not implemented in browsers yet */
    user-select: none; /* Not implemented in browsers yet */
    outline: 0; /* Firefox */
}

#LoginBox .ButtonTab {
    width: 254px;
}

a.ButtonTab, a.ButtonTab:focus, a.ButtonTab:visited {
    color: #333;
}

#ApplicationButtons {
    padding: 20px;
}

#ApplicationButtons .ButtonTab, #ApplicationContent .ButtonTab {
    font-size: 16px;
    border: 0 none;
    line-height:27px;
    width: auto;
    padding: 10px 30px;
    margin: 0 0 0 4px;
}

#ApplicationButtons .ButtonTab:disabled, #ApplicationContent .ButtonTab:disabled {
    background: #f1f1f1;
    color: #c0c0c0;
    cursor: default;
}

.small .ButtonTab, .ButtonTab.small, #ApplicationContent .small .ButtonTab,  #ApplicationContent .ButtonTab.small {
    padding: 6px;
    font-size: 16px;
    font-weight: bold;
}

.tiny .ButtonTab, .ButtonTab.tiny, #ApplicationContent .tiny .ButtonTab, #ApplicationContent .ButtonTab.tiny {
    padding: 0 12px;
    font-size: 12px;
    width: auto;
}

.ButtonTabOn {
    border-radius: 10px;
    background-color: #ababab;
    display: inline-block;
    width: 170px;
    padding: 10px;
    color: #fff;
    margin: 8px;
    cursor: pointer;
    text-align: center;
}

.ButtonTab:hover, a.ButtonTab:hover, .ButtonTabOn:hover, a.ButtonTabOn:hover {
    background-color: #d5820d !important;
    color: #fff !important;
}

.ButtonTab.Icon {
    background-image: url('/CarCert/Images/Excel32.png');
    background-position: 30px 12px;
    background-repeat: no-repeat;
    background-size: 32px;
    padding-left: 68px !important;
}

.ButtonTab.Icon:hover {
    background-image: url('/CarCert/Images/Excel32Hover.png');
}

.ButtonTab.Icon.PDF {
    background-image: url('/CarCert/Images/PDF32.png');
}

.ButtonTab.Icon.PDF:hover {
    background-image: url('/CarCert/Images/PDF32Hover.png');
}

input.ButtonTab {
    border: 0px none transparent;
    font-family: ProximaNovaRegular, sans-serif;
    font-size: 18px;
    line-height: 27px;
    box-sizing: content-box;
}

/*.ButtonTab.login-button { 
    margin: 0 6px 0 0; 
    font-size: 13.3333px;
    text-indent: -9999999px; 
    background: url('/Images/NewYork/login-nygov.png') no-repeat #004073; 
    border: none 0; 
    cursor: pointer; 
    width: 182px; 
    height: 50px; 
    color: white; 
    padding: 0;
}

.ButtonTab.login-button.oscar { 
    background-image: url('/Images/NewYork/login-oscar-carrier.png');
    width:254px;
}

.ButtonTab.login-button.oscar.sb {
    background-image: url('/Images/NewYork/login-oscar-sb.png');
}*/

.ContentPanel {
    padding: 10px;
    display: none;
}

#LoginBox .ButtonTab {
    display: block;
}

.panel {
    padding: 10px;
}

table td.label {
    color: #e49628;
}

table td.data {
    font-size: 1.4em;
}

table td.strong {
    font-weight: bold;
}

.error-message {
    display: none;
    font-size: 1.4em;
    font-weight: bold;
    color: red;
    padding-top: 20px;
}

.breadcrumb {
    padding: 0px;
    background: #e1e1e1;
    /*background-image: url(/CarCert/Images/NYSplash.jpg);*/
    list-style: none; 
    overflow: hidden;
    /*margin-top: 20px;*/
}
.breadcrumb>li+li:before {
    padding: 0;
}
.breadcrumb li { 
    float: left; 
}
.breadcrumb li.active a {
    background: #e49628 ; 
}
.breadcrumb li.completed a {
    background: #439550;
    cursor: pointer;
}
.breadcrumb li.active a:after {
    border-left: 30px solid #e49628;
}
.breadcrumb li.completed a:after {
    border-left: 30px solid #439550;
    cursor: pointer;
} 
.breadcrumb li:last-child a:after, .breadcrumb li.final a:hover:after {	
    width: 10000px;
}
.breadcrumb li a {
    color: #808080;
    text-decoration: none; 
    padding: 10px 0 10px 45px;
    position: relative; 
    display: block;
    float: left;
}
@-moz-document url-prefix() { /* Firefox-only */
    .breadcrumb li a {
        padding: 10px 0 10px 40px;
        left: -5px;
    }
}
.breadcrumb li a:after { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #e1e1e1;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    left: 100%;
    z-index: 2; 
}	
.breadcrumb li a:before { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    margin-left: 1px;
    left: 100%;
    z-index: 1; 
}
.breadcrumb li:last-child a:before { border-left: 30px solid #e1e1e1; }	
.breadcrumb li.completed:last-child a:after { border-top: 10000px solid #439550; border-bottom: 10000px solid #439550; cursor: pointer; }
.breadcrumb li.active:last-child a:after { border-top: 10000px solid #e49628;	border-bottom: 10000px solid #e49628; }
.breadcrumb li:first-child a { padding-left: 15px; }
.breadcrumb li a:hover { background: #cfcfcf; color: #606060; }
.breadcrumb li:last-child a:hover:after { border-top: 10000px solid #cfcfcf; border-bottom: 10000px solid #cfcfcf; }
.breadcrumb li a:hover:after { border-left-color: #cfcfcf !important; }
.breadcrumb li.active a, .breadcrumb li.completed a  { color: white; }
.breadcrumb li.active a:hover { background: #ffa82d; }
.breadcrumb li.active a:hover:after { border-left-color: #ffa82d !important }
.breadcrumb li.completed a:hover { background: #3caa4d; cursor: pointer; }
.breadcrumb li.completed a:hover:after { border-left-color: #3caa4d !important; cursor: pointer; }

#ApplicationContent {
    border-width: 6px 0px 6px 0px;
    border-style: solid;
    border-color: #e1e1e1;
    background-color: white;
    min-height: 280px;
    padding: 8px;
    color: #fff;
    padding: 20px;
}

#ApplicationContent .BigTitle, .BigTitle.content {
    color: #666666;
    border-bottom: 0 none;
    margin-bottom: 20px;
}

#ApplicationContent .SmallTitle {
    color: #666666;
    border-bottom: 0 none;
    margin-bottom: 20px;
}

#ApplicationContent .Info {
    color: #808080;
    border: 6px solid #ecc998;
    padding: 10px;
    width: 60%;
    display: block;
    background: #fff8ef;
    margin: 20px 0 40px 0;
}

#ApplicationContent input[type=radio], #ApplicationContent input[type=checkbox], select {
    margin-left: 5px;
    margin-right: 20px;
}

#ApplicationContent label {
    color: #808080;
    margin-right: 10px;
    font-size: 18px;
}

#ApplicationContent img.HelpCircle {
    float:none;
    margin: 3px 0 -3px 0;
    cursor: pointer;
    display: inline-block;
}

input[type=text], select, textarea {
    padding: 5px;
    font-size: 18px;
    font-family: ProximaNovaRegular, sans-serif;
    color: #404040;
    margin-right: 5px;
}

textarea {
    width:100%;
    margin-left: 5px;
    resize: vertical;
}

input[type=text]:focus {
    background-color: #fff8ef;
    border: 1px solid;
}


textarea:focus, select:focus {
    background-color: #fff8ef;
}

select:focus option {
    background-color: white;
}

@media screen and (-webkit-min-device-pixel-ratio:0) /* Chrome-only */
{ 
    input[type=text]:focus {
        padding: 6px;
    }
}

@-moz-document url-prefix() { /* Firefox-only */
    textarea, select {
        border: 1px solid darkgrey;
    }

    textarea:focus, select:focus {
        border: 1px solid;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ only */
    textarea:focus, select:focus {
        border: 1px solid;
    }
}

@supports (-ms-accelerator:true) { /*Edge 12+ only*/
    textarea:focus, select:focus {
        border: 1px solid;
    }
}

#ApplicationContent .Mandatory {
    margin-left: -6px;
    margin-right: -6px;
}

#ApplicationContent .Mandatory:before {
    content: "*";
    color: #e00000;
    display: inline-block;
    position: relative;
    left: -10px;
    top: 3px;
    font-size: 1.2em;
    font-weight: bold;
    margin-left: -2px;
    float: left;
}

table.ListTable th {
    color: white;
    background-color: #e49628;
    border: 0 none;
    font-size: 18px;
    height: 36px;
}

table.ListTable th:first-child, table.ListTable td:first-child {
    padding-left: 14px;
}

table.ListTable td {
    height: 42px;
    border: 0 none;
    border-bottom: 1px solid #e8e8e8;
    background-color: #f4f4f4;
    background-image: url('/CarCert/Images/TableRowGradient.png');
    background-size:contain;
}

table.ListTable th img.HelpCircle {
    position: relative;
    top: 1px;
}

.FileInput + label.ButtonTab, .FileInput + label.ButtonTab span  {
    color: #333 !important;
}

.FileInput + label.ButtonTab.Clear, .FileInput + label.ButtonTab.Clear span,
.ButtonTab.Clear, .ButtonTab.Clear span, a.ButtonTab.Clear
  {
    background-color: transparent !important;
    color: #333 !important;
}

.FileInput + label.ButtonTab:hover, .FileInput + label.ButtonTab:hover span,
a.ButtonTab.Clear:hover, a.ButtonTab.Clear:hover span
 {
    color: black !important;
}

a.help {
    color: white;
}

#LoginBox .ButtonTab.disabled {
    color: #aaaaaa;
}

#LoginBox .ButtonTab.disabled:hover {
    color: #aaaaaa;
    background-color: #e1e1e1;
    cursor: default;
}