@import url(/s/resources/css/appstyles.css);
@import url(/s/resources/fonts/fontawesome-curr/css/font-awesome.css);

/* General Style
---------------------------------------------*/
.PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:0;}
.PageTitleHeader {font-size:2em;line-height:1.3em;}
.PageSubTitleHeader {font-size:1.6em; line-height:1.3em;}
#PageTitle, .PageTitleHeader { display:none;}


hr{height:1px;line-height:1px;margin:2em 0px;clear:both;border:none;background:#ccc;color:#ccc;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}

.idbmsBreadcrumbSeparator {color:#987e52!important;}
.expand img {background-color: #987e52!important;}
.expand {background-color: #987e52!important; display:block; width:18px; height:18px;}
.Error,.error {width:auto!important}

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}

#inner-wrap img[src="/images/spacer.gif"] {display:none;}

::selection { background: #0066CC; color: #fff; } /* Safari 3.1+, Opera 9.5+, Chrome 2+ */
::-moz-selection { background: #0066CC; color: #fff; } /* Mozilla Firefox */

.whiteShadow { background-color: #fff; border-radius: 3px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);padding:20px 15px; overflow:hidden;}
.text-right {text-align: right;}

img {max-width:100%;}
img.alignleft {float: left; margin-right: 10px;}

#outer-wrap{padding:30px;}


/* UTILITY BAR ELEMENTS
---------------------------------------------*/

/* HEAD ELEMENTS
---------------------------------------------*/
#ContentMemberTools {display:none;}

.topheader {overflow:hidden;}

.tagline {margin:0 0 10px;}

#widget-top ul {margin-top:0; margin-bottom:10px;}
li#menu-item-29, li#menu-item-30, li#menu-item-31 { border-right: 1px solid #fff; padding-right: 13px; padding-left:10px;}

/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/

/* LEFT COLUMN
---------------------------------------------*/
.structLeft h2 {color: #00538d;font-size: 14px; margin: 0;text-transform: uppercase;}
.structLeft p {margin: 5px 0 20px;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody {padding-top:30px;}

div[id*="pnlBreadcrumbs"] {overflow: hidden; line-height:20px;}
#ContentMiddle .idbmsBreadcrumbActive {font-size:1em; color:#00538d;}
.idbmsBreadcrumbSeparator {padding:0 5px; font-weight:normal!important; font-size:22px;}
.idbmsBreadcrumbActive, .idbmsBreadcrumbSeparator, .idbmsBreadcrumb {display:inline-block; float:left;}

.small {color: #00538d; font-size: 10px; margin: 5px 0 20px; padding: 0; text-align: center;}

ul.logoBar { display: block; list-style: none; margin: 0 -15px 30px; padding: 0; text-align: center; overflow:hidden;}
.logoBar > li {display: block;float:left; padding:15px; width:33.3333%; text-align:center;}
.logoBar.fiveAcross > li{width:20%}

div.imod_designations_wrapper div.main-section fieldset ul li.section ul.sub-section li.child label {max-width:180px;}

table[id*="rblAdvancedDesignations"] td { padding: 10px 0 0;}
#ContentMiddle .imod_fieldWrapper .imod_fieldInput input[type="radio"], 
#ContentMiddle .imod_fieldWrapper .imod_col2 input[type="radio"], 
#ContentMiddle .imod_fieldWrapper .imod_col3 input[type="radio"], 
#ContentMiddle .imod_fieldWrapper .imod_col4 input[type="radio"] {margin-right:10px;}
.imod-payment-options > div { padding: 0 0 10px;}
.email .login-password-box > input, 
.email .login-confirm-box > input { max-width: 90%;width: 250px;}

body div.imod_designations_wrapper div.main-section fieldset ul li.section { margin:1%;width:48%;}
div.imod_designations_wrapper div.main-section fieldset ul {margin:0 0 0 -1%;}
div.imod_designations_wrapper div.main-section fieldset ul li.parent {}
div.imod_designations_wrapper div.main-section fieldset ul li.section:nth-child(2n+1) { clear: left;}
div.imod_designations_wrapper div.main-section fieldset ul li.parent label {display:block!important; width:100%!important;max-width:100%!important; padding-left:20px; margin:0 0!important;}

div.imod_designations_wrapper div.main-section fieldset ul li.section ul.sub-section li.child label {float:none!important; max-width:100%!important;}

#cid_41_SearchGUI_ctl01{display:none;}

table[id$="_rblAdvancedDesignations"] tr:last-child label{color:#0F3F6A!important;}

div.imod-progWidget div.vizWrapper .bar { background-color: #857455;}
div.imod-progWidget div.vizWrapper .bar .progressBar { background: #0F3F6A;}

@media only screen and (min-width:480px){
   .imod_fieldWrapper.areaCode{width:50%;}
   .imod_fieldWrapper.areaCode .imod_fieldLabel{width:60%;}
   .imod_fieldWrapper.areaCode .imod_fieldInput{width:40%;}
   .imod_fieldWrapper.areaCode .imod_fieldInput input[type="text"]{width:50px;}
   .imod_fieldWrapper.homePhone{width:50%;}
}

/* RIGHT COLUMN
---------------------------------------------*/


/* Footer Elements 
---------------------------------------------*/

/* FORM STYLES
---------------------------------------------*/
.IMOD1103 .percent-col {
    display:none;
}


/* ------------form Styles ----------------*/
#divButtons input[value*="Give Now"] { display: block; float: none; margin: 0 auto;}

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

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

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

}

/* =============================================================================
   Tablets
   ========================================================================== */

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

ul.logoBar {display:block; margin:0 auto 30px;padding:0 3%;}
.logoBar > li {display:inline-block; width:32%; padding:0 1%;}

}

/* =============================================================================
   Mobile
   ========================================================================== */
@media only screen and (max-width: 699px) {
/* Styles */

#outer-wrap {padding:0px;}
.whiteShadow {}

ul.logoBar {display:block; margin:0 auto 30px;padding:0 3%;}
.logoBar > li {display:block; width:100%; padding:0 1%;}

.midWrap {margin: 0 0 15px;}

	.imod_fieldWrapper .imod_fieldInput select {max-width:90%;}
	
	div.imod_designations_wrapper div.main-section fieldset {padding:5px 0!important;}
	div.imod_designations_wrapper div.main-section fieldset ul li.parent {width:98%!important; margin:0 0 5px;}
	div.imod_designations_wrapper div.main-section fieldset ul li.parent label {max-width:100%!important; display:block!important; padding-left:20px;}
}

/* =============================================================================
   Less than 480px / iphone portrait
   ========================================================================== */
@media only screen and (max-width: 479px) {
/* Styles */

}

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

}