@import url(/s/resources/css/appstyles.css);

/* General Style
---------------------------------------------*/
	body {font-size:14px;}
	.PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:0;}
	.PageTitleHeader {font-size:2.429em;line-height:1.25em; }
	.PageSubTitleHeader {font-size: 1.714em; line-height:1.25em;}

	.idbmsBreadcrumbSeparator {color:#274964!important;}
	.expand img {background-color: #274964!important;}
	.expand {background-color: #274964!important; display:inline-block; width: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}
	
	img {max-width:100%;}
#ContentMiddle div.imod_eventDetails h3.imod_eventDate  {margin-bottom:0px;}
#ContentMiddle div.imod_eventDetails div.imod_eventDescription {padding:2px 0px;}
#ContentMiddle div.imod_eventDetails div.imod_eventContact h3.imod_eventLabel {margin-bottom:0px;}
#ContentMiddle div.imod_eventDetails h4{margin-bottom:0px;}
#ContentMainNav ul#superfish-1 li ul li {
font-size:10px;
text-transform:uppercase;} 
#ContentMainNav ul#superfish-1 li ul{margin-top:10px;}

/* HEAD ELEMENTS
---------------------------------------------*/
	.region-main-menu {overflow:hidden;}
	.ie8 .mobileNav {display:none;}
	#section-header #region-main-menu li.sf-depth-1 a.sf-depth-1 {font-size:10px}


/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/
.sf-navbar > li > ul {font-size:11px;}


/* LEFT COLUMN
---------------------------------------------*/



/* BODY ELEMENTS
---------------------------------------------*/
	body #section-content #zone-content {background-image: url(images/cme-blue-content-bg-2.png);}

	/* Fixes */
	table, table td, table th, table tbody {border:none; margin:0; padding:0;}
	label {display:inline;}

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


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


/* Mobile Navigation
-----------------------------------------------*/
	a.nav_open_btn {float:left; width:100%; color:#fff; font-size:1.5em;cursor:pointer; display:block;padding:8px 15px; background:#91937d; text-align:right; position:relative; z-index:999;}
	a.nav_open_btn img {float:right; display:block;}
	a.nav_open_btn:after {position:absolute; content: ""; border-top: 10px solid #91937d; border-left:6px solid transparent; border-right:6px solid transparent; bottom:-10px; right:20px;}
	a.quicklinks_open_btn {display:none; position:absolute; right:10px; top:10px; width:40px; height:40px; cursor:pointer;}
	a.quicklinks_open_btn:after {position:absolute; top:0; right:0; content: " "; border-top:40px solid #294967; border-left:40px solid transparent; }
	a.quicklinks_open_btn img {position:absolute; width:15px; z-index:2; right:6px; top:6px;}

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


/* =============================================================================
   Desktop Only
   ========================================================================== */
@media only screen and (min-width: 700px){
	#region-header-menu {display:block !important;}
	.mobileNav {display:none !important;}
	a.nav_open_btn {display:none;}

}


/* =============================================================================
   Below Desktop
   ========================================================================== */
@media only screen and (max-width: 700px){
	/* General */
	* {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;  box-sizing: border-box; -ms-box-sizing: border-box;}
	body {min-width:0;}
	.container-12 {width:100%;padding-left:12px; padding-right:12px;}
	.container-12 .grid-1,
	.container-12 .grid-2,
	.container-12 .grid-3,
	.container-12 .grid-4,
	.container-12 .grid-5,
	.container-12 .grid-6,
	.container-12 .grid-7,
	.container-12 .grid-8,
	.container-12 .grid-9,
	.container-12 .grid-10,
	.container-12 .grid-11,
	.container-12 .grid-12 {width:100%; margin-left:0; margin-right:0; }
	img {max-width:100%;}
	
	/* Header */
	.region-header-feature-inner p {margin-bottom:0}
	#section-header #region-main-menu {padding-bottom:0;}
	#section-header #zone-header-top #region-header-logo {padding-top:35px;}
	.region-main-menu {overflow:visible;}
	.mobileNav {display:block;}
	a.quicklinks_open_btn {display:block;}
	.zone-header-top {padding-left:0; padding-right:0;}
	
	/* Mobile Quick Links Menu */
	#section-header #zone-header-top #region-header-menu {display:none; height:auto; padding:0; background:#294967; width:100%;}
	#section-header #region-header-menu #block-menu-menu-header-menu {width:100%;}
	#section-header #zone-header-top ul.menu li.leaf {margin:0; padding:0; height:auto; width:100%; border-top:1px solid rgba(255,255,255,0.2);}
	#section-header #region-header-menu a {display:block; font-weight:normal; background:none !important; width:auto !important; height:auto; font-size:14px; padding:8px 25px; text-align:center;}
	
	/* Mobile Main Menu */
	.desktopNav {display:none;}
	.mobileNav {display:block; clear:both;}
	#zone-header-bottom {}
	#section-header #region-main-menu {padding:0; margin:0;}
	.sf-menu.sf-style-white {margin-bottom:0;}
	#section-header #region-main-menu ul,
	#section-header #region-main-menu li,
	#section-header #region-main-menu li a {float:none!important;}
		/* First Level */
		#section-header #region-main-menu li.sf-depth-1 {background:none !important; width:100% !important; height:auto;}
		#section-header #region-main-menu li.sf-depth-1 a.sf-depth-1 {padding:10px 25px; width:auto; height:auto; text-align:left;}
		#section-header #region-main-menu li.sf-depth-1 a.sf-depth-1:hover {color:#666}
		#section-header #region-main-menu li.sf-depth-1 .accordion-btn {color:#91937D; font-size:14px; }
		/* Second Level */
		.sf-menu ul {position:static;}
		#section-header #region-main-menu li.sf-depth-2 {width:100% !important; margin:0; padding:0; border-top:1px solid rgba(255,255,255,0.2); left:0 !important;}
		#section-header #region-main-menu li.sf-depth-2 a.sf-depth-2 {border:none;padding:10px 25px !important; text-align:left;}
		#section-header #region-main-menu li.sf-depth-2 .accordion-btn {color:#fff;}
		/* Third Level */
		#section-header #region-main-menu li.sf-depth-2 ul.sf-megamenu {position:static; width:100%; margin:0;}
		#section-header #region-main-menu li.sf-depth-2 ul.sf-megamenu ol {width:100%;}
		#section-header #region-main-menu li.sf-depth-2 ul.sf-megamenu ol li.sf-depth-3 {width:100%; padding:0; top:0;}
		#section-header #region-main-menu li.sf-depth-2 ul li.sf-depth-3 a.sf-depth-3 {border:none; padding:10px 25px 10px 45px !important;}
	

	
	/* Main Content */
	body #section-content #zone-content {padding:0 12px; background:none;}
	body #region-content {background:#f0f3f6; padding-top:25px;}
	body #region-right-sidebar {background:#f0f3f6;}
	

	
	/* Right Column */
	body #region-right-sidebar{background:#D6DFE5; padding-top:15px;}
	
	/* Footer */
	body #region-footer .region-footer-inner {width:100%;}
	.zone-footer {padding-left:0; padding-right:0;}
	body #region-footer .region-footer-inner {margin-bottom:0;}
}


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


}


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


	
}


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

}


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

}