/*
	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 -----------

*/

/************************************************************************************
1. General Styles
*************************************************************************************/
/*.mobile-only {
		display: none; 
	}		
.not-mobile {
	display: block;
}*/
#menu-fade {
	position: absolute;
	width: 100%;
	height: 100%;
	background:  rgba(0, 0, 0, 0.8);
	z-index: 11;
}


/************************************************************************************
2. FULL SIZE Screens
*************************************************************************************
*************************************************************************************
*************************************************************************************
*************************************************************************************
*************************************************************************************
*************************************************************************************
*************************************************************************************
*************************************************************************************
*************************************************************************************
*************************************************************************************
*************************************************************************************
*************************************************************************************/

	
	
body { 
	background-color: #ddd; 
	color: #333; 
	font-family:Arial, Helvetica, Geneva, Sans-serif;
	background:url(/core/images/ui/body-bkg.jpg) repeat-x 0 145px #f4f4f4;
	font-size: 14px;
	margin-bottom:10px;
 }
 
 .mobile-only {
		display: none !important; 
	}		
	.not-mobile,
	.toolbar ul,
	.utilities,
	#breadCrumbs,
	 #pageCap,
	#footer,
	#sideContent1,
	#sideContent2 {
		display: block;
	}



/*********** HOME PAGE STYLES***********/


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


#sa12-home-rotator-container {
	width: 685px;
	height: 330px;
	background: #fff;
	overflow: hidden;
	top: 0px;
	left: 0px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: solid 1px #e1e1e1;
	box-shadow: 0 0 5px #999;
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	float: left;
}
.bsSlide {
    height: auto;
    width: 100%;
	position: relative;
}

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

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

.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 5px;
	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: 25px !important;
	position: absolute;
	z-index: 0;
	right: 90px;
	width: auto;
	text-align: left;
	overflow: hidden;
	line-height: 8px;
		
}
.rsMinW .rsBullet {
	background: rgba(255, 255, 255, 0.2) !important;
	cursor: pointer !important;
	height: 15px !important;
	width: 15px !important;
		
}
.rsMinW .rsBullet:hover {
	background: rgba(0, 0, 0, 0.6) !important;
	cursor: pointer !important;
	height: 15px !important;
	width: 15px !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;
	
}
.rsMinW .rsBullet.rsNavSelected {
	background: #990000 !important;	
}
.rsOverflow {

}
.bsSlideInfo {
	overflow: hidden;
}
.bsHeadline {
	font: 30px Arial, Helvetica, sans-serif;
	color: #f1f1f1;
	margin: 0;
	border: none;
	text-shadow: 0 1px 1px #777;
}
.bsSubHeadline {
	font: 24px Arial, Helvetica, sans-serif;
	color: #ccc;
	margin: 0px;
}
.bsCaption {
	font: 14px Arial, Helvetica, sans-serif;
	color: #e1e1e1;
	margin: 20px 0 0;
}

a.bsCTA {
	font: bold 14px/40px Arial, Helvetica, sans-serif;
	color: #888;
	text-decoration: none;
	text-align: left;
	margin: 20px 0 0 0;
	padding: 0 40px 0 20px;
	background: #ccc url(../images/responsive/acep-cta-bg-580x50.jpg) no-repeat right center;
	border: none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
a.bsCTA:hover {
	color: #999;
	opacity: .9;
	filter: alpha(opacity=90);
}

/* Left Oriented Slider Styles */

.left .bsSlideInfo {
	top: 0px;
	float: none;
	position: relative;
	left: 0px;
	height: 281px;
	padding: 25px 145px 25px 25px;
	width: 330px;
	background: url(../images/responsive/acep-rotator-grad-bg-666x325.png) repeat-y left center;
	z-index: 16;
}

.left .bsCTA {
	width: auto;	
}





/* 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;
	
}



/* Top Oriented Slider Styles */

.top .bsSlideInfo {
	position: relative;
	float: none;
	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;
	
}
.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;
	float: none;
	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;
	
}
.bottom .bsHeadline {
	width: 100%;
}
.bottom .bsSubHeadline, .bottom .bsCaption {
  width: 67%;
}
.bottom .bsCTA {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 190px;	
}







.bsSlide img {
	position: absolute;
	top: 0px;
	left: 0px;	
	width: 100%;
	height: auto;
	padding: 0;
	float: none;
}



#wrapper #container #masthead {
	position: relative;
	clear: both;
	text-align: left;
	height: 145px;
	z-index:8000;
}

#container.home #contentWrapper{
	background:none;
	width: 960px;
	-moz-box-shadow: none; 
	-webkit-box-shadow: none;
	 box-shadow: none;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	border: none;
	
	
}
.home #mainContent {
	width: 940px;
	padding: 0 9px;	
}
	#cc-sec {
		display: block;
	}
	
	
	
	#newsticker {
		float: right;
		clear: none;
		width: 255px;
		height: 330px;
		margin: 0;
	}
	
	
	
/*********** NEWS SLIDER STYLES ***********/



	#contentWrapper .news {
		float: left;
		clear: none
	}
	
	#container #contentWrapper .news, #contentWrapper .news .newspods {
		width: 685px;
		height: 173px;
	}
	
	#contentWrapper .news .newspods {
		width: 595px;
	}
	#container #contentWrapper .news .newspods .views {
		width: 100% !important;
		height: 170px !important;
	}
	#container #contentWrapper .news .newspods ul {
		width: 600px !important;
		height: 170px !important;
		padding: 20px 0 0;
	}
	#container #contentWrapper .news .newspods ul li {
		background: #f1f1f1;
		padding: 0 1% 10px;
		margin: 0 1% 10px;
		width: 45% !important;
		min-height: 115px;
		-moz-box-shadow: 0px 0px 3px 1px #999; 
		-webkit-box-shadow: 0px 0px 3px 1px #999;
		 box-shadow: 0px 0px 3px 1px #999;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		border: solid 1px #fff;
		
	}
	#container #contentWrapper .news .newspods a.previous {
		margin: 0;
		top: 55px;
	}
	#container #contentWrapper .news .newspods a.next {
		margin: 0;
		top: 55px;
	}
	#container #contentWrapper .news img {
		margin: 0px;
	}
	
	
	
	
	
	
	#container #contentWrapper .homeFooter {
		width: 962px;
		background: url(/core/images/ui/home-footerbkg.gif) no-repeat scroll left bottom transparent;
	}
	#container #contentWrapper .homeFooter ul {
		width: 962px;
		background: url("/core/images/ui/homefooter-topcap.gif") no-repeat scroll left top transparent;
		padding: 0 0 32px;
	}
	#container #contentWrapper .homeFooter ul li ul li {
		padding: 2px 0 5px 10px;
		width: auto;
	}
	#container #contentWrapper .homeFooter ul li ul {
		background: none;
	}
	#container #contentWrapper .homeFooter ul li {
		padding: 4px 0 0 20px;
		width: 210px;
	}
	#container #contentWrapper .homeFooter ul li ul {
		width: 200px;
	}
	
	
	#container #footer, #container #breadCrumbs {
		width: 960px;
	}
	

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

a#logo {
	display:block;
}


#container #masthead .inner {
	margin:0 auto;
	position:relative;
	width:960px;
	z-index:5000;
}

#container #masthead h1 {
	color: #000;
	font-size:36px;
	height: 105px;
	margin: 0;
	padding: 0 0 0 0;
	background: url(/core/images/content/acep-logo.png) no-repeat left center;
	width: 209px;
	float: left;
}

#container #masthead h1 a { 
	text-indent:-9000px;
}

#container #masthead .login {
	clear: both;
	padding-right: 10px;
	color: #6f6f6f;
}







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


#container #masthead .toolbar{
	float:right;
	height:28px;
	width: 600px; /*400px;*/
	margin-top:3px;
	padding-left:40px;
}

#container #masthead .toolbar ul{
	padding:3px 3px 0 29px;	
	margin:0;
	float:right;
	width: auto;
	position: static;
	display: block !important;
}

#container #masthead .toolbar ul li{
	display:inline;
	padding:0 8px 0 4px;
	color:#fff;
	font-size:10px;
	background:url(/core/images/ui/topnav-divider.jpg) no-repeat right bottom;
}

#container #masthead .toolbar ul li.last{
	background:none;
}

#container #masthead .toolbar ul li a{
	color:#74b9fd;
	text-decoration:none;	
}

#container #masthead .toolbar ul li a:hover{
	color:#4594E9;
}







/*********** SUB MENU STYLES ***********/

	
#container #masthead .utilities{
	float:right;
	width:auto;
	margin-top:20px;
	right: 0px;
}	

#container #masthead .utilities ul{
	margin:5px 0 0 0;
	padding:0;
	float: left
}

#container #masthead .utilities ul li{
	padding:0 5px 0 9px;
	display:inline;
	float:left;
}

#container #masthead .utilities ul li a{
	color:#fff;
	text-decoration:none;
	font-size:11px;
}
#container #masthead .utilities ul li a:hover{
	color:#74b9fd;
}






/*********** SEARCH BAR STYLES ***********/
	#container #masthead .search {
		width: auto;
		color: #fff;
		margin:0 0 0 5px;
		float:right;
	}

	#container #masthead input#searchField {
		color: #666;
		font-size: 12px;
		width: 160px;
		float: left;
		width: 160px;
		float: left;
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #0061D0;
		padding: 7px;
		background: #fafafa;
		-moz-box-shadow: 0px 0px 3px 1px #111; 
		-webkit-box-shadow: 0px 0px 3px 1px #111;
		 box-shadow: 0px 0px 3px 1px #111;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: solid 1px #fff;
		
	}

	#container #masthead .search img {
		/*float: right;*/
		vertical-align:bottom;
		display:inline;
		margin:0 0 0 5px;
	}

	.resultPreviewDetails { display: none; }





/*********** MAIN MENU STYLES ***********/

#horizontalNav ul.menus li.menuItem a {
	padding: 12px 8px;
	font: 14px Arial, Helvetica, sans-serif;
}
#horizontalNav ul.menus li.menuItem ul.subNav li  a{
	font: 14px Arial, Helvetica, sans-serif;
	
}


  /*********** Page Builder STYLES***********/
 
 
 #mainContent .section-main-column {
	float: left;
	width: 582px;
 }
 #mainContent .section-side-column {
	float: right;
	width: 302px;
 }
 #mainContent .section-side-column .PBItem {
	float: none;
	width: 100%;
	margin-right: 0;
}

/*********** LANDING PAGE STYLES***********/

	.fullWidth #mainContent .learn {
		width: auto;
		max-width: 425px;
	 }
	 .fullWidth #mainContent .learn img {
		width: auto;
		height: auto;
		padding: 10px;
		-moz-box-shadow: 0px 0px 3px 1px #ccc; 
		-webkit-box-shadow: 0px 0px 3px 1px #ccc;
		 box-shadow: 0px 0px 3px 1px #ccc;
		border: solid 1px #fff;
		
	 }

/*********** CONTENT PAGES STYLES***********/
	
	#contentWrapper {
		width: 972px;
		/*padding: 20px 10px 20px 10px;*/
		margin:10px auto 0 auto;
		background: #fff;
	}
	.threeColumn #pageCap, .sideColumnLeft #pageCap{
		background: none;
		height:10px;
	}
	.fullWidth #pageCap, .sideColumnRight #pageCap{
		background:none ;
		height:10px;
	}
	#mainContent {
		color: #333;
		line-height: 1.6;
	}
	.threeColumn #mainContent {
		width: 480px;
		padding: 0px;
		margin: 8px 0 0 20px;
	}
	.sideColumnLeft #mainContent {
		width: 650px;
	}
	.sideColumnRight #mainContent {
		width: 660px;
	}
	.fullWidth #mainContent {
		margin:0 auto;
	}
	.threeColumn #mainContent {
		float: left;
		width: 468px;
		margin: 15px 15px 0 0;
	}
	.threeColumn #contentWrapper, .sideColumnLeft #contentWrapper{
		background:url(/core/images/ui/contentWrap-bkg.gif)	repeat-y top ;
	}
	.fullWidth #contentWrapper, .sideColumnRight #contentWrapper{
		background:url(/core/images/ui/contentWrapFull-bkg.gif)	repeat-y top ;

	}
	
	#sectionBranding {
		clear:both;
		float:none;
		margin:10px auto 0px;
		width:960px;
		border:1px solid #AAAAAA;
		background-color: #fff;
		-moz-border-radius: 10px; /* FF1+ */
		-webkit-border-radius: 10px; /* Saf3+, Chrome */
		border-radius: 10px; /* Opera 10.5, IE 9 */
		-moz-box-shadow: 0px 0px 8px #999; /* FF3.5+ */
		-webkit-box-shadow: 0px 0px 8px #999; /* Saf3.0+, Chrome */
		 box-shadow: 0px 0px 8px #999;
		padding:10px;
		z-index:1;
	}
	.inner img, .inner {
		height: auto !important;
		width: 972px !important;
	}
	
	
	.sideColumnRight #mainContent {
		float: left;
		width: 660px;
		margin-right: 45px;
		padding-left: 21px;
	}
	
	
	
	
	#sideContent1 {
		float: left;
		width: 230px;
		margin: 15px 15px 0 15px;
	}
	#sideContent1 ul.sideNav li a {
		background: url(/core/images/ui/leftnav-Arrow.gif) no-repeat scroll 215px center transparent;
	}
	#sideContent1 ul.sideNav li.selected a {
		background: url(/core/images/ui/leftnav-downArrow.gif) no-repeat scroll 215px center transparent;
	}
	#sideContent1, #sideContent2 {
		border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
	}
	#sideContent1 ul, #sideContent1 h3 {
		margin: 0;
	}
	#sideContent2 {
		float: right;
		width: 200px;
		line-height: 1.6;
		margin: 15px 15px 0 0;
		display: block;
	}
	#sideContent2 h2 {
		margin: 0;
	}
	#relatedContent {
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
	}
	#footer {
		color:#0c2d61;
		font-size:10px;
		width:960px;
		margin:10px auto 0;
	}
	

#container #contentWrapper,
#container .fullWidth #contentWrapper,
#container .sideColumnRight #contentWrapper,
#container .threeColumn #contentWrapper,
#container .sideColumnLeft #contentWrapper {
		width: 972px;
		padding: 0px;
		-moz-box-shadow: 0px 0px 3px 1px #ccc; 
		-webkit-box-shadow: 0px 0px 3px 1px #ccc;
		 box-shadow: 0px 0px 3px 1px #ccc;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: solid 1px #fff;
		
	}
	
	
	
	




/*********** FOOTER STYLES ***********/

#container.home #footer {
	width: 960px;
}
#container.fullWidth #footer, #container.sideColumnRight #footer, #container #footer, #container.home #footer  {
	background: none;
	width: 962px;
	margin: 10px auto 0;
}
#container #footer ul {
	width: 650px;
}
#container #footer ul li {
	margin: 0 10px 10px 0;
}
/* SEARCH PAGE STYLES */


div.search-container input {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #0061D0;
	padding: 10px;
	width: 445px;
	margin: 0px 20px 10px 0px;
	background: #fafafa;
	-moz-box-shadow: 0px 0px 3px 1px #ccc; 
  	-webkit-box-shadow: 0px 0px 3px 1px #ccc;
     box-shadow: 0px 0px 3px 1px #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #fff;
	
}
div.advancedSearch input {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #0061D0;
	padding: 10px;
	width: 300px;
	margin: 0px 0px 10px 20px;
	background: #fafafa;
	-moz-box-shadow: 0px 0px 3px 1px #ccc; 
  	-webkit-box-shadow: 0px 0px 3px 1px #ccc;
     box-shadow: 0px 0px 3px 1px #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #fff;
	
}
div.advancedSearch {
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 20px !important;
	border: solid 1px #0061D0 !important;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	
}
div.search-container .registerForm {
	float: left;
}

	/*Feedback Widget*/
	
	.oo_feedback_float {
    bottom: 5px;
    color: black;
    cursor: pointer;
    font: 12px Arial,Helvetica,sans-serif;
    position: fixed;
    text-align: center;
    width: 100px;
    z-index: 999997;
}
.oo_feedback_float {
    bottom: 5px;
    color: black;
    cursor: pointer;
    font: 12px Arial,Helvetica,sans-serif;
    position: fixed;
    text-align: center;
    width: 100px;
    z-index: 999997;
}

.oo_feedback_float .olUp {
    background: url("/core/images/content/oo_float_icon.gif") no-repeat scroll center 10px transparent;
    padding: 27px 0 0;
    position: relative;
    text-align: center;
    z-index: 2;
}


.oo_feedback_float .olOver {
    display: none;
    min-height: 50px;
    position: relative;
    z-index: 2;
}

#fancybox-wrap
{
z-index:9999999 !important;
}

 /*********** Sections Page STYLES ***********/
 
 .sectionhometable div.wrapper {
	min-height: 120px;
 }
 
 /* @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 */