@import url(/s/resources/css/appstyles.css);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);

/* General Style
---------------------------------------------*/
#PageTitle, .PageTitleHeader { display:none;}

.idbmsBreadcrumbSeparator {color:#00467F!important;}
.expand img {background-color: #00467F!important; min-width: 16px;}
.expand {background-color: #00467F!important;}
.Error,.error {width:auto!important}
.EventsHeader {font: normal 22px/27px PT Sans!important; color: #024480;padding:0 0 25px 0!important;background-color:transparent!important;border:none!important;margin:35px 0 20px 0; border-bottom: 1px solid #024480!important;}
.EventsHeader strong, .EventsHeader b {font-weight:normal!important;}

div[id$="pnlBreadcrumbs"] {font: normal 22px/27px PT Sans!important; color: #464646;margin-bottom:40px;position:relative;padding-bottom:10px;}
div[id$="pnlBreadcrumbs"] span {white-space: nowrap;}
div[id$="pnlBreadcrumbs"]:before {position:absolute;content:' ';border-bottom:1px solid #ccc;width:500%;bottom:0;margin-left:-150%;}
div[id$="pnlBreadcrumbs"]:after {content:' ';clear:both;height:0;line-height:0;font-size:0;display:block;}
div[id$="pnlBreadcrumbs"] span:first-of-type {padding-left:0;}
div[id$="pnlBreadcrumbs"] br, div[id$="pnlBreadcrumbs"] .idbmsBreadcrumbSeparator {display:none!important;}
div[id$="pnlBreadcrumbs"] .idbmsBreadcrumb, div[id$="pnlBreadcrumbs"] .idbmsBreadcrumbActive {display:block;float:left;padding:0 20px;position:relative;}
div[id$="pnlBreadcrumbs"] .idbmsBreadcrumbActive:after {display:block;content:'';	width: 0;	height: 0;	border-left: 13px solid transparent;	border-right: 13px solid transparent;	border-top: 14px solid #CCCCCC;	position:absolute;	bottom:-24px;left:50%;	margin-left:-13px;}
div[id$="pnlBreadcrumbs"] span:first-of-type {padding-left:0;}
div[id$="pnlBreadcrumbs"] .idbmsBreadcrumbActive {font-weight:normal!important;color:#024480;}

img[src="/images/icons/v2/common/brick_edit.gif"],
img[src="/images/icons/v2/common/delete.gif"],
img[src="/images/icons/v2/common/arrow_out.gif"],
img[src="/images/e.gif"],
img[src="/images/spacer.gif"],
img[src="/images/icons/v2/bomb.png"] {border:0!important; padding:0!important; margin:0!important; float:none!important; width:16px!important; height:16px!important}

.wrapit img[src="/images/spacer.gif"] {display:none;}

.imod_fieldWrapper .imod_fieldLabel {width:40%!important;}
.imod_fieldWrapper .idbmsInstanceColumnInput {width:50%!important;}

#ContentMiddle {padding-top:20px;max-width:650px;margin:0 auto;}
#ContentMiddle * {-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing:border-box;}
#ContentMiddle .tabstrip ul li {padding:0; background: none;}
#ContentMiddle .TabsPlacement ul li {padding:0; background: none;}
#cid_283_pnlHelp  tr {
display: block!important;
}
.IMOD106 span.expand img { margin-left: 15px;}

body { background-color: 9ea5ae }
.header { background-color: #00467f; border-bottom:2px solid #fff!important;-webkit-box-shadow: 0px 2px 0px 0px rgba(252,220,9,1);-moz-box-shadow: 0px 2px 0px 0px rgba(252,220,9,1);box-shadow: 0px 2px 0px 0px rgba(252,220,9,1); }

h1 { font: normal 45px/50px PT Sans; color: #024480; }
h2 { font: normal 45px/50px PT Sans; color: #546375; }
h3 { font: normal 35px/40px PT Sans; color: #5c6879; }
h4 { font: normal 23px/28px PT Sans; color: #47b2de; }
h5 { font: normal 16px/20px PT Sans; color: #5c6879; }
h6 { font: normal 12px/18px PT Sans; color: #333333; }
body { font-weight: normal; }
.logo_h__txt, .logo_link { font: normal 70px/70px Contrail One; color: #5c6879; }
.sf-menu > li > a { font: normal 23px/25px Verdana, Geneva, sans-serif; color: #ffffff; }
.nav.footer-nav a { font: normal 16px/20px Contrail One; color: #5c6879; }

@media(max-width: 767px) {
.sf-menu { display: none; }
.select-menu { display: block; }
}

.imod_fieldWrapper .imod_fieldInput textarea, .imod_fieldWrapper .imod_fieldInput input[type="text"], .imod_fieldWrapper .imod_fieldInput select, .imod_fieldWrapper .imod_col2 textarea, .imod_fieldWrapper .imod_col2 input[type="text"], .imod_fieldWrapper .imod_col2 select, .imod_fieldWrapper .imod_col3 textarea, .imod_fieldWrapper .imod_col3 input[type="text"], .imod_fieldWrapper .imod_col3 select, .imod_fieldWrapper .imod_col4 textarea, .imod_fieldWrapper .imod_col4 input[type="text"], .imod_fieldWrapper .imod_col4 select {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid #e0dddd !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.dollarPush .imod_fieldInput span:first-child { margin-left: -13px;}

#MainForm {margin-bottom:0!important;}
.imod_formWrapper:after {content:'';display:table;clear:both;}
.imod_fieldWrapper .imod_fieldLabel {width:50%!important;/*padding-left:5px!important;*/padding-right:30px!important;}
.imod_fieldWrapper .imod_fieldInput {/*margin-left:50px;*/}
.imod_fieldWrapper .imod_col3 {/*margin-left:50px;*/float:left;display:block;}
.imod_fieldWrapper .idbmsInstanceColumnInput {width:auto!important;/*float:right!important;*/}
span[id$="lblFullName2"], span[id$="lblCCNoHypens"] {display:block;color:#999;font-size:.9em;}
div[id$="tdCCExpirationDate"], div[id$="tdCCExpirationDate2"] {padding-bottom:20px!important;}
div[id$="tdCVV2"] {text-align:left!important;}
.imod_fieldWrapper .imod_fieldInput.idbmsInstanceFullRow {margin-left:0;}
.imod_fieldWrapper .imod_fieldInput textarea, .imod_fieldWrapper .imod_fieldInput input[type="text"], .imod_fieldWrapper .imod_col2 textarea, .imod_fieldWrapper .imod_col2 input[type="text"], .imod_fieldWrapper .imod_col3 textarea, .imod_fieldWrapper .imod_col3 input[type="text"], .imod_fieldWrapper .imod_col4 textarea, .imod_fieldWrapper .imod_col4 input[type="text"] {width:228px;}
.imod_fieldWrapper .imod_fieldInput select, .imod_fieldWrapper .imod_col2 select, .imod_fieldWrapper .imod_col3 select, .imod_fieldWrapper .imod_col4 select {width:240px;}

input[value="Campaign Center"] { display: none;}

.button {background: none repeat scroll 0 0 #00477f; border: medium none; /*border-radius: 10px 10px 10px 10px;*/ color: white; font-family: 'PT Sans', sans-serif; font-size: 20px; /*font-weight: bold;*/ padding: 10px 15px 10px 10px; cursor: pointer;}

#content {padding-top: 0;}

div[id$="pnlMain"] { max-width: 650px;margin-left: auto;margin-right:auto;}
div[id$="pnlMain"] label {display:inline;font-size:1em;}

#rg_pnlPageHeader { display: none;}

.imod_fieldWrapper.split50  .imod_fieldLabel {width:auto!important;}
.imod_fieldWrapper.split50  .imod_fieldInput {margin-left:0!important;float:left!important;}
.textbox-confirm-label {display:block!important;}
div[id$="tdCCType2"] {margin-left:0!important;}
#idbmsStepInstructions {padding-bottom:40px;}
#idbmsStepInstructions>*:first-child {margin-top:0!important;padding-top:0!important;}
#idbmsStepInstructions>*:last-child {margin-bottom:0!important;padding-bottom:0!important;}
span[id$="lblMinSchPayAmtLbl"] span, #lblPaymentDates span {font-size:12px!important;}
span[id$="ReqdIcon"] {position:absolute;}

.imod_fieldWrapper.email {display: block;padding-right: 52%;position: relative;}
.imod_fieldWrapper.email .login-confirm-box {position: absolute;top: 10px;right: 0;width: 50%;}
.noLabelemail .imod_fieldLabel { display: none; }

#ContentMiddle .imod_fieldWrapper:first-child {padding-top:10px;}

@media screen and (max-width: 767px) {
  .noLabelemail .imod_fieldLabel { display: none; }
  .imod_fieldWrapper.email {display: block;padding-right: 0;position: static;}
  .imod_fieldWrapper.email .login-confirm-box {position:static; width: 100%;}
}

/*
---------------------------------------------
---------------------------------------------
   MEDIA QUERIES
---------------------------------------------
---------------------------------------------
*/

@media (min-width: 980px) {
.formwrap .span7 {width: 700px;}
}

@media (max-width: 979px) and (min-width: 768px) {
.formwrap .span7 { width: 700px;}

}

@media (max-width: 767px) {


.imod_fieldWrapper .imod_fieldInput, .imod_fieldWrapper .imod_col3 {width:auto!important;}
.imod_fieldWrapper .imod_fieldLabel {padding-left:0!important;}
div[id$="pnlBreadcrumbs"] {font: normal 14px/20px PT Sans!important;text-align:center;}
div[id$="pnlBreadcrumbs"] span:last-of-type {padding-right:0;}
div[id$="pnlBreadcrumbs"] .idbmsBreadcrumb, div[id$="pnlBreadcrumbs"] .idbmsBreadcrumbActive {display:inline-block;float:none;padding:0 5px 10px 5px;position:relative;}
div[id$="pnlBreadcrumbs"] .idbmsBreadcrumbActive:after {display:inline-block;content:'';	width: 0;	height: 0;	border-top: 5px solid transparent; 	border-left: 5px solid #ccc; 	border-bottom: 5px solid transparent;	border-right: none;	position:relative;
bottom:auto;left:auto;	margin-left:5px;}
}

/* =============================================================================
   Desktop Only
   ========================================================================== */

@media only screen and (min-width: 1001px){
/* Styles */
	
}

/* =============================================================================
   768px Grid
   ========================================================================== */

@media only screen and (min-width: 768px) and (max-width: 1001px){
/* Styles */


}

/* =============================================================================
   Less than 768px / iPhone landscape / android portrait
   ========================================================================== */
@media only screen and (max-width: 767px) and (min-width: 480px) {
.imod_fieldWrapper.split50  .imod_fieldInput {float:right!important;}
}

/* =============================================================================
   480px / iphone landscape
   ========================================================================== */
@media only screen and (max-width: 767px) {
/* Styles */
}

/* =============================================================================
   Less than 480px / iphone portrait
   ========================================================================== */
@media only screen and (max-width: 479px) {
/* Styles */
.imod_fieldWrapper .imod_fieldInput, .imod_fieldWrapper .imod_col3 {margin-left:0!important;}
.imod_fieldWrapper .imod_fieldLabel {width:100%!important;}
.imod_fieldWrapper .idbmsInstanceColumnInput {width:100%!important;}

  .login-confirm-box {position: relative;width: 100%;}
  .imod_fieldWrapper .imod_fieldInput > div > div > label.textbox-confirm-label {display:block !important;padding: 15px 0 0;}
}

/* =============================================================================
   Retina Display 
   ========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

}

.field-disabled {
    position: relative;
}

.field-disabled::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}