/*
	ACEP
	VERSION 2.0
	Author: Michael Diaz 
	Contact: mdiaz@acep.org
	
	CONTENTS ----------
	1. General Styles
	2. SIZE 768 FULL Condensed
	3. SIZE 640 Mobile
	4. SIZE 480 Mobile
    -------------------
    
    COLORS -----------

*/





/************************************************************************************
4. MOBILE Screens Up to 768px
*************************************************************************************/

h1 { font-size: 18px; }




/*  Mobile Hide/Show Styles */

 .no-mobile {
	display: none;
 }
.mobile-only {
	display: block;
}


/*********** GENERAL HEADER STYLES ***********/

#contentWrapper {
}	
#container #masthead .inner {
	padding: 0 45px 0 220px;
}	
#container #masthead h1 {
	width: 220px;
	background: url(/core/images/content/acep-logo.png) no-repeat scroll 5px 3px / 85% auto transparent;
}
#wrapper #container #masthead {
	height: 45px;
	background-position: bottom;
}




/*********** MAIN MENU STYLES***********/
#horizontalNav {
	width: 65%;
}



/* Mobile Specific Styles */



/*********** myACEP MENU STYLES ***********/



#container #masthead .toolbar {
	width: 35%;
}

/*********** SEARCH MENU STYLES ***********/

#masthead #utilities-bar.open input#searchField {
	width: 76%;
}
/*********** FOOTER MENU STYLES ***********/
#contentWrapper .homeFooter ul li ul li {
	background: none;
	width: 46%;
	margin: 0 2%;
	float: left;
}




.home #contentWrapper {
	width: 96%;
	position: relative;
}

/* --------------- Content Slider Styling ---------------  */


#sa12-home-rotator-container {
	min-height: 225px;
}
#sa12-home-slider {
	min-height: 235px;
}
.rsOverflow {
	min-height: 235px;
}	

/***************
*
*  1. Arrows
*
****************/

.rsMinW .rsArrow {
	height: 44px;
	width: 30px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 0;
}
.rsMinW .rsArrowLeft { left: 0; top: 5px; }
.rsMinW .rsArrowRight { right: 0; top: 5px; }

.rsMinW .rsArrowIcn {		
	width: 24px;
	height: 24px;
	top: 50%;
	left: 50%;
	margin-top:-12px;	
	margin-left: -12px;

	position: absolute;	
	cursor: pointer;	
	background: url(../images/responsive/rs-minimal-white.png);
	background-color: transparent;
}
.rsMinW .rsArrowIcn:hover {

}

.rsMinW.rsHor .rsArrowLeft .rsArrowIcn { background-position: -68px -36px; }
.rsMinW.rsHor .rsArrowRight .rsArrowIcn { background-position: -68px -68px; }

.rsMinW.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsMinW.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }

.rsMinW .rsArrowDisabled .rsArrowIcn { opacity: .3; }


/***************
*
*  2. Bullets
*
****************/


.rsMinW .rsBullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	margin: 0 10px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #aaa;
	background: rgba(255,255,255,0.6);

	*display:inline; 
	*zoom:1;
}
.rsMinW .rsBullet.rsNavSelected  {
	background: #FFF;
}





