/************************
 ** GOOGLE FONT IMPORT **
 ************************/
 @import url("https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700");

 /**********
  ** BODY **
  **********/
body 
{
    background-color:#ffffff;/*#fefefe;*/ /*the lightest gray*/
    padding-top:0px!important;
}

/***********************
 ** PRE-HEADER STRIPE **
 ***********************/
div#preHeaderStripe 
{
    background-color:#294179; /*navy*/
    height:8px;
    width:100%;
}

/****************
 ** "BODY" DIV **
 ****************/
div#bodyDiv
{
    color:#294179; /*navy*/
    font-family: "Open Sans", sans-serif;
    line-height:1.6111111em;
    margin-left:auto;
    margin-right:auto;
    max-width:700px;
    width:90%;
}

@media (min-width:960px){div#bodyDiv {width:80%;font-size:18px;}}
@media (min-width:601px) and (max-width:959px){div#bodyDiv{font-size:16px;}}
@media (min-width:480px) and (max-width:600px){div#bodyDiv{font-size:14px;}}
@media (max-width:479px){div#bodyDiv{font-size:12px;}}

div#bodyDiv input /*kinda crazy we have to do this seperately*/ {
    font-family: "Open Sans", sans-serif;
    line-height: normal;
}
@media (min-width:960px){div#bodyDiv input{font-size:18px;}}
@media (min-width:601px) and (max-width:959px){div#bodyDiv input{font-size:16px;}}
@media (min-width:480px) and (max-width:600px){div#bodyDiv input{font-size:14px;}}
@media (max-width:479px){div#bodyDiv input{font-size:12px;}}

/************
 ** HEADER **
 ************/
div#bodyHeader {
    padding-left: 0;
    padding-right: 0;
    margin-top: 3%;
    margin-bottom: 3%;
    height: 70px;
}
div#bodyHeaderLogo {
    color: #fc8029; /*orange*/
    padding: 0;
}

img#mfpLogo
{
    vertical-align:middle;
    height:auto;
    width: 175px;
    float:left;
}

#contactInfo {
    text-align: right;
    vertical-align: middle !important;
    height: auto;
    padding: 0;
    padding-top: 5px;
    float:right!important;
}

@media (min-width:601px) {img #mfpLogo{float:left;width:320px;}}
@media (min-width:480px) and (max-width:600px){img#mfpLogo{display:block;margin-left:auto;margin-right:auto;width:150px;}}
@media (max-width:479px){img#mfpLogo{display:block;margin-left:auto;margin-right:auto;max-width:250px;width:125px;height:60px}}

/*headerBlurb*/
div#headerBlurb{display:none;}

div#bodyHeader hr {width:100%;}

/*************
 ** CONTENT **
 *************/
/*div#content*/
@media (min-width:601px){div#content{min-height:384px;}}

select{font-family: "Open Sans", Sans-Serif;}
@media (min-width:601px){select{font-size:18px;}}
@media (min-width:480px) and (max-width:600px){select{font-size:14px;}}
@media (max-width:479px){select{font-size:12px;}}

/*************
 ** FOOTER **
 *************/ 
div#bodyFooter
{
    font-size:.7777778em; /*14px;*/
    line-height:1.61111111em;
}

div#bodyFooterLinkBar{background-color:#e3e3e3;/*e3 gray*/padding:.5% 0;text-align:center;width:100%;}

/*span#demoLink*/
@media (max-width:600px){span#demoLink{display:none;}}
span#courtLoginLinkArea, span#courtLogoutLinkArea{display:none;} /* just a default, really */
div#bodyFooterBottomContainer{width:100%;}

/*div#bodyFooterBottomContent*/
@media (min-width:601px){div#bodyFooterBottomContent{padding-left:162px;/* LC width */padding-right:192px;/* RC width */}}

/*div#bodyFooterBottomContent div.column*/
@media (min-width:601px){div#bodyFooterBottomContent div.column{float:left;position:relative;}}

div#bodyFooterLegalese 
{
    text-align:center;
    width:100%;
}

/*div#csLogoHolder*/
@media (min-width:601px){div#csLogoHolder{margin-left:-100%;right:162px;/* LC width */width:162px;/* LC width */}}
@media (max-width:600px){div#csLogoHolder{text-align:center;width:100%;}}

/*div#bodyFooterBottomCleanup*/
@media (min-width:601px){div#bodyFooterBottomCleanup{clear:both;}}
@media (max-width:600px){div#bodyFooterBottomCleanup{display:none;}}

img#CSLLogo
{
    height:45px;
    width:162px;
}

/************************
 ** jQUERYUI OVERRIDES **
 ************************/ 
.jqui-dialog-noTitleBar .ui-dialog-titlebar, .jqui-dialog-noCloseButton .ui-dialog-titlebar-close {
    display: none !important;
}

.jQUIShrink, .jQUIShrink .ui-button-text{line-height:1em !important;padding:3px !important;}

/********************
 ** FONT MODIFIERS **
 ********************/
.boldText 
{
    font-weight:bold;
}

.importantText 
{
    color:#fc8029; /*orange*/
}

.italicText 
{
    font-style:italic;
}

.largeText 
{
    font-size:1.3333333em;
    line-height:1.6111111em;
}

.smallText 
{
    font-size:.6666667em;
    line-height:1.6111111em;
}

.underlinedText
{
    text-decoration:underline;
}

/*********************
 ** TEXT BOX STYLES **
 *********************/
input.cardNumber 
{
    width:192px;
}

input.currency 
{
    width:96px;
}

input.date 
{
    width:116px;
}

input.digits-2 
{
    width:24px;
}

input.emailAddress 
{
    width:16.6666667em;
}

input.initials 
{
    width:80px;
}

input.postalCode 
{
    width:128px;
}

input.phoneNumber
{
    width:160px;
}

/*********************
 ** GENERAL GOODIES **
 *********************/
div.centerer {
    text-align: center;
    width: 100%;
}

div.centererByMargins 
{
    margin-left:auto;
    margin-right:auto;
}

.verticallyBuffer 
{
    margin-top:1em;
    margin-bottom:1em;
}

.leadingVerticalBuffer
{
    margin-top:1em!important;
}

.trailingVerticalBuffer
{
    margin-bottom:1em!important;
}

.colspanAll /* sadly it's all or nothing :( */
{
    column-span: all; /* W3C */
    -webkit-column-span: all; /* Safari & Chrome */
    -moz-column-span: all; /* Firefox */
    -ms-column-span: all; /* Internet Explorer */
    -o-column-span: all; /* Opera */
}

.hideOverflow 
{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.initiallyHide 
{
    display:none!important;
}

.linkstylecursor 
{
    cursor:pointer!important;
}

.nowrap 
{
    white-space:nowrap!important;
}

/*.padding-8*/
@media (min-width:601px){.padding-8{padding:8px;}}
@media (max-width:600px){.padding-8{padding:1%;}}

/*.padding-16*/
@media (min-width:601px){.padding-16{padding:16px;}}
@media (max-width:600px){.padding-16{padding:2%;}}

/*.padding-32*/
@media (min-width:601px){.padding-32{padding:32px;}}
@media (max-width:600px){.padding-32{padding:4%;}}

.position-absolute-topRight {
    position:absolute;
    top:0;
    right:0;
}

.position-relative
{
    position:relative;
}

.table 
{
    display:table;
}

.table-caption 
{
    display:table-caption;
}

.table-row 
{
    display:table-row;
}

.table-cell 
{
    display:table-cell;
}

.spacedCell {
    padding-left:.25em;
    padding-right:.25em;
}

.textLeft 
{
    text-align:left;
}

.textCenter
{
    text-align:center;
}

.textRight
{
    text-align:right!important;
}

.textJustified 
{
    text-align:justify;
}

.textSmall 
{
    font-size:.9em;
    line-height:1.6111111em;
}

.textSmaller
{
    font-size:.75em;
    line-height:1.6111111em;
}

div.width90pct 
{
    margin-left:auto;
    margin-right:auto;
    width:90%;
}

div.width75pct 
{
    margin-left:auto;
    margin-right:auto;
    width:75%;
}

caption {
    padding: 0px !important;
    text-align: left !important;
    font-weight: bold !important;
    caption-side: top !important;
    color: #294179!important;
}

/*div.widthSecStd*/
div.widthSecStd{margin-left:auto;margin-right:auto;}
@media (min-width:908px){div.widthSecStd{width:880px;}}
@media (max-width:907px){div.widthSecStd{width:97%;}}

/*this is the jQuery modal dialog background color*/
.ui-widget-overlay{
    color:#294179; /*navy*/
}

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder, .placeholder /*kinda cool*/
{
    color:#eeeeee; /*placeholder gray*/
} 

/*input[type=checkbox].bigBox*/
@media (min-width:960px){input[type=checkbox].bigBox{-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);/*-webkit-transform:scale(1.1);*/transform:scale(1.5);}}
@media (min-width:601px) and (max-width:959px){input[type=checkbox].bigBox{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);/*-webkit-transform:scale(1.1);*/transform:scale(1.1);}}

.invalid{
    border:.5px solid red!important;
}
.norequired{
    border:none!important;
}

caption {
    padding: 5px 0 !important;
    text-align: left !important;
    font-weight: bold !important;
    caption-side: top !important;
    color: #294179 !important;
}