/** GLOBAL */
* { margin: 0; padding: 0; }
img { border: none;}
blockquote { margin: 0; padding: 0; border: none; }
html, body { background-color: #222; }
body { padding: 0; font-size: 62.5%; }
:focus{ outline: none; }
footer, header, nav, section, article { display: block; }
header, #wrapper { background-color:#fff;}
#wrapper { position: relative; }
.container { max-width: 960px; margin: 0 auto; }
.sidebar { }
.well { padding: 5px 7px; border-color: #e2e2e2; }
#content-top { border-bottom: solid 1px #d9d9da; padding-bottom: 90px; margin-bottom: -106px; }
#content-btm { border-top: solid 1px #d9d9da; padding: 80px 0 15px; margin-top: -96px; }
.clearfix:before,.clearfix:after{display:table;content:" "}
.clearfix:after{clear:both}
img, object, iframe { max-width: 100%; }
.col { padding: 0 20px 0 0; margin-bottom: 40px; /*25*/ }
.section { padding: 45px 0 30px; /*60px 0 30px*/ }
.section-home-btm p { font-size: 13px; line-height: 18px; }
.bg-diamond { background: url(../_media/images/bg_pattern_diamonds.gif) 0 0 repeat; }
.bg-diamond-watermark { 
	border-top: solid 1px #e2e2e2; 
	background: url(../_media/images/bg_pattern_diamonds.gif) 0 0 repeat;
	background: 
		url(../_media/images/bg_book_watermark.png) -120px 20px no-repeat,
		url(../_media/images/bg_pattern_diamonds.gif) 0 0 repeat; 
	-pie-background: 
		url(../_media/images/bg_book_watermark.png) -120px 20p no-repeat,
		url(../_media/images/bg_pattern_diamonds.gif) 0 0 repeat; 
	behavior: url(/PIE.php);
    position: relative;
	z-index: 0;
}
.bg-books { 
	background: 
		url(../_media/images/dropshadow_lg.png) 0 0 repeat-x,
		url(../_media/images/books_repeating.jpg) 50% 0 repeat-x;
	-pie-background: 
		url(../_media/images/dropshadow_lg.png) 0 0 repeat-x,
		url(../_media/images/books_repeating.jpg) 50% 0 repeat-x; 
	behavior: url(/PIE.php);
    position: relative;
	z-index: 0;
}
.shadow-left { position: relative; padding-bottom: 29px; background: transparent url(../_media/images/shadow_left.png) bottom left no-repeat; }

hr { border-top: solid 1px #e2e2e2; margin: 18px 0; }

.well {
	border-radius: 5px;
	-webkit-box-shadow: #ccc 0px 1px 1px;
	-moz-box-shadow: #ccc 0px 1px 1px;
	box-shadow: #ccc 0px 1px 1px;
	behavior: url(/PIE.php);
	position: relative;
}

.well-blue {
	background: #657da0; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #657da0 0%, #4d526c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#657da0), color-stop(100%,#4d526c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #657da0 0%,#4d526c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #657da0 0%,#4d526c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #657da0 0%,#4d526c 100%); /* IE10+ */
	background: linear-gradient(135deg,  #657da0 0%,#4d526c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#657da0', endColorstr='#4d526c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-pie-background: linear-gradient(135deg,  #657da0 0%,#4d526c 100%);
}

.well-white {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(135deg,  #ffffff 0%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-pie-background: linear-gradient(135deg,  #ffffff 0%,#f2f2f2 100%);
}

.page-header { border-bottom: solid 1px #e2e2e2; padding: 0; }
.blur { 
	color: #e1e1e1;
	text-shadow: 0 0 8px rgba(0,0,0,0.5); 
}

.hide { display: none; }

/** ALERTS */
.alert { border-radius: 5px; border: solid 1px #cccc66; background: #ffff99 url(../_media/images/icon_warning.png) 15px 50% no-repeat; color: #666; font-size: 13px; padding: 12px 10px 12px 57px; margin: 20px 0; }
.alert strong { color: #000; }
.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	background-image: none;
	padding-left: 12px;
}

/** TYPE */
h1, h2, h3, h4 { }
h1 { font-size: 24px; line-height: 48px; color: #000; }
h2 { font-size: 18px; color: #000; }
.content h1, .content h2, .content h3 { margin: 25px 0 20px; }
.content h2 { font-size: 20px; }
h3 { font-size: 14px; line-height: 18px; color: #666; font-weight: normal; }
.sidebar h3 { font-size: 16px; font-weight: bold; color: #000; margin: 5px 0; }
.hdr-sm { font-size: 14px; color: #666; margin-bottom: 2px; line-height: 18px; }
.hdr-bdr { border-bottom: solid 1px #e2e2e2; padding-bottom: 5px; }
p { font-size: 14px; line-height: 22px; }
p, li { color: #333; }
ul.nostyle { list-style: none; margin-left: 0; }
li { font-size: 14px; }
a, a:visited { color: #576884; }
a:hover { text-decoration: none; border-bottom: solid 1px #ff6100; cursor: pointer; }
a.callout:hover { border: none; }
a:focus { outline: none; }
a.viewmore { font-weight: bold; font-size: 13px; }

.page-header h1 { margin-bottom: 0; }
.page-header p { font-size: 13px; }

.unselectable {   
	-moz-user-select: -moz-none;
   	-khtml-user-select: none;
   	-webkit-user-select: none;
   	user-select:none;
}

/** banner ads */
.ad-holder{ /*margin: 39px auto 47px;*/ clear: both; }
.ad-top { margin: 39px auto 47px; }
.ad-top-internal { margin: 33px auto 0; }
.ad-bottom { margin: 23px auto 35px; }
.ad-bottom-internal { margin: 26px auto 27px; }
.ad { display: block; }
.ad728x90 { max-width: 728px; }
.ad300x250 { max-width: 300px; margin: 20px 0; }

/** TABLES */
table { border-collapse: collapse; width: 100%; }
thead th { text-align: left; font: bold 14px/18px Helvetica, Arial, sans-serif; color: #000; border-bottom: solid 1px #e2e2e2; padding-bottom: 11px; }
tbody td { font: normal 13px/16px Helvetica, Arial, sans-serif; color: #494949; padding: 9px 0 0; }
tbody:before { line-height:4px; content:"-";color:white;display:block; }

/** BUTTONS */
a.btn, 
.btn, 
button.btn, 
input[type="submit"].btn { 
	font-size: 13px; 
	border-radius: 5px; 
	box-shadow: none;
	text-shadow: none;
	padding: 3px;
	/*padding: 6px 10px; */
	height: auto;
}

span.inner-shadow { 
	padding: 3px 5px;
	display: block;
	width: auto; 
}

a.btn-primary, 
.btn-primary { 
	color: #fff;
	border: solid 1px #fc6709;
	background-image: url(../_media/images/btn_primary_bg.png);
	background-repeat: repeat-x;
	/*background: #fc7300 url(../_media/images/btn_bg_orange.jpg) repeat-x; color: #fff;*/ 
	background: #ffa600; /* Old browsers */
	background: -moz-linear-gradient(top, #ffa600 0%, #fc6709 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa600), color-stop(100%,#fc6709)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffa600 0%,#fc6709 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffa600 0%,#fc6709 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffa600 0%,#fc6709 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffa600 0%,#fc6709 100%); /* W3C */
	-pie-background: linear-gradient(#ffa600, #fc6709); /*ie 6-9 via PIE*/
    behavior: url(/PIE.php);
    position: relative;
	z-index: 0;
}

a.btn-secondary, 
.btn-secondary {
	color: #e2e2e2; border: solid 1px #59657d; 
	background: #505873; /* Old browsers */
	background: -moz-linear-gradient(top, #62789a 0%, #505873 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62789a), color-stop(100%,#505873)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #62789a 0%,#505873 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #62789a 0%,#505873 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #62789a 0%,#505873 100%); /* IE10+ */
	background: linear-gradient(to bottom, #62789a 0%,#505873 100%); /* W3C */
	-pie-background: linear-gradient(#62789a, #505873); /*ie 6-9 via PIE*/
    behavior: url(/PIE.php);
    position: relative;
	z-index: 0;
}

a.btn-secondary span, 
.btn-secondary span {
	
} 

a.btn:hover, 
.btn:hover { 
	color: #fff; 
	background-position: 0 0; /*background-color: #fc7300;*/
}

a.btn-secondary:hover, 
.btn-secondary:hover { background-color: #505873; color: #fff; }

a.btn:hover span.inner-shadow,
.btn:hover span.inner-shadow {
	box-shadow: inset 0 5px 10px rgba(255,255,255,0.33);
}

a.btn-primary:active, 
.btn-primary:active {
	background: #fc6709; /* Old browsers */
	background: -moz-linear-gradient(top, #fc6709 0%, #ffa600 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc6709), color-stop(100%,#ffa600)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fc6709 0%,#ffa600 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fc6709 0%,#ffa600 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fc6709 0%,#ffa600 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fc6709 0%,#ffa600 100%); /* W3C */
	-pie-background: linear-gradient(#fc6709, #ffa600); /*ie 6-9 via PIE*/
    behavior: url(/PIE.php);
    position: relative;
	z-index: 0;
}

a.btn-secondary:active, 
.btn-secondary:active {
	background: #505873; /* Old browsers */
	background: -moz-linear-gradient(top, #505873 0%, #62789a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505873), color-stop(100%,#62789a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #505873 0%,#62789a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #505873 0%,#62789a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #505873 0%,#62789a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #505873 0%,#62789a 100%); /* W3C */
	-pie-background: linear-gradient(#505873, #62789a); /*ie 6-9 via PIE*/
    behavior: url(/PIE.php);
    position: relative;
	z-index: 0;
}

input[type="submit"].btn-submit { background-color: #000; color: #fff; }
input[type="submit"].btn-submit:hover { background-color: #fff; color: #f04e23; }

/** header */
header { background-color: #fff; box-shadow: 0 1px 7px rgba(0,0,0,0.2); behavior: url(/PIE.php); position: relative; z-index: 1; }

/** LOGO */
#logo { float: left; margin: 16px 50px 0 0; }

/** GLOBAL NAV STYLES */
nav ul, ul.navigation { list-style: none; margin: 0; padding: 0; }
nav li, ul.navigation li { float: left; }
nav a:link { text-decoration: none; }

/** TOP NAV */
#nav-main { margin: 47px 0 0 0; float: left; }
#nav-main li { margin-right: 28px;}
#nav-main a { font-weight: bold; padding-bottom: 3px; }
#nav-main a:hover, #nav-main a.active { color: #000; border-bottom: solid 2px #ff6100; }

/** TOP LOGIN/SIGNUP */
#user-controls { float: right; margin-top: 33px; }
#login-btn, #logout-btn, #signUp-btn, #account-btn { margin-right: 5px; display: none; }

/** MOBILE NAV */
.nav-mobile { display: none; padding: 0; }
.nav-mobile a:hover { border: none; }
.btn-mobile-nav { font-size: 32px; float: left; margin: 5px 0 0 10px; cursor: pointer; }
.logo-mobile { display: block; width: 100px; height: 44px; background: transparent url(../_media/images/logo.gif) no-repeat; background-size: contain; margin: 0 auto; }

/** MOBILE NAV ACTIVE */
.mobile-nav-visible #masthead { display: block; }
.mobile-nav-visible #wrapper { /*position: fixed;*/ left: 75%; box-shadow: 0 -10px 25px #000; behavior: url(/PIE.php); z-index: 1; }
.mobile-nav-visible .nav-mobile { min-width: 400px; }

/** FORMS */
form { margin-bottom: 18px; }
fieldset { border: none; }
textarea { margin-left: 0; width: 95%; }

input[type=text], 
fieldset input[type=password] { margin-left: 0; border-radius: 5px; border: solid 1px #ccc; padding: 10px; color: #888383; box-shadow: none; }

input[type=text].input-small, 
input[type=password].input-small { width: 90px; }

input[type=text]:focus, 
input[type=password]:focus {  box-shadow: none; border: solid 1px #ccc; }
.radio input[type="radio"] {  }
div.radio, div.radio span { width: 32px; height: 32px; }
div.radio span { background: transparent url(../_media/images/btn_radio.png) no-repeat; }
div.radio span.checked { background-position: 0 -50px; }

.form-row { position: relative; }
p.form-msg { clear: both; font-size: 11px; color: #888383; line-height: 13px; }
p.form-msg a { color: #d12d02;  text-decoration: underline; }
p.form-msg a:hover { text-decoration: none; }
fieldset legend { color: #000; font-size: 16px; border-bottom: none; text-align: left; margin-bottom: 8px; font-weight: bold; }
fieldset ol { list-style: none; margin: 0 0 10px 0; }
fieldset li { position: relative; margin-bottom: 15px; display: block; padding-bottom: 20px;}
fieldset li.field-wide { width: 96%; margin: 0 12px 15px; }
fieldset li.inline { display: inline-block; margin: 0 14px 6px 14px; /*0 14px 15px 14px*/ }
fieldset li.field-half { width: 44%; }
fieldset li.field-auto { width: auto; margin-right: 5px; }
fieldset label { color: #000; font-size: 13px; font-weight: bold; text-transform: none; padding-left: 0; }
fieldset label.placeholder { position: absolute; top: 5px; left: 5px; }
fieldset li input[type=text], 
fieldset li input[type=password] { width: 95%; margin: 0; }
select { width: auto; }
.form-errors { position: relative; }
.label-msg { font-size: 13px; color: #666; font-weight: normal; }
p.error { color: #ff3366; font-size: 13px; margin: 0; position: absolute; bottom: -10px; left: 0; }
.error-container p.error { position: static; }
p#error_nodocument { bottom: 0; }
p#error_termsAgreeAccount { position: static; }
.form-errors p.error { position: static; }
.error-static { display: none; }
span.req { color: #ff0000; }
div.form-submit-wrapper { text-align: right; }
.form-submit-btn { margin-left: 25px; }
.slider-wrapper { margin-bottom: -20px; position: relative; }
.ui-slider { background: #3d404f; margin: 22px 0 0 0; border-radius: 2px; }
.ui-slider .ui-slider-range { background: #ff6500; border-top: solid 1px #ffa000; }
.ui-slider .ui-slider-handle { 
	border-radius: 2px; 
	box-shadow: 0 1px 3px rgba(0,0,0,0.35); 
	background: #f9f9f9; 
	background: -moz-linear-gradient(top, #f9f9f9 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f9f9f9 0%,#efefef 100%); /* W3C */
	-pie-background: linear-gradient(#f9f9f9, #efefef); /*ie 6-9 via PIE*/
    behavior: url(/PIE.php);
    width: 13px;
    height: 26px;
    top: -0.6em;
}
.ui-slider .ui-slider-handle:hover { border-bottom: none; }
div#min, div#max { width: 50px; height: 20px; padding: 2px; color: #e2e2e2; font: normal 13px/18px Helvetica, Arial, sans-serif; text-align: center; }
.activity-indicator {
  margin: 0;
  height: 50px;
  width: 20%;
  text-align: center;
  padding: 1em 0;
  display: inline-block;
  vertical-align: top;

  display:none;
}
svg path,
svg rect{
  fill: #333;
}


/** HOME */
.search-holder h1, 
.search-holder p { text-align: center; color: #fff; margin: 0; }

.search-holder h1 { font-size: 32px; }
.search-holder p { font-size: 16px; }
.search-holder-home { padding: 50px 0 0; height: 339px; overflow: hidden; }

/** SEARCH FORM WIDGET */
.search-form {
	border-radius: 5px;
	border: 3px solid #7e8b9e;
	padding: 12px;
	margin: 35px 0 0 0;
	behavior: url(/PIE.php);
	position: relative;
	z-index: 0;
}
.search-form-bg { 
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #657da0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#657da0), to(#4d526c));
	background: -webkit-linear-gradient(#657da0, #4d526c);
	background: -moz-linear-gradient(#657da0, #4d526c);
	background: -ms-linear-gradient(#657da0, #4d526c);
	background: -o-linear-gradient(#657da0, #4d526c);
	background: linear-gradient(#657da0, #4d526c);
	-pie-background: linear-gradient(#657da0, #4d526c);
	behavior: url(/PIE.php);
	z-index: 0;
}
.search-home .search-form-bg { opacity: 0.92; }
.search-form form { margin: 0; }
.search-form input { border-radius: 0; }
.search-input-holder { 
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 1px 5px #666;
	background-color: #fff;
	behavior: url(/PIE.php);
	position: relative;
	z-index: 0;
}
input.input-search {
	width: 75.26087%; /* 720/920 */
	height: 30px;
	padding: 8px 10px 2px; 
	margin: 5px 0 5px 5px;
	color: #999; 
	font-size: 20px;
	line-height: 20px; 
	border: solid 1px #fff;
	background-color: #fff;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
}
input.input-search-lg { 
	padding: 8px 10px 2px; /*15px 18px*/ 
	font-size: 24px;
	line-height: 24px; 
	margin: 10px 0 10px 10px;
}
input.input-search:focus { border: solid 1px #fec372; box-shadow: 0 0 4px rgba(235,156,16,0.44); }
.search-btn-holder, 
.btn-submit { position: relative; width: 154px; /* 154/920 */ }
.search-holder .search-btn-holder { float: right;}
span.search-icon { position: absolute; top: 11px; left: 14px; width: 18px; font-size: 24px; color: #fff; z-index: 1; }
.search-home span.search-icon { top: 16px; left: 15px; width: 18px; font-size: 28px; }

ul.listing { list-style: none; padding-left: 0; margin-left: 0;}
ul.listing li { margin-bottom: 4%; }
li.listing-item {
	font-size: 15px;
	font-weight: bold;
}
 ul.listing-all {
 	border-bottom: solid 1px #e2e2e2;
 }
 ul.listing-all li {
 	margin-bottom: 8px;
 }

.btn-search,
input[type=submit].btn-search,
.btn-submit input,
.btn-submit button,
.btn button {
	font-size: 18px;
	padding: 0.4em 0.9em .4em 2em; /*4px 24px 4px 48px*/
	text-align: center;
	height: 34px;
	overflow: hidden;
	width: 100%;
	border: none;
	background: transparent;
	position: relative;
	z-index: 2;
	color: #fff;
}
.btn button {
	padding: 0.4em 0.9em;
}
.btn-submit input,
.btn-submut button, .btn button { padding: 0.4em 0.9em; }

.search-home .btn-search, 
.search-home input[type=submit].btn-search {
	font-size: 22px;
	padding: 0.4em 0.9em 0.4em 2.4em;  /* 12px 24px 12px 60px */
	height: 46px;
}

/** SEARCH FILTERS */
.search-filters { width: auto; clear: both; position: relative; padding-left: 180px; margin-top: 10px; }
.search-home .search-filters { margin-top: 15px; }
.search-filters legend { color: #fff; font-weight: normal; width: 175px; text-align: left; font-size: 14px; line-height: 14px; padding: 0; margin: 0; position: absolute; top: 5px; left: 0; }
.search-filters label { display: inline-block; margin: 0 10px 0 0; color: #fff; font-weight: normal; line-height: 25px; }
.search-filters label input { float: left; margin: 3px 5px 0 0; }

.btn-filterSearch { margin-top: 10px; }

/** CUSTOM CHECKBOX (FILTERS, etc) */
.checkbox, .filter-checkbox  { position:relative; line-height:25px; display: inline-block; }
.search-filters input[type="checkbox"],
.checkbox input[type="checkbox"] {
    position:absolute;
    width:25px;
    height:25px;
    overflow:hidden;
    margin:0;
    padding:0;
    border:0;
    outline:0;
    opacity:0;
}
.search-filters label:before,
.checkbox label:before {
    display:inline-block;
    width:25px;
    height:25px;
    margin-right:8px;
    background:url(../_media/images/filter_checkbox.png) no-repeat;
    content:" ";
    vertical-align:top;
}
.checkbox-default label:before { width: 30px; height: 30px; background-image: url(../_media/images/btn_check_blue.png); }
.checkbox-default label { line-height: 28px; }

.search-filters input[type="checkbox"] + label:before,
.checkboxinput[type="checkbox"] + label:before { background-position:0 0px; }

.search-filters input[type="checkbox"]:checked + label:before,
.checkbox input[type="checkbox"]:checked + label:before { background-position:0 -40px; }
.checkbox-default input[type="checkbox"]:checked + label:before { background-position: 0 -50px; }

.search-results-filters .radio {
	padding-left: 0;
	margin-bottom: 8px;
}

/** MISC CONTENT */
#home-other { margin: 30px 0 18px; color: #666; }
#home-other h1 { font-size: 32px; }
#home-other p { color: #666; }

/** HOME TABS */
.tabs-wrapper { float: left; width: 100%; }
.top-tabs .responsive-tabs-wrapper {
	zoom: 1; 
	width: auto; /* 73.40% 709/960 */
	padding: 0; 
	margin: 9px 253px 70px 0;
	/*float:left; */
	/*padding: 9px 253px 0 0; 
	margin: 9px 0 70px;*/
}
.top-tabs ul.responsive-tabs__list { padding: 0; margin: 0; list-style: none; border-bottom: solid 1px #e2e2e2; background: #fff url(../_media/images/tabs_gradient.gif) left bottom repeat-x; }

.top-tabs .responsive-tabs__list__item { 
	display: inline-block;
	margin: 0 0 -1px 4px; 
	border-radius: 5px 5px 0 0; 
	border: solid 1px #e2e2e2; 
	border-bottom: none;
	behavior: url(/PIE.php);
	position: relative;
	z-index: 0;
	color: #000; 
	font-weight: bold; 
	font-size: 16px; 
}
.responsive-tabs__list__item:hover { color: #556886; }
.top-tabs .responsive-tabs__list__item--active {
	color: #fd7807;
}
.top-tabs .responsive-tabs__list__item,
.top-tabs .responsive-tabs__heading { padding: 15px 15px 15px 51px; }
.responsive-tabs__heading { /*clear: both;*/ width: auto; }
li#tablist1-tab1, 
.bg-icon-book1 { background-image: url(../_media/images/icon_book.png); background-repeat: no-repeat; background-position: 15px 50%; }

li#tablist1-tab2, 
.bg-icon-book2 { background-image: url(../_media/images/icon_book2.png); background-repeat: no-repeat; background-position: 15px 50%; }

li#tablist1-tab3, 
.bg-icon-book3 { background-image: url(../_media/images/icon_book3.png); background-repeat: no-repeat; background-position: 15px 50%; }

.responsive-tabs__panel { width: auto; padding: 20px 17px 0; }
li.responsive-tabs__list__item--active { background-color: #fff; }
ul.top-list li { line-height: 24px; }

/** HOME SIDEBAR */
#sidebar-home { 
	width: 253px; /* 26.355833% 251/960*/
	float: right;
	margin-left: -100%;
	border-radius: 5px;
	border: solid 1px #e2e2e2;
	padding: 0;
	-webkit-box-shadow: #ccc 0px 1px 1px;
	-moz-box-shadow: #ccc 0px 1px 1px;
	box-shadow: #ccc 0px 1px 1px;
	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f2f2f2));
	background: -webkit-linear-gradient(#fff, #f2f2f2);
	background: -moz-linear-gradient(#fff, #f2f2f2);
	background: -ms-linear-gradient(#fff, #f2f2f2);
	background: -o-linear-gradient(#fff, #f2f2f2);
	background: linear-gradient(#fff, #f2f2f2);
	-pie-background: linear-gradient(#fff, #f2f2f2);
	behavior: url(/PIE.php);
	position: relative;
	z-index: 0;
	margin-bottom: 70px;
}

h3.recent-title { line-height: 22px; margin-bottom: 0; }
ul.social-media { margin: 0; padding: 10px; border-bottom: solid 1px #e2e2e2; list-style: none; }
ul.social-media li { float: left; }
ul.social-media a:hover { border: none; }
li#social-fb { width: 80px; /*80/233*/ }
li#social-gplus { width: 67px; /*67/233*/ }
li#social-twitter { width: 86px; /*86/233*/ }
a#btn-fb { background: transparent url(../_media/images/btn_fb.png) no-repeat; }
a#btn-gplus { background: transparent url(../_media/images/btn_gplus.png) no-repeat; }
a#btn-twitter { background: transparent url(../_media/images/btn_twitter.png) no-repeat; }
a#btn-fb, a#btn-gplus, a#btn-twitter { display: block; height: 0; overflow: hidden; padding: 38px 0 0 0; /*background-size:contain;*/ background-position: 0 0; }
a#btn-fb:hover, a#btn-gplus:hover, a#btn-twitter:hover { background-position: 0 -39px; }
div.recent-content { padding: 10px 30px 20px; }
div.recent-content h3 { margin-top: 10px; }
div.recent-content ul { list-style: none; padding: 0; margin: 0; font-size: 13px; }
div.recent-content a { color: #556886; }
ul.latest-links li { font-size: 13px; line-height: 22px; }

/** GLOBAL MODAL ELEMENTS */
.modal-header { border: none; margin-bottom: 19px; }
.modal {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(135deg,  #ffffff 0%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-pie-background: linear-gradient(135deg,  #ffffff 0%,#f2f2f2 100%);
	behavior: url(/PIE.php);
	width: 70%; padding: 0px 10px 20px 10px; margin-left: -35%;
	position: absolute;
}
.modal-body { max-height: 100%; width: 97%; padding-right: 0; }
.modal-header .close,
button.close { background: transparent url(../_media/images/icon_close.png) no-repeat; width: 19px; height: 0; padding: 19px 0 0 0; overflow: hidden; position: relative; left: 6px; top: 2px; opacity: 1; }

/** LOGIN MODAL */
div.modal-info { padding-bottom: 0; margin: 13px 0 24px 0; }
img.modal-logo { float: left; margin: 6px 16px 0 0; }
div.modal-info h2 { color: #000; font: bold 24px/28px Helvetica, Arial, sans-serif; margin-bottom: 5px; }
div.modal-info p { color: #333; font-size: 13px; }
div.modal-login { float: left; width: 50%; }
a.forgot-password { display: inline-block; margin-top: 30px; color: #536887; font: normal 13px/18px Helvetica, Arial, sans-serif; text-decoration: underline; }
a.forgot-password:hover { text-decoration: none; border: none; }
.login-submit { margin-top: 20px; }

/* callout - signup */
.co-signup { text-align: center; padding: 145px 20px; }
.co-signup-title { color: #000; font: bold 20px/25px Helvetica, Arial, sans-serif; margin-bottom: 24px; }
a.co-signup-btn { font-size: 24px; font-weight: bold; font-family: Helvetica, arial, sans-serif; margin-bottom: 24px; }
a.co-signup-btn span.inner-shadow { padding: 17px 15px; line-height: 28px; }
.co-signup-msg { font: bold 14px/18px Helvetica, Arial, sans-serif; width: 80%; margin: 0 auto; }

/** JOIN MODAL */
.modal-join { width: 67.9%; float: left; }
.modal-join-sidebar { float: right; width: 29%; }

/** SIGN UP MODAL */
div.sign-up-login { margin-top: 105px; }
div.sign-up-login p { font-size: 13px; color: #333; text-align: right; }
div.sign-up-login .btn { padding: 7px 16px; margin-left: 9px; }
.join-submit, .form-submit-btn { width: auto; }
.join-submit { margin-top: 6px; }
.form-submit-btn { margin-top: 0; margin-left: 0; /*12px*/ }
select#subject-select { width: 100%; }
.terms-agree { margin: 28px 25px 0 0; }
.modal-join .terms-agree { margin-top: 22px; }
.terms-agree label { font-size: 13px; }

.donate-tabs .responsive-tabs-wrapper {
	zoom: 1; 
	width: auto; /* 73.40% 709/960 */
	padding: 0; 
	margin: 0;
	/*float:left; */
	/*padding: 9px 253px 0 0; 
	margin: 9px 0 70px;*/
}
.donate-tabs ul.responsive-tabs__list { padding: 0; margin: 0; list-style: none;  }

.donate-tabs .responsive-tabs__list__item { 
	display: inline-block;
	margin: 0 0 -1px 0; 
	border-radius: 5px 5px 0 0; 
	border: solid 1px #e2e2e2; 
	border-bottom: none;
	behavior: url(/PIE.php);
	position: relative;
	z-index: 0;
	color: #556886; 
	font-weight: bold; 
	font-size: 16px; 
}
.donate-tabs li#tablist1-tab1,
.donate-tabs li#tablist1-tab2 { background-image: none; }
.donate-tabs #tablist2-tab2 { left: -5px; }
.donate-tabs .responsive-tabs__list__item--active { color: #000; z-index: 1; }
.donate-tabs .well { border-radius: 0 5px 5px 5px; }
.donate-tabs .responsive-tabs__list { position: relative; z-index: 999; }
.donate-tabs .responsive-tabs__list__item:hover { color: #556886; }
.donate-tabs .responsive-tabs__list__item,
.donate-tabs .responsive-tabs__heading { padding: 15px; font-size: 14px; }
.donate-tabs .responsive-tabs__panel { 
	padding-bottom: 15px;
}
.donate-tabs textarea { width: 95%; }

/** WHY JOIN SIDEBAR */
.why-join { padding: 20px; }
.why-join h3, .why-join li { color: #fff; }
.why-join h3 { font: bold 16px/22px Helvetica, Arial, sans-serif; }
.why-join ul { list-style: none; margin: 0; }
.why-join li { padding: 2px 0; margin-bottom: 12px; font-size: 13px; }
li.blt-star { padding-left: 40px; background: transparent url(../_media/images/bullet_star.png) 0 50% no-repeat;}
blockquote.testimonial { color: #666; font: normal 14px/24px Helvetica, Arial, sans-serif; }

/** TESTIMONIALS SIDEBAR */
.testimonials { padding: 20px; }
.testimonials h3 { font: bold 16px/22px Helvetica, Arial, sans-serif; color: #000; }
ul.testimonials-list { list-style: none; margin: 0; }
ul.testimonials-list li { margin-bottom: 18px; }
.quote-source { color: #000; display: block; text-align: right; font-size: 12px; }

/** RESULTS */
.results-list { margin: 14px 0 44px 13px; list-style: none; }
.result { margin: 0 0 28px; padding-bottom: 14px; width: 96%; background: #fff url(../_media/images/results_bg.jpg) bottom center no-repeat; }
.result-meta { margin-bottom: 15px; }
.result-meta dl { float: left; margin-bottom: 0; }
.result-meta dl.result-rating { float: right; }
.result-title { font: bold 20px/22px Helvetica, Arial, sans-serif; border-bottom: solid 1px #e2e2e2; padding-bottom: 5px; }
.result-meta-title, .result-meta-data, .meta-data, .meta-title { display: inline-block; color: #666; font-size: 14px;  margin-bottom: 10px; }
.result-meta-title, .meta-title { font-weight: normal; }
.bg-type {  padding-left: 30px; background: transparent url(../_media/images/icon_book_meta.png) 0 50% no-repeat; }
.bg-views { padding-left: 42px; background: transparent url(../_media/images/icon_eye.png) 0 50% no-repeat; }
.bg-pages {  padding-left: 27px; background: transparent url(../_media/images/icon_page.png) 0 50% no-repeat; }
.bg-words {  padding-left: 20px; background: transparent url(../_media/images/icon_words.gif) 0 50% no-repeat; }
.bg-subject {  padding-left: 17px; background: transparent url(../_media/images/icon_subject.gif) 0 50% no-repeat; }
.bg-report {  padding-left: 19px; background: transparent url(../_media/images/icon_report.gif) 0 50% no-repeat; }
.result-meta-title.hide, .meta-title.hide { display: none; }
.result-meta-data, .meta-data { margin: 0 30px 0 0; }
.result-preview { color: #666; font-size: 14px; }
.result-meta-rating { margin-right: 0; }
fieldset.search-results-filters legend { margin-bottom: 8px; }

/** PAGINATION */
.results-pagination {
   background: #fff url(../_media/images/results_bg.jpg) bottom center no-repeat;
   background-size: auto 100%;
   margin: 25px 0 18px;
   padding-bottom: 18px;
}
.results-displaying { float: left; width: 56%; font-size: 13px; color: #333; font-family: Arial, Helvetica, sans-serif; }
.pagination {
   margin: 0;
   text-align: center;
}

.pagination.wide { width: 100%; }
.pagination ul { box-shadow: none; border: none; }
.pagination ul>li { display: inline-block; margin: 0 4px; }
.pagination ul>li>a, .pagination ul>li>span { 
	background-color: #f6f6f6;
	color: #556886;
	box-shadow: inset 2px 0px 2px rgba(0,0,0,0.13);
	border-radius: 2px;
	behavior: url(/PIE.php);
    position: relative;
    padding: 0px 6px 0 7px;
    font-weight: bold;
    font-size: 12px;
}
.pagination ul>.active>a, .pagination ul>.active>span { 
	background-color: #fff;
	color: #000;
	box-shadow: -0.25px 1.5px 2px rgba(0,0,0,0.155);
	behavior: url(/PIE.php);
    position: relative;
}
.pagination ul>.pagination-prev>a, .pagination ul>.pagination-next>a,
.pagination ul>.pagination-prev>span, .pagination ul>.pagination-next>span {
	background: transparent;
	box-shadow: none;
	font-size: 16px;
	padding: 0;
	border: none;
}
.pagination .icon-angle-right,
.pagination .icon-angle-left {
	width: auto;
	font-weight: bold;
	font-size: 26px;
}

#next i, #prev i { font-size: 16px; margin: 0 5px; }
#next, #prev { display: inline-block; float: none;}
#next:hover, #prev:hover { background: transparent; text-decoration: none; border-bottom: solid 1px #ff6100; }

/** RESULTS SEARCH FILTERS */
.results-filters { padding: 12px 20px 10px; margin: 20px 0; }
.results-filters h3,
.results-filters label,
.results-filters legend { color: #fff; }
.results-filters h3 { margin-bottom: 20px;}
fieldset.results-filters-form label,
fieldset.results-filters-form fieldset legend { font-weight: normal; font-size: 14px; font-family: Helvetica, Arial, sans-serif; }
fieldset.results-filters-form select { width: 100%; margin: 10px 0; }
fieldset.results-filters-form .checkbox { display: block; padding: 0; margin: 0 10px 0 0; }
fieldset.results-filters-form .checkbox label { font-weight: bold; font-size: 13px; }
.ui-slider .ui-slider-handle { height: 0; padding-top: 26px; }
.ui-slider .ui-slider-handle span { display: block; width: 25px; position: absolute; top: 30px; left: -6px; text-align: center; color: #e2e2e2; font: normal 13px/16px Helvetica, Arial, sans-serif; }
.label-pages, .label-filter-by { cursor: auto; }
/** GLOBAL PAGE INFO SECTIONS */
.page-info h1,
.page-info h2 { font-family: Helvetica, Arial, sans-serif; }
.page-info p { font: normal 13px/18px Helvetica, Arial, sans-serif; }

/** STUDY GUIDE */
#content-top.study-guide-top { padding-bottom: 150px; margin-bottom: -177px; }
.study-guide-book { padding: 21px 18px; margin: 41px 0 37px 0; }
img.cover-photo { margin: 0 45px 0 0; max-height: 150px;}
.study-guide-book h2 { font-weight: normal; font-size: 20px; line-height: 26px; margin-top: 20px; }

.book-title { color: #000; font-weight: bold; }
.book-author { color: #576884; }
.study-guide-header { border-bottom: solid 1px #e2e2e2; margin: 0 0 10px 0; }
.study-guide-header h2 { width: 70%; float: left; margin-bottom: 8px; line-height: 24px; }
.guide-title { font: bold 20px/22px Helvetica, Arial, sans-serif; border-bottom: solid 1px #e2e2e2; padding-bottom: 16px; margin-bottom: 21px; }
.guide-result { margin-bottom: 23px; }
ul.guide-features { width: 70%; float: left; list-style: none; margin-left: 31px; }
ul.guide-features li { width: 40%; float: left; margin: 0 10px 4px 0; font-size: 13px; }
blockquote { margin: 30px 0 20px 40px; }
blockquote p { color: #666; }
b.correct { font-weight: normal; }
li.showAnswer { list-style: none; }
.show-answer b.correct { color: green; font-weight: bold; }
blockquote.question { color: #333; font: bold 14px/24px Helvetica, Arial, sans-serif; margin-bottom: 10px; margin-left: 0; }
blockquote.quote { color: #666; font: normal 14px/24px Helvetica, Arial, sans-serif; }
blockquote.quote:before { content: '"'; }
blockquote.quote:after { content: '"'; }
#study-guide-content h1 { font-size: 20px; line-height: 25px; }
#study-guide-content h2 { font-size: 16px; line-height: 22px; }

/* Table of Contents Dropdown */
a.btn-toc { border: solid 1px #fff; border-radius: 0; background: transparent; font-size: 14px; color: #666; padding: 4px 10px 6px;  }
a.btn-toc:hover { border: solid 1px #ccc; color: #666; }
a.btn-toc:focus { outline: none; }
.study-guide-header .open a.btn-toc { border: solid 1px #ccc; }
.study-guide-toc { margin-top: 18px; }
/*.study-guide-toc a.btn-toc.open { border: solid 1px #ccc; }*/
a.btn-toc .icon { color: #ccc; font-weight: bold; font-size: 22px; position: relative; top: 2px; margin-right: 3px; }
a.btn-toc .caret { border-top-color: #ccc; border-top-width: 7px; margin-top: 11px; margin-left: 6px; }
.toc-dropdown { box-shadow: 0 2px 3px rgba(0,0,0,0.13); border-radius: 0 0 4px 4px; background-color: #fff; border: solid 1px #ccc; min-width: 177px; margin: -1px 0 0 0; overflow-y:auto; overflow-x: hidden; height:auto; max-height: 300px; width:300px;}
.toc-dropdown .nav-header { text-transform: none; }
.toc-dropdown a:hover,
.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus, 
.dropdown-submenu:hover>a, 
.dropdown-submenu:focus>a,
.dropdown-menu .tree a:hover { border-bottom: none; background: #516fa6; }
.dropdown-menu .tree a:hover { color: #fff; }

.dropdown-menu .nav-header { font-size: 14px; color: #333; margin: 0; /*margin: 5px 0 0 0;*/ font-weight: normal; }
.dropdown-menu .nav-header .icon-caret-right { width: 0.4em; }
.dropdown-menu .nav-header .icon-caret-down { width: 0.6em; }
.dropdown-menu .tree a { padding: 3px 40px; color: #333; text-shadow: none; }
.tree-closed { display: none; }

/** Sponsored * Widget */
.sponsored-links { padding: 20px; }
.sponsored-links h3, 
.sponsored-links li,
.sponsored-links a  { color: #fff; }
.sponsored-links h3 { font: bold 16px/22px Helvetica, Arial, sans-serif; margin: 0; }
.sponsored-links ul { margin-bottom: 0; }
.sponsored-links li { font-size: 13px; margin: 0; }

/** Similar * Widget */
.similar-links { padding: 0 20px 20px; }
.similar-links h3 { color: #000; font: bold 16px/22px Helvetica, Arial, sans-serif; margin: 20px 0 0 0; }
.similar-links ul { margin-bottom: 0; }
.similar-links li { font-size: 13px; margin: 0; }

/** Locked Modal */
.locked { position: relative; }
.locked-modal { text-align: center; width: 98%; padding-top: 11px; }
.locked-overlay { position: absolute; top: 3.5em; left: 0; }
.locked-modal h3 { color: #000; font: bold 20px/25px Helvetica, Arial, sans-serif; margin-bottom: 15px;  }
.locked-modal .btn-primary { font: bold 24px/24px Helvetica, Arial, sans-serif; }
.locked-modal .btn-primary span.inner-shadow { padding: 15px; }
.locked-modal .sign-up-login { margin-top: 18px; }
.locked-modal .sign-up-login p { text-align: center; }
.locked-modal .sign-up-login .btn-secondary { padding: 3px; }
.locked-modal .sign-up-login span.inner-shadow { padding: 4px 13px; }

/** WELCOME CALLOUT */
.co-welcome { padding: 15px 18px 107px; margin: 0 0 20px 0; background-image: url(../_media/images/welcome_callout_bg.jpg); background-repeat: no-repeat; background-position: bottom center; }

/** SOCIAL MEDIA WHITE */
ul.social-sm { list-style: none; text-align: right; }
ul.social-sm li { margin: 0 4px 0 0; display: inline-block; }

/** ESSAY */
.essay-info { margin: 10px 0 0 0; background: #fff; padding: 6px 22px 22px; }
.essay-title-holder { border-bottom: solid 1px #e2e2e2; padding-bottom: 12px; }
.essay-title { width: 80%; float: left; font: bold 24px/30px Helvetica, Arial, sans-serif; margin-bottom: 0; }
.essay-rating { margin: 0; position: absolute; top: 23px; right: 20px; }
.essay-rating .meta-title { position: relative; top: 2px; }
.essay-rating .meta-data { margin: 0 0 0 9px; }
.essay-meta { margin: 23px 0 19px; border-bottom: solid 1px #e2e2e2; }
.essay-meta dl { float: left; margin-bottom: 0; }
.essay-meta .meta-data { margin: 0 20px 20px 0; }
.essay-meta .bg-type {  padding-left: 30px; }
.essay-meta .bg-views { padding-left: 30px; background-image: url(../_media/images/icon_views_sm.gif); }
.essay-meta .bg-pages {  padding-left: 20px; background-image: url(../_media/images/icon_pages_sm.gif); }
.essay-meta .bg-words {  padding-left: 20px; background-position: 0 3px; }
.essay-meta .bg-subject {  padding-left: 17px; }
.essay-meta .bg-report {  padding-left: 19px; }

#essayvote {
	height: 18px;
  overflow: hidden;
}
.essay-mask,
.content-mask { 
	height: 600px; 
	overflow-y: hidden; 
	position: relative;
}
.essay-mask::after,
.content-mask::after {
	content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 136px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjMAAACICAYAAAASwGpdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCN0Q2RURGOTM1RDExMUUzQkQzMEM3NjIwRkQwOEE5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCN0Q2RURGQTM1RDExMUUzQkQzMEM3NjIwRkQwOEE5NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI3RDZFREY3MzVEMTExRTNCRDMwQzc2MjBGRDA4QTk0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI3RDZFREY4MzVEMTExRTNCRDMwQzc2MjBGRDA4QTk0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BIkh4QAAA2VJREFUeNrs3UnHV3Ech+H+9UgekYiIiIdoES2iRYto0aJFLzbiIZFIGjTP8zzP83xq0apdq59b18V5A5/V7XsOZzZN09IlAABRs98xM2cGAKAcM8vNAACUY2aFGQCAcszMmwEAKMfMSjMAAOWYWWUGAKAcM6vNAACUY2aNGQCAcsysNQMAUI6ZdWYAAMoxs94MAEA5ZjaYAQAox8yCGQCAcsxsNAMAUI6ZTWYAAMoxs9kMAEA5ZraYAQAox8xWMwAA5ZjZZgYAoBwz280AAJRjZocZAIByzOw0AwBQjpldZgAAyjGz2wwAQDlm9pgBAKia+/MAAGRjZpkZAIByzLjMAABiBgBAzAAAiBkAQMwAAIgZAAAxAwAgZgAAMQMAIGYAAMQMAMBfMePfTABAOmZcZgAAMQMAIGYAAMQMAPC/xYwPgAGAdMy4zAAA6ZhxmQEA0jHjMgMApGPGZQYAEDMAAKNixmsmACAdMy4zAEDWbJqmvWYAAMoxs88MAEA5ZhbNAACUY2a/GQCAcswcMAMAUI6Zg2YAAMoxc8gMAEA5Zg6bAQAox8wRMwAA5Zg5agYAoBwzx8wAAJRj5rgZAIByzJwwAwBQjpmTZgAAyjFzygwAQDlmTpsBACjHzBkzAADlmDlrBgCgHDPnzAAAlGPmvBkAgHLMXDADAFCOmYtmAADKMXPJDABAOWYumwEAKMfMFTMAAGIGAGBQzFw1AwBQjplrZgAAyjFz3QwAQDlmbpgBACjHzE0zAABiBgBgUMzcMgMAUI6Z22YAAMoxc8cMAICYAQAYFDN3zQAAlGPmnhkAADEDADAoZu6bAQAox8wDMwAAYgYAYFDMPDQDAFCOmUdmAADEDADAoJh5bAYAQMwAAAyKmSdmAADKMfPUDACAmAEAGBQzz8wAAIgZAIBBMfPcDACAmAEAGBQzL8wAAIgZAIBBMfPSDACAmAEAEDMAAP8eM6/MAACIGQCAQTHz2gwAgJgBABgUM2/MAACUY+atGQAAMQMAMChm3pkBACjHzHszAADlmPlgBgCgHDMfzQAAiBkAgEEx88kMAEA5Zj6bAQAQMwAAg2LmixkAgHLMfDUDACBmAAAGxcw3MwAAYgYAYFDMfDcDAFCOmR9mAADEDADAoJj5aQYAQMwAAAzwS4ABADt6l9o7YVgDAAAAAElFTkSuQmCC);
}
.essay-mask img,
.content-mask img {
	display: none;
	}

/** DONATE ESSAY */
select#donate_subject {
	width: 100%;
}

#fields-lit,
#fields-bio {
	display: none;
}

a.btn-step {
	margin-left: 12px;
	padding-left: 20px;
	padding-right: 20px;
}
#accordion .panel{
	padding-bottom: 14px;
	border-bottom: solid 1px #e2e2e2;
}

.ui-autocomplete {
  max-height: 100px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  z-index: 999999;
}
li.ui-menu-item:hover { 
	background: #526584;
	color: #fff;
}
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus {
    background: #526584;
	color: #fff;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
  height: 100px;
}

.ui-widget-content {
	border: solid 1px #ccc;
	background: #fff;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0;
	/* support: IE7; */
	/* support: IE10, see #8844; */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.alert-danger h4, .alert-error h4 {
	color: #333;
}

/** FOOTER */
footer { 
	padding: 25px 0;
	background: #5c769b; /* Old browsers */
	background: -moz-linear-gradient(top, #5c769b 0%, #505772 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c769b), color-stop(100%,#505772)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5c769b 0%,#505772 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5c769b 0%,#505772 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5c769b 0%,#505772 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5c769b 0%,#505772 100%); /* W3C */
	-pie-background: linear-gradient(#5c769b, #505772); /*ie 6-9 via PIE*/
    behavior: url(/PIE.php);
    position: relative;
	z-index: 0;
}
footer section { float: left; font-size: 13px; margin-bottom: 30px; }
footer h2 { color: #fff; font: bold 16px/22px Helvetica, Arial, sans-serif; padding-bottom: 10px; border-bottom: solid 1px #fff; }
footer a, footer a:visited, footer a:hover, footer p { color: #e2e2e2; }
footer a:hover { text-decoration: underline; border-bottom: none;}
footer ul { list-style: none; margin-left: 0; }
#ftr-about { width: 24.0625%; /*231/960*/ }
#ftr-featuredCategories { width: 50.208333%; /*482/960*/ margin: 0 3.9%; }
#ftr-links { width: 17.8125%; /*171/960*/ }
#copyright { clear:both; color: #fff; font-size: 14px; line-height: 18px; margin: 20px 0; text-align: center; }

/** MOBILE ELEMENTS*/
#nav-mobile { display: none; }

/** CUSTOM MEDIA QUERIES */

/* Large desktop */
@media (min-width: 1200px) {

}

@media (max-width: 979px) {
	#logo { float: none; margin: 16px auto 0; width: 162px; clear: both; }
	#search-holder { padding-top: 20px; }
	#search-holder h1 { font-size: 24px;}
	#search-holder p { font-size: 13px; }
	/*.input-search { width: 70%; }*/
	#nav-main { margin-top: 18px;}
	#user-controls { margin-top: 6px; }
	input.input-search { width: 70%; }
	/** home tabs */
	.top-tabs .responsive-tabs-wrapper { padding-top: 10px; }
	.top-tabs .responsive-tabs__list__item,
	.responsive-tabs__list__item {
		font-size: 12px; 
	}
	
	.top-tabs .responsive-tabs__list__item,
	.top-tabs .responsive-tabs__heading,
	.responsive-tabs__list__item,
	.responsive-tabs__heading { padding: 10px 10px 10px 36px; }

	li#tablist1-tab1,
	.bg-icon-book1,
	li#tablist1-tab2, 
	.bg-icon-book2, 
	li#tablist1-tab3, 
	.bg-icon-book3  { background-position: 5px 50%; }

	/** modals */
	.modal .modal-body aside,
	.modal .modal-body .modal-content { clear: both; }
	.modal .modal-body .modal-content { width: 100%; }
	.modal .modal-body aside { width: auto}

	.modal-join-sidebar { display: none; }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}
 

@media (min-width: 747px) and (max-width: 767px) {
	/*html { overflow: hidden; height: 100%; }
	body { overflow-y: scroll; height: 100%; }*/
	/** FIX FOR CHROME SCROLLBAR */
	.mobile-nav-visible #wrapper { position: relative; }
	.mobile-nave-visible { overflow-x: hidden; }
}

/* Landscape phone to portrait tablet (767) */
@media (max-width: 767px) {
	.container { padding: 0 10px; }
	.search-holder-home { padding: 30px 10px 0; height: auto; overflow: visible; }
	.search-holder h1 { font-size: 18px; line-height: 26px; }
	.search-holder p { font-size: 14px; }
	.search-form { margin: 15px 0 0; }
	.search-home { margin: 15px 0; }
	input.input-search { width: 70%; margin: 3px 0 3px 0; }
	.search-home .input-search { margin: 0; padding: 5px 10px; font-size: 16px; line-height: 16px; }
	.search-btn-holder { width: 21.980198%; /*103px*/ float: right; }
	.btn-search, 
	input[type=submit].btn-search {
		font-size: 18px;
		padding: 5px 10px 5px 1.5em; /*30px*/
		height: 33px; /* 40px */
	}

	.search-home .btn-search, 
	.search-home input[type=submit].btn-search {
		padding: 5px 10px 5px 25%; /*30px*/
		height: 26px; /* 40px */
	}

	span.search-icon { top: 13px; left: 11%; width: 18px; font-size: 16px; }
	.search-home span.search-icon { top: 10px; left: 8px; }
	.search-filters { padding: 0; }
	.search-filters legend { float: none; display: block; position: relative; top: 0; margin-bottom: 10px; }
	.search-filters label { font-size: 12px; }
	.nav-mobile { display: block; width: 100%; }
	#logo, #masthead { display: none; }
	#masthead { 
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 80%;
		background-color: #333;
		padding: 0;
	}
	#nav-main { float: none; width: 100%; margin: 0; padding-top: 45px; }
	ul.navigation { width: auto; }
	#nav-main li { float: none; width: auto; margin: 0; padding: 0; }
	#nav-main a { display: block; width: auto; padding: 10px; border-bottom: solid 2px #777; color: #999; }
	#nav-main a.active { color: #fff; }
	#nav-main a:hover { color: #fff; }
	#user-controls { width: 100%; margin: 0; position: absolute; top: 0; left: 0; background-color: #888; border-radius: 0; border: solid 1px #333; }

	/** home tabs */
	.top-tabs .responsive-tabs-wrapper { padding-right: 20px; padding-top: 0;  }
	.top-tabs .responsive-tabs__panel { padding: 0; }
	.top-tabs .responsive-tabs__heading {font-size: 14px; line-height: 18px; padding-right: 36px; }

	/* hide filters on mobile and tablet devices */
	.search-filters, 
	.section-home-btm,
	footer section { display: none; }

	/** welcome */
	.co-welcome { background-image: none; padding-bottom: 20px; }

	/** essay */
	.essay-meta { padding-bottom: 10px; margin-bottom: 12px; }
	.essay-title-holder { padding-bottom: 6px; }
	.essay-title { float: none; width: 100%; }
	.essay-rating { position: static; clear: both; margin-top: 5px; }

	/** modals */
	.modal { margin-left: 10%; }
	.modal-join { width: 97%; }
	img.modal-logo { clear: both; float: none; }
	.modal-body { padding: 0 0 0 4px; overflow-x: hidden; }
	a.forgot-password { margin-top: 10px; margin-right: 20px; }
	.login-submit { float: none; clear: both; }

	/** hide ads and welcome... */
	.ad, .ad-holder, .co-welcome { display: none; }

	/** search form */
	input.input-search { font-size: 16px; }

	/** callout - signup */
	.co-signup { text-align: center; padding: 45px 10px; margin: 0; }

	/** forms */
	fieldset li.field-half { width: 96%; }
	div.form-submit-wrapper { text-align: left; }
	.terms-agree, .modal-join .terms-agree { padding: 0; clear: both; margin-top: 10px; }
	.join-submit, .form-submit-btn { float: none; clear: both; }

	.donate-tabs .responsive-tabs__panel { padding: 10px; }
}

@media (max-width: 747px) {
	.mobile-nav-visible #wrapper { position: fixed; }
}

/* Landscape phones */
@media (max-width: 480px) {
	/** global */
	#content-top { margin-bottom: -85px; }
	.content h2, .content .page-title { margin-top: 12px; }
	/** home tabs */
	.tabs-wrapper { float: none; }
	.top-tabs .responsive-tabs-wrapper { margin: 10px 0;}

	span.search-icon { display: none; }
	#wrapper { overflow-x: hidden; }
	.filter-checkbox { width: 100%; margin: 10px 10px 10px 0; }
	#ftr-about,
	#ftr-featuredCategories,
	#ftr-links { width: 100%; margin: 0; }
	.responsive-tabs-wrapper { width: 100%; }
	#sidebar-home { width: auto; max-width: 25.3em; float: none; margin: 0 auto; }
	.responsive-tabs-wrapper { padding-right: 0; padding-top: 10px; margin-bottom: 50px; }
	.responsive-tabs__heading { clear: both;}
	li#social-fb { width: 34.334764%; /*80/233*/ }
	li#social-gplus { width: 28.755365%; /*67/233*/ }
	li#social-twitter { width: 36.909871%; /*86/233*/ }

	input.input-search { width: 97%; padding: 2px; }
	.search-home input.input-search { width: 93%; margin-bottom: 4px; }
	.search-btn-holder { float: none; width: 97.637795%; clear: both; }
	.search-home input[type=submit].btn-search { padding-left: 7%; }
	.bg-books { background: #fff url(../_media/images/books_bg_mobile.jpg) 50% 0 no-repeat; }
	#wrapper { width: auto; }
	.ad-holder { display: none; }
	#sidebar-home { margin-bottom: 40px; }

	/** form elements */
	fieldset li.field-half,
	fieldset li.field-wide { width: 100%; clear: both; margin-left: 0; }
	fieldset li.inline { margin-left: 0; }
	input[type=text], 
	fieldset input[type=password] { box-sizing: border-box; padding: 20px 10px; }
	div.form-submit-wrapper { text-align: left; }
	.search-btn-holder, .btn-submit { width: 95%; }
	div.uploader span.action { width: 45px; }

	/** search results */
	.results-list { margin: 0 0 30px 0; }
	.meta-views, .meta-pages { display: none; }
	.results-displaying { width: 100%; margin-bottom: 10px; float: none; text-align: center; }
	.pagination { width: 100%; float: none; text-align: center; }
	.results-pagination { margin-top: 8px; }

	/** locked section */
	.locked-modal { width: 96%; }

	/** essay */
	.essay-info { margin: 0;}
	.essay-meta { margin-top: 10px; padding-bottom:5px; }
	.result-meta-title, .result-meta-data, .meta-data, .meta-title { font-size: 12px; }
	.essay-meta .meta-data { margin-bottom: 0; }
	.essay-meta .meta-date-submitted,
	.essay-meta .meta-views,
	.essay-meta .meta-type { display: none; }

	/** study guide */
	.study-guide-list { margin-top: 20px; }
	ul.guide-features { margin-left: 10px; width: 65%;  }
	ul.guide-features li { width: 45%; }
	.study-guide-book { margin-bottom: 25px; }
	.study-guide-book h2 { margin-top: 0; }
	.study-guide-header h2 { width: 100%; }
	.study-guide-toc { margin: 15px 0 0 0;/* width: 180px;*/ width: 100%; float: none;}


	/** sign up modal */
	div.sign-up-login { margin-top: 20px; }

	/** modals */
	.modal { width: 86%; margin-left: 0; }
	a.co-signup-btn { font-size: 16px; }

	/** table */
	thead th,
	tbody td { padding-left: 5px; padding-right: 5px; font-size: 11px; }
}

/* Portrait phones and down */
@media (max-width: 320px) { 
	/** search input */
	.search-home .input-search, input.input-search { font-size: 12px; }
	.search-home input.input-search { width: 100%; padding: 5px 2px; }

	/** lesson plans, study guides */
	ul.guide-features { display: none; }
	img.guide-thumbnail { width: 25%; }
	h3.guide-title, .guide-title, .media-heading { line-height: 26px; margin-top: 0; border-bottom: none; }
	.lesson-summary { display: none;}
	h3.guide-title, .guide-title { float: right; width: 70%; }
	.media-body { width: 60%; }
	.study-guide-list { margin-top: 40px; }

}

p.uhoh {
	color: #ff0000;
	}

p.guide-description {
	font-size: 13px;
	margin-left: 110px;
	}

#pendingbanner {
	background: #ffff00;
	color: #000;
	text-align: center;
	font-weight: bold;
	line-height: 34px;
	position: relative;
	overflow: auto;
}

#pendingbanner p {
	margin: 0;
	line-height: 34px;
}