.rsMinW .rsBullets {
	padding: 3px !important;
	top: 3% !important;
	position: absolute;
	z-index: 0;
	overflow: hidden;
	line-height: 8px;
		
}
.rsMinW .rsBullet {
	background: rgba(255, 255, 255, 0.2) !important;
	cursor: pointer !important;
	height: 30px !important;
	width: 30px !important;
		
}
.rsMinW .rsBullet:hover {
	background: rgba(0, 0, 0, 0.6) !important;
	cursor: pointer !important;
	height: 30px !important;
	width: 30px !important;
		
}
.rsMinW .rsBullet, .rsMinW .rsArrowIcn {
	box-shadow: 0px 0px 3px #444 !important;
	-khtml-box-shadow: 0px 0px 3px #444 !important;
	-moz-box-shadow: 0px 0px 3px #444 !important;
	-webkit-box-shadow: 0px 0px 3px #444 !important;
	behavior: url(http://www.acep.org/js/PIE.htc);
}
.rsMinW .rsBullet.rsNavSelected {
	
}


.bsSlideInfo {
	overflow: hidden;
}
.bsHeadline {
	font: 20px Arial, Helvetica, sans-serif;
	margin: 0;
	border: none;
	text-shadow: none;
}
.bsSubHeadline {
	font: 16px Arial, Helvetica, sans-serif;
	color: #888888;
	margin: 0px;
}
.bsCaption {
	font: 13px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 3% 0 0;
}
a.bsCTA {
	font: bold 14px/30px Arial, Helvetica, sans-serif;
	text-decoration: none;
	box-shadow: 0px 0px 3px #444 !important;
	-khtml-box-shadow: 0px 0px 3px #444 !important;
	-moz-box-shadow: 0px 0px 3px #444 !important;
	-webkit-box-shadow: 0px 0px 3px #444 !important;
	behavior: url(http://www.acep.org/js/PIE.htc);
	padding: 0px 40px 0px 20px;
}
a.bsCTA:hover {
	opacity: .9;
	filter: alpha(opacity=90);
}

/* Left Oriented Slider Styles */

.left .bsSlideInfo {
	top: 10px;
	left: 10px;
	height: auto;
	padding: 15px;
	width: 400px;
	background: url(../images/bookstore-white-transparent-bg.png) repeat;
	z-index: 16;
	box-shadow: 1px 0 5px #555555;
	-khtml-box-shadow: 1px 0 5px #555555;
	-moz-box-shadow: 1px 0 5px #555555;
	-webkit-box-shadow: 1px 0 5px #555555;
	behavior: url(http://www.acep.org/js/PIE.htc);
}

.left .bsCTA {
	width: 190px;	
}





/* Right Oriented Slider Styles */

.right .bsSlideInfo {
	position: relative;
	top: 0px;
	left: 330px;
	height: 270px;
	padding: 15px;
	width: 220px;
	background: url(../images/bookstore-white-transparent-bg.png) repeat;
	z-index: 16;
	box-shadow: 1px 0 5px #555555;
	-khtml-box-shadow: 1px 0 5px #555555;
	-moz-box-shadow: 1px 0 5px #555555;
	-webkit-box-shadow: 1px 0 5px #555555;
	behavior: url(http://www.acep.org/js/PIE.htc);
}



/* Top Oriented Slider Styles */

.top .bsSlideInfo {
	position: relative;
	bottom: 0px;
	left: 0px;
	height: auto;
	min-height: 145px;
	padding: 2%;
	margin: 1.5%;
	width: 93%;
	background: url(../images/bookstore-white-transparent-bg.png) repeat;
	z-index: 16;
	box-shadow: 1px 0 5px #555555;
	-khtml-box-shadow: 1px 0 5px #555555;
	-moz-box-shadow: 1px 0 5px #555555;
	-webkit-box-shadow: 1px 0 5px #555555;
	behavior: url(http://www.acep.org/js/PIE.htc);
}
.top .bsHeadline, .top .bsSubHeadline, .top .bsCaption {
  width: 67%;
}
.top .bsCTA {
	position: absolute;
	top: 90px;
	right: 20px;
	width: 190px;
}


/* Bottom Oriented Slider Styles */

.bottom .bsSlideInfo {
	position: absolute;
	bottom: -380px;
	left: 0px;
	height: auto;
	min-height: 145px;
	padding: 2%;
	margin: 1.5%;
	width: 93%;
	border: solid 1px #333;
	background: url(../images/bookstore-white-transparent-bg.png) repeat;
	z-index: 16;
	box-shadow: 0 0 10px 2px #333;
	-khtml-box-shadow: 0 0 10px 2px #333;
	-moz-box-shadow: 0 0 10px 2px #333;
	-webkit-box-shadow: 0 0 10px 2px #333;
	behavior: url(http://www.acep.org/js/PIE.htc);
}
.bottom .bsHeadline {
	width: 100%;
}
.bottom .bsSubHeadline, .bottom .bsCaption {
  width: 67%;
}
.bottom .bsCTA {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 190px;	
}






.bsSlide img {
	position: static;
	top: 0px;
	left: 0px;	
	width: 45%;
	padding: 11% 0 0 0;
	height: auto;
	float: right;
}

.left .bsSlideInfo, .right .bsSlideInfo, .top .bsSlideInfo, .bottom .bsSlideInfo {
	position: static;
	float: left;
	padding: 10% 0 0 0;
	margin: 0;
	width: 50%;
	height: auto;
	border: none;
	box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	behavior: url(http://www.acep.org/js/PIE.htc);
}
.bottom .bsSubHeadline, .bottom .bsCaption, .top .bsSubHeadline, .top .bsCaption, .left .bsSubHeadline, .left .bsCaption, .right .bsSubHeadline, .right .bsCaption {
	width: 100%;
}
.left .bsCTA,  .right .bsCTA, .bottom .bsCTA, .top .bsCTA {
	position: static;
	width: auto;
	margin: 20px 0 3px 3px;
	float: left;
}


/* NEWS ROTATOR STYLES */

#container #contentWrapper .news .newspods .views {
	width: 100% !important;
	height: auto !important;
}
#container #contentWrapper .news .newspods a.previous {
	margin: 0;
	position: absolute;
	top: 40%;
	left: 0;
}
#container #contentWrapper .news .newspods a.next {
	margin: 0;
	position: absolute;
	top: 40%;
	right: 0%;
}





/*********** CONTENT PAGES STYLES***********/
#sectionBranding {
	width: 96%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 1%;
}
#sectionBranding .inner,
#sectionBranding .inner img,
.inner img,
.inner,
.threeColumn .articles p.teaser	{
	width: 100%;
	height: auto;
}
 #contentWrapper,
 .fullWidth #contentWrapper,
 .sideColumnRight #contentWrapper,
.threeColumn #contentWrapper,
.sideColumnLeft #contentWrapper
{
	width: 96%;
	background: #fff;
 }
 .fullWidth #mainContent, .threeColumn #mainContent, .sideColumnLeft #mainContent, .sideColumnRight #mainContent  {
	width: 94%;
	padding: 3%;
 }
 
 

 
 /*********** LANDING PAGE STYLES***********/
 .fullWidth #mainContent .learn {
	width: auto;
 }
 
 
 
 /*********** Page Builder STYLES***********/
 
 
   #mainContent .section-main-column img,  #mainContent .section-side-column img {
	display: block;
	width: auto !important;
	margin: 0;
 }
 
 
 
 /*********** SEARCH PAGE STYLES ***********/

	
div.search-container #searchfilters {
	position: absolute;
}
div.search-container .results {
	padding: 0 0 0 135px;
}
div.search-container #searchfilters {
	padding: 10px;
	width: 150px;
}
div.search-container ul.searchoptions {
	margin: 0 0 20px;
	float: none;
}


 
 
 /*********** RESPONSIVE TABLE STYLES***********/
 table.responsive { margin-bottom: 0; }

.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 25%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned td:last-child { border-bottom: 0; }

div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
div.table-wrapper div.scrollable table { margin-left: 35%; }
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	

table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }




 /*********** Sections Page STYLES ***********/
 
 .sectionhometable div.wrapper {
	min-height: 170px;
 }
 #mainContent .sectionhometable div.wrapper img {
	width: 100%;
  }

 /*********** GRID STYLES ***********/
 
 
 /* grid3 */


ul.grid3 {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

 ul.grid3 li {
	width: 47%;
	margin: 0 1.5% 3% 1.5%;
	float: left;
 }


/* @group --- MComm - footer - icons */

/* ALL THINGS BEING EQUAL */
#footer-icons, #footer-icons div, #footer-icons p, #footer-icons img, #footer-icons span  {
box-sizing: content-box;
box-sizing: padding-box;
box-sizing: border-box;
-moz-box-sizing: content-box;
-moz-box-sizing: padding-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: content-box;
-webkit-box-sizing: padding-box;
-webkit-box-sizing: border-box;
-o-box-sizing: content-box;
-o-box-sizing: padding-box;
-o-box-sizing: border-box;
-ms-box-sizing: content-box;
-ms-box-sizing: padding-box;
-ms-box-sizing: border-box; 
}

#footer-icons {
width: 100%;
text-align: left;
clear: both;
display: block;
margin: 0;
padding: 6px 0 0;
}

#footer-icons img {
width: auto;
height: 36px;
display: inline-block !important; 
}

#footer-icons a {
display: inline-block !important;
margin: 0 6px 0 0;
padding: 0;
}

/* @end */