/**file:common.css **/
 



/* reset.css */
 

/* html5 reset*/html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }body { line-height:1; }article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }nav ul { list-style:none; }blockquote, q { quotes:none; }blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }ins { background-color:#ff9; color:#000; text-decoration:none; }mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }del { text-decoration: line-through; }abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }table { border-collapse:collapse; border-spacing:0; }hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }input, select { vertical-align:middle; }

/*Added by BK*/
ul {list-style-type:none; padding:0; margin:0;}

/*for Google Chrome browser*/
input[type="text"],textarea {
	outline: none;
	resize: none;
}


/* layout.css */
 

body{
	margin:0;
	}

body.wide  { 
	margin:0;
	}

#container{
	width: 100%;
	margin: 0 auto;
	}

header, footer, #page {width: 972px; margin: 0 auto;}
header {
	height: 118px;
	position:relative;
	}
	
header nav {
	width: auto;
	}
	
	
#page {
	position:relative;
	width: 962px;
	z-index:0;
	overflow: hidden;
}


aside {
	width: 225px;
	float:left;
	z-index:16;
	padding: 10px 0 0;
	font-size: 11pt;
}
#page::after {
	z-index: 2;
	left: 230px;
	background: url('/images/newv/images/noise-b.png') #F0F0F0;
	bottom: 0;
	top: 0;
	position: absolute;
	content: '';
	width: 730px;
}

body.hybrid aside, #login aside, #register aside {
	/*position: relative;*/
	left:0px;
	top:0px;
}

aside ul { margin-bottom: 25px; }
aside ul li { margin: 15px; }

aside .sideTitle {
	background: #DED7C1;
	color: black;
	font-weight: bold;
	font-size: 12pt;
	margin: 5px 0;
	padding: 5px;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
aside .sidebarIpad {position: relative; width: 200px; height: 257px;}
aside .sidebarReader { position: relative; width: 200px; height: 257px; background: url(/images/sidebar-desktop-reader.jpg) no-repeat; }
aside .sidebarReader .readerPC { position: absolute; top: 184px; left: 8px; width: 180px; height: 22px; display: block; }
aside .sidebarReader .readerMAC { position: absolute; top: 220px; left: 8px; width: 180px; height: 22px; display: block; }

aside .sidebarAndroid { position: relative; width: 200px; height: 230px;}
aside #sideTourVid { width: 196px; height: 111px; background: url(/images/tour-video.jpg); }

	
	.authenicatedUser { 
        width:147px;
        height:193px;
        padding:11px;
        background-color:#a0ad39;
        }	
        
	.pageAds {
		float:left;
		width: 138px;
		margin-top: 5px;
		margin-left: 35px;
		padding-top: 5px;
		}
		
		.pageAds a {
			color: #d24518;
			font-weight: bold;
			text-decoration: none;
		}
		
		.pageAds a:hover {
			border-bottom: 1px dotted #d24518;
		}
		
		.pageAds a img:hover {
			border-bottom: none;
		}
		.pageAds p {
			width:124px;
		}
		.pageAds hr {
			width:130px;
		}
		
#content {
	width: 730px;
	float: left;
	position: relative;
	z-index:10;
	}
	
body.wide #content{
	width: 941px;
	height: 100%;
	float: left;
	}
#content .innerContent{
	margin-left: 20px;
	width: 710px;
}

body.wide .group, .groupFullPage {
	width: 941px;
	margin-left:0px;
	}
	
	.group > div {
		float: left;
		}
	
	.oneCol {
		width: 100%;	
		}
		
	.groupFullPage .oneCol, body.wide .oneCol {
		width: 918px;
		}
	
	.twoCol {
		width: 379px;
		}
		
	.groupFullPage .twoCol, body.wide .twoCol  {
		width: 454px;
		}
		
	.threeCol {
		width: 249px;
		}
		
	.groupFullPage .threeCol, body.wide .threeCol  {
		width: 299px;
		}
	
	.fourCol {
		width: 184px;
		}
		
	.groupFullPage .fourCol, body.wide .fourCol  {
		width: 221px;
		}
		
	.colWide {
		width: 509px;
		}
		
	.groupFullPage .colWide, body.wide .colWide {
		width: 609px;
		}
		
	.colExtraWide {
		width: 574px;
		overflow: hidden;
		}
		
	.groupFullPage .colExtraWide, body.wide .colExtraWide {
		width: 687px;
		}
	
/* BEGIN PAGE INTRO */
.pageIntro {
	position: relative;
	width: 757px;
	min-height: 270px;
	margin: 0 0 20px 0;
	padding: 4px 4px 10px 4px;
	overflow: hidden;
}

.pageIntro p strong {
	color: #5c533c;
}
.pageIntro p span {
	color: #9B9A98;
	font-size: 25px;
	font-weight: bold;
}
.beginBox {
	position: absolute;
	right: 0;
	width: 353px;
	height: 147px;
	margin: 0;
	padding: 0;
	background: url(/images/bg_beginBox.jpg) repeat-x;
}
.beginBox h4 {
	padding: 4px 8px 0;
	color: #fff;
	font-size: 25px;
}
.beginBox input[type="text"] {
	width: 330px;
	margin: 0px 0 0 8px;
	padding: 4px;
	color: #999;
	font-size: 14px;
}
.beginBox button {
	float: right;
	margin: 6px 8px 0 0;
}
.speal {
	float: left;
	width: 330px;
	margin: 110px 0 0;
	padding: 0;
}
.pageIntro .speal p {
	color: #000;
	font-size: 12px;
}
.additionalInfo {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}
.additionalInfo h4 {
	margin: 0;
}
.additionalInfo p, .additionalInfo p span {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 12px !important;
}
.additionalInfo p.groupType {
	margin-top: -8px;
}
.additionalInfo .groupsPlacerImg {
	float: left;
	width: 68px;
	margin: 0;
	padding: 0;
}
.additionalInfo .defaultGroup {
	float: left;
	width: 275px;
	margin: 0 0 0 10px;
	padding: 0;
}
.additionalInfo .groupActivity {
	float: right;
	width: 326px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.additionalInfo .groupActivity p.activity{
	float: right;
	margin-bottom: 50px;
	color: #5c533c !important;
	font-weight: bold;
}
.additionalInfo .groupActivity p a {
	color: #01ac9a;
	font-weight: bold;
}
#container .AuthorizeNetSeal {
	float:left;
	margin:20px 0 0 60px;
}
body.unauth .AuthorizeNetSeal {
	float:left;
	margin:20px 0 0 8px;
}

	.pageAds h2 {
		font-size:18px;
		line-height:1;
		border-bottom: 5px solid #dcd8c1;
		padding:0 0 10px 65px;
		background:url(/images/bg_startReading.png) no-repeat 0 0;
		margin-bottom:10px;
		width:68px;
	}


/* global.css */
 

body {
	font: 12px Arial, sans-serif;
	color:black;
	background: url("/images/unauthenicated/bodyBG.png");
}
body.page-home #banner {
	z-index: 100;
	box-shadow: 0px 4px 10px rgba(153, 151, 151, 0.9);
	position: relative;
    border-bottom: none;
	background: none
}
#banner {
	background: #EEEDED;
	position: relative;
	z-index: 20;
}
body.page-community #banner {
	background: #453C3B;
}
header {
	background-color: #2b2518;
	}
header .hdrLogo .collegeImg {
	background: white;
	padding: 20px 7px;
}
	
#page {
	background-color:#fff;
	border: 5px white solid;
	border-top: none;
	border-bottom: none;
	}
#content {
    min-height: 620px;
}
aside{
	background: url(/images/sidbar-bg.png) -1px 0 repeat-y;
	border-right: 2px solid #CAC9C9;
	margin-right: 5px;
	position:relative;
	}
	#content::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: -231px;
		background: url(/images/sidbar-bg.png) repeat-y;
		display: block;
		z-index: -1;
		width: 226px;
	}
aside ul li.active a{
	border-bottom: 2px solid #C6C4C4;
	display: block;
}	
aside .sidebarWrapper { 
	margin-top: 35px;
}
aside a {
	/*font-size: 11pt;*/
	font-weight: bold;
	text-decoration: none;
}
aside .sideBarTextWrapper p {
      text-align: left;
      padding-top: 10px;
      margin: 0 auto;
      font-weight: normal;
      text-align: left;
      color: #2B2518;
      line-height: 16px;
      width: 223px;
      padding-left: 10px;
      font-family: Arial;
}
    aside .sidebarWrapper .sideBarTextWrapper .actions {
        margin-top: 15px;
        text-align: center;
    }
#logo {
	margin-left: 39px;
	}
	
#content {
	background: url('/images/newv/images/noise-b.png') #F0F0F0;
}

.footer-wrapper {
    border-top: 5px solid #F08564
}
footer, .footer-wrapper {
	  background: rgb(254, 253, 253);
	  background: -moz-linear-gradient(90deg, rgb(254, 253, 253) 23%, rgb(237, 235, 235) 87%);
	  background: -webkit-linear-gradient(90deg, rgb(254, 253, 253) 23%, rgb(237, 235, 235) 87%);
	  background: -o-linear-gradient(90deg, rgb(254, 253, 253) 23%, rgb(237, 235, 235) 87%);
	  background: -ms-linear-gradient(90deg, rgb(254, 253, 253) 23%, rgb(237, 235, 235) 87%);
	  background: linear-gradient(90deg, rgb(254, 253, 253) 23%, rgb(237, 235, 235) 87%); 
	}
a{
	color: #e9795e;
	text-decoration: none;
	}
#registration #content {
	background-image: url(/images/registrationPageIcon.jpg);
	}

	
.ajaxFeedback{
	display:none;	
}	

#facebookFrame { display:none; }
.lboxContent #facebookFrame { display:block; }

.catalogList.hideArrows .listNumber a.toggle {
	background: none;

}


/* styles for no search reults */
.noResultsBin { display:none; padding:0 0 50px 130px; margin-top:15px; width:540px; background:url(/images/regStatusIcon.png) no-repeat 0 -120px;  }
    .noResultsBin h3 { font-size:2em; margin:0 0 0; padding:16px 0 0 0;}
    .noResultsBin p { font-size:1.5em; margin:5px 0; padding:0; color:#2c2618;}

	#catalog ol.catalogList li.collapsedList .listDetail { position:relative; width:290px; height:127px; }
	#catalog ol.catalogList .listRateIt {width: 307px;}


/* common.css */

/*
	Contents:
		Headings: h1 - h4
		Horizontal Rule
		Menu
		Form Elements
		Links: a
		Facebook Connect Icon
*/

h1 {
	
	}
	
h1, h2, h3, h4 {
	color:#3C3B3A;
	letter-spacing:-1px;
	}

h2 {
	font-size:25px;
	font-weight:bold;
	line-height:37px;
	margin-bottom: 0;
	padding-bottom: 4px;
	/*border-bottom: 2px solid #2b2518;*/
	}
	
h2.bigH2 {
	font-size: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 0;
}
	
.totalResults {
	float: right;
	padding: 0 10px 0 0; /*PURCHASE HISTORY NEEDS PADDING. OTHERS?*/
	color: #2b2518;
	font-size: 30px;
	font-weight: bold;
	}
	


.downloadFilter { background: transparent !important; float: right !important; padding-right: 0 !important; }
 
.totalResultsRed {
	float: right;
	padding: 0;
	color: #ba202a;
	font-size: 30px;
	font-weight: bold;
	}

h3 {
	font-size: 2.083em;
	font-weight: normal;
	margin-bottom: 5px;
	}
	
.accountSettings {
	font-size: 18px;
	margin-bottom: 15px;
	margin-top: 20px;
	font-weight: bold;
	color:black;
	}

#account .contentWrapper { margin-left: 20px; }

#accountTabs {
	margin-bottom:15px;
    padding: 0;
	width: auto;
}

#accountTabs li a{
	font-size: 13px;
}
#accountTabs li.active a {
	color: black;
}
	
h4 {
	font-size: 1.50em;
	font-weight: bold;
	margin: 0 0 10px;
}
	
hr {
	border:none;
	}

#content hr {
	height: 1px;
	padding-top: 10px;
	border: 0;
	margin: 0px 0px 10px 0px;
	display: block;
	clear:both;
	}

#content hr.dotted{
	border-bottom: 1px dotted #4f4732;
}

 #content p.pTags {
	padding:0;
	width: 40px;
}

#bookOverview .startDiscassion {
	background: url(/images/btnBackgrounds.png) repeat-x 0px -74px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 9px 4px 9px;
}
.unauth .startDiscussionLBox {
	display:none;
}
.tableHeaderLine { background: url(/images/table_line.png) #DED7C1 no-repeat right center !important; }
th.lastPost { background-image: none !important; }


/* Form Elements */
label{
	color: #3d3624;
	font-size: 18px;
	}

input, select, textarea {
	font-family: 'Arial';
}

input[type='text'],
input[type='password'],
select,
textarea, #login input[type='text'],
#login input[type='password'], #register input[type='text'],
#register input[type='password'] {
	border-color:#A8A8A8 #E5E5E5 #E0E0E0 #B7B7B7;
	border-style:solid;
	border-width:1px;
	font-size: 18px;
	padding: 6px 3px;
	}

select {
	padding:5px 3px;
	font-size:14px;
	}
	
select[multiple='multiple']{
	width: 250px;
	}






/* Buttons with an icon to the left */
a[role=button].action {
	height:20px;
	font-size:12px;
	padding:2px 8px 0 8px;
	margin:10px 0;
	display:block;
	float:left;
	background:url(/images/btnBackgrounds.png) repeat-x 0px -90px;
	position:relative;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align:center;
	font-weight: bold;
}
a[role=button].action b {
	border-left:1px solid #938664;
	color:#FFF;
	padding-left:3px;
	height:12px;
	line-height:12px;	
}
a[role=button].action span {
	display:block;
	height:12px;
	width:11px;
	position:relative;
	margin-left:5px;
	position:absolute;
	left:4px;
	top:4px;
}

a[role=button].action.xMark,
a[role=button].action.check,
a[role=button].action.plus { padding-left:28px;  text-align:left; }

a[role=button].action.xMark .icon { background-position: 0 0; }
a[role=button].action.check .icon{	background-position: -11px 0; }
a[role=button].action.plus .icon {	background-position: -22px 0; }

a[role=button].action:hover { cursor: pointer; }

a[role=button].action.arrow { padding-right: 28px; text-align: right; }
a[role=button].action.arrow .icon { background-position: -33px 0; }
	
/* used for Required Astreisk */
form span.requiredInput {
	color: #d54615;
	font-style: italic;
	}

.formIcon { 
	height:117px; 
	background-position:top center;
	background-repeat:no-repeat;
	margin:11px 0 0 11px;
}

/*Intro box*/

.activitiesWelcome { padding: 10px; margin:15px 0; margin-bottom:0; font-size: 16px; font-weight: bold; color: #ADADAD; line-height: 21px;  } 
	.activitiesWelcome .activitiesWelcomeClose { cursor: pointer; position: absolute; z-index: 2; right: 7px; margin-top:-4px; }
	.activitiesWelcome .darkTxt { color: #000; }
	.activitiesWelcome .redTxt { color:#d54615; }

.facebookConnectBtn {
	float: left;
	height: 25px;
	width: 187px;
	background-image: url(/images/facebookConnect.gif);
	background-repeat: no-repeat;
	}
	
ul.tempPasscodeForm { list-style-type: none;}
ul.tempPasscodeForm li {padding-bottom: 40px; }
ul.tempPasscodeForm li em{ width: 201px; display: block; float:left;}
ul.tempPasscodeForm li label {width: 261px; float: left;}
ul.tempPasscodeForm li span label{width: 300px;}

.colExtraWide h2.form{width: 575px; border-bottom:2px solid #2B2518; font-size:2.5em; font-weight:bold; margin-bottom:20px;}
ul.tempPasscodeForm li input.formSubmit {background-image:url(../images/btn_regForm-submit.jpg); float:left; height:37px; margin-left:90px; margin-right:10px; width:67px; border: none;}
ul.tempPasscodeForm li input.formCancel {background-image:url(../images/btn_regForm-cancel.jpg); float:left; height:37px; margin-right:10px; width:65px; border: none;}

.regStatusStart { position: relative; top: 20px; left: 20px; width: 118px; height: 117px; background: url(../images/regStatusIcon.png) 0 0px; overflow: hidden;}
.regStatusAlert img {position: absolute; top: 20px; left: 20px; overflow: hidden; }

h3.regFormError {font-size:1.8em; width:575px; font-size:1.8em; font-weight:400; margin-bottom:20px; width:575px;}
input.textfield {width: 304px;}


#loadBar,
.loadBar {
	background: url(/images/sidbar-bgCart.png) 3px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	height:44px;
	color:#5b523c;
	clear: both;
	margin-bottom:20px;
}

#loadBar a.loadMore,
.loadBar a.loadMore {
	display:block;
	float:left;
	padding-left:30px;
	font-size:1.25em;
	color:#333;
	font-weight:bold;
	margin:15px 0 0 20px;
	background: url(/images/bg_expanded-collapse.png) no-repeat top left;
}


#loadBar .currentlyLoaded,
.loadBar .currentlyLoaded {
	font-weight:bold; 
	font-size: 1em;
	float:right;
	padding:6px;
	margin-right:96px;
	color:#333;
}

	/* PAGENATION LOAD BAR */

	#loadBar .pagenated .currentlyLoaded,
	.pagenated .currentlyLoaded {
		float: left;
		width: 75%;
		margin: 6px auto 0;
		padding: 0;
		text-align: center;
	}

	#loadBar .pagenated .prev,
	.pagenated .prev {
		float: left;
		margin: 12px 0px 0 20px;
		padding: 0 0 0 18px;
		background: url(/images/loadMorePrevNextArrows.png) 0px -18px no-repeat;
		color: #5b523c;
		font-size: 18px;
		font-weight: bold;
	}
	
	#loadBar .pagenated .next,
	.pagenated .next {
		float: right;
		margin: 12px 20px 0 0px;
		padding: 0 18px 0 0;
		background: url(/images/loadMorePrevNextArrows.png) 47px 3px no-repeat;
		color: #5b523c;
		font-size: 18px;
		font-weight: bold;
	}
	

	#loadBar .pagenated .prev:hover, #loadBar.pagenated .next:hover,
	.pagenated .prev:hover, .pagenated .next:hover {
		border-bottom: none;
	}
	
	
	#loadBar .pagenated .disabled, #loadBar .pagenated .disabled:hover ,
	.pagenated .disabled, .pagenated .disabled:hover {
		color: #aea690;
	}
	

	#loadBar .pagenated .prev.disabled,
	.pagenated .prev.disabled {
		background: url(/images/loadMorePrevNextArrowsDisabled.jpg) 0 3px no-repeat;
	}
	
	#loadBar .pagenated .next.disabled,
	.pagenated .next.disabled {
		background: url(/images/loadMorePrevNextArrowsDisabled.jpg) 45px -18px no-repeat;
	}

	#loadBar .pagenated .disabled:hover,
	.pagenated .disabled:hover {
		cursor: default;
		border: 0;
	}
	
	ul.pagenation {
		margin: 0;
		padding: 0;
	}
	
		ul.pagenation li {
			display: inline;
		}


	
a.backToTop { float: right; margin: 5px 0 0; padding: 0; font-weight: bold; }
	
.loadBar a.backToTop {
	float:right;
	left:200px;
	position:relative;
	top:42px;
}
	
ul.bullets {
	margin: 5px 0 0;
}

	ul.bullets li {
		display: block;
		margin: 0;
		padding: 2px 0 0 8px;
		background: url(../images/bullets.gif) 0 8px no-repeat;
		color: #10100f;
	}

ul.shareLinks {
	margin: 5px 0 0;
}

	ul.shareLinks li {
		display: inline;
		margin: 0;
		padding: 0 5px 0 0;
	}
	
	ul.shareLinks li a:hover {
		border: 0;
	}
	
/* STYLES FOR RAINBOW BRITE BAR */
.ratingBar { height:12px; width:95px; /*padding-right:1px;*/ margin-top:10px;  } 
.ratingBar li { display:inline !important; float:left !important; height:100%; background: url(/images/ratingDivider.gif) no-repeat 100% 0;}
.ratingBar li.bar1{ background-color:#746761; } 
.ratingBar li.bar2{ background-color:#906A40; } 
.ratingBar li.bar3{ background-color:#D28D40; } 
.ratingBar li.bar4{ background-color:#E95E32; } 
.ratingBar li.bar5{ background-color:#01A793; background-image:none; } 


/* STYLES FOR STAR BAR */ 
/* 5 Stars = 90px, 4 Stars = 72px, 3 Stars = 54px, 2 Stars = 36px 1 Star = 18px*/
.starRating {  padding:0px !important; }
.starRating li span { display:block;  font: bold 100% arial;}

.starRating li { display:block;  padding:0px !important; margin: 0; background: url(/images/star2.png) repeat-x 0 -14px; height:14px; overflow:hidden; text-indent:-9999px; width:85px; }
.starRating span { background: url(/images/star2.png) repeat-x 0 0; height:14px; float:left; }

.starRating .userRate{ cursor: pointer;}
.starRating span { width:0; }

.starRating .userRate0star span { width:0;}
.starRating .userRate1star span { width:16px;}
.starRating .userRate2star span { width:34px;}
.starRating .userRate3star span { width:52px;}
.starRating .userRate4star span { width:70px;}
.starRating .userRate5star span { width:90px;}

.starRating.large li { background: url(/images/star_large.png) repeat-x 0 -22px; height:22px; width:120px; }
.starRating.large span { background: url(/images/star_large.png) repeat-x 0 0; height:22px;}

.starRating.large .userRate0star span { width:0;}
.starRating.large .userRate1star span { width:24px;}
.starRating.large .userRate2star span { width:48px;}
.starRating.large .userRate3star span { width:72px;}
.starRating.large .userRate4star span { width:96px;}
.starRating.large .userRate5star span { width:120px;}

.redText {
	color: #ba202a;
}

.requiredText {
	margin: 0;
	padding: 0;
	color: #ba202a;
	font-size: 14px;
}

.userMsg {
	height: 0px;
	position: fixed;
	left: 0;
	overflow: visible;
	z-index: 1101;
	min-width: 941px;
	width: 100%;
	bottom: 70px;
}
.userMsg.userMsgLoading{
	top: 40%;
}
.userMsgWrap {
	width: 912px;
	margin:0px auto;
	background-color:#FFFEFC;
	padding: 0px 6px;
	position:relative;
	min-height:44px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display:none;
	left: 8px;
	border: 2px solid #B9B9B8;
}
.userMsgLoading .userMsgWrap{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.userMsgIcon {
	background: url(/images/userMessageIcons.png) no-repeat;
	height: 31px;
	width: 31px;
	display:inline:block;
	position:absolute;
	top:6px;
}

.userMsg .closeBtn {
	height: 14px;
	width: 14px;
	position:absolute;
	right: 16px;
	top:14px;
	background: url(/images/closeBtn.png);
}

.userMsgText {
	margin:0px auto;
	top:0px;
	color: #777474;
	z-index: 40;
	font-weight:bold;
	font-size:14px;
	padding-left: 40px;
	line-height:20px;
	position:relative;
	top:10px;
}

.userMsgError .userMsgIcon { background-position: 0 0; }
.userMsgSuccess .userMsgIcon { background-position: -31px 0; }
/* Timeout */
.userMsg.userMsgTimeout .userMsgWrap { background-color:#5D553E; border-width:0px; }
.userMsg.userMsgTimeout .userMsgIcon { background-position: -62px 0; }
/* Loading */
.userMsgLoading .userMsgWrap{
	background-color:#5e553e;
	border:0px;
	width: 83px;
	
	height: 30px;
	min-height:30px;
}
.userMsgLoading .userMsgText { color:#f6f3e4; padding-left: 28px; top:5px; }
.userMsgLoading .userMsgIcon { background-image:url(/images/ajaxUserMsgLoader.gif); height:20px; }
.userMsgLoading .closeBtn { display:none; }

.userMsg a {
	color: #D54615;
}

.userMsg .sharePrompt { 
	float:right;
	margin-right: 30px;
	margin-top: 13px;
}

*+html .userMsg .sharePrompt { margin-top: -10px !important; }

.userMsg .sharePrompt img {
	vertical-align:middle;
	padding: 0px 10px 0 4px;
}

.userMsg .sharePrompt a {
	color: #E9795E;
	font-weight:bold;
	text-decoration:none;
	padding: 0 8px;
	border-right : solid 1px #A19062;
}
.userMsg.error .sharePrompt, .userMsgError .sharePrompt, .userMsgLoading .sharePrompt {
	display:none;
}

/* Used for form field Placeholder Text */
.placeholder{
	color:#AAA;
}

/* Book Covers */
.cover {}
.cover.large { max-width:100px; max-height:155px; }
.cover.small { max-width:45px; max-height: 70px; padding-right:15px; }

.cover,
.cover.small,
.cover.large,
.cover *,
.cover.small *,
.cover.large * {
	box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	-webkit-box-sizing: content-box;
} 
div.cover {
	background: transparent no-repeat 0 10px;
	position:relative;
	overflow:hidden;
	margin:0px auto;
}

div.cover.large.generic1 { background-image: url(/images/bg_genericCover1.jpg); height: 155px;}
div.cover.large.generic2 { background-image: url(/images/bg_genericCover2.jpg); height: 155px;}
div.cover.large.generic3 { background-image: url(/images/bg_genericCover3.jpg); height: 155px;}
div.cover.large.generic4 { background-image: url(/images/bg_genericCover4.jpg); height: 155px;}

div.cover.small.generic1 { background-image: url(/images/bg_genericCover-sm1.jpg);  padding-right:14px; }
div.cover.small.generic3 { background-image: url(/images/bg_genericCover-sm2.jpg); }
div.cover.small.generic2 { background-image: url(/images/bg_genericCover-sm3.jpg); }
div.cover.small.generic4 { background-image: url(/images/bg_genericCover-sm4.jpg); }

div.cover .gcBanner { display:table; position:relative; width:100%; }
div.cover .gcBanner div {display: table-cell; width:100%; float:none !important; overflow:hidden; }
div.cover .gcBanner div p { text-align:center; color: #393838; padding:0;}

div.cover.large { width:100px; height:155px; }
div.cover.large .gcBanner { margin-top:56px; height:66px; }
div.cover.large p {font-size: 11px;}

div.cover.small { width:45px; height:70px;float: left; padding-right; }
div.cover.small .gcBanner { margin-top:17px; height:30px }
div.cover.small p { font-size:5px; height:28px; }

#content div.cover.small .gcBanner p, div.cover.small .gcBanner p{ 
padding: 11px 0 0 0; /*Check with padding:0px;*/
 text-align:center; line-height:.85; overflow:hidden; width:45px; word-wrap:break-word; }

/* 500 ERROR */

#error500 { display: block; background: url(/images/500/500_img1.png) center no-repeat; width: 941px; height: 324px; *margin-left: -145px;  }
	#error500 .sorry { color: #554F37; font-size: 26px; font-weight: bold; line-height: 28px; position: relative; top: 57px; left: 362px; width: 350px; }

body#error aside { display: none; }
body#error .oneCol { width: 941px; text-align: center; }

/* NO CONTENT BLOCKS */

#noContentBlock { color: #73716E; padding: 0px 0px 50px 305px; width: 475px; background: url(/images/bg_0_value.png) no-repeat; height: 200px; }
	#noContentBlock h3 { color: #73716E; font-size: 35px; font-weight: bold;  margin:0; padding:72px 0 0; }
	#noContentBlock p { font-weight: bold; line-height: 16px; font-size: 14px; margin:5px 0; padding:0; color:#73716E;}
	#noContentBlock .citation { display: block; text-align: right; padding: 25px 14px 0px 0px; }
	#noContentBlock .authorImg { float: left; padding: 0 44px 0 0; }

#noResultsBlock { color: #73716E; padding: 0px 0px 50px 305px; width: 475px; background: url(/images/bg_0_value.png) no-repeat; height: 145px; }
	#noResultsBlock h3 { color: #73716E; font-size: 35px; font-weight: bold;  margin:0;  margin-right: 72px; }
	#noResultsBlock p { font-weight: bold; line-height: 16px; font-size: 14px; margin:5px 0; padding:0; color:#73716E;}
	#noContentBlock .citation { display: block; text-align: right; padding: 25px 14px 0px 0px; }
	#noContentBlock .authorImg { float: left; padding: 0 44px 0 0; }
	
	#Activity #noResultsBlock h3 { padding-top: 60px; }
	#Activity .cnt #noResultsBlock h3 { padding-top: 0px; }

.csSearching{
	display: none;
	background: url(/images/progress.gif) no-repeat 0 0;
	padding-left: 20px;
	margin-top: 5px;
}

/* Find and buy ebooks */

#findAndBuyEBooks { background-color: #6A6A6A; width:704px; padding: 20px 10px 7px 10px; /*height: 76px;*/ color: #ffffff; float: left; margin-bottom:15px; }
	#findAndBuyEBooks label { color: #ffffff; font-size: 30px; font-weight: bold; }
	#findAndBuyEBooks span.subLabel { font-size: 14px; font-weight: bold; white-space: nowrap; }
	#findAndBuyEBooks .labels { float: left; }
	#findAndBuyEBooks #form_findAndBuyEBooks { float:right; text-align:left; margin: 13px 0 0 15px; }
	
	#findAndBuyEBooks #form_findAndBuyEBooks { float:right; text-align:left; margin: -40px 0 0 15px; }
	
	#people #findAndBuyEBooks #form_findAndBuyEBooks ,
	#groups #findAndBuyEBooks #form_findAndBuyEBooks ,
	#textbooks #findAndBuyEBooks #form_findAndBuyEBooks
	{ float:right; text-align:left; margin: 10px 0 0 14px; }
	
	#findAndBuyEBooks button { width: 106px; position: relative; top: 3px; }
	.page-library #findAndBuyEBooks button { width: auto;}
	#text_findAndBuyEBooks {font-size: 14px; width: 260px; -moz-border-radius: 3px; -moz-box-shadow:inset 1px 1px 3px #666;-webkit-box-shadow:inset 1px 1px 3px #666; -webkit-border-radius: 3px;box-shadow:inset 1px 1px 3px #666; border-radius: 3px;
	height: 24px;
	}
	
	
	@-moz-document url-prefix() {
    	#findAndBuyEBooks #form_findAndBuyEBooks {  margin: 10px 0 0 15px !important; }
	}
	
	
	
	
/*What is the last book you read?*/

#whatsthelastbookyouread_pod { background: url(/images/bg_pod_whatisthelastbookyoured.jpg) no-repeat; width: 760px; height: 249px; padding-left: 170px; padding-top: 30px; }
	#whatsthelastbookyouread_pod .header { font-size: 30px; font-weight: bold; color: #5A5A5A; }
	#whatsthelastbookyouread_pod .left, #whatsthelastbookyouread_pod .right { color: #5A5A5A; font-size: 14px; font-weight: bold; }
	#whatsthelastbookyouread_pod .left { float: left; width: 48%; padding: 0 1%; display: block; }
	#whatsthelastbookyouread_pod .right { float: right; width: 48%; padding: 0 1%; display: block;} 
	#whatsthelastbookyouread_pod .form_whatisthelastbookyouread { margin-top: 20px;  }	
		#whatsthelastbookyouread_pod .form_whatisthelastbookyouread	input { font-size: 14px; color:#999999; width:327px; }
		#whatsthelastbookyouread_pod .form_whatisthelastbookyouread	button { width: 133px; }
		
/** Social Connect To **/
#socialConnections {
	height: 65px;
	width: 100%;
	padding: 0px;
}
.socialConnectTo {
	background-image:url(/images/bigShadowButton.png);
	height:49px;
	width:222px;
	float:left;
	display:block;
	cursor: pointer;
}
.socialConnectTo:hover { border-bottom:none !important; }
.socialConnectTo.connected .icon, .socialConnectTo.connected .text{ display: none; }

.socialConnectTo .icon {
	top: 10px;
	left: 25px;
	position: relative;
	height: 32px;
	width: 32px;
	float:left;
	background-repeat: no-repeat;
}
.socialConnectTo.facebook .icon { background-image:url(/images/connectToFacebook.png); }
.socialConnectTo.twitter .icon { background-image:url(/images/connectToTwitter.png); }
.socialConnectTo .text {
	float: left;
	position:relative;
	left: 35px;
	top: 18px;
}
.socialConnectTo label {display:none; }
.socialConnectTo.connected label { background-repeat: no-repeat; background-position: center; display:block; height:49px; }
.socialConnectTo.facebook label{ background-image:url(/images/connectedToFacebook.png); }
.socialConnectTo.twitter label{ background-image:url(/images/connectedToTwitter.png); }

.socialConnectTo input { position:relative; top:14px; left:10px; }

/* TOOLTIP */
.tooltip { display: none; position: absolute; min-width: 380px; width: 380px; margin: 0; padding: 0; z-index: 9999 !important; }
.tooltipTop { position: relative; margin: 0; padding: 0; overflow: hidden; }
.tooltipTop .tooltipTopLeft { float: left; width: 23px; height: 62px; margin: 0; padding: 0; background: url(/images/tooltip/topLeftCorner.png) no-repeat; }
.tooltipTop .tooltipTopRight { float: right; width: 23px; height: 62px; margin: 0; padding: 0; background: url(/images/tooltip/topRightCorner.png) no-repeat; }
.tooltipTop .tooltipTopRepeat { width: inherit; height: 62px; margin: 0 23px 0; padding: 0; background: url(/images/tooltip/topCenterRepeat.png) repeat-x; }
.tooltipTop h6 { margin: 0; padding: 25px 0 0 5px !important; color: #fff !important; font-size: 15px; font-weight: bold; }

.tooltipContent { }
.tooltipContent .tooltipContentLeft { margin: 0; padding: 0; background: url(/images/tooltip/centerLeftSide.png) left repeat-y; }
.tooltipContent .tooltipContentRight { margin: 0; padding: 0; background: url(/images/tooltip/centerRightSide.png) right repeat-y; }
.tooltipContent .tooltipContentRepeat { margin: 0 23px 0; padding: 20px 0 0; background: #fff; }
.tooltipContent .tooltipContentRepeat p { color: #000 !important; font-weight: normal !important; }

.tooltipBottom { }
.tooltipBottom .tooltipBtmLeft { float: left; width: 112px; height: 44px; margin: 0; padding: 0; background: url(/images/tooltip/btmLeftCorner.png) no-repeat; }
.tooltipBottom .tooltipBtmRight { float: right; width: 23px; height: 37px; margin: 0; padding: 0; background: url(/images/tooltip/btmRightCorner.png) no-repeat; }
.tooltipBottom .tooltipBtmRepeat { height: 37px; margin: 0 23px 0 112px; background: url(/images/tooltip/btmCenterRepeat.png) repeat-x; }

.tooltipActivator { position: relative; }
	.tooltipActivator:hover .tooltip { display: block; top: -27em; left: 0px; }

a.addToCart { display:block; margin-top:10px; }

.popularForumTitle { background:#2b2518;margin-bottom:0;padding:3px;font-size:22px; }
.popularGroupsTitle { color:#2b2518; position:relative; top:10px; font-size: 18px; font-weight:bold; clear:both; }


/* new auth */
.contentTitle { font-weight: bold; font-size: 14pt; padding: 5px 0; min-height: 27px; }
.contentTitle span.small { padding-left: 20px; font-size: small; }
.contentTitle a { outline: medium none; text-decoration: none; float:right;  margin: 5px 0 0; font-size:13px;}


.titleWithIcon
{ 
	width:  		660px; 
	padding-left: 	30px; 
	margin: 		15px 0 15px 30px;
	padding-left: 	0;
	background: 	no-repeat 0 2px;   
}
	
.titleWithIcon h2 
{  
	margin-bottom:	10px;
	padding-left: 	55px;
	line-height:	1;
	font-size:		54px;  
	border-bottom:	6px solid #C3C2C2;  
}
/* { 
line-height:.8; 
margin-bottom:20px; 
padding-bottom:10px; 
} */


/**********************************************************/
/*************  SIMPLE HEAD  ******************************/
/**********************************************************/

.simpleHead{
	height: 240px;
	position: relative;
}

.simpleHead .headImage{
	float: left;
	width: 370px;
	height: 240px;
}
.simpleHead .headImage img{
	position: absolute;
	bottom: 0;
	left: 0;
	
}

.simpleHead .headContent{
	float: left;
	margin: 15px 40px;
	position: relative;
}

.simpleHead .headContent .headPretitle{
	font-size: 14pt;color: #5B523C;font-weight: bold;color: #2B2518;width: 400px;
}

.simpleHead .headContent .headTitle{
	font-size: 22pt;font-weight: bold;color: #2B2518;width:460px;line-height: 1;
}

.simpleHead .headContent .headSubtitle{
	font-weight: bold;color: #5B523C;font-size: 13px;margin: 10px 0;width: 450px;
}

.simpleHead .headContent .bannerButton{
	float: left;
	width: 187px;
	height: 50px;
	margin: 10px 20px 0 0;
	background: url(/images/orangeButton.gif) no-repeat;
	text-align: center;
	position: relative;
	bottom: 30px;
	top: 0;
}

.simpleHead .headContent .bannerButton .text{
	display: block;
	padding-top: 16px;
	color: white;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	margin-left: 10px;
}

.simpleHead .headContent .bannerButton .arrow{
	display: block;
	margin-top: -15px;
	margin-left: 167px;
	background: url(/images/whiteArrow.gif) 0 0 no-repeat;
	height: 17px;
}

.simpleHead .loginOption .headContent{
	margin-left: 0px;
	margin-top: -7px;
	width: 190px;
}

.simpleHead .loginOption .headContent .headPretitle{
	width: 200px;
	width: 223px;
}

.simpleHead .loginOption .headContent .headTitle{
	width: 210px;
}

.simpleHead .loginOption .headContent .headSubtitle{
	width: 210px;
}

.simpleHead .loginOption .headContent .bannerButton {
	bottom: 10px;
}

/* ***** SEARCH ***** */
body.page-search .titledbox .links {
	margin-top: 10px;
	margin-right: 4px;
	float: right;
	cursor:pointer;
} 

body.page-search .titledbox .title {
	margin: 0 10px 0 25px;
}

body.page-search .titledbox .title .actions {
	position: static;
	float: right;
}

body.page-search .totalResults {
	float: none;
	padding: 0;
}
body.page-search .titledbox .filterBar .filter a.remove  {
	display:none;
}
body.page-search .titledbox ul.filterBar {
	max-width: 140px;
	max-height: 24px;
	overflow: hidden;
	display:inline-block;	
	text-overflow: ellipsis;
}

body.page-search .titledbox ul.filterBar li {
	font: normal 20px/20px Dine;
	padding-right: 5px;
	display:inline;	
}
body.page-search .titledbox .title h2 {
	line-height:34px;
}

body.page-search .titledbox .title .links .item:first-child {
	margin-left: 2px;
}

body.page-search .totalResults {
	font-weight: normal;
}

body.page-search menu#sortField {
	min-width: 150px;
}

body.page-search #noResultsBlock h3,
body.page-search #noResultsBlock p {
	width:320px;
}

#catalog #noResultsBlock { width: 400px; }

#catalog #noResultsBlock p { margin-right: 60px; }

#catalog #noResultsBlock p { margin: 0 60px 20px 10px; }

.DuMean {
	margin-left: 5px;
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 16px;
	color: #73716E;
	font-weight: bold;
}

.DuMean span {
	color: #e9795e;
	text-decoration: underline;
	font-style: italic;
	cursor: pointer;
}


body#sendEmail p,  body#sendSecondEmail p{
	color:#616161; 
	font-size:14px; 
	margin:20px;
}

body#sendEmail p.bold, body#sendSecondEmail p.bold {
	color:#616161; 
	font-size:14px; 
	margin:20px;
}

.sendEmailText {
	float:left;
	margin-top:20px;
}

.ok_icon {
	background:url(/images/sendEmailOk.png);
	float:left;
	width:39px;
	height:36px;
	margin-top:40px; 
	margin-left:10px;
}
table.purchasedItems td .avail {
	margin-top: 10px;
	font: italic 11px arial;
}

 


.facets {
	padding: 7px 16px 10px 14px;
	display: block;
	position: relative;
	background-image: -ms-radial-gradient(center, ellipse farthest-corner, #F7F7F7 0%, #E8E8E8 100%);
	background-image: -moz-radial-gradient(center, ellipse farthest-corner, #F7F7F7 0%, #E8E8E8 100%);
	background-image: -o-radial-gradient(center, ellipse farthest-corner, #F7F7F7 0%, #E8E8E8 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #F7F7F7), color-stop(1, #E8E8E8));
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #F7F7F7 0%, #E8E8E8 100%);
	background-image: radial-gradient(ellipse farthest-corner at center, #F7F7F7 0%, #E8E8E8 100%);
	border-bottom: 2px solid rgb(201, 199, 199);
	border-right: rgb(228, 228, 228) 1px solid;
	border-left: rgb(228, 228, 228) 1px solid;
	box-shadow: inset 0px -9px 17px 0px rgba(223, 217, 217, 0.9)
}
.facets .facets_title {
	font: normal 21px dine;
	color: rgb(136, 134, 134);
	margin: 0 0 10px;
}
.facets .facet {
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
}
.facets .facet .facet_title {
	color: rgb(136, 134, 134);
	font-size: 15px;
	padding-bottom: 5px;
}
.facets .facet .facet_items li {
	line-height: 16px;
}
.facets .facet .facet_items a {
	font-size: 12px;
}
.facets .facet .facet_items a span {
	font-size: 12px;
	color: rgb(182, 177, 177);
}
.facets .remove {
	position: relative;
	display: inline-block;
	padding: 2px 8px 3px 19px;
	background: rgb(213, 208, 208);
	margin-top: 12px;
	margin-left: 5px;
	border-radius: 5px;
	color: black;
}
.facets .remove:before {
	background: url("/images/delete_x.png") no-repeat 1px 0px;
	position: absolute;
	left: 4px;
	top: 5px;
	content: "";
	width: 27px;
	height: 27px;
	padding: 6px 0 0 5px;
}
.facets .remove:hover:before {
	color: red;
}
.facets .remove:hover {
	border-color: black;
}
/*search page*/
.page-search .titledbox .title {
	border-bottom: rgb(211, 208, 208) 1px solid;
	box-shadow: 0px 4px 34px -12px rgba(211, 207, 207, 0.9);
}
.page-search .titledbox .cnt {
	margin: 0 10px 25px 22px;
}
/*show/hide full list*/
.facets .facet .facet_items {
	overflow: hidden;
	height: auto;
	max-height: 97px;
}
.facets .facet.expanded .facet_items {
	max-height: initial;
}
.facets .facet .less,
.facets .facet.expanded .more {
	display:none;
	cursor: pointer;
}
.facets .facet.expanded .less,
.facets .facet .more {
	display:block;
	cursor: pointer;
}
.facets .facet .more {
	margin-top: 10px;
}
.facets .facet .less {
	right: 14px;
	top: 11px;
	position: absolute;
	color: rgb(136, 134, 134);
}



/********************************************/
/******** Chapters ***************************/
/********************************************/

	.chapters {
		float: none;
		margin-left: 92px;
		overflow: hidden;
		width: 580px;
	}
	.chapters ul {
		padding: 4px 0;
	}
	.chapters ul li {
		display:block;
		padding: 3px 3px 3px 0;
		border-bottom: 1px solid rgb(190, 189, 189);
	}
	.chapters ul li:hover {
		background: #dfdddd;
		cursor: pointer;
	}
	.chapters ul li a {
		display:block;
		color: rgb(105, 102, 102);
	}
	.chapters ul li a.bold {
		font-size: 13px;
		color: rgb(105, 102, 102);
		font-weight: bold;
	}
	.chapters ul li .price {
		float: right;
		color: rgb(105, 102, 102);
		position:relative;
		cursor: auto;
	}
	.chapters ul li .price.addToCart {
		cursor: pointer;
	}
	.chapters ul li .price.hover::before {
		position: absolute;
		width: 20px;
		height: 16px;
		content: '';
		left: -25px;
		background: url('/images/add_to_cart.png') 0px -1px no-repeat;
	}
	ol.catalogList .chapters ul li.hide {
		display:none;
	}
	.chapters ul li.show {
		display:block;
	}
	.chapters ul .showall,
	.chapters ul .showpart {
		cursor:pointer;
	}
	.chapters ul .showpart {
		display:none;
	}
	.chapters ul .opt {
		padding: 6px 0;
	}
	.chapters ul .rlvCpt {
		color: black;
		font-weight: bold;
		margin-top: 10px;
		padding-bottom: 3px;
	}
	.seeChpt {
		cursor:pointer;
	}
	.chpt::after {
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		background: url(/images/arrow.png) no-repeat 6px 13px;
		position: absolute;
		z-index: 102;
		height: 29px;
		width: 29px;
		content: "";
	}
	
	/*cartIcon*/
	.carttipBox {
		display:none;
	}
	.carttipWrap {
		position:absolute;
		top:-25px;
		left:-10px;
		left: -33px;
	}
	.carttip {
		position:relative;
	}
	.carttip .commbody {
		padding: 2px 6px;
		background: rgb(211, 210, 207);
		border-radius: 10px;
		width:64px;
		font-size:10px;
	}
	.carttip .arrow {
		left: 10px;
		position: absolute;
		z-index: 10017;
		height: 0;
		width: 0;
		border-style: dashed;
		border-color: transparent;
		border-width: 10px 5.5px 0;
		border-top-color: rgb(211, 210, 207);
		border-top-style: solid;
	}



/********************************************/
/******** Chat ***************************/
/********************************************/
.firstMsg {
	margin-top: 15px;
	color: gray;
	font: italic 17px arial;
}
.chatMsgList {
	padding: 10px 0;
	color: gray;
}
.chatMsgList .chatMsgBox {
	padding: 10px;
	float: right;
	background: rgb(235, 233, 233);
}
.chatMsgList .chatMsgBox .com {
	font-size: 10px;
	color: #999;
	font-style: italic;
	text-align: left
}
.chatMsgList .chatMsgBox .send {
	margin: 0 0 4px 20px;
	vertical-align: bottom;
}
.chatMsgList .chatMsgWrap {
	border: 1px solid rgb(211, 207, 207);
	overflow: hidden;
	border-radius: 6px;
	padding-left: 8px;
	position: absolute;
	bottom: 0;
	background: rgb(235, 233, 233);
	margin-bottom: 5px;
}
.chatMsgList #notifications .msg img,
.chatMsgList .chatMsgWrap img {
	float: left;
	margin-top: 10px;
	width: 40px;
	height: 40px;
}
.chatMsgList #notifications .msg img {
	margin-top: 0px;
}
.chatMsgList .chatMsgBox .chatMsg {
	width: 530px;
	height: 38px;
	font-size: 15px;
	max-width: 530px;
	max-height: 38px;
	color: gray;
	border-radius: 6px;
}
.chatMsgList #notifications .msg { 
	overflow: hidden;
	margin: 7px 0;
	padding: 5px;
}
.chatMsgList #notifications .msg .msgBox { 
	text-align: left;
	margin-left: 58px;
	line-height: 18px;
	width: 607px;
}
.chatMsgList #notifications .msg .msgBox p { 
	color: #e9795e;
}
.chatMsgList #notifications .msg .msgBox div {
	word-break: break-all
}

#notifications {
	clear: both;
	max-height: 600px;
	overflow-y: scroll;
	bottom: 75px;
	position: absolute;
	margin-bottom: 17px;
}
#notifications .msg.active,
.threadList .threadWrap.active {
	 background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0) 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.06)), color-stop(100%,rgba(0,0,0,0)));
     background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0) 100%);
     background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0) 100%);
     background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0) 100%);
     background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
}
#messaging #content {
	min-height: 760px;
}
/********************************************/
/******** Create message-thread ***************************/
/********************************************/
.createThread {
	padding: 8px 26px;
}
.createThread h2 {
	font: normal 32px Dine;
	padding-bottom: 15px;
}
.createThread p {
	padding-bottom: 7px;
	color: rgb(83, 80, 80);
	font: bold 13px Arial;
}

.createThread input,
.createThread textarea {
	border: 1px solid rgb(190, 186, 186);
	border-radius: 6px;
	height: 24px;
	width: 100%;
}
.createThread input {
	margin-bottom: 26px;
}
.createThread textarea {
	height: 182px;
	max-width: 560px;
	max-height: 182px;
	font-size: 15px;
}
.createThread button.send {
	right: 10px;
	bottom: 10px;
	position: absolute;
}


/********************************************/
/******** Msg counter ***************************/
/********************************************/
body .button.gray.msgCounter {
	padding: 10px;
	margin: 0;
}
body .button.gray.msgCounter span {
	padding-left: 5px;
	line-height: 24px;
}
body .button.gray.msgCounter span .counter {
	right: 2px;
	bottom: -1px;
	position: relative;
	font-size: 11px;
	font-weight: bold;
	padding: 0 4px;
	border-radius: 12px;
	border: 1px solid #e9795e;
	display:none;
}



/********************************************/
/******** Dashboard ***************************/
/********************************************/
#dashboard .dashboard {
	margin-top: 15px;
}
.dashboard.progress .titledbox {
	padding-bottom: 17px;
	padding-top: 0px;
	overflow: hidden;
	border-bottom: #BFBDBD 1px solid;
	position: relative;
	background: #efefef;
}
.dashboard.progress .titledbox.inf {
	height: 190px;
	background: url('/images/newv/images/noise-b.png') #F0F0F0;
}
.dashboard.progress .whiteLine,
#dashboard .whiteLine  {
	border: 3px solid white;
}
.dashboard.progress p,
.dashboard.progress label {
	font-size: 15px;
	color: rgb(87, 82, 82);
	padding: 10px 0 15px;
}
.dashboard.progress .button.refresh  {
	float:right;
}
.dashboard.progress input.from,
.dashboard.progress input.upTo,
.dashboard.progress select {
	border: 1px solid rgb(216, 213, 213);
	border-radius: 5px;
	padding: 3px 5px 3px;
	width: 64px;
}
.dashboard.progress select {
	width: 200px;
	margin-right: 50px;
}
.dashboard.progress h2,
.dashboard.progress h1  {
	font: normal 23px Dine;
	color: rgb(126, 123, 123);
}
.dashboard.progress h1 {
	margin: 15px 0;
}
.dashboard.progress h1 .number {
	margin-left: 8px;
}
.dashboard.progress h2.dataTab {
	bottom: 0px;
	position: absolute;
	margin-left: 24px;
	border-bottom: 2px solid transparent;
	cursor:pointer;
}
.dashboard.progress h2.dataTab.results {
	margin-left: 108px;
}
.dashboard.progress h2.dataTab.active {
	border-bottom: 2px solid #e9795e;
	color: #e9795e;
}

.dashboard.progress .titledbox .studentBox {
	background: #ececec;
	padding: 7px 7px 0;
	border-radius: 5px;
	border: 1px solid #BFBDBD;
	width: 160px;
	margin: 0 10px 10px 0;
	overflow: hidden;
}
.dashboard.progress .titledbox .studentWrap {
	float: left;
}
.dashboard.progress .titledbox .studentBox img {
	width: 36px;
}
.dashboard.progress .titledbox .studentBox .wrap {
	padding: 0 10px;
	float: right;
	width: 105px;
}
.dashboard.progress .titledbox .studentBox .wrap .name {
	color: rgb(126, 123, 123);
	font: bold 14px arial;
}
.dashboard.progress .titledbox .studentBox .progress,
#dashboard .lboxContent .progress {
	border-radius: 5px;
	float: right;
	height: 15px;
	width: 95px;
	background: #d3d3d3;
	margin-top: 7px;
}
.dashboard.progress .titledbox .studentBox .progress .innerProgress,
#dashboard .lboxContent .progress .innerProgress {
	height: 15px;
	border-radius: 5px;
}
.dashboard.progress .titledbox .studentBox .progress .innerProgress.red,
#dashboard .lboxContent .progress .innerProgress.red {
	background: #f9a9a5;
	background: linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
	background: -moz-linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
	background: -webkit-linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
	background: -o-linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
	background: -ms-linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
}
.dashboard.progress .titledbox .studentBox .progress .innerProgress.blue,
#dashboard .lboxContent .progress .innerProgress.blue {
	background:#62ccfc;
}
.dashboard.progress .titledbox .studentBox .progress .innerProgress.green,
#dashboard .lboxContent .progress .innerProgress.green {
	background: #98dd78;
	background: linear-gradient(90deg, #98dd78 12%, #54d100 72%);
	background: -moz-linear-gradient(90deg, #98dd78 12%, #54d100 72%);
	background: -webkit-linear-gradient(90deg, #98dd78 12%, #54d100 72%);
	background: -o-linear-gradient(90deg, #98dd78 12%, #54d100 72%);
	background: -ms-linear-gradient(90deg, #98dd78 12%, #54d100 72%);
}
.dashboard.progress .titledbox .studentBox .page {
	margin: 12px 0 0 9px;
	font-size: 11px;
}
.dashboard.progress .titledbox .studentBox .wrap .questions {
	width: auto;
	border-radius: 10px;
	padding: 5px 6px;
	margin-top: 8px;
	margin-left: 25px;
	display: inline-block;
	color: rgb(148, 142, 142);
	font: bold 16px arial;
	background: rgb(237, 235, 235);
	background: -moz-linear-gradient(90deg, rgb(237, 235, 235) 12%, rgb(255, 255, 255) 72%);
	background: -webkit-linear-gradient(90deg, rgb(237, 235, 235) 12%, rgb(255, 255, 255) 72%);
	background: -o-linear-gradient(90deg, rgb(237, 235, 235) 12%, rgb(255, 255, 255) 72%);
	background: -ms-linear-gradient(90deg, rgb(237, 235, 235) 12%, rgb(255, 255, 255) 72%);
	background: linear-gradient(90deg, rgb(237, 235, 235) 12%);
}



/* quiz results page */
.dashboard.quizResults .question, .dashboard.updates .wholeQuestion { min-height: 200px; clear: both; border-bottom: 1px solid #BFBDBD; }
.dashboard.quizResults .question .questionType, .dashboard.updates .wholeQuestion .questionType{ float: left; height: 100%; margin: 10px; }
.dashboard.quizResults .question .questionType img, .dashboard.updates .wholeQuestion .questionType img { max-width: 20px; max-height: 20px; }

.dashboard.quizResults .question .questionText { float: left; width: 448px; padding: 10px; position: relative; min-height: 150px; }
.dashboard.quizResults .question .questionText .pageInfo { font: 17px Dine; color: #656463; margin-bottom: 10px; }
.dashboard.quizResults .question .questionText .text { font: 12px Arial; color: #595858; }
.dashboard.quizResults .question .questionText .text.highlightText, .dashboard.updates .wholeQuestion .questionText .text.highlightText {display: inline-block; margin: 5px; padding: 3px; font-style: italic; }
.dashboard.quizResults .question .questionText ol.answerList, .dashboard.updates .wholeQuestion .questionText ol.answerList { list-style: upper-alpha outside; margin: 20px auto 30px 50px; }
.dashboard.quizResults .question .questionText ol.answerList li, .dashboard.updates .wholeQuestion .questionText ol.answerList li {margin-bottom: 5px; font: 12px Arial; color: #595858; }
.dashboard.quizResults .question .questionText ol.answerList li.answer-true:before, .dashboard.updates .wholeQuestion .questionText ol.answerList li.answer-true:before { content: ""; vertical-align: middle;
	width: 50px; height: 20px; margin-left: -50px; background: url(/images/edu/questions/correctAnswer.png) no-repeat left center; display: inline-block; }
.dashboard.quizResults .question .questionText a, .dashboard.updates .wholeQuestion .questionText a { font: 12px Arial; color: #eb6755; }
.dashboard.quizResults .question .questionText a.viewAll, .dashboard.updates .wholeQuestion a.viewAll { float: right; }
.dashboard.quizResults .question .questionText a.toggleAnswers, .dashboard.updates .wholeQuestion .questionText a.toggleAnswers { margin-left: 30px; }
.dashboard.quizResults .question .questionText p.links, .dashboard.updates .wholeQuestion .questionText p.links { position: absolute; bottom: 0; width: 440px; /*display: block;*/ }

.dashboard.quizResults .question .resultsInfo { float: right; width: 200px; padding: 5px; margin: 5px; background: #f4f4f4; position: relative; }
.dashboard.quizResults .question .resultsInfo p { font-size: 11px; margin-left: 20px; width: 160px; padding: 0 0 5px; }
.dashboard.quizResults .question .resultsInfo .view {margin-left: 0;}
.dashboard.quizResults .question .resultsInfo h5 { font-size: 15px; display: block; text-align: center; margin-top: 10px; }
.dashboard.quizResults .question .resultsInfo h6 { font-size: 13px; display: block; text-align: center; }
.dashboard.quizResults .question .resultsInfo span.done, .dashboard.updates .question .resultsInfo span.done { width: 35px; height: 35px; background: #fafafa; border: 1px solid #e0dede; font-size: 11px;
	position: absolute; top: 3px; right: 3px; border-radius: 50%; display: inline-block; text-align: center; padding-top: 5px; }
.dashboard.quizResults .question .resultsInfo ol.qResultsList { width: 150px; list-style: upper-alpha outside; margin: 20px auto 15px 30px; }
.dashboard.quizResults .question .resultsInfo ol.qResultsList.openEnded { color: transparent; }
.dashboard.quizResults .question .resultsInfo ol.qResultsList li { background: #d2d2d2; position: relative; margin-bottom: 5px; border-radius: 5px; cursor: pointer; }
.dashboard.quizResults .question .resultsInfo ol.qResultsList li div.bar { position: absolute; height: 100%; border-radius: 5px; display: inline-block; }
.dashboard.quizResults .question .resultsInfo ol.qResultsList li div.percent { position: absolute; left: 47%; display: inline-block; color: black; }
.dashboard.quizResults .question .resultsInfo ol.qResultsList li.answer-true div.bar {
	background: #98dd78;
	background: linear-gradient(90deg, #98dd78 12%, #54d100 72%);
	background: -moz-linear-gradient(90deg, #98dd78 12%, #54d100 72%);
	background: -webkit-linear-gradient(90deg, #98dd78 12%, #54d100 72%);
	background: -o-linear-gradient(90deg, #98dd78 12%, #54d100 72%);
	background: -ms-linear-gradient(90deg, #98dd78 12%, #54d100 72%);
}
.dashboard.quizResults .question .resultsInfo ol.qResultsList li.answer-false div.bar {
	background: #f9a9a5;
	background: linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
	background: -moz-linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
	background: -webkit-linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
	background: -o-linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
	background: -ms-linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
}
.dashboard.quizResults p.empty,
.dashboard p.emptyProgress {
	margin: 0 12px;
}
/* popup page */
#dashboard .lboxContent .studentProgress h2 {
	font: normal 30px dine;
	padding-bottom: 15px;
}
#dashboard .lboxContent .studentProgress h1 {
	font: normal 23px Dine;
	color: rgb(126, 123, 123);
}
#dashboard .lboxContent .studentProgress .imgWrap {
	padding: 12px 17px 0;
	background: rgb(231, 228, 228);
	border-bottom: #BFBDBD 1px solid
}
#dashboard .lboxContent .studentProgress .ansBox {
	background: rgb(231, 228, 228);
	margin: 7px 0px 3px 5px;
	padding: 12px 8px;
	position: relative;
	list-style: upper-alpha outside;
	padding-left: 45px;
}

#dashboard .lboxContent div.teacherComment {
	width:362px;
}


#dashboard .lboxContent .allAnswers .commentArea {
	width:362px;
}

#dashboard .lboxContent .studentProgress .openQuest .questionText {
	margin-left: 15px;
}
#dashboard .lboxContent .studentProgress .openQuest .ansBox {
	margin-top: 14px;
	padding-left: 12px;
	margin-left: 0;
	padding: 10px 8px 0;
}
#dashboard .lboxContent .studentProgress .openQuest .evaluate {
	margin-top: 10px;
}
#dashboard .lboxContent .studentProgress .openQuest select {
	border: 1px solid rgb(216, 213, 213);
	border-radius: 5px;
}
#dashboard .lboxContent .studentProgress .ansBox .arrow {
	left: -24px;
	position: absolute;
	top: 12px;
	z-index: 10017;
	height: 0;
	width: 0;
	border-style: dashed;
	border-width: 7px 10px 9.5px 14px;
	border-color: transparent;
	border-right-color: rgb(231, 228, 228);
	border-bottom-style: solid;
}
#dashboard .lboxContent .studentProgress .openQuest {
	border-bottom: #BFBDBD 1px solid;
}
#dashboard .lboxContent .studentProgress button.save,
#dashboard .lboxContent .allAnswers button.save {
	right: 36px;
	bottom: 10px;
	position: absolute;
}
#dashboard .lboxContent .studentProgress .openQuest .ansBox .arrow {
	top: 7px;
	border-width: 18px 22px 19.5px 7px;
}
#dashboard .lboxContent li.answer-true:before { 
	content: ""; 
	vertical-align: middle;
	width: 39px; 
	height: 20px; 
	margin-left: -39px;
	background: url(/images/edu/questions/correctAnswer.png) no-repeat left center; 
	display: inline-block;
}
#dashboard .lboxContent .studentProgress .openQuest,
#dashboard .lboxContent .studentProgress .multiplyQuest {
	padding: 12px 17px;
}
#dashboard .lboxContent .studentProgress .wrap {
	overflow: hidden;
}
#dashboard .lboxContent .studentProgress .wrap p {
	padding-bottom: 10px;
	font: bold 15px arial;
}
#dashboard .lboxContent .studentProgress .wrap div {
	font-weight: bold;
	color: rgb(126, 123, 123);
}
#dashboard .lboxContent .studentProgress .progress {
	float:none;
	margin: 20px 0;
}
#dashboard .lboxContent .studentProgress img {
	float: left;
	margin-right: 20px;
}
#dashboard .lboxContent .studentProgress .progressBlock {
	float: right;
	margin-right: 70px;
}
#dashboard .lboxContent .studentProgress .questionText{
	margin-left: 34px;
}
#dashboard .lboxContent .studentProgress .question {
	color: rgb(114, 110, 110);
	margin-top: 12px;
	padding-bottom: 10px;
}
#dashboard .lboxContent .quest {
	overflow-y: scroll;
	max-height: 423px;
}
#dashboard .lboxContent .studentProgress .multiplyQuest .question {
	border-bottom: #BFBDBD 1px solid;
}
#dashboard .lboxContent .studentProgress .question span {
	font-size: 10px;
	color: rgb(170, 169, 169);
	padding-right: 4px;
}
#dashboard .lboxContent .studentProgress .question span a {
	cursor: pointer;
}
#dashboard .lboxContent .studentProgress .question span.firstEl {
	border-right: 1px solid rgb(170, 169, 169);
}
#dashboard .lboxContent h3 { font: 25px dine; margin: 10px 0 0 24px; }
/*#dashboard .lboxContent .questionInfo {margin-left: 75px;}*/
#dashboard .lboxContent .questionInfo .page { color: gray; float: left; font: 17px dine; width: 40px; margin-left:25px}
#dashboard .lboxContent .questionInfo .text { color: #333333; font: 14px/20px Arial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#dashboard .lboxContent .tabs { margin: 10px 24px 0; }
#dashboard .lboxContent .tabs .item { border: 1px solid #B8B7B6; border-radius: 5px 5px 0 0; color: #333; display: inline-block; margin: 0 0 0 -4px; min-width: 50px;
	padding: 8px 15px; background: #DADADA; background: linear-gradient(white 0%, #D4D4D4 100%); background: -moz-linear-gradient(white 0%, #D4D4D4 100%);
	background: -webkit-linear-gradient(white 0%, #D4D4D4 100%); background: -o-linear-gradient(white 0%, #D4D4D4 100%); background: -ms-linear-gradient(white 0%, #D4D4D4 100%); }
#dashboard .lboxContent .tabs .item.active { background: white; border-bottom: 2px solid white; margin-bottom: -3px; }
#dashboard .lboxContent .tabs .item img { margin-right: 4px; }
#dashboard .lboxContent .QuestionUsers { 
	background: white; 
	border: 1px solid #B8B7B6;
	margin: 0 20px 10px; 
	padding: 10px 5px; 
	color: #333;
	overflow-y: scroll;
	max-height: 280px;
	height: 280px;
}
#dashboard .lboxContent .QuestionUsers a { float: left; display: block; width: 75px; height:70px; margin: 0 10px 10px; text-align: center; }
#dashboard .lboxContent .QuestionUsers a img { max-width: 50px; max-height: 50px; }
#dashboard .lboxContent .QuestionUsers ol { list-style: upper-alpha outside; margin: 5px 0 20px 30px; float: left; width: 90%; }
#dashboard .lboxContent .QuestionUsers ol.countInfo { list-style: none; margin-left: 10px; }
#dashboard .lboxContent .QuestionUsers div.lined { border-top: 2px solid #BFBDBD; padding-bottom: 5px; margin-bottom: 10px; }
#dashboard .lboxContent .QuestionUsers .wrongCount { float: right; }
#dashboard .lboxContent div.buttons { bottom: 10px; position: absolute; right: 10px; }
#dashboard .AllAnswers , 
#dashboard .EvaluatedAnswers , 
#dashboard .PendingAnswers,
#dashboard .CorrectUsers , 
#dashboard .WrongUsers , 
#dashboard .UnansweredUsers { display: none !important; } 

#dashboard .allAnswers {
	padding: 12px;
}
#dashboard .allAnswers .commentArea {
	width: 389px;
	max-width: 389px;
	margin-top: 5px;
}
#dashboard .allAnswers h2 {
	font: normal 30px dine;
}
#dashboard .allAnswers .titledbox .title h2 {
	font: normal 23px dine;
}
#dashboard .allAnswers p.question {
	width: 460px;
	color: #595858;
	text-align: justify;
	position: relative;
	margin: 10px 0 10px 40px;
	max-height: 60px;
	overflow: auto;
}
#dashboard .allAnswers p.question:before {
	content: "";
	height: 20px;
	left: -34px;
	top: 0;
	position: absolute;
	width: 20px;
	cursor: pointer;
	background: url(/images/edu/questions/OpenEnded.png);
}
#dashboard .lboxContent .allAnswers .openQuest .ansBox {
	margin-top: 14px;
	padding-left: 12px;
	margin-left: 0;
	padding: 10px 8px 0;
}
#dashboard .lboxContent .allAnswers  .evaluate span a  {
	padding: 0;
	margin: 0;
	display: inline;
	float: none;
	cursor: pointer;
}
#dashboard .lboxContent .allAnswers select {
	border: 1px solid rgb(216, 213, 213);
	border-radius: 5px;
}
#dashboard .lboxContent .allAnswers .ansBox .arrow {
	left: -24px;
	position: absolute;
	top: 12px;
	z-index: 10017;
	height: 0;
	width: 0;
	border-style: dashed;
	border-width: 7px 10px 9.5px 14px;
	border-color: transparent;
	border-right-color: rgb(231, 228, 228);
	border-bottom-style: solid;
}
#dashboard .lboxContent .allAnswers span.firstEl {
	border-right: 1px solid rgb(170, 169, 169);
	margin: 0;
}
#dashboard .lboxContent .allAnswers .ansBox {
	background: rgb(231, 228, 228);
	padding: 12px 8px 2px;
	position: relative;
	list-style: upper-alpha outside;
	padding-left: 8px;
	width: 396px;
	margin: 14px 24px 0 97px;
}
#dashboard .lboxContent .allAnswers .ansBox p {
	margin: 0;
	color: #595858;
}
#dashboard .lboxContent .allAnswers .ansBox div.student {
	float: left;
}
#dashboard .lboxContent .allAnswers div.student {
	margin: 12px 24px 0;
	float: left;
}
#dashboard .lboxContent .allAnswers .ansBox div.student p {
	margin-left: 0;
	display: block;
}
#dashboard .lboxContent .allAnswers .ansBox .arrow {
	top: 7px;
	border-width: 18px 22px 19.5px 7px;
	border-style: solid;
}
#dashboard .lboxContent .allAnswers .evaluate {
	margin-top: 10px;
}
#dashboard .lboxContent li.answer-true:before { 
	content: ""; 
	vertical-align: middle;
	width: 39px; 
	height: 20px; 
	margin-left: -39px;
	background: url(/images/edu/questions/correctAnswer.png) no-repeat left center; 
	display: inline-block;
}
#dashboard .lboxContent .allAnswers span {
	font-size: 10px;
	color: rgb(170, 169, 169);
	padding-right: 4px;
	margin-left: 5px;
}
#dashboard .lboxContent .allAnswers span.evalLabel {
	margin-left: 90px;
}
#dashboard .lboxContent .studentProgress span.evalLabel {
	margin-left: 245px;
}
#dashboard .lboxContent .allAnswers span.evaluated {
	font-size: 18px;
	margin-left: 287px;
}
#dashboard .lboxContent #allAnswers {
	overflow-y: scroll;
	max-height: 300px;
	margin-top: 10px;
}
#dashboard .lowLevel .progress .innerProgress {
	background: #f9a9a5;
	background: linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
	background: -moz-linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
	background: -webkit-linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
	background: -o-linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
	background: -ms-linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
}
#dashboard .mediumLevel .progress .innerProgress {
	background:#62ccfc;
}
#dashboard .highLevel .progress .innerProgress {
	background: #98dd78;
	background: linear-gradient(90deg, #98dd78 12%, #54d100 72%);
	background: -moz-linear-gradient(90deg, #98dd78 12%, #54d100 72%);
	background: -webkit-linear-gradient(90deg, #98dd78 12%, #54d100 72%);
	background: -o-linear-gradient(90deg, #98dd78 12%, #54d100 72%);
	background: -ms-linear-gradient(90deg, #98dd78 12%, #54d100 72%);
}
#dashboard #progressBoard {
	display:none;
}
#dashboard .commentArea {
	font: normal 10px arial;
	border-radius: 5px;
	height: 25px;
	max-height: 25px;
}
#dashboard .openQuest .commentArea {
	margin: 10px 0 2px;
	width: 472px;
	max-width: 472px;

}
#dashboard .multiplyQuest .commentArea {
	margin: 10px 0 2px;
	width: 467px;
	max-width: 467px;
}
#dashboard .multiplyQuest .teacherComment {
	margin-bottom: 10px;
}

#dashboard .withComment .commentText {
	padding-bottom: 7px;
	font-size: 10px;
	color: rgb(114, 110, 110);
	font-style: italic;
	display: inline;
}
#dashboard .commentSubmit,
#dashboard .commentCancel {
	font: normal 12px arial;
	color: #e9795e;
	cursor:pointer;
}
#dashboard .commentSubmit {
	color: rgb(61, 151, 44);
	margin-right: 6px;
}
#dashboard .buttonBox {
	float:right;
}


/***********Latest Updates**************/
.dashboard.updates .wholeQuestion div.student {
	margin: 10px 0;
	float: left;
	overflow: hidden;
	width: 85px;
}

.dashboard.updates .wholeQuestion .answer {
	overflow:hidden;
}

.dashboard.updates .wholeQuestion .questionText .questionTitle { 
	font: 14px Arial; 
	font-weight:bold;
	color: #62605c; 
	margin-bottom: 10px; 
}


.dashboard.updates .wholeQuestion .questionText .text, .dashboard.updates .wholeQuestion .answerText { 
	font: 12px Arial; 
	color: #2d2c2b; 
	line-height: 1.5em;
}

.dashboard.updates .wholeQuestion .questionText a, .dashboard.updates .wholeQuestion a.viewAll{
	font-weight:bold;
	margin: 15px 0;
}

.dashboard.updates .wholeQuestion .resultsInfo + a.viewAll {
	margin: 15px 25px 15px 0;
}


.answerBox::before {
    background-color: #f8f7f7;
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    top: 20px;
    transform:             rotate( 30deg ) skew( -20deg );
        -moz-transform:    rotate( 30deg ) skew( -20deg );
        -ms-transform:     rotate( 30deg ) skew( -20deg );
        -o-transform:      rotate( 30deg ) skew( -20deg );
        -webkit-transform: rotate( 30deg ) skew( -20deg );
    width:  20px;
    
    box-shadow: -2px 2px 2px 0 rgba(178, 178, 178, 0.4);
    left: -9px;
    
}

.wholeQuestion.multichoice .answerBox::before {
	height: 12px;
    top: 16px;
    width:  15px;
    left: -5px;
}

.answerBox {
    background-color: #f8f7f7;
    
    border-radius: 3px;
    box-shadow: 0 4px 6px 0 #C5C3C3;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;
    
    float: left;   
    margin: 5px 5px 5px 0px;  
    width:535px;
}

.answerBox.lbox {
	width:auto;
	max-width: 380px;
}

.dashboard.updates .wholeQuestion {
	overflow:hidden;
}

.dashboard.updates .wholeQuestion .questionText { 
	float: left; 
	padding: 10px; 
	position: relative; 
	min-height: 150px; 
}

.dashboard.updates .wholeQuestion div.student p {
	overflow:hidden;
	text-overflow:ellipsis;
}




.dashboard.updates .wholeQuestion span.firstEl {
	border-right: 1px solid rgb(170, 169, 169);
	margin: 0;
}

.dashboard.updates .wholeQuestion span {
	font-size: 10px;
	color: rgb(170, 169, 169);
	padding-right: 4px;
	margin-left: 5px;
}

.dashboard.updates .wholeQuestion .answerText div.answerTextDiv {
	color: #2D2C2B;
	font: 12px/1.5em Arial;
	margin: 5px 0 15px 0;
}

.dashboard.updates .wholeQuestion .rightSide {
	float:right;
}

.dashboard.updates .wholeQuestion span.evalLabel {
	color: #969494;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    margin-top: 4px;
}

.dashboard.updates .wholeQuestion .evaluate {
	margin-bottom: 10px;
    overflow: hidden;
}

.dashboard.updates .wholeQuestion .evaluate .firstElM {
	margin-left:0px;
}

.dashboard.updates .wholeQuestion span.evaluated {
	font-size: 18px;
	/*margin-left: 287px;*/
}

.dashboard.updates .wholeQuestion select {
	width:auto;
	float:right;
	margin-right:0;
}

.wholeQuestion.multichoice .answerBox {
	width:300px;
}

.dashboard.updates .wholeQuestion .resultsInfo { 
	float: right; 
	width: 200px; 
	padding: 5px; 
	margin: 30px 25px 5px 5px; 
	background: #f4f4f4; 
	position: relative; 
}
.dashboard.updates .wholeQuestion .resultsInfo p { font-size: 11px; margin-left: 20px; width: 160px; padding: 0 0 5px; }
.dashboard.updates .wholeQuestion .resultsInfo .view {margin-left: 0;}
.dashboard.updates .wholeQuestion .resultsInfo h5 { font-size: 15px; display: block; text-align: center; margin-top: 10px; }
.dashboard.updates .wholeQuestion .resultsInfo h6 { font-size: 13px; display: block; text-align: center; }
.dashboard.updates .wholeQuestion .resultsInfo span.done { width: 35px; height: 35px; background: #fafafa; border: 1px solid #e0dede; font-size: 11px;
	position: absolute; top: 3px; right: 3px; border-radius: 50%; display: inline-block; text-align: center; padding-top: 5px; color:black;}


.dashboard.updates .wholeQuestion .resultsInfo ol.qResultsList { width: 150px; list-style: upper-alpha outside; margin: 20px auto 15px 30px; }
.dashboard.updates .wholeQuestion .resultsInfo ol.qResultsList.openEnded { color: transparent; }
.dashboard.updates .wholeQuestion .resultsInfo ol.qResultsList li { background: #d2d2d2; position: relative; margin-bottom: 5px; border-radius: 5px; cursor: pointer; }
.dashboard.updates .wholeQuestion .resultsInfo ol.qResultsList li div.bar { position: absolute; height: 100%; border-radius: 5px; display: inline-block; }
.dashboard.updates .wholeQuestion .resultsInfo ol.qResultsList li div.percent { position: absolute; left: 47%; display: inline-block; color: black; }
.dashboard.updates .wholeQuestion .resultsInfo ol.qResultsList li.answer-true div.bar {
	background: #98dd78;
	background: linear-gradient(90deg, #98dd78 12%, #54d100 72%);
	background: -moz-linear-gradient(90deg, #98dd78 12%, #54d100 72%);
	background: -webkit-linear-gradient(90deg, #98dd78 12%, #54d100 72%);
	background: -o-linear-gradient(90deg, #98dd78 12%, #54d100 72%);
	background: -ms-linear-gradient(90deg, #98dd78 12%, #54d100 72%);
}
.dashboard.updates .wholeQuestion .resultsInfo ol.qResultsList li.answer-false div.bar {
	background: #f9a9a5;
	background: linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
	background: -moz-linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
	background: -webkit-linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
	background: -o-linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
	background: -ms-linear-gradient(90deg, #f9a9a5 12%, #f58078 72%);
}

.dashboard.updates .wholeQuestion .questionText .answerBox ol.answerList { margin: 0 0 0 50px; }

 .dashboard.updates .wholeQuestion .questionText ol.answerList li.answer-false:before { content: ""; vertical-align: middle;
	width: 50px; height: 20px; margin-left: -50px; background: url(/images/edu/questions/wrongAnswer.png) no-repeat left center; display: inline-block; }



 .dashboard.updates .wholeQuestion .answerText  .evaluate span a  {
	cursor: pointer;
}


.dashboard.updates  .answer .commentArea {
	width: 528px;
}

.dashboard.updates .commentCancel {
	margin-right:0px;
}

.dashboard.updates .rightContent {
	float:right;
	width:200px;
}

.dashboard.updates .leftContent span.blackText {
	color:black;
	font-size:12px;
}



/** support for lightbox **/
html, body {
    width  : 100%;
    height : 100%;
}
#overlay-back { 
    position   : fixed; 
    top        : 0; 
    left       : 0; 
    width      : 100%; 
    height     : 100%; 
    background : #6e6d6d; 
    opacity    : 0.5; 
    filter     : alpha(opacity=50); 
    z-index    : 5;
    display    : none;
} 
 
#site-selector-overlay { 
    position : absolute; 
    float    : left;
    top      : 50%; 
    left     : 50%;
    width    : 459px; 
    height   : 284px;
	margin-left: -230px;
	margin-top: -142px;     
    z-index  : 10;
    display  : none;
    padding  : 5px;
    /*background: url(/images/siteselector/background.png) no-repeat -0px 0px;*/
    background-repeat:no-repeat;
} 
#site-selector-overlay #title {
	position: relative;
	top: 30px;
	left: 123px;
	font-size: 24px;
	color: #6C6B6B;
	text-shadow: 1px 1px 1px #FFF;
}
#site-selector-overlay .site-bar
{
	border: 1px solid #DBDBDB;
	background-color: #EBEBEB;
	width: 173px;
	height: 150px;
	margin-top: 60px;
	display: inline-block;
}
#site-selector-overlay .bar-text {
	padding-top : 5px;
	padding-left : 5px;
	width: 164px;
	height: 84px;
	text-align: center;
	font-size: 17px;
	font-family: MyriadPro, Arial;
	color: #717070;
	line-height: 23px;
}

#site-selector-overlay #left-bar
{
	margin-left: 30px;
}

#site-selector-overlay #right-bar
{
	margin-left: 30px;
}

#site-selector-overlay .button-bgnd
{
background: url(/images/siteselector/button_bg.png) no-repeat -2px 0px;
}

#site-selector-overlay #closeSiteSelection
{
width: 19px;
height: 19px;
/*background: url(/images/siteselector/close.png) no-repeat -0px 0px;*/
left: 420px;
top: 19px;
/*cursor: pointer;*/
position: absolute;
}

.button-bgnd a {
display: block
}

.button-bgnd img {
	position: relative; 
	top: 10px;  
	left: 6px;" 
}

.button-bgnd .button-text {
	position: relative;    
	top: -23px;    
	left: 20px;    
	color: white;
	font-family: Arial;
	font-style:italic;
	font-size: 14px;
}
/**file:copia.css **/
 



/* header.css */

 




@font-face {
    font-family: 'Dine';
    src: url('/images/newv/fonts/BebasNeue-webfont.eot');
    src: url('/images/newv/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/newv/fonts/BebasNeue-webfont.woff') format('woff'),
         url('/images/newv/fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('/images/newv/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg')
         ;
    font-weight: normal;
    font-style: normal;
}

@font-face {
                font-family: 'MyriadPro';
                font-style: normal;
                font-weight: normal;
                src: local('MyriadPro Regular'), local('MyriadPro-Regular'), url('/images/newv/fonts/MyriadPro-Regular.otf') format('opentype');
}





header 
{
   position: relative;
   z-index: 1;
   height: 92px; color: white; 
}

.header-wrapper {
    webkit-box-shadow: 0px 4px 10px rgba(153, 151, 151, 0.9);
    -moz-box-shadow:    0px 4px 10px rgba(153, 151, 151, 0.9);
    box-shadow:         0px 4px 10px rgba(153, 151, 151, 0.9);
    border-top:3px solid #d7d6d6;
	position: relative;
	z-index: 1;
}
.lboxContent,
.header-wrapper, header {  
	background: rgb(237, 235, 235);
	background: -moz-linear-gradient(90deg, rgb(237, 235, 235) 12%, rgb(255, 255, 255) 72%);
	background: -webkit-linear-gradient(90deg, rgb(237, 235, 235) 12%, rgb(255, 255, 255) 72%);
	background: -o-linear-gradient(90deg, rgb(237, 235, 235) 12%, rgb(255, 255, 255) 72%);
	background: -ms-linear-gradient(90deg, rgb(237, 235, 235) 12%, rgb(255, 255, 255) 72%);
	background: linear-gradient(90deg, rgb(237, 235, 235) 12%, rgb(255, 255, 255) 72%);
 }
   
	#login header, #register header, #sendEmail header, #sendSecondEmail header { 
		height:149px; 
		background: url(/images/logo_header.png) no-repeat 420px  50px; 
	}


	header > * {
		position: absolute;

	}
 
	header a.logo {
		position: absolute;
		right: 60px;
		top: 0px;
		}
	
	#topNavBorder {
		height: 2px;
		width: 908px;
		position: relative;
		top: 41px;
		left: 0;
		margin-left: 14px;
		border-bottom: 1px dotted #918c7e;
		}
 
	header nav {
		font-size: 14px;
		line-height: 14px;
	}
 
		header nav li { float: left; }
 
		header nav a {
			font-weight: bold;
			text-decoration: none;
		}
 
		header nav.topNav { padding: 5px; padding-top: 15px; }
 
			header nav.topNav li { padding-left: 10px; }
 
				header nav.topNav li.mainToggle { padding-left: 11px; }
 
				header nav.topNav li a { padding: 5px; font-size: 12.2pt;}
 
					header nav.topNav li a.current { 
						color: #fff; 
						}
						header nav.topNav li a.current { 
						-moz-border-radius: 3px ;
						-webkit-border-radius: 3px;
						border-radius:3px ;
						}
						
					header nav.topNav li.username a:hover{
						background-color: #5c533c;
					}
 
		header nav.mainNav {
			height: 36px;
			bottom: 0px;
			left: 0px;
			background-color: #5e553e;
			/* TBD Is there a better way to do this without making a fixed width? */
			width: 792px;
			left: 149px;
		}
 
			header nav.mainNav ul {
				float: left;
				position: relative;
				top: 10px;
			}
 
			header nav.mainNav li {
				padding-left: 18px;
				color: #fff;
				font-weight: bold;
			}
 
				header nav.mainNav li a {
					text-decoration: none;
					color: #fff;
					display: block;
					padding-bottom: 6px;
					height: 14px;
					outline: none
				}
 
					header nav.mainNav li a:hover, header nav.mainNav li .current { border-bottom: 6px solid #a0ad39; }
					
					body.userIdentity header nav.mainNav li a:hover, 
					body.userIdentity header nav.mainNav li .current { border-color: #a0ad39;}
					
					body.friendIdentity header nav.mainNav li a:hover, 
					body.friendIdentity header nav.mainNav li .current { border-color: #69a1ad;}
					
					body.groupIdentity header nav.mainNav li a:hover, 
					body.groupIdentity header nav.mainNav li .current { border-color: #d97d31;}
					
					body.copiaIdentity header nav.mainNav li a:hover, 
					body.copiaIdentity header nav.mainNav li .current { border-color: #f8dd52;}
					

body.hybrid header nav.mainNav, body.wide header nav.mainNav {
	left: 0px;
	width: 941px;
}

/* PUBLIC AND USER DROPDOWN MENUS*/	

header nav.topNav .myCopia-menu, 
header nav.topNav .publicCopia-menu { display:none; position:absolute; width:121px; z-index:500; margin-top:5px; background-color:#5e553e; padding:10px 0 10px 0;-moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0; border-radius:0; }

header nav.topNav .myCopia-menu li, 
header nav.topNav .publicCopia-menu li { display: block; float: none; padding:0; }

header nav.topNav .myCopia-menu li a, 
header nav.topNav .publicCopia-menu li a { font-size:13px; background-color:transparent; display:block; padding:5px 0 5px 5px; color:#fff;}	

header nav.topNav .myCopia-menu li a:hover, 
header nav.topNav .publicCopia-menu li a:hover {background-color:#01ac9a !important; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius:0;}	

/* new auth  */
header .hdrLogo { left: 15px; width: 169px; z-index: 100; /*box-shadow: 2px 2px 2px #ccc inset; -webkit-box-shadow: 2px 2px 2px #ccc inset; -moz-box-shadow: 2px 2px 2px #ccc inset;*/ }

/* an elemnt in content to be under logo and to make text float over the logo*/
.fakeLogo{
    float: left;
    width: 190px;
    height: 90px;
}
header .hdrLogo a.headerImg {
	background: white;
	height: 187px;
	width: 169px;
	display: block;
}
header .hdrLogo a.headerImg img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 169px;
}

header .poweredByCopia { position: absolute; bottom: 6px; right: 10px; background: transparent url(/images/powere-by-copia.png) no-repeat right center; height: 20px; width: 90px; text-align: right; }

.hdrSearch { top: 48px; left: 0; font-size: 12pt; font-weight: bold; width: 100%; height: 25px; z-index : 50;}
.hdrSearch.expand {z-index : 300;}
.hdrSearch #hdrSearchForm {float:right; margin-right:5px; position:relative;}

.hdrSearch #hdrSearchForm .hdrSearchTypeMenu{display:none; width:150px;min-width:150px;margin-right: 0;}
.hdrSearch.expand #hdrSearchForm .hdrSearchTypeMenu{display:inline-block;}

.hdrSearch #hdrSearchKey{
	width: 200px;
	height: 26px; 
	padding: 3px 7px; 
	font-size: 12px; 
	margin-top: 1px;
}
.hdrSearch.expand #hdrSearchKey{
	width: 545px;
}

.hdrSearch #advancedSearchButton { 
	font-size: 12px;
	line-height: 11px;
	display: none;
	position: absolute;
	top: 10px;
	right: 50px;
}
.hdrSearch.expand #advancedSearchButton {display: inline-block;}

.hdrSearch .searchImg {margin-left: -1px;vertical-align:top;}

body.copiaIdentity.hybrid header nav.topNav, header nav.topNav {margin-left: 192px; top: 53px; padding: 5px 0; z-index: 100; }
body.copiaIdentity.hybrid.unauth header nav.topNav, .unauth header nav.topNav {margin-left: 235px;}

body.copiaIdentity.hybrid header nav.topNav a, header nav.topNav a { font-size: 16px; /*10pt*/ }
header nav.topNav li { padding: 0 5px 0 2px; }
.unauth header nav.topNav li { padding: 0 12px 0 2px; }
header nav.topNav li a.current, body.copiaIdentity.hybrid header nav.topNav li a.current,
header nav.topNav li a:hover, body.copiaIdentity.hybrid header nav.topNav li a:hover { color: black; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px; border-radius: 3px; border-bottom: 0; }

header nav.sitePrefs,
header nav.siteLogin {right: 8px; margin-top: -3px;}

header nav.sitePrefs li a,
header nav.siteLogin li a{height:36px;}

body.unauth.copiaIdentity.hybrid header nav.siteLogin, 
body.unauth.copiaIdentity.hybrid header nav.siteLogin li a,
body.unauth header nav.siteLogin li a,
header nav.sitePrefs li a { font-size:12px; font-weight:normal; line-height:1; }

body.unauth.copiaIdentity.hybrid header nav.siteLogin li.separator span,
body.unauth header nav.siteLogin li.separator span,
header nav.sitePrefs li.separator span { width:1px; height:2px; display:block; padding:5px 0 5px 5px; margin-top:3px; margin-right:5px; border-right: 1px solid #fff; }

header a.cartInfo,
header a.cartInfo:hover { text-decoration: none; }
header a.cartInfo span { color: #CCC3A6; font-size: 11pt; } 


/****** new cra header ******/

body.network header #hdrLogo {
 	float: left;
	margin: 10px;
}

body.network.large header #hdrLogo {
	position: absolute;
	left: 10px;
	width: 185px;
	height: 193px;
	margin: 0 0 0 -8px;
	overflow: hidden;
	padding-left: 8px;
	z-index: 1;
}

body.network header #hdrLogo img {
	box-shadow: 4px 0 4px 0 #888, -4px 0 4px 0 #888;
	/*-moz-box-shadow: 4px 0 4px 0 #888, -4px 0 4px 0 #888;
	-webkit-box-shadow: 4px 0 4px 0 #888, -4px 0 4px 0 #888;*/
	max-height: 70px;
}
body.network.large header #hdrLogo img {
	box-shadow: 0 -36px 8px 3px #A3A197, 0 3px 8px 3px #322E24;
	max-height: 190px;
}

body.network header #upperLine{
	height: 88px;
}
body.network.large header #upperLine{
	padding-left: 180px;
	height: 153px;
}

body.network header #hdrTitle{
	float: left;
	margin: 20px 0 0 20px;
	color: white;
	font-size: 26pt;
	font-weight: bold;
	font-family: Calibri;
}

body.network.light header #hdrTitle{
	color: #2B2518;
}

body.network.large header #hdrTitle {
	float: none;
	color: #2B2518;
	height: 85px;
	padding: 55px 0 0 16px;
	vertical-align: bottom;
	display: table-cell;
}


body.network header #hdrLoginLogout{
	float: right;
	margin: 17px 20px 0 10px;
}

body.network.large header #hdrLoginLogout{
	margin: 23px 0 0 10px;
	position: absolute;
	top: 0px;
	left: 680px;
}

body.unauth.network.large header #hdrLoginLogout{
	left: 509px;
}

body.network header #hdrLoginLogout ul{
	float: right;
	padding-bottom: 7px;
}

body.network.large header #hdrLoginLogout ul{
	float: left;
}


body.network header #hdrLoginLogout ul li{
	margin-left: 10px; 
}

body.network header #hdrLoginLogout ul li a {
	color: white;
	font-weight: bold;
	font-size: 12px;
}
body.network.light header #hdrLoginLogout ul li a,
body.network.large header #hdrLoginLogout ul li a {
	color: #2B2518;
}

/**** NAVIGATION  ****/
body.network header #topNav{ 
	background: #494436 url(/images/bg-header-bar.png) 0 0;
	height: 34px;
	padding: 10px 0;
}
body.network.large header #topNav{
	padding-left: 180px;
}

body.network header #topNav ul{
	margin: 10px;
	float: left;
}

body.network header #topNav ul li a{
	color: white;
}

/* AUTH NETWORKS */
body.network header #cartInfo{
	background: transparent url(/images/basket.png) no-repeat;
	float: left;
	width: 120px;
	height: 35px;
	clear: both;
	padding: 0;
}

body.network.large header #cartInfo{
	float: left;
	clear: none;
	margin: -10px 0 0 10px;
}

body.network header #cartInfo #cartSize{
	color: #DED7C1;
	font-weight: bold;
	font-size: 12px;
	color: white;
	position: relative;
	top: 10px;
	left: 8px;
}

/* footer.css */
 



footer {
	width:962px;
	}

footer #recentlyViewed {
    background-color:#5c533c; height:65px; padding:15px 0 15px 10px;    
}
	footer #recentlyViewed ul {
		width:930px;
	}

	footer #recentlyViewed li {
		float: left;
       font-size:18px;
       color:#e5dec9;
       border-right:1px dotted #FFF;
       vertical-align:top;
       text-align: center;
		height:65px; 
    }
    footer #recentlyViewed li.labelHdr {
            padding-right:14px;
            text-align: left;
            
    }
    footer #recentlyViewed li.labelHdr p {
       float:left;
       padding-bottom:25px;
    }
	footer #recentlyViewed li.book {
       padding:0 13px 0 14px;
       width: 45px;
       overflow: hidden;
    }
    footer #recentlyViewed li.avatar {
       padding:0 10px 0 10px;
    }

#siteInfo {
	position:relative;
	height:182px; 
}


footer .footerLinks { position: relative; top: 15px; left: 120px; font-weight: normal; font-size: 9pt; }
footer .footerLinks ul { float: left; }
/*footer #siteInfo { height: 182px; }*/
footer ul li { padding: 3px 0; }

body footer .poweredByCopia {
	background: transparent url(/images/powere-by-copia.png) no-repeat 0 0;
	height: 20px;
	width: 130px;
}


/* searchBar.css */
 

#searchBar {
	background-color:#e5dec9;
	margin-top:0px;
	overflow:visible;
	position:relative;
	}
	
#searchBar form {
	padding: 11px 11px 11px 11px;
	width:730px;
	float:left;
	}
	
#searchBar.advanced #search{
	display:none;
}
#searchBar.advanced #searchFilters {
	display:block;
}

#search > * { float:left;}

/* End SearchBy */
#search label {
	font-size:20px;
	font-weight:bold;
	padding-right:11px;
	padding-top: 7px;
}
#search input[type=text]{
	font-size: 20px;
	padding:4px 5px 3px 5px;
	height:29px;
	border-right-width:0px;
	float:left;
	width:385px;
	}
#search input[type=text].active {
	width:382px;
	height:28px;
	border-width:2px 2px 1px 2px;
}
#search select { 
	padding:0px;
	line-height:14px;
	width:109px;
	font-size:11px;
}
#search .selectWrapper{
	background-color:#ccc3a6;
	border-top:1px solid #bcbcbc;
	height: 28px;
	padding:4px;
}

#search button {
	background-position:0px -74px;
	margin:0px;
	color:#7dfff1;
	font-size:12px;
	-moz-border-radius: 0 2px 2px 0;
	width:45px;
}

#searchBar .advancedToggle {
	color:#01ac9a;
	font-weight:bold;
	float:right;
	padding-top:10px;
}
#searchBar h2 .advancedToggle {
	font-size:16px;
	padding-top:6px;
}
/* Search With Filter Bar */
.searchBar.withFilterBar { 
	margin-bottom:30px;
}

.searchBar.withFilterBar #search {padding-bottom:0px; position:relative;}

#search .filterBar{
	background-color:#FFF;
	width:700px;
	clear:left;
	position:relative;
	/*top:20px;*/
	min-height:20px;
	display:none;
	padding:10px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#search .filterBar li{
	color: #433b26;
	background-color:#C3C2C2;
	font-weight:bold;
	float:left;
	margin-right:10px;
	padding:3px 20px 3px 6px;
	position:relative;
	padding-right:20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#search .filterBar li .remove{
	font-size:13px;
	font-weight:bold;
	margin-right:4px;
	position:absolute;
	right:0;
	top:1px;
	color:#897c70;
}

.searchBar.withFilterBar #search .filterBar { display:block; }

/* Search Filters Form */
#searchFilters { display:none; }
#searchFilters ul {
	float:left; 
	width:376px;
	margin-left:9px;
}
#searchFilters ul.first { margin-right:9px; margin-left:0px;}

#searchFilters li {
	float: left; 
	width:100%;
	padding:0px;
	margin:2px 0px;
}

#searchFilters li > * { display:block; }

#searchFilters label{
	font-size:16px;
	width:34%;
	padding-top:4px;
}

#searchFilters input[type=text], #searchFilters select {
	width:64%;
	height:26px;
	padding:2px;
	padding-top:3px;
	font-weight:normal;
	font-size:16px;
}

#searchFilters select {
	margin-bottom: 4px;
	margin-top: 4px;
	font-size: 11px;
	}

#searchFilters button {float:right;}

.autoCompleteList {
	position:absolute;
	z-index:30;
	background-color:#FFF;
	color:#000;
	border: 1px solid #c4c4c3;
	border-top-width:0px;
	display:none;
	font-size:20px;
	padding:5px 0px;
	cursor:pointer;
}

.autoCompleteList li{
	padding: 3px 9px;
}

/* JQuery UI (~) AC Components */
.ui-autocomplete { position: absolute; cursor: default; }	
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	background: rgb(231,231,231); 
}

.ui-autocomplete { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-autocomplete { font-size: 1em; }
.ui-autocomplete { padding: 7px; border: 1px solid #C7C7C7; background: #ffffff url(/images/jqueryui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-autocomplete a { color: #222222; }
/* END: JQuery UI AC Components */


#downloadFilter { margin-left:80px; /*clear: both;*/ /*white-space: nowrap;*/ }
#downloadFilter label { font-size:1em; font-weight:normal; }

#searchBar.bookSearch form { padding-top:25px; }
#searchBar.bookSearch #searchType, #form_findAndBuyEBooks #searchType { margin:-20px 0 0 80px; position:absolute; }
#form_findAndBuyEBooks #searchType, #form_findAndBuyEBooks #downloadFilter { margin-left:0; }
#searchBar.bookSearch #searchType label, #form_findAndBuyEBooks #searchType label { font-size:1em; }
#searchBar.bookSearch .advancedToggle { float:left; margin-left:10px; }

#searchBar.groupSearch form { padding-top:25px; }
#searchBar.groupSearch #searchType{ margin:-20px 0 0 80px; position:absolute; }
#searchBar.groupSearch #searchType label{ font-size:1em; }
#searchBar.groupSearch .advancedToggle { float:left; margin-left:10px; }

/*** HELP LIGHTBOX ***/

#searchBar #helpBtn { position: relative; left: 100px; top: 10px;  }

#catalogHelp { color: #000000; padding: 15px; }
	#catalogHelp > * {  outline: 0; }
	#catalogHelp .headerHelp { margin-bottom: 10px; border-bottom: 2px solid #3d3624; font-size: 30px; color: #2b2518; font-weight: bold; }
	#catalogHelp .infoContainer { padding: 10px 0; display:table; clear: both; }
		#catalogHelp .infoContainer .left { display: table-cell; width: 280px; }
		#catalogHelp .infoContainer .right { display: table-cell; padding-left:50px; }
	#catalogHelp .subHeaderHelp { font-size: 18px; /*font-size: bold;*/ color: #2b2518; border-bottom: #ded7c1 solid 5px; padding-bottom: 5px; margin-bottom: 10px;  }
	#catalogHelp #catalogHelpTableExample { padding: 10px 0; border-collapse: collapse; }
	#catalogHelp #catalogHelpTableExample .label { font-size: 14px;  vertical-align: top; font-weight: bold; width: 75px; padding: 23px 0 10px 0; text-align: left; color: #2b2518; }
	
	#catalogHelp #helpButtons { margin-top: 10px; text-align: right; clear: both; border-top: 1px dotted #49412c; padding: 10px 0; }

	
	
/*** Browser fixes ***/

@media screen and (-webkit-min-device-pixel-ratio:0) { 
#advDownloadable { margin-left: 120px; }
}


/* buttons.css */



/********************************************/
/******** Buttons ***************************/
/********************************************/

body .button,
body button{
    text-align: left;
    padding: 2px 20px 0 ;
    margin: 0 0 0 0.5em;
    background: url(/images/newv/images/sprites.png) left top no-repeat;
    position: relative;
    border-radius: 0;
    border: none;
    width: auto;
    color: white;
    font: normal 22px/42px Dine, sans-serif;
    border-radius: 0;
    display: inline-block;
    height: 42px;
    overflow: visible;
    color: white;
    font: normal 22px/42px Dine, sans-serif;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    cursor: pointer;
}
.button.button2 {
	padding: 2px 5px 0;
}
/* disable button */
body .button.disabled,
body button.disabled,
body .button[disabled],
body button[disabled],
body .button.size-a.disabled,
body button.size-a.disabled,
body .button.size-a[disabled],
body button.size-a[disabled] {
	background-position: -500px 0;
	pointer-events: none;
	cursor: default;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
/* hide left element */
body .button.disabled::before,
body button.disabled::before,
body .button[disabled]::before,
body button[disabled]::before,
body .button.size-a.disabled::before,
body button.size-a.disabled::before,
body .button.size-a[disabled]::before,
body button.size-a[disabled]::before{
	display: none;
}

body .button:hover,
body button:hover {
    color: white;
}
body .button:first-child,
body button:first-child,
body .button:only-child,
body button:only-child {
    margin-left: 0;
}

    /* Pseudo/Before Element (The Right side of the button) */
    body .button::before,
    body button::before {
        position: absolute;
        width: 2px;
        height: 42px;
        content: "";
        background: url(/images/newv/images/sprites.png) -429px -52px no-repeat;
        right: -2px;
        top: 0;
    }
    
    /* Psuedo After Element for the hover effect */
    body .button::after,
    body button::after {
        position: absolute;
        left: 1px;
        right: -1px;
        top: 1px;
        bottom: 1px;
        content: "";
        transition: all 0.12s ease-in-out;
        -webkit-transition: all 0.12s ease-in-out;
        z-index: 1;
        opacity: 0;
        background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
        background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: radial-gradient(ellipse at center,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    }
    body .button:hover::after,
    body button:hover::after {
        opacity: 0.25;
    }
    
    /* Hover */
    body button:hover,
    body .button:hover {
        /*background-position: left -28px;*/
        opacity: 1;
        color: #FFF;
    }
    
    /* Pseudo/Before Hover */
    body button:hover::before,
    body .button:hover::before {
        /*background-position: right -86px;*/
        opacity: 1;
  }
  
        body .button span,
        body button span {
            margin: 0;
            padding: 0;
            float: none;
            display: block;
            position: relative;
            color: white;
            font: normal 22px/42px Dine, sans-serif;
            text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
            z-index: 2;
            height: 42px;
        }
    		body .button span small,
    		body button span small {
    			font-size: 0.8em;
    		}
    	body .button span *,
    	body button span * {
    		display: inline;
    		text-transform: lowercase;
    	}
    
    
    
    
    /* Icon */
    body .button.icon span,
    body button.icon span {
        padding-right: 16px;
    }
    body .button.icon span::before,
    body button.icon span::before {
        content: "";
        position: absolute;
        background: url(/images/newv/images/sprites.png) 50% 50% no-repeat;
        top: 50%;
        height: 28px;
        margin-top: -14px;
        right: -20px;
        width: 28px;
        xborder: 1px solid #F0F;
    }
    
    
/*******************************************************************************

    Button Icons
    
  *****************************************************************************/

/* Arrowdown */
body .button.icon.arrowdown span::before,
body button.icon.arrowdown span::before {
    background-position: -886px -9px;
}

/* Arrowdown with a Circle */
body .button.icon.arrowdown.circle span::before,
body button.icon.arrowdown.circle span::before {
    background-position: -33px -750px;
}

/* Popup */
body .button.icon.popup span::before,
body button.icon.popup span::before {
    background-position: -887px -396px;
}


/* Plus */
body .button.icon.plus span::before,
body button.icon.plus span::before {
    background-position: -890px -179px;
}

/* White Plus */
body .button.icon.whiteplus span::before,
body button.icon.whiteplus span::before {
    background-position: -890px -292px;
}

/* Arrow Right */
body .button.icon.arrowright span::before,
body button.icon.arrowright span::before {
    background-position: -891px -120px;
}
/* Arrow Right With Circle*/
body .button.icon.arrowright.circle span::before,
body button.icon.arrowright.circle span::before {
    background-position: -120px -750px;
}

/* Cart icon */
body .button.icon.cartImg span::before,
body button.icon.cartImg span::before {
    background-position: -888px -241px; 
}

/* Gift icon */
body .button.icon.giftImg span::before,
body button.icon.giftImg span::before {
    background-position: -890px -350px; 
}
    
    /* Other versions */
    body .button.gray,
    body button.gray {
        background-position: -1px -102px;
        color: #e9795e;
        text-shadow: 1px 1px 1px #FFF;
        height: 38px;
        line-height: 40px;
    }
    body .button.gray::before,
    body button.gray::before {
        background-position: -428px -148px;
        height: 38px;
    }
        body .button.gray,
        body button.gray,
        body .button.gray span,
        body button.gray span {
            color: #e9795e;
            text-shadow: 1px 1px 1px #FFF;
            line-height: 40px;
        }
        body .button.gray span,
        body button.gray span {
            height: 36px;
        }
        body .button.transp,
    	body button.transp,
    	body .button.transp span,
    	body button.transp span {
    		background: none;
			color: #E87256;
			text-shadow: none;
    	}
    	body .button.transp::before,
    	body button.transp::before {
    		background: none;
    	}
    /* Size-A (Small) Orange */
    body .button.size-a,
    body button.size-a,
    body .button.size-a,
	body .button.small,
	body button.small {
        background-position: 0 -268px;
        height: 29px;
    }
        body .button.size-a::before,
        body button.size-a::before,
		body .button.small::before,
		body button.small::before {
            height: 29px;
            background-position: -428px -298px;
        }
    body .button.size-a,
    body button.size-a,
    body .button.size-a span,
    body button.size-a span,
	body .button.small,
	body button.small {
        font: normal 18px/28px Dine;
        text-shadow: 0 0 2px #333;
    }
            body button.size-a span,
            body .button.size-a span {
                height: 29px;
            }
            
    /* Size-B (Medium) Orange */
    body button.size-b,
    body .button.size-b {
        background-position: 0 -190px;
        height: 35px;
    }
        body button.size-b::before,
        body .button.size-b::before {
            height: 35px;
            background-position: -428px -226px;
        }
        
    body .button.size-b,
    body button.size-b,
    body .button.size-b span,
    body button.size-b span {
        font: normal 21px/33px Dine;
        text-shadow: 0 0 2px #333;
    }
            body button.size-b span,
            body .button.size-b span {
                height: 35px;
            }
        
    /* Size-A (Small) Gray */
    body button.gray.size-a,
    body .button.gray.size-a {
        background-position: 0 -482px;
        height: 31px;
    }
        body button.gray.size-a::before,
        body .button.gray.size-a::before {
            height: 31px;
            background-position: -428px -512px;
        }
        
    body .button.gray.size-a,
    body button.gray.size-a,
    body .button.gray.size-a span,
    body button.gray.size-a span {
        font: bold 14px/28px Arial;
        text-shadow: 1px 1px 1px #FFF;
    }
            body button.gray.size-a span,
            body .button.gray.size-a span {
                height: 31px;
            }
        
    body .button.icon.gray.size-a span,
    body button.icon.gray.size-a span {
        padding-right: 16px;
    }
        body .button.icon.gray.size-a span::before,
        body button.icon.gray.size-a span::before {
            margin-top: -16px;
            right: -12px;
        }


/*********************************************************************
 OTHER BUTTON CONFIGURATIONS
 HERE YOU MAY EDIT
*****************************************************************************/


    
/* Custom Buttons */

body .button.headerButton, 
body button.headerButton {
    font-size: 14px;
}
    
    /* Custom for Header Buttons */
    body .button.headerButton::before,
    body button.headerButton::before {
        background: url(/images/newv/images/sprites.png) -428px -56px no-repeat;
        right: -1px;
    }
	body .button.headerButton.icon.cartImg span:before, 
	body .button.headerButton.icon.cartImg span:before {
		top: 46%;
	}

    body .button.gray.headerButton span,
    body button.gray.headerButton span ,
    body .button.headerButton span,
    body button.headerButton span {
        font-weight: bold;
        font-family: arial;
        font-size: 12px;
        line-height: 35px;
    }
    
body #hdrSearchForm menu {
	vertical-align: bottom;
}
	body #hdrSearchForm menu ul{
		top: 32px;
	}

    body #hdrSearchForm menu .button.headermenu,
	body #hdrSearchForm menu button.headermenu {
        height: 33px;
        margin-bottom: 0;
        background-position: -2px -104px;
        border-bottom: 2px inset #E9795E;
	}

    body #hdrSearchForm menu .button.headermenu::before,
	body #hdrSearchForm menu button.headermenu::before {
        border-bottom: 2px inset #E9795E;
        height: 32px;
    }
    body #hdrSearchForm menu .button.headermenu span {
        line-height: 34px;
    }
    body #hdrSearchForm menu .button.headermenu span::before{
    	background-position: -886px -7px;
	    height: 32px;
	    top: 14px;
    }
    body .button.gray.headerButton::before,
    body button.gray.headerButton::before {
        background-position: -428px -149px;
    }


body.page-note-threads .button.size-b,
body.page-note-threads button.size-b,
body.page-note-threads .button.size-b span,
body.page-note-threads button.size-b span {
	font-size: 20px;
}


/* newmisc.css */
 


body #page #content .cols {
    float: none;
    margin: 12px 0 0;
    padding: 0 0 20px;
}
    body #page #content .col {
        vertical-align: top;
        display: inline-block;
        height: 340px;
        width: 298px;
        margin: 0 10px;
        padding: 0;
    
        background: #E3E1E1;
        border: none;
        border-top: 2px solid #C9C7C7;
        position: relative;
    }
    
        body #page #content .col h3 {
            font: normal 25px Dine;
            color: rgba(0,0,0, 0.9);
            padding: 8px 8px 0 20px;
        }
        body #page #content .col img {
            display: block;
            margin: 0 auto;
        }
        body #page #content .col p {
            padding: 0 20px;
            font: normal 14px/18px Arial;
            color: #666;
            margin: 0 0 1em;
        }
        body #page #content .col .actions {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 57px;
            text-align: center;
            vertical-align: middle;
        }


.titledbox, .titledbox * {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.titledbox {
    background: none;
    padding: 20px 0 0 0;
}
	.titledbox .cnt,
	.titledbox .title {
    	margin: 0 25px;
   	}
    .titledbox .title {
        border-bottom: #BFBDBD 2px solid;
        background: none;
        position: relative;
        height: 38px;
    }
        .titledbox .title h2 {
            font: normal 30px/35px Dine;
            text-transform: uppercase;
            letter-spacing: 1px;
            position: relative;
            display: inline-block;
        }
        .titledbox .title h2 { 
        	
        }
        .titledbox .title .links {
            display: inline-block;
            width: auto;
        }
            .titledbox .title .links .item {
                display: inline-block;
                margin-left: 7px;
                font: normal 12px/20px Arial;
                padding: 0px 5px;
            }
            .titledbox .title .links .item.passive{
            	margin-right: -15px;
            	color: #B6B6BB;
           	}
            .titledbox .title .links .item:first-child {
                margin-left: 10px;
            }
            .titledbox .title .links .item:hover {
                box-shadow: 0 0 3px rgba(66,66,66,0.5);
            }
            .titledbox .title .links .item.passive:hover {
            	box-shadow: none;
            }
            .titledbox .title .links .item.active {
                color: #333;
            }
        
        .titledbox .title .actions {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
        }
            body #page #content .titledbox .title .actions .button {
                height: 38px;
                border-bottom: 2px solid #E9795E;
            }
            body #page #content .titledbox .title .actions .button:before {
                height: 38px;
            }
            body #page #content .titledbox .title .actions .button,
            body #page #content .titledbox .title .actions .button span {
                font: bold 17px/36px Arial
            }
            
            
            
            
            /*** Titled Icons */
            
            .titledbox .title .links .item.icon {
                padding-left: 22px;
                position: relative;
            }
            .titledbox .title .links .item.icon::before {
                content: "";
                background: url('/images/newv/images/sprites.png') 0 0;
                width: 17px;
                height: 16px;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -8px;
            }
            .titledbox .title .links .item.icon.people::before,
            .titledbox .title .links .item.icon.following::before,
            .titledbox .title .links .item.icon.followers::before,
            .titledbox .title .links .item.icon.friends::before { 
            	background-position: -218px -881px
            }
            .titledbox .title .links .item.icon.idiscussions::before{
            	background-position: -92px -881px;
            }
            .titledbox .title .links .item.icon.igroups::before{
            	background-position: -218px -881px;
            }
            .titledbox .title .links .item.icon.ilibraries::before{
            	background-position: -155px -881px;
            }
            .titledbox .title .links .item.icon.ireviews::before{
            	background-position: -434px -881px;
            }
    



/**** Single Column list *****/

body #container #page .sclist {
    width: auto;
    float: none;
    border: none;
}
	 body#groups #container #page .sclist .scitem {
	 	float:left;
	 	width: 700px;
	 	height: auto;
	 }
    body #container #page .sclist .scitem {
        padding: 10px 6px;
        margin: 0;
        border: none;
        position: relative;

        overflow: visible;
        float: none;
        height: 90px;
        width: auto;
    } 
        xbody #container #page .sclist .scitem::before {
            content: "";
            position: absolute;
            width: 16px;
            height: 29px;
            background: url('/images/newv/images/sprites.png') -879px -849px;
            display: none;
            left: 6px;
            top: 30px;
        }
    body #container #page .sclist .scitem:hover {
        background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.06)), color-stop(100%,rgba(0,0,0,0)));
        background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0) 100%);
        background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0) 100%);
        background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
    }
        body #container #page .sclist .scitem .result-img {
            float: left;
            margin: 0 22px 0 0;
            padding: 0;
            width: 64px;
            height: 64px;
}
        body #container #page .sclist .scitem .result-details {
            
        }
        body #container #page .sclist .scitem h4 {
            font: bold 14px/14px Arial;
            padding: 0;
            margin: 0 0 10px;
        }
        body #container #page .sclist .scitem h4 a {
            font: bold 14px/14px Arial;
        }
        body #container #page .sclist .scitem .meta {
            margin: 0 0 6px;
        }
            body #container #page .sclist .scitem .meta li {
                display: inline-block;
                float: none;
                font: normal 12px Arial;
                color: #000;
                background: none;
                border-left: 1px solid #000;
                padding: 0 6px 0 6px;
            }
            body #container #page .sclist .scitem .meta li:first-child {
                padding-left: 0;
                border-left: none;
            }
            body #container #page .sclist .scitem .meta-in-common li {
                color: #b6b6bb;
                font-style: italic;
                border-color: #b6b6bb;
            }
            
            
    
/*** Scols ****/
    
    

body #page #content .scols,
body #page #content .scols * {
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
    
body.page-home #page #content .scols {
  width: auto; 
  border: 1px solid #CBC9C9;
  margin: 0 14px;
  background-color: #E9E7E7;
}
    body #page #content .scols .scol {
      display: inline-block;
      vertical-align: top;
      width: 33%;
      padding: 8px 0 16px;
}
    body.page-home #page #content .scols .scol {
      padding: 8px 8px 16px;
}
	body.page-community #page #content .scols .scol{
		padding-left: 5px;
	}
    body.page-home #page #content .scols .scol:first-child {
        background: #E8E6E6;
        position: relative;
        border-right: 1px solid #CCCACA;
    }
        /* The right arrow */
            body.page-home #page #content .scols .scol:first-child::after,
            body.page-home #page #content .scols .scol:first-child::before {
                content: "";
                right: -8px;
                top: 50%;
                margin-top: -11px;
                width: 0;
                height: 0;
                border-top: 11px solid transparent;
                border-left: 8px solid #CCCACA;
                border-bottom: 11px solid transparent;
                position: absolute;
                z-index: 5;
            }
            body.page-home #page #content .scols .scol:first-child::after {
                border-left: 8px solid #E8E6E6;
            }
                body.page-home #page #content .scols .scol:first-child::before {
                    right: -9px;
                    border-left: 8px solid #CCCACA;
                }
        /* End Arrow */
        
    body #page #content .scols .scol h3 {
        font: normal 26px/25px Dine;
        text-transform: uppercase;
        color: #424242;
    }
    body #page #content .scols .scol .meta {
        font: bold 12px/18px Arial;
    
}
    body #page #content .scols .scol .meta .names {
    height: 52px;
        
    }
        body #page #content .scols .scol .meta .cover {
            width: 70px;
            height: 106px;
            float: left;
        
            margin-right: 10px;
}
        body #page #content .scols .scol .meta h5 {
            max-height: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 134px;
            display: inline-block;
            white-space: nowrap;
            color:black;
}
    body #page #content .scols .scol .meta .price {
        font: bold 12px/16px Arial;
        color: #EF8E71;
        display: block;
    }
    body .scols .scol .meta .community-value {
        margin: 10px 0 0 80px;
        
    }
    body .community-value {
        background: #F5F5F5;
        font: bold 12px/16px Arial;
        color: #000;
        border: 1px solid #C4C3C3;
        width: 114px;
        height: 44px;
        padding: 6px 8px;
        position: relative;
    }
        body .community-value .score {
            display: block;
            height: 56px;
            width: 56px;
            border-radius: 100%;
            border: 5px solid #EF8E71;
            background: #FFF;
            font: bold 24px/48px Arial;
            color: #434343;
        
            position: absolute;
            right: -25px;
            top: -6px;
            text-align: center;
}

body #page #content .scols .scol .recommended-by {
    margin: 10px 0 0;
    text-align: left;
}
    body #page #content .scols .scol .recommended-by h6 {
        text-align: left;
    }
    body #page #content .scols .scol .recommended-by ul {
        margin: 0 0 7px;
        padding: 2px 0 0;
}
        body #page #content .scols .scol .recommended-by ul li {
            display: inline-block;
            background: #D1AD82;
            border-radius: 100%;
            margin: 0 3px;
        }
        body #page #content .scols .scol .recommended-by ul li,
        body #page #content .scols .scol .recommended-by ul li img {
            width: 34px;
            height: 34px;
        }
body #page #content .scols .scol .actions {
    text-align: center;
}
body #page #content .scols .scol .button,
body #page #content .scols .scol button {
   margin: 0;
}

body.page-home #page #content .scols .scol.recommended-book {
    min-height: 290px;
}
body #page #content .scols .scol .actions {
    text-align: center;
    width: 100%;
    margin-top: 22px;
}
body.page-home #page #content .scols .scol .actions {
    position: absolute;
    bottom: 10px;
}

#login #content {
    min-height: 600px;
}
body.page-home .bButtons .discussions {
    min-height: 35px;
}
.page-library .titledbox .title h2 {
    width: 100%;
}

/* frontpage.css */
 


body.page-home .content .dcarousel {
	clear: both;
	overflow: auto;
}
	.content .dcarousel .slider {
	    background: none;
	}
	    .content .dcarousel .slider ul {
	        background: none;
	    }
	        .content .dcarousel .slider ul li {
	            background: none;
	        }

body.page-home #page #content .hot-discussions {
    
}
    body.page-home #page #content .hot-discussions ul {
        
    }
        body.page-home #page #content .hot-discussions ul li {
            margin: 12px 0 0;
        }
        body.page-home #page #content .hot-discussions ul li:first-child {
            margin-top: 0;
        }
            body.page-home #page #content .hot-discussions ul li h4 {
                margin: 0;
            }
                body.page-home #page #content .hot-discussions ul li h4 a {
                    font: bold 13px/18px Arial;
                }
            body.page-home #page #content .hot-discussions ul li p {
                margin: 5px 0 0;
            }
body.page-home #page #content .featured-groups {
    
}
    body.page-home #page #content .featured-groups ul {
        
    }
        body.page-home #page #content .featured-groups ul li {
            margin: 20px 0 0;
            clear: both;
            overflow: auto;
        }
        body.page-home #page #content .featured-groups ul li:first-child {
            margin-top: 0;
        }
            body.page-home #page #content .featured-groups ul li .avatar {
                margin: 0;
                width: 54px;
                height: 54px;
                float: left;
                margin-right: 8px;
                border-radius: 100%;
                background: #D1AD82;
            }
            body.page-home #page #content .featured-groups ul li h4 {
                margin: 0;
            }
                body.page-home #page #content .featured-groups ul li h4 a {
                    font: bold 13px/18px Arial;
                }
            body.page-home #page #content .featured-groups ul li p {
                margin: 5px 0 0;
            }

/* loginFormShort.css */



#signUpLoginBox{
	width: 300px;
	float:right;
	margin: 25px 0 0 0;
}
#signUpLoginBox ul#signUpLoginTabs{
	width: 290px;
	background-color: transparent;
	float: none;
	padding-left: 0px;
	width: 100%;
	z-index: 20;/* to make sign up and login tabs higher then aside*/
}

#signUpLoginBox #signUpLoginTabs li{
	text-align: center; 
	float: none;
	margin: 0px; 
	display: inline-block; 
	width: 128px; 
	height: 20px; 
	padding: 10px 10px 6px;
}

#signUpLoginBox #signUpLoginTabs li.active{
	background: #DED7C1;
	border-radius: 4px 4px 0 0;
}
#signUpLoginBox .formWrapper{
	background: #F1EFEF;
	padding: 22px 10px 10px 10px;
	border-radius: 4px;
	margin-top: -2px;
	height: 245px ;
}
#signUpLoginBox #loginFormWrapper{
	height: 185px;
}
#signUpLoginBox input{
	width: 260px;
	height: 32px;
	border-radius: 4px;
	font-size: 12pt;
	padding: 1px 7px;
	margin-bottom: 7px;
}
#signUpLoginBox input[type="checkbox"]{
	width: auto;
	height: auto;
}
#signUpLoginBox .smallText{
	font-size:8pt;
}
#signUpForm button{
	float:right; 
	margin-right: 5px;
	width: 125px;
	height: 55px;
	padding: 0;
	background: url(/images/button-sign-up.png) 0 0;
}

#signUpLoginBox .facebookConnectBtn{
	display: block;
	margin-bottom: 7px;
	border: none;
}


#loginForm #forgotPwd{
	float:right;
	padding:3px;
}

#signUpLoginBox button{
	float:right; 
	height:36px; 
	font-size:18px; 
	width: 102px;
	margin-right: 5px;
}

/* searchForm.css */


.searchAndBrowseBooks{
	background: #E0D8C3;
	border-radius: 4px;
	padding: 5px 10px 15px;
}
.searchAndBrowseBooks h3{
	font-size: 16pt;
	font-weight: bold;
}
.searchAndBrowseBooks .searchAndBrowsBooksForm input.searchBar{
	float:left;
	width: 430px;
	height: 30px;
	border-radius: 4px;
	font-size: 11pt;
	padding: 0 5px;
	margin-bottom: 7px;
}
.searchAndBrowsBooksForm .goButton{
	height: 31px;
	width: 38px;
	margin: 0 0 0 8px;
	border-radius: 4px;
}
.searchAndBrowsBooksForm .goButton img{
	height: 31px;
}
.categoryListWrapper{
	margin: 20px 0;
}
.categoryList li{
	width: 170px;
	float: left;
	font-weight: bold;
	margin: 2px 0;
	font-size: 10pt;
}
.categoryList li:nth-child(5n+5){
	
}

/* userMod.css */
 

.userMod {
	float:left;
	width: 169px;
	/*background-color:#2b2518;*/
	/*color:#FFF;
	padding-bottom: 20px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius: 2px 2px 0px 0px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;*/
	
	}
		
.userMod h2 {
	margin-bottom:1px;
	font-size:13px;
	color:#ccc3a6;
	line-height:16px;
	}

.userMod hr{
	height: 1px;
	padding-top: 10px;
	border: 0;
	border-bottom: 1px dotted #ccc3a6;
	margin: 0px 11px 10px 11px;
	margin-bottom: 10px;
	display: block;
	clear:both;
	}
	
.userMod section {padding:0px 10px; font-size: 15px !important; font-weight: bold; clear:both;}	

.userMod nav {
	margin:0px -10px;
	}
.userMod a {
	color:#7dfff1;
	text-decoration:none;
	}

.userMod nav a {
	font-size:16px;
	color:#7dfff1;
	display:block;
	float:left;
	clear:both;
	width:100%;
	padding:2px 0px 0px 0px;
	}
	.goodReadsMenuButton {
		text-align:center;
	}
	.goodReadsMenuButton img {
		padding-top:10px;	
	}
.userMod nav a:hover{
	background-color:#5c533c;
	color:#ccc3a6;
	}

.userMod nav a:hover .dt{ color:#7dfff1; }

.userMod nav a .dt {
	font-weight: bold;
	padding-left:10px;
	width:104px;
	float:left;
	}
	
.userMod nav a .dd {
	float:right;
	padding-right:11px;
	text-align:right;
	width:44px;
	color:#e5dec9;
	font-size:16px;
	font-weight: bold;
	}
	
body.copiaIdentity .userMod nav a .dd{
	float:none;
	}

.notALinkTitle, .notALinkNumber {
	height: 16px;
	width: auto;
	color: white;
	font-weight: bold;
	}
	
nav .notALinkTitle {	
	padding-left:10px;
	}
	
.notALinkTitle {
	width:104px;
	float:left;
	font-size: 16px;
	}
	
nav .notALinkNumber {	
	padding-right:11px;
	}	
	
.notALinkNumber {
	float: right;
	font-size: 16px;
	}

#copiaModList {
	height: auto;
	width: auto;
	float: left;
	}

.copiaModTitle {
	font-size: 18px;
	font-weight: bold;
	color: #7dfff1;
	margin-top: 5px;
	}
	
.copiaModItem {
	font-size: 32px;
	font-weight: bold;
	color: #e5dec9;
	}
	
img.profilePic.small{
	width: 34px;
	height: 34px;
}

.userMod img.profilePic.small { float:left; margin:0 0 4px 4px; }
.userMod img.profilePic.small.first{ margin-left:0px; }

.userMod .shareLinks { margin-top:0px; padding-bottom:10px;}

/* FLYOUT MENU */
.flyoutContainer {
	position: relative;
}

.flyoutBtn {
	display: block;
	margin: 0 -10px;
	padding: 2px 10px;
	background: url(/images/blueRightFacingArrow.png) 148px 6px no-repeat;
	font-size: 18px;
	outline: none;
}

	.flyoutBtn:hover {
		background-color: #5c533c;
	}
	
.flyout {
	position: absolute;
	top: 0px;
	left: 158px;
	width: 0px;
	min-height: 51px;
	background: url(/images/flyoutMenuBg.jpg) repeat-y;
	overflow: hidden;
}
	
	.flyout ul {
		margin: 3px 0 0 25px;
		padding: 0;
	}
	
	.flyout ul li {
		display: block;
		margin: 0;
		padding: 3px 0;
	}
	
	.flyout ul li a {
		color: #7dfff1;
	}
	
	.flyout ul li a:hover {
		border-bottom: 1px dotted #7dfff1;
	}
	
/* IDENTITY BEGINS */

#identityWrapper {
	height: 100%;
	/*width: 169px;*/
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius: 2px 2px 0px 0px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	margin-bottom: 10px;
	margin-top:120px;
	text-align: center;
	}
	
#identityNameLabel {
	/*width: 149px;*/
	word-wrap:break-word;
	padding:8px 10px;
	line-height: 20px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	}
	
#identityGradient {
	height: 147px;
	position: relative;
	background: transparent;
	}
		
	#identityWrapper img{
		height: 147px;
		width: 147px;
		position:relative;
		z-index:40;
		}
		
	#identityEdit {
		height: 147px;
		width: 147px;
		display: block;
		position:absolute;
		left: 20px;
		top:0px;
		z-index:60;
		}
		
		#identityGradient:hover #identityEdit {
			background: url(/images/userEdit.png) no-repeat 30px bottom;
		}
		
#identityShadow {
	height: 28px;
	background: url(/images/identityShadow.png) no-repeat center center;
	}
	
#copiaImage,
#identityWrapper .networkImage {
	height: 187px;
	width: 169px;
	background-image: url(/images/copiaImage.png);
	}




/* RECENT ITEMS BEGINS */
.recentBooksList li {
	height: 65px;
	width: 43px;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	}
	
.recentPeople ul {
	margin-bottom: 20px;
	float:left;
	}
	
.recentPeopleList li {
	display:inline-block;
	/*display: inline;*/
	/*height: 32px;*/
	width: 32px;
	margin-right: 5px;
	margin-top: 5px;
	}
	
.recentPeopleList li div {
	width: 100%;
	overflow: hidden;
}

.recentPeopleList li a {
	float: left;
	margin: 0;
	padding: 0;
	background: url(/images/bg_recentPeople2.png) 0 0 no-repeat ;
	width:51px;
	height:51px;
}

.recentPeopleList li a img {
	vertical-align: middle; padding:1px;
}

.recentPeopleList li a span {
	float: right;
	width: 110px;
	margin: 10px 0 0 5px;
	padding: 0;
	word-wrap: break-word;
}
	
a.goodReadsMenuButton:hover { background: none !important; }


/* resultList.css */
 

.resultList {
	border-top:1px dotted #666;
	margin:15px 0 25px 0;
	float:left;
	list-style-type:none;
}

.resultList > li {
	position:relative;
	float:left;
	border-bottom:1px dotted #666;
	padding:10px 0;
	background-color:#F6F3E4
}

.resultsList > li:hover { background-color:#FFF; }

.resultsList > li > div { float:left; }

.resultsList .mainDetails {
	width:375px;
	padding:0 25px 0 0;
	margin:0 0 0 15px;
}

.resultsList .toggle {
	position: absolute;
	left: 5px;
	bottom:7px;
	background: url(/images/bg_expanded-collapse.png) repeat 0 -24px; 
	height:19px;
}

.resultsList .img {
	
}

.resultsList h3 {
	font-weight:bold;
	line-height:1;
	margin-bottom:5px
}

.resultsList h4 { font-weight:bold; line-height:1; }

/* All Expanded Mode */
.resultsList.expanded .toggle{
	display:none;
}
/* Individual Collapsed */
.resultsList li.collapsed { padding-bottom:0; }
.resultsList li.collapsed h3{ font-size:18px; }
.resultsList li.collapsed.toggle { background: url(/images/bg_expanded-collapse.png) 0 0; }


/* resultsList.css */
 


.results-box {}/* has an ID */
	li.subtab-list {}
	
	ol.results-list {
		clear:both;
		/*border-top:1px dotted #666;*/
		margin-top:15px;
		margin-bottom:25px;
		list-style-type:none;
	}
	
	ol.expand-all {
	
	}
	
	/* attribute "data-object-id" */	
	.result-entry { 
		position: relative;
		border-bottom: 1px dotted #666;
		padding: 10px 10px 20px;
		overflow: hidden;
	}
	.result-entry:hover { background-color:#FFF; }
		
		.result-entry > div { float:left; }
		
		.result-entry .toggle-wrapper {
			margin-right:5px;
			padding:0 10px 0 2px;
			text-align:center;
			width:28px;
		}
		/* switches state when parent li changes to ".expanded" */
		.result-entry a.toggle {
			position:absolute; 
			left:0px; 
			bottom:2px;
			margin:0px; 
			background: url(/images/bg_expanded-collapse.png) no-repeat 0 0;
			height:22px;
			width:34px;
			padding:0px;
		}
		ol.results-list a.toggle:hover { border:none; }
		
		.result-entry.expanded a.toggle { background-position: 2px 28px; }
		.results-list.expand-all a.toggle { display: none; }
		
		.result-img { float:left; margin:0 10px 0 40px;  }
		
		.result-details {}
		
		
		.result-details ul.meta { 
			float:left;
			margin:0 0 5px 0;
			clear:both;
		}
		
		.result-details ul.meta-in-common { *float: none; }
		
		.result-details ul.meta li { 
			float:left; 
			color:#2b2518;
			padding:0 7px 0 7px;
			font-weight:bold;
			background:url(/images/bg_tagSeparator.gif) no-repeat 0% 50%;
		}
		.result-details ul.meta li:first-child { padding-left:0;  background:none;  }
		.result-details ul.meta li a { padding:0; }
		
		.result-details-extra {
			margin-left: 100px;
			float:none !important;
			clear:both;
			overflow:hidden; 
		}
	
		.result-entry .actions-wrapper {
			width:184px;
			float:right
		}
		
		/* given to items that are expand only */
		.result-entry .expanded-only { display:none; } 
		
		ol.results-list.expand-all .expanded-only,
		.result-entry.expanded .expanded-only { 
			display:block;
		} 
		
		*.collapsed-only { } /* given to items that are collapsed only */

	div.load-more { }
	
	
/* People List */

.peopleList .peopleList .meta li { *display: inline; }

.peopleList .result-details .meta-in-common li {
	color:#2b2518;
	font-weight:normal;
}
.peopleList .result-img,
.peopleList .result-img img,
.peopleList img.result-img {
	width: 50px;
	height:50px;
}
.peopleList .libraryPod {
	margin-bottom:10px;
}
.peopleList .libraryPod ul li {
	float:left;
}
.peopleList .connections > div { 
	float:left;
	width:153px;
	margin-left:50px;
}
.peopleList .connections > div:first-child {
	margin-left:0px; 
}

.peopleList .result-details-extra h5 {
	border-bottom:1px dotted #49412C;
	margin-bottom:5px;
	padding-bottom:5px;
}
.peopleList .result-details-extra h5 a {
	float:right;
}
.peopleList .result-details-extra li {
	float:left;
	margin-left: 6px;
}
.peopleList .result-details-extra li:first-child {
	margin-left:0px;
}

.peopleList .socialStatus {
	float: left;
}
body#people #container #page .sclist .scitem {
	height:auto;
	overflow:hidden;
}
/* IE FIXES */

#people .totalResults { *float: right; *margin-top: -38px; }

a[onclick*='requestGroupMembership'] { margin-left: 0 !important; }
a[onclick*='requestGroupMembership'] b { position: relative; left: -28px; }
/* End People List */


/* Copia.Tabs.css */
 

ul[role='tablist'] {
	padding-top:0px;
	position: relative;
	float:left; 
	width: 100%;/*previously 700px PK*/
	font-weight:bold;
	color: #8e856d;
	padding-left:10px;
	font-size:14px;
	border-radius: 4px;
}
	
ul[role='tablist'].oneCol{
	width: 758px;
	margin-left:11px;
}

ul[role='tablist'] li {
	float: left;
	padding: 3px 10px;
	margin: 4px;
}

ul[role='tablist'] li a:hover {
	border-color: #555;
}
	
ul[role='tablist'] li[role='tab']{
	color: #E9795E;
	cursor:pointer;
}
ul[role='tablist'] li[role='tab'].disabled{
	color:#8E856D;
}
ul[role='tablist']  li.active {
	color: black;
	background-color: transparent;
	
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	
	border-radius: 4px;
}
	
ul[role='tablist'] li.last {
	float: right;
	/* edited by pkolesov for https://local.thecopia.com/groups/index.html
	position: absolute;
	top: 25px;
	right: 0px;
	*/
}
	
ul[role='tablist'] select {
	width: 180px;
	margin: 0; 
	padding: 0px 0;
	font-weight:normal;
}
	
div[role="tabcontent"] { 
	display:none;
	clear: both;
}
	
ul[role='tablist'].subTabList {
	background-color:transparent;
	padding:6px 0px;
}
ul[role='tablist'].subTabList.alt {
	background: url(/images/sidbar-bgCart.png) 3px;
	background-repeat: repeat-x;
}
	
ul[role='tablist'].subTabList li  {
	padding:1px 6px;
}



/* Copia.Slider.css */
 

.slider{
/*	float:left; */
	width:100%;
}
.slider * { 
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

/* Slider Content */
.sliderContent {
	clear:both;
	position:relative;
	height:177px;
	display:none;
}
.slider.open .sliderContent{
	display:block;
}
.slider a:hover { border:none;}

.sliderData {
	width:169px;
	padding-top:11px;
	float:left;
	border-right:2px solid #ded7c1;
	color:#292315;
	}

.sliderData > *{
	margin-left: 11px;
}

.sliderData .reorder, .sliderData .editDelete {
	margin: 0px 11px 5px 11px;
	padding-top: 5px;
	width: 147px;
	border-top: 1px dotted #4f4732;
	float:left;
}

.sliderData  span {
	font-weight: bold;
}
.sliderData .progressBar {
	height:8px;
	margin:0 11px 2px 11px;
	background-color: #E2E9B3;
	width: 148px;
}
.sliderData .progressBar div{
	background-color:#A0AD39;
}

.sliderData .count {
	font-size:60px;
	line-height:60px;
	height: 60px;
	float:left;
	clear:both;
	font-weight:bold;
}
.sliderData .viewing {
	margin-bottom:30px;
	*margin-bottom:15px; /* IE7 fix */
	*margin-top:-15px; /* IE7 fix */
	clear:left;
}


.sliderData .reorder  *{
	 float:left;
	 margin-right:5px;
}
.sliderData a.edit, .sliderData a.delete {
	color:#01ac9a;
	font-weight: bold;
}

.sliderData a.delete {
	padding-left:5px;
}

.sliderData .moveUpBtn,
.sliderData .moveDownBtn {
	background:url(/images/blueArrow.png) no-repeat;
	display:block;
	height:9px;
	width:14px;
	margin-top:3px;
}
.sliderData .moveUpBtn {
	background-position:0px -9px;
}

/* Next and Previous Buttons */
.slider a.prevBtn, .slider a.nextBtn {
	display:block;
	position:absolute;
	top: 85px;
	width:24px;
	height: 44px;
	background-image:url(/images/sliderNavigation.png);
	z-index:20;
}

.slider a.prevBtn.disabled, .slider a.nextBtn.disabled {
	visibility:hidden;
}

.slider a.prevBtn {
	left: 0px;
	background-position: -22px 0;
	}
.slider a.prevBtn:hover { 
	background-position: -22px -44px;
}		
.slider a.nextBtn {
		right:-2px;
		background-position: 0 0;
	}
.slider a.nextBtn:hover { 
	background-position: 0 -44px;
}		

.sliderItems { 
	position:relative;
	float:left;
	width:545px;
	overflow:hidden;
	height:100%;
}
.sliderWindow {
	position:absolute;
	left:-596px;
	
}
.slider ul {
	float:left;
	width:552px;
	height:155px;
	position:absolute;
	margin:11px 13px;
}

.slider ul.prev {
	left: 0px;
}
.slider ul.current {
	left: 596px;
}
.slider ul.next {
	left: 1192px;
}

.slider ul  li{
	width: 125px;
	height: 155px;
	text-align:center;
	top:0px;
	float:left;
	position:relative;
	display:table;
	margin-left: 10px;
	}

.slider ul  li:first-child{
	margin-left: 0;
}

.slider ul  li a{display:block; vertical-align:bottom;}

.slider ul li .groupMembers a span {display: block;} 

.slider.userSlider ul, 
.slider.userSlider li,
.slider.userSlider .sliderWindow, 
.slider.userSlider .sliderContent
{ height: 110px; margin-bottom: 5px; text-align: left; }

.slider.userSlider ul li {
	text-align:center;
}
  
.slider.userSlider a.prevBtn, 
.slider.userSlider a.nextBtn 
{ top: 25px; }

.slider.userSlider .groupMembers { margin: 3px 0 0; padding: 0; }
.slider.userSlider .groupMembers a { font-size: 10pt; text-decoration: none; color: #2B2518; }
.slider.userSlider .groupMembers a img {width: 37px; margin: 0 auto; padding: 0; float:none;display:block;}

/* STYLES FOR SLIDER FOR EXTRA WIDE COL */
.colExtraWide .sliderItems { width: 575px; }
.colExtraWide .sliderWindow { left: -575px; }
.colExtraWide ul.current { left: 575px; }
.colExtraWide ul.next { left: 1150px; }
.colExtraWide .sliderItems ul { width: 531px; }
.colExtraWide .slider ul li { width: 132px; }

/* Full Width usually with 5 items */
.slider.fullWidth .sliderItems { width: 100%;}
.slider.fullWidth .sliderWindow{ left: -768px; }
.slider.fullWidth .sliderItems ul{ width: 650px; margin-left: 21px; }
.slider.userSlider .sliderItems ul {margin-left: 15px;}
.slider.fullWidth ul.current { left: 768px; }
.slider.fullWidth ul  li{ width: 135px }
.slider.bookSlider.fullWidth ul li,

.slider.userSlider.fullWidth ul li { width: 120px; border: 1px solid transparent;border-radius: 4px;}

.bookSlider.sliderExInfo .sliderWindow, 
.bookSlider.sliderExInfo .sliderContent
{ height: 242px; margin-top: 5px; margin-bottom: 5px; text-align: left; }

.bookSlider.sliderExInfo ul, 
.bookSlider.sliderExInfo li
{ height: 242px; margin-bottom: 5px; text-align: left; }


.dcarousel .title{
	font-weight: normal;
	text-transform: uppercase;
	background: none;
	border-bottom: 2px solid #C6C4C4;
	padding: 5px 0;
}

.dcarousel .comment{
	font-size: small;
	padding-left: 7px;
}
.dcarousel.titledbox .title h2{
	letter-spacing: 0;
}
.dcarousel .seeAll{
	float: right;
	margin: 0;
	border-bottom: 2px solid #F08564;
	height: 33px;
	
	font-size: 13px;
	color: #F08564;
	font-weight: bold;
	text-transform: capitalize;
	
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #DFDFDE 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #DFDFDE 100%);
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #DFDFDE 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #DFDFDE 100%);
	 
	outline: medium none;
	text-decoration: none;
}

.slider .titleName { margin: 7px 0 0 10px; max-width: 118px; max-height: 33px; overflow: hidden; padding-top: 3px; word-wrap:break-word; }
.slider .titlePrice { margin-left: 10px; max-width: 118px; overflow: hidden; }
.slider .titleName a, .slider .titlePrice a { margin: 0;  background: transparent; height: auto; color: #4A4A4A; font-weight: bold; text-decoration: none; }
.slider .titlePrice a { color: #F08564; }
.slider .discount{ font-size: 11px; }

.slider .communityValue{
	position: absolute;
	left: 37px;
	bottom: -10px;
	color: black;
	font-weight: bold;
	border: 2px solid #BBB;
	border-radius: 100%;
	padding: 3px;
	background: white;
	height: 15px;
	width: 15px;
	overflow: hidden;
	text-align: center;
}
.slider .coverWrp{
	height: 155px;
	width: 100px;
	margin: 0 auto;
	position: relative;
}
.slider .cover{
	position: absolute;
	bottom: 0;
	left: 0;
}


body .dcarousel.titledbox .cnt {
    /*padding: 0 25px; - what for?*/
}
    body .slider .sliderWindow {
        padding: 0;
    }
        body .slider .sliderWindow .current {
            padding: 0;
        }
            body .slider .sliderWindow .current li {
                padding: 0;
                
            }
                body .slider .prevBtn {
                    background: url('/images/newv/images/sprites.png') -3px -423px;
                    width: 14px;
                    height: 27px;
                }
                    body .slider .prevBtn:hover {
                        background-position: -4px -392px;
                    }
                body .slider .nextBtn {
                    background: url('/images/newv/images/sprites.png') -21px -423px;
                    width: 16px;
                    height: 27px;
                }
                    body .slider .nextBtn:hover {
                        background-position: -22px -391px;
                    }
        
        
.slider .communityValue[data-value="0"] , .slider .communityValue[data-value=""] {
	display: none;
}


/* Copia.Menu.css */
 



/*******************************************************************************

    Menus, Button Menus (E.S)
    
  *****************************************************************************/
body menu {
    display: inline-block;
    min-width: 180px;
	position: relative;
	z-index: 10;
}
    body menu .button,
    body menu button,
    body .button.menu,
    body button.menu {
        display: block;
        background-position: -2px -339px;  
        height: 29px;
        padding: 0 12px;
        margin-right: 2px;
    }
    body .button.menu,
    body button.menu {
    	display: inline-block;
    	min-width: 180px;
    }
    body menu .button::before,
    body menu button::before,
    body .button.menu::before,
    body button.menu::before {
        background-position: -428px -158px;
        height: 29px;
        width: 2px;
    }
        body menu .button span,
        body menu button span,
        body .button.menu span,
        body button.menu span {
            font: bold 14px/30px Arial;
            color: #E9795E;
            text-shadow: 1px 1px 1px #fff;
            height: 29px;
        }
        body menu.capitalize .button span,
        body menu.capitalize button span,
        body .button.menu.capitalize span,
        body button.menu.capitalize span{
        	text-transform: capitalize; 
        }
        
	        body menu .button span .value.small,
	        body menu button span .value.small,
	        body .button.menu span .value.small,
	        body button.menu span .value.small{
	        	font-size: 12px;
				color: gray;
				text-shadow: none;
	        }
        /* Button Icon */
        
        body menu .button.icon span,
        body menu button.icon span,
        body .button.menu.icon span,
        body button.icon.menu span {
        }
            body menu .button.icon span::before,
            body menu button.icon span::before,
            body .button.icon.menu span::before,
            body button.icon.menu span::before {
                right: -13px;
                border-left: 1px inset rgba(33,33,33, 0.1);
            }

    /* Menu Items */
    body menu ul {
        top: 28px;
        width: auto;
        left: 0;
        right: 0;
        border: 1px solid #D2D2D2;
        border-top: 1px solid #E9795E;
        background: none;
        padding: 0;
        margin: 0 1px 0 0;
        border-radius: 0 0 2px 2px;
		display: none;
		position: absolute;
		font-size: 12px;
		font-weight: bold;
		z-index: 20;
    }
        body menu ul li {
            width: auto;
            background: #E7E7E7;
            border-top: 1px solid #D2D2D2;
            padding: 0;
            margin: 0;
        }
            body menu ul li a {
            	display: block;
                width: auto;
                background: none;
                padding: 0 0 0 37px;
                margin: 0;
                border-bottom: 1px solid #E0E0E0;
                height: 20px;
                color: #707070;
                text-shadow: 1px 1px 2px #FFF;
                font: normal 12px/22px Arial;
                position: relative;
            }
            body menu ul li.selected a{
            	text-decoration: underline;
            }
                body menu ul li a:hover {
                    color: #e9795e;
                    box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
                }
              


/* Copia.LBox.css */
 

body.lBox {
	background-color:#f6f3e4;
	background-image: none;
	margin: 0;
	}

body .lBox {
	/*trying to hide lBox elements by default: PK*/
	display: none;
}

.lboxContent{
	position:absolute;
	display:none;
	-moz-border-radius: 3px; /* FF1+ */
  	-webkit-border-radius: 3px; /* Saf3+, Chrome */
    border-radius: 3px; /* Opera 10.5, IE 9 */
	-moz-box-shadow: 0px 0px 4px #ffffff; /* FF3.5+ */
  	-webkit-box-shadow: 0px 0px 4px #ffffff; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 4px #ffffff; /* Opera 10.5, IE 9.0 */
	
	background: url('/images/newv/images/noise-b.png') #F0F0F0;
	z-index:999;
	}
	
.lboxContent h2 {
	font-size:2em;
	padding-top:4px;
	margin-right:15px;
	}

.lboxContent a {
	text-decoration: none;
	}
	/*.lboxContent a:hover { border-bottom: 1px dotted #d54615; }*/
	
.lboxContent hr.dotted{
	border-top: dotted 1px #434031;
}

.lboxOverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image:url(/images/overlay.png);
	z-index: 100;
	padding-top:100%;
	padding-left:100%;
}

.lboxContentOverlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding-top:100%;
	padding-left:100%;
	width: 100%;
	height: 100%;
	background-color:#f6f3e4;
	z-index: 100;
}

.lboxCloseBtn {
	top: 3px;
	right: 3px;
	height: 11px;
	width: 11px;
	position:absolute;
	cursor: pointer;
	font-weight:bold;
	background: red url(/images/btn_welcomePanel-close.jpg) no-repeat 0 0;
	z-index:500;
}


.lboxContent .buttons {
	text-align:right;
}

/*** EMAIL POPUP LAYOUT ***/
	#betaInvites {
			/*height: auto;
			width: auto;*/
			padding: 10px;
			padding-left: 20px;
			overflow: hidden;
			}
			
		#betaTopGroup {
			/*height: auto;*/
			width: 634px;
			overflow: hidden;
			float: left;
			border-bottom: 1px dotted #504934;
			}
			
		#betaLogo {
			height: 77px;
			width: 77px;
			float: left;
			background-image: url(/images/betaInviteLogo.png);
			}
			
		#betaHeadline {
			/*height: auto;*/
			width: 450px;
			margin-left: 15px;
			padding: 10px;
			float: left;
			}
			
		#betaHeadline p {
			font-size: 36px;
			font-weight: bold;
			line-height: 28px;
			color: #5A5A5A;
			}
			
		.betaSubHeadline {
			/*height: auto;
			width: auto;*/
			margin-top: 10px;
			margin-bottom: 10px;
			float: left;
			font-size: 14px;
			font-weight: bold;
			color: #5A5A5A;
			}
			
		#betaYourName {
			/*height: auto;*/
			width: 634px;
			float: left;
			padding-top: 15px;
			padding-bottom: 15px;
			border-bottom: 1px dotted #504934;
			}
			
		#betaYourName li {
			/*height: auto;
			width: auto;*/
			display: inline;
			float: left;
			margin-right: 10px;
			}
			
		#betaDescription {
			/*height: auto;*/
			width: 275px;
			}
			
		#betaInviteGroup {
			/*height: auto;*/
			width: 634px;
			overflow: hidden;
			}
			
		#powerUser button {
			/*width: auto;
			height: auto;*/
			padding: 3px;
			margin-top: 20px;
			margin-bottom: 20px;
			margin-left: 58px;
			}
		
		#betaInviteGroup {
			height: 250px;
			width: 635px;
			float: left;
			margin-top: 5px;
			overflow: auto;
			border-bottom: 1px dotted #504934;
			}
	
		#betaInviteGroup p {
			font-weight: bold;
			}
			
		#inviteList {
			/*height: auto;*/
			width: 615px;
			padding: 10px;
			background-color:#dad7c9;
			}
			
		#inviteList tr {
			height: 50px;
			/*width: auto;*/
			}
			
		#inviteList [type=text]{
			/*height: auto;*/
			width: 225px;
			}
		
		.rowNumber {
			/*height: auto;*/
			width: 40px;
			font-weight: bold;
			font-size: 20px;
			text-align: center;
			}
			
		.lastCell {
			/*height: auto;
			width: auto;*/
			padding-top: 12px;
			font-weight: bold; font-size: 14px;
			}
			
		.nameCell, .emailCell {
			/*height: auto;*/
			width: 225px;
			padding: 5px;
			}
			
		.inviteLabel {
			/*height: auto;*/
			width: 225px;
			line-height: 30px;
			}
			
		.betaButtons {
			/*height: auto;
			width: auto;*/
			padding-top: 10px;
			padding-right: 15px;
			float: right;
			}
			#betaInvites .betaButtons {
				top: 10px;
				padding: 0;
			}
			
		#colLabels {
			/*height: auto;*/
			width: 635px;
			float: left;
			}
			
		#colLabels ul li {
			/*height: auto;*/
			width: 200px;
			font-size: 16px;
			font-weight: bold;
			display: inline;
			float: left;
			padding-top: 4px;
			margin-left: 50px;
			}	
		
		
		/* Remove hidden values prior to using the message box */
		/* #betaClearButton, #betaInviteMessage, #colLabels ul li.li3  { display: none; visibility: collapse; } */
		/* END REMOVE */
		
			
		/* ---Message box updates--- */
		#colLabels ul li.li1 { margin-left: 0; }
		#colLabels ul li.li2 {  margin-left: 209px }
		
		#betaInviteGroup { width: 390px; padding:5px; border-bottom: none; background-color: #dad7c9; color: #6d6b64;  }	
		
		#betaInvites #betaInviteTable { width: 100%; }
		.betaButtons { float: none; clear: both; text-align: right; top: 2px; position: relative; }
		#betaInviteMessage { float: right; text-align: left; width:240px; }
		#betaInviteMessage #inviteMessage { height: 242px; width:224px; margin-top: 10px; font-size: 16px; line-height: 18px; color: #666666; }
		#betaClearButton { width: 223px; position: static;  right: auto; top: auto; width: auto; }
		
		#betaInvites .nameCell, #betaInvites .emailCell { width: 200px !important; font-weight: bold; font-size: 16px; }
		#betaInvites textarea { width:227px; height: 250px; margin-left: 5px; font-size: 16px; }
		
		#betaInvites .inviteRowBase { display: table-row; border-bottom: 1px dotted #504934; }
		#betaInvites .betaButtons a:before { padding-right: 0; }
		#betaInviteGroup input, #betaYourName input, #betaInvites textarea { color: #7f7f7f; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; resize: none;  }
		
/*** END LAYOUT ***/


/* Copia.DataTable.css */
 

.datatable {
	width:500px;
}
.datatable caption {
	text-align:left;
	font-size:16px;
	font-weight:bold;
	padding:10px 10px;
	overflow: hidden;
}

.datatable option div {
	float:right;
}
.datatable caption input {  }
.datatable caption label {
	font-size:10px;
	float:right;

}

.datatable input[type=checkbox]{
	margin:0px;
	margin-right: 8px;
	padding:0px;
	line-height:12px;
	font-size:10px;
	position:relative;
	top: -1px;
	/*position:static;*/
}
input.datatableSearch{
	height: 11px;
	font-size: 10px;
	padding:3px;
}

.datatable table {
	width:100%;
}
.datatable th{
	padding: 0px 8px 0px 8px;
	color: #5D5C5C;
	text-align: left;
	background: url(/images/newv/images/sprites.png) repeat-x -288px -415px;
	border-style: solid;
	border-color: #C2C0C0;
	border-width: 1px 1px 0;
	line-height:12px;
	height:36px;
	vertical-align:middle;
	-webkit-user-select: none;
	-moz-user-select: none;
}

.datatable th.sorted {
	background-position: -2px -332px;
	color: #E87256;
}
.datatable th.sorted .sortArrow {
	display: block;
	float: right;
	width: 14px;
	height: 15px;
	margin: 0px 0px 0 0;
	background: url(/images/newv/images/sprites.png) no-repeat -894px -16px;
}
.datatable th.sorted.asc .sortArrow{
	background-position: -823px -184px;
}

.datatable .data{
	width: 535px;
	height: 188px;
	border:1px solid #C2C0C0;
	overflow:auto;
	overflow-y:scroll;
	background: white;
}

.datatable .data table tr td {
	background-color:#FFF;
	padding:6px 8px;
	cursor:pointer;
}
.datatable .data table tr.odd td{
	background-color: #F1F1F1;
}

.datatable .data table tr.selected td{
	background-color:#EFE9E8;
}

.datatable th:first-child, .datatable td:first-child{
	width:350px;
}


/* Copia.Rotator.css */
 

/* rotator css */

.bannerRotator { width: 920px; height: 300px; padding: 10px; position: relative; }
.bannerRotator div[role=rotatelist] { position: relative; width: 910px; height: 270px; background: url(/images/rotator/banner-bg-shadow.jpg) no-repeat bottom right; }
.bannerRotator div[role=tabcontent] { position: relative; width: 910px; height: 270px; overflow: hidden; }

.bannerRotator h2 { font-size: 32pt; line-height: 1; color: #201c12; font-weight: bold; }
.bannerRotator h4 { font-size: 24pt; line-height: 1; color: #4c452f; font-weight: bold; }
.bannerRotator h5 { font-size: 14pt; line-height: 1; color: #4c452f; font-weight: bold; }
.bannerRotator p { font-size: 12pt; color: #4c452f; font-weight: bold; }
.bannerRotator a { font-size: 14pt; line-height: 1; font-weight: bold; text-decoration: none; }
.bannerRotator a:hover { text-decoration: none; }
.bannerRotator a.button { color: white; background: url(/images/rotator/button.png) no-repeat; width: 165px; height: 35px; display: block; padding: 15px 10px 0; float: left; margin-right: 10px; }
.bannerRotator a.button:hover { border: 0; }

.bannerRotator ul[role=tablist] { background: transparent; width: 920px; text-align: center; margin: 0; padding: 12px 0 0; }
.bannerRotator ul[role=tablist] li { font-size: 75%; display: inline; float: none; padding: 4px; margin-right: 12px; }
.bannerRotator ul[role=tablist] li.active { background: #DED7C1; }


/* homePage-Rotator css */
div.bannerRotatorDiv {background: url(/images/rotator/iPADFrame.png) no-repeat; overflow:hidden; margin-top: 20px; float: right; width: 680px;}
.bannerRotator#homePageBanner { width: 577px; height: 318px; float: right; padding: 80px 20px; }
.bannerRotator#homePageBanner div[role=rotatelist] {background: none;}
.bannerRotator#homePageBanner div[role=tabcontent] {height: 404px;}
.bannerRotator#homePageBanner .nextRotatorBtn,
.bannerRotator#homePageBanner .prevRotatorBtn{
	display:block;
	width:40px;
	height:40px;
	background:rgba(255,255,255,.15);
	border-radius:100px;
	position: absolute;
	color:rgba(255,255,255,.5);
	text-decoration: none;
	font-weight: bold;
	font-size:40px;
	line-height:35px;
	text-align: center;
	top:310px;
	right:30px;
	-webkit-transition:all .15s linear;
	z-index: 999999;
	cursor: pointer;
}
.bannerRotator#homePageBanner .prevRotatorBtn {
	right: 622px;
}

/* New rotator */
.bannertabs, .bannertabs * {
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

.bannertabs {
    float: none;
    position: relative;
}

.bannertabs .nextRotatorBtn,
.bannertabs .prevRotatorBtn {
	display: none;
	cursor: pointer;
}

    .bannertabs .contentContainers {
        width: auto;
        float: none;
        border-bottom: 2px solid #EB6755;
        height: 420px; /*without fixed height rotator jumps on slide change*/
    }
        .bannertabs .contentContainers .tab {
            height: 418px;
            width: auto;
            float: none;
            position: relative;
            overflow: hidden;
            
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fefefe', endColorstr = '#e4e2e2');
            /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
            /*Element must have a height (not auto)*/
            /*All filters must be placed together*/
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fefefe', endColorstr = '#e4e2e2')";
            /*Element must have a height (not auto)*/
            /*All filters must be placed together*/
            background-image: -moz-linear-gradient(top, #fefefe, #e4e2e2);
            background-image: -ms-linear-gradient(top, #fefefe, #e4e2e2);
            background-image: -o-linear-gradient(top, #fefefe, #e4e2e2);
            background-image: -webkit-gradient(linear, center top, center bottom, from(#fefefe), to(#e4e2e2));
            background-image: -webkit-linear-gradient(top, #fefefe, #e4e2e2);
            background-image: linear-gradient(top, #fefefe, #e4e2e2);
            /*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
        }
            /* Image */
            .bannertabs .contentContainers .tab .image {
                position: absolute;
                right: 0;
                top: 0;
                max-width: 962px;
				max-height: 420px;
            }
            .bannertabs .contentContainers .tab .words{
            	position: absolute;
                left: 35px;
                top: 0;
            }
            /* Title */
            .bannertabs .contentContainers .tab h2 {
                font: normal 47px/45px Dine;
                text-transform: uppercase;
                letter-spacing: 0;
                padding: 125px 0 0 0;
                margin: 0 0 0.5em;;
                width: 370px;
                background: none;
                color: #fff;
            }
            .bannertabs .contentContainers .tab h2 .small{
            	text-transform: initial;
            }
            /* Small description (no idea why it's H5...) */
            .bannertabs .contentContainers .tab h5 {
                padding: 0 0 0 35px;
                margin: 0;
                width: 370px;
                font: normal 25px/25px Dine;
                text-transform: uppercase;
                color: #fff;
            }
            .bannertabs .contentContainers .tab .words,
            .bannertabs .contentContainers .tab .text{
            	font: bold 16px/26px Arial, sans-serif;
            	color: #fff;
            	width: 400px;
            }
            .bannertabs .contentContainers .tab .text.narrow{
            	width:200px;
            }
            .bannertabs .contentContainers .tab button,
            .bannertabs .contentContainers .tab .button{
            	margin: 20px 0 0;
            	font-size: 26px;
            }
            
            /* Buttons */
    
    body#applications .bannertabs .bButtons {
    	display: none;
   	}
    
    body .bannertabs .bButtons {
        height: 100px;
        width: auto;
        float: none;
        padding: 0;
        margin: 0;
        background: none;
        border-bottom: 1px solid #CDCACA;
        border-radius: 0;
    }
        /* Button */
        body .bannertabs .bButtons li ,
		.rotatorBanner.bannertabs .contentContainers .indcover .bButtons li.tab {
            width: 160px;
            display: inline-block;
            position:relative;
            padding: 64px 0 0;
            padding: 64px 0 0\9; /* ie8- */
            margin: 0;
            border-radius: 0;
            text-align: center;
            box-sizing:border-box;
            -moz-box-sizing:border-box; /* Firefox */
            -webkit-box-sizing:border-box; /* Safari */
            border-left: 1px solid #CDCACA;
            background: #E5E4E4;
            height: 99px;
            color: #999797;
            font: bold 13px Arial, sans-serif;
            text-shadow: 0 1px 1px #FFF;
            transition: all 200ms;
            clear:none;
        }
        /* First item remove border */
        body .bannertabs .bButtons li:first-child {
            border-left: none;	
            width: 159px;
		}
        /* Hover */
        body .bannertabs .bButtons li:hover ,
        .rotatorBanner.bannertabs .contentContainers .indcover .bButtons li.tab:hover {
            box-shadow: inset 0 0 25px rgba(0,0,0,0.6);
        }
		/* Current Button */
        body .bannertabs .bButtons li.active , 
        .rotatorBanner.bannertabs .contentContainers .indcover .bButtons li.tab.active {
            color: #eb6755;
        }
        
        /* Arrow on top of the button */
        body .bannertabs .bButtons li.active::after , 
        .rotatorBanner.bannertabs .contentContainers .indcover .bButtons li.tab::after {
        	top: 0;
        	border: solid transparent;
        	content: " ";
        	height: 0;
        	width: 0;
        	position: absolute;
        	pointer-events: none;
        	border-top-color: #EB6755;
        	border-width: 15px;
        	left: 50%;
        	margin-left: -15px;
        }
        
        /* Button Icon */
        body .bannertabs .bButtons li::before ,
        .rotatorBanner.bannertabs .contentContainers .indcover .bButtons li.tab::before {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            left: 50%;
            margin-left: -20px;
            top: 27px;
            background: url('/images/newv/images/sprites.png') -25px -600px no-repeat;
        }
        
        .rotatorBanner.bannertabs .contentContainers .indcover .bButtons li.tab {
			height: 95px;
		}
        

        /* All the icons per tab class */
        /* Welcom to Copia */
        body .bannertabs .bButtons li.welcome::before,
        body .bannertabs .bButtons li.tab-1::before {
            background-position: -25px -600px;
        }
        body .bannertabs .bButtons li.welcome.active::before,
        body .bannertabs .bButtons li.tab-1.active::before{
            background-position: -25px -671px;
        }
        /* Notes */
        body .bannertabs .bButtons li.notes::before,
        body .bannertabs .bButtons li.tab-2::before {
            background-position: -113px -600px;
        }
        body .bannertabs .bButtons li.notes.active::before,
        body .bannertabs .bButtons li.tab-2.active::before{
            background-position: -113px -671px;
        }
        /* Notebooks */
        body .bannertabs .bButtons li.notebooks::before,
        body .bannertabs .bButtons li.tab-3::before {
            background-position: -201px -600px;
        }
        body .bannertabs .bButtons li.notebooks.active::before,
        body .bannertabs .bButtons li.tab-3.active::before {
            background-position: -201px -671px;
        }
        /* Notebooks */
        body .bannertabs .bButtons li.discussions::before,
        body .bannertabs .bButtons li.tab-4::before{
            background-position: -289px -600px;
        }
        body .bannertabs .bButtons li.discussions.active::before,
        body .bannertabs .bButtons li.tab-4.active::before{
            background-position: -289px -671px;
        }
        /* Groups */
        body .bannertabs .bButtons li.groups::before,
        body .bannertabs .bButtons li.tab-5::before {
            background-position: -377px -600px;
        }
        body .bannertabs .bButtons li.groups.active::before,
        body .bannertabs .bButtons li.tab-5.active::before{
            background-position: -377px -671px;
        }
         /* Offers */
        body .bannertabs .bButtons li.offers::before,
        body .bannertabs .bButtons li.tab-6::before {
            background-position: -447px -600px;
        }
        body .bannertabs .bButtons li.offers.active::before,
        body .bannertabs .bButtons li.tab-6.active::before{
            background-position: -447px -668px;
        }
/*Styles for store rotator*/
.rotatorBanner.bannertabs .contentContainers{
	border:none;
	height: 500px;
}
.rotatorBanner.bannertabs .contentContainers .tab{
	height: 500px;
}
.rotatorBanner.bannertabs .contentContainers .tab .image{
	max-height: 500px;
}
.rotatorBanner.bannertabs .contentContainers .tab .words{
	display: block;
	left: 217px;
	top: 65px;
}
.rotatorBanner.bannertabs .contentContainers .tab h2{
	padding: 0;
	font: bold 37px/45px Arial;
	text-transform: none;
	color: white;
	text-shadow: 1px 1px 2px black;
	width: 500px;
}
.rotatorBanner.bannertabs .contentContainers .tab .words,
.rotatorBanner.bannertabs .contentContainers .tab .text {
	font: normal 22px Arial;
	text-shadow: 1px 1px 2px black;
	margin-top: 10px;
	width: 660px;
}
.rotatorBanner.bannertabs .contentContainers .tab a{
	font-weight: bold;
	padding-right: 20px;
}
.rotatorBanner.bannertabs .indcover {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
    }
        .rotatorBanner.bannertabs .indicators {
            display: inline-block;
            text-align: center;
            height: auto;
            background-color: rgba(255, 255, 255, 0.25);
            box-shadow: 0 1px rgba(255,255,255,0.3);
            float: none;
            width: auto;
            border-radius: 0;
            margin: 0;
            padding: 0px 0 1px 6px;
            padding-right: 0;
        }
            .rotatorBanner.bannertabs .indicators li.tab {
                padding: 0;
                margin: 0;
                margin-right: 6px;
                border-radius: 0;
                display: inline-block;
                float: none;
                background: #F0F;
                width: 12px;
                height: 7px;
                background: rgb(238,238,238);
                background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1)));
                background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
                background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
                background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
                background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
            
                min-width: 0;
}
            .rotatorBanner.bannertabs .indicators li.active {
                background: rgb(255,168,76);
                background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1)));
                background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%);
                background: -o-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%);
                background: -ms-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%);
                background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 );
                box-shadow: 0 0 1px rgba(255,255,255,0.4);
}
			.rotatorBanner.bannertabs .indicators li.tab span{
				display: none;
			}
.rotatorBanner.bannertabs .nextRotatorBtn,
.rotatorBanner.bannertabs .prevRotatorBtn{
	position: absolute;
	top: 200px;
	background: url('/images/newv/images/banners/arrows.png') -3px -8px no-repeat;
	height: 36px;
	width: 22px;
	display: block;
}
.rotatorBanner.bannertabs .prevRotatorBtn{
	left: 10px;
}
.rotatorBanner.bannertabs .prevRotatorBtn:hover{
	background-position: -3px -44px;
}
.rotatorBanner.bannertabs .nextRotatorBtn{
	right: 7px;
	background-position: -26px -8px;
}
.rotatorBanner.bannertabs .nextRotatorBtn:hover{
	background-position: -26px -44px;
}


/* formLeftAlign.css */
 

.fieldMessages .errorMessage{
	display: none;
	color: #D60000;
	padding: 10px 0;
}
.fieldMessages .errorMessage:last-child{
	padding-bottom: 0;
}

form.leftAligned  fieldset{
	padding-bottom:20px;
	border-top: black dotted 1px;
}
form.leftAligned label {
	display: block;
	float: left;
	width: 225px;
	color: #3d3624;
	font-size: 20px;
	overflow: hidden;
}
form.leftAligned .forgotLink{
	margin-left:226px;
	}

form.leftAligned  ul{ padding-top:10px; }
form.leftAligned  li {
	clear: both;
	padding: 10px 0px;
	}
	
form.leftAligned .validationIcon {
	float:left;
	height: 32px;
	width: 32px;
	margin-right: 5px;
}

form.leftAligned li[data-validation=passed] .validationIcon {
	background-image: url(/images/newv/images/vSign.png);
}

form.leftAligned li[data-validation='failed'] .validationIcon {
	background-image: url(/images/newv/images/xSign.png);
}

form.leftAligned .validationMessage {
	float: right;
	width: 184px;
	height: auto;
	color: #d34f39;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	padding-top:6px;
}
form.leftAligned .validationMessage ul {padding:0px;}
form.leftAligned .validationMessage li { display:none; margin-top:0px; padding-top:0px; /*margin-left: -15px;*/}

form .formText {
	width: 265px;
	height: auto;
	margin-top: 5px;
	margin-left: 0px;
	/*margin-left: 0px;*/
	margin-bottom: 0px;
	padding: 3px;
	font-style:italic;
}

form .fieldWrapper {
	width: 315px;
	height: auto;
	/*margin-left: 0px;*/
	}

form.leftAligned .formText ul{
	padding-top:0px;
	/*margin-left: -8px;*/
}

form.leftAligned .formText li{
	width: 100%;
	list-style-type: disc;
	padding:3px;
	margin-left:25px;
	/*padding: 0;*/
	/*margin-bottom: 3px;*/
}

form.leftAligned .buttons {
	margin-left: 265px;
}

form.leftAligned li.errorMsg-1 li.errorMsg-1,
form.leftAligned li.errorMsg-2 li.errorMsg-2,
form.leftAligned li.errorMsg-3 li.errorMsg-3,
form.leftAligned li.errorMsg-4 li.errorMsg-4,
form.leftAligned li.errorMsg-5 li.errorMsg-5 {
	display:list-item;
	color: #d34f39;
}

.drawerField {
	overflow: hidden;
}

.drawerField ul {
	width: 100%;
	overflow: hidden;
}

.drawerField li {
	width: 100% !important;
	margin: 0;
	padding: 0;
}

.drawerField li ul li {
	width: 225px !important;
}

.drawerField ul li input {
	font-size: 14px;
	font-weight: bold;
}

.drawerField .fieldWrapper {
	width: 275px !important;
	margin: 0;
	padding: 0;
	float: right !important;
}

form.leftAligned .passwordMeter {
	display: inline;
	font-weight: bold;
}

form.leftAligned .passwordMeter .strongPassword{
	color:green;
}
form.leftAligned .passwordMeter .mediumPassword{
	color:#e2c10a;
}
form.leftAligned .passwordMeter .weakPassword{
	color:red;
}


/* registration.css */
 

/* REGISTRATION FORM*/
#register h2 { font-size:30px; }

#registrationForm #selectDay,
#registrationForm #selectMonth,
#registrationForm #selectYear {
	margin-right: 10px;
}

#registrationForm  input[type='text'], #registrationForm input[type='password']{
	width:305px;
}

#registrationForm  .emailExample {
	font-size: 14px;
}

#registrationForm .passwordHelp {
	font-size: 12px;
	}
	
#registrationForm ul #loginRetrieveOptions {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px dotted black;
	}
	
#registrationForm ul #loginRetrieveOptions li a {
	font-style: normal;
	font-weight: normal;
	}

#register form.leftAligned .validationMessage { width:110px; }

#registrationForm .passwordMeter {
	color: #635751;
	display:block;
}
#passwordForm .passwordMeter {
	display: inline;
}

#passwordForm .passwordMeter .strongPassword{
	color:green;
}
#passwordForm .passwordMeter .mediumPassword{
	color:#e2c10a;
}
#passwordForm .passwordMeter .weakPassword{
	color:red;
}

/*REGISTRATION SETTINGS*/
.registrationHelp { position: relative; margin: 0; padding: 10px 0; border-bottom: 1px dotted #8f8976; }
.noborder { margin-bottom: 30px; border: 0px; }
	.registrationHelp h3 { margin-left: 130px; }
	.registrationHelp ul { margin: 5px 0 0 130px; }
		.registrationHelp ul li { margin: 0; padding: 0 0 5px 8px; background: url(../../images/brownBullet.jpg) 0 6px no-repeat; color: #2b2518; list-style-type: none; }


/* myProfile.css */
 

#profileInformation #selectDay,
#profileInformation #selectMonth,
#profileInformation #selectYear {
	margin-right: 10px;
}

#profileInformation fieldset { background: none; }
#profileInformation h4 { width: 574px; border-bottom: 4px solid #ded7c1; }

#profileInformation  input[type='text'], #profileInformation input[type='password']{
	width:305px;
}

#profileInformation  .emailExample {
	font-size: 1.275em;
}

#profileInformation .passwordHelp {
	font-size: .65em;
	}
#profileInformation ul #loginRetrieveOptions {
	margin-top: 5px;
	padding-top: 5px;
	}
	
#profileInformation ul #loginRetrieveOptions li a {
	font-style: normal;
	font-weight: normal;
	}

	
#profileInformation #formButtons { position: relative; width: 572px; border-top: 1px dotted #635c48; overflow: hidden; }
	#profileInformation #formButtons p { float: left; width: 200px; margin: 0 60px 0 0; padding: 10px 0 0; font-style: italic; }
	#profileInformation .buttons { margin-top: 10px; background-color: transparent; }
	
/* BEGIN SUCCESS MESSAGE STYLE */

#successMessage {
	height: auto;
	width: 575px;
	overflow: hidden;
	margin-bottom: 25px;
	}
	
.successIcon {
	padding-top: 5px;
	float: left;
	}
	
.successText {
	height: auto;
	width: 525px;
	padding-left: 10px;
	padding-top: 10px;
	float: left;
	}
	
#errorMessage {
	height: auto;
	width: 575px;
	overflow: hidden;
	margin-bottom: 25px;
	}
	
.errorIcon {
	padding-top: 5px;
	float: left;
	}
	
.errorText {
	height: auto;
	width: 525px;
	padding-left: 10px;
	padding-top: 10px;
	float: left;
	}
	
.errorText h4 {
	color: #2b2518;
	}
	
	
/*BEGIN PRIVACY SETTINGS STYLE */

.drawerBar {
	height: auto;
	width:670px;
	overflow: hidden;
	padding: 5px;
	}
.drawerBar.nice{
	border-radius: 4px;
	padding: 7px 5px 7px 21px;
}

.group .colExtraWide {	
	width:100%;
}
.page-cat-details .group .colExtraWide{
	width: 705px;
}
.drawerTitle {
	float: left;
	font-size: 18px;
	font-weight: bold;
	color:#686666;;
	}
	
.drawerMsgClosed, .drawerMsgOpen {
	width: 663px;
	padding: 10px 6px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #969292;
	}
	
.drawerMsgOpen {
	display: none;
	}
	
.drawerEdit {
	padding-top: 2px;
	margin-right: 5px;
	float: right;
	}
	
.drawerEdit a {
	font-weight: bold;
	}
	
.drawerField {
	height: auto;
	width: 554px;
	display: none;
	padding-left: 10px;
	}
	
.drawerField ul li {
	height: auto;
	width: auto;
	float: left;
	}
.drawerField form h3 { font-size:16px; margin-top:25px; margin-bottom:5px; padding-left:10px; font-weight:bold; }
.fbtwTbl { width:554px; margin-bottom:15px; }	
	.fbtwTbl th {font-size: 14px; text-align: center;  }
	.fbtwTbl tr :first-child { padding-left:10px; text-align:left; font-weight:bold; }
	.fbtwTbl td  { padding:5px 0; border-bottom:1px solid #DED7C1; }
	.fbtwTbl td   { text-align: center;  }
	
#publicProfile, 
#searchable, 
#notSearchable, 
#autoFollow, 
#byPermission,
#privatePub,
#publicPub,
#publicCol,
#privateCol{
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	}
	
.labelGroup {
	height: auto;
	width: auto;
	overflow: hidden;
	}
	
.topLabel {
	height: auto;
	width: 100%;
	float: left;
	}
	
.bottomLabel {
	height: auto;
	width: auto;
	padding-left: 25px;
	float: left;;
	}
	
.buttonGroup {
	float: left;
	margin-left: 25px;
	}
	
.fieldWrapper {
	width: auto;
	height: auto;
	float: left;
	margin-left: 25px;
	}
	
.profileLabel {
	width: auto;
	height: auto;
	}
	
span.exampleMsg {
	float: right;
	margin-left: 10px;
	}
	
#timezone {
	padding: 0;
	width: 250px;
	}
#adjustForDstBlock { margin-left:0; }
.passwordHelp{
	float: right;
	margin-left: 10px;
	}
	
.off {
	display: none;
	}
	
.inputAndErrorIcon {
	overflow: hidden;
	}
	
.validationIcon {
	float: left;	
	}
	
#deactivateAccount {
	padding: 20px;
	}
	
.deactivateGroup {
	height: auto;
	width: auto;
	position: relative;
	top: -8px;
	left: 0;
	padding: 20px;
	background-color: #fff;
	}
	
.deactivateButtons{
	float: right;
	}
	
/* 
	COPIA CREDITS --- */

.copiaCreditsTabular { width:768px; margin-top:15px; font-size: 14px; }
	.copiaCreditsTabular th { font-size:12px; font-weight:bold;  text-align:left; padding-left:5px; padding-bottom:5px; border-bottom: 2px solid #000000;}
	.copiaCreditsTabular th.cc-lastLabel { padding-right:5px; text-align:right;  }
	.copiaCreditsTabular td { padding:5px 0 10px 0; border-bottom:1px dotted #3d3625; }
	.copiaCreditsTabular .cc-dateWrap { width:185px; }
	.copiaCreditsTabular .cc-sourceWrap { width:155px; }
	.copiaCreditsTabular .cc-typeWrap { width:345px; }
		.copiaCreditsTabular .cc-typeWrap span { display:block; font-size:12px;}
		.copiaCreditsTabular .cc-typeWrap span.recommendLabel { font-weight:bold; font-size: 14px;}
	.copiaCreditsTabular .cc-amountWrap {  width:185px; font-size:14px; text-align:right;}
	
.copiaCreditsBalance { width:768px; font-size: 14px;  }
	.copiaCreditsBalance td { padding: 5px 0;}
	.copiaCreditsBalance .ccb-spacer { width: 508px;}
	.copiaCreditsBalance .ccb-labelWrap { width: 177px; }
	.copiaCreditsBalance .ccb-totalWrap { width: 83px; text-align:right; }
	.addBorder {border-bottom:1px dotted #3d3625;}
	.totalBalance { font-weight:bold; border-top:1px solid #3d3625; }


/* profileAuthenticate.css */
 

#profileAuthenticateForm{
	height: 251px;
	font-size:1.2em;
	}
	
#profileAuthenticateForm label {
	font-size:1.2em;
	}
	
#profileAuthenticateForm  input[type='password']{
	width: 374px;
	}
	
#profileAuthenticateForm .forgotPassword{
	display:block;
	float:left;
	padding:3px 0;
}

#profileAuthenticateForm  .username{
	font-size:1.5em;
	font-weight:bold;
	height:34px;
	position:relative;
	top:-10px;
	margin-left:8px
	}

#profileAuthenticateForm .notYou{
	text-align:left;
	clear:both;
	color:#3d3624;
	}
#profileAuthenticateForm .notYou a{
	font-weight:bold;
	}


/* categories.css */
 

ul[role='alphabetList'] {
	display: block;
	margin: 0;
	padding: 4px 0;
	border-top: 1px dotted #49412c;
	clear: left;
}

	ul[role='alphabetList'] li {
		display: inline;
		margin: 0;
		padding:  2px 9px;
		font-weight: bold;
	}

.portlet {
	position: relative;
	margin: 0;
	padding: 0;
	border-top: 1px dotted #49412c;
	overflow: hidden;
}
	
	.portlet.on {
		border-top: 1px solid #49412c;
	}
	
	.portlet.noBrdr {
		border-top: 0;
	}
	
	.portlet_topper {
		position: relative;
		margin: 0px 0 0;
		padding: 0;
		overflow: hidden;
	}
	
		.portlet_topper:hover {
			background-color: #fff;
			cursor: pointer;
		}
	
		.portlet_topper h3 {
			float: left;
			margin: 0;
			padding: 5px 0;
			font-size: 16px;
			font-weight: bold;
		}
		
		a.toggle {
			float: left;
			width: 24px;
			height: 22px;
			margin: 5px;
			padding: 2px;
			background: url(/images/toggle_arrow.gif) no-repeat;
			outline: none;
		}
		
		a.toggle:hover { border: none; }
		
		span[role='resultSetAmnt'] {
			float: right;
			margin: 5px 0 0;
			padding: 0;
			font-size: 16px;
			font-weight: bold;
		}
	
	.portlet_content {
		display: none;
		position: relative;
		margin: 0;
		padding: 0 0 30px;
		border-bottom: 1px solid #2b2518;
		overflow: hidden;
	}
		
		.portlet_content ul {
			width: 355px;
			margin: 0;
			padding: 0;
			border-top: 1px dotted #49412c;
		}
		
		.portlet_content ul li {
			display: block;
			padding: 4px 0;
			border-bottom: 1px dotted #49412c;
		}
		
		ul.resultSetList li {
			display: block;
			padding: 6px 0;
			font-size: 14px;
		}
		ul.resultSetList li  span { float:right;}
		ul.resultSetList li:hover {
			background-color: #fff;
			cursor: pointer;
		}
		
		ul.resultSetList li  a {
			margin-left: 10px;
			font-weight: bold;
		}
		
		ul[role='resultSet1'] {
			float: left;
			margin: 0 0 0 35px;
			padding: 0;
		}
		
		ul[role='resultSet2'] {
			float: right;
			margin: 0 0px 0 0;
			padding: 0;
		}
	


/* catalog.css */
 


body.page-catalog .bannerRotator
{
	float: right;
}

body.page-catalog.unauth .bannerRotator
{
	float: none;
}
body.page-catalog #catBanner { 
	height: 330px; 
}

body.page-catalog .rotatorBanner,
body.page-catalog .rotatorBanner div[role=rotatelist], 
body.page-catalog .rotatorBanner div[role=tabcontent] 
{
	height: 500px; 
}
body.page-catalog .rotatorBanner .simpleHead .headContent .bannerButton {
	bottom: 20px;
}
body.page-catalog .catContent
{
	width: 689px;
	margin: 361px 10px 10px 10px;
}

body.page-catalog.unauth .catContent
{
	margin: 10px;
}

.hideListItem { display:none }
/*ul.subTabList[role="tablist"] { width:767px }*/
.subTabListHeader { background-color: #ded7c1 !important; width:370px !important; clear: both;
-moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;
border-top-left-radius: 4px; border-top-right-radius: 4px;
}

ol.catalogList { clear:both; margin-top:15px; margin-bottom:25px; float:left; list-style-type:none; }
ol.catalogList#library .lboxContent { background: url('/images/newv/images/noise-b.png') #F0F0F0; height: 412px;}
ol.catalogList > li { position:relative; float:left; border-bottom:1px dotted #666; padding:15px 0; width:720px; height:auto;}
ol.catalogList > li:hover { 
	/*background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.06)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );*/
	background:none;
}

ol.catalogList li ul li.restriction {color:red;font-size:13pt;}
ol.catalogList li ul li.validation {color:red}

ol.catalogList .listNumber { width:28px; margin-right: 5px; padding:0px 10px 0 2px; text-align:left; }
	ol.catalogList .listNumber span { 
		font-weight:bold;
		font-size:18px; 
	}
    ol.catalogList .listNumber a.toggle { 
		position:absolute; 
		left:3px; 
		bottom:15px;
		margin:0; 
		background-image: url(/images/bg_expanded-collapse.png); 
		background-position:0 -24px;
		height:19px;
		width:24px;
		/*bottom: auto !important;*/
		/*left: 12px !important;*/
		/*margin-top: 35px !important;*/
	}

ol.catalogList .listImg { width:100px; margin-right:15px;}
    
ol.catalogList .listDetail { width:340px; padding:0 25px 0 0;}
	ol.catalogList .listDetail h3 { font-weight:bold; line-height:1; margin-bottom:5px }        
    ol.catalogList .listDetail h4 { font-weight:bold; line-height:1; color:#D54615;}
/*.unauth ol.catalogList .listDetail { width:375px; }*/
        
	ol.catalogList .listDetail ul.tags { float:left; margin:0 0 10px -5px; height:auto }
	ol.catalogList .listDetail ul.tags li {color: gray; display:inline; padding:0 5px 0 0; margin: 0 4px 0 0; line-height:1; background:url(/images/bg_tagSeparator.gif) no-repeat 100% 1px; }
    ol.catalogList .listDetail ul.tags li:last-child { background-image:none; }
	ol.catalogList .listDetail ul.tags li a { padding:0;}
    ol.catalogList .listDetail ul.tags .categories {  }
    ol.catalogList .listDetail ul.tags li.lastTagLink {border-right:none; padding:0 0 0 5px; background:none}

    ol.catalogList .listDetail p.summary { margin:0 0 10px 0; padding:0; clear:left; }
    
    #library ol.catalogList .listDetail p.summary {max-height: 210px; overflow: hidden;}
    ol.catalogList .listDetail p.summary span { font-weight:bold; color:#D54615; }
    ol.catalogList .listDetail ul.moreTags { float:left; margin:0; }
	ol.catalogList .listDetail ul.moreTags li { float:left; padding:0 5px 0 0;  }
    ol.catalogList .listDetail ul.moreTags li a { padding:0 0 0 0;}
 
	.page-library ol.catalogList .listRateIt {width: auto;}
	ol.catalogList .listRateIt { width:184px; float:right; margin-top:-8px;}
    ol.catalogList .listRateIt h5 { font-size:14px; color:#000; }

	/* Completion Bar */
    ol.catalogList .listRateIt .completionBar { background-color:#a0ad39; height:22px; }
    ol.catalogList .listRateIt .completionBar span {  width:32%; height:22px; color:#000; background-color:#dad8c3; font-weight:bold; float:right; padding:5px 0 0 5px;}
   
    ol.catalogList .listRateIt .acquireCTA { margin:5px 0 15px 0; font-size:14px; font-weight:bold; }
	ol.catalogList .listRateIt hr  { margin-right:11px; clear:both; }
	ol.catalogList .listRateIt ul.ratingColorBar { display:none; } 
	ol.catalogList .listRateIt ul.ratingBar  { margin-top:0px; float:left; height:14px; width:90px; }
     
	ol.catalogList .listRateIt .comRatingLabelBar { padding:4px 0; float:left; }
	ol.catalogList .listRateIt .comRatingLabelBar span {width: 50%; display:inline;}
	ol.catalogList .listRateIt .comRatingLabelBar div.right { float:right;}
        
        ol.catalogList .listRateIt .commValueBar { width:184px; float:left; }
        	ol.catalogList .listRateIt .commValueBar span a { float:left; padding-top:7px; }
        	ol.catalogList .listRateIt .commValueBar .numWrap { display:block; width:31px; font-size:15px; font-weight:bold; height:31px; float:right; padding-top:7px; background:url(/images/bg_communityVal-cir.png) no-repeat 0 0; text-align:center;}
		
        	ol.catalogList .listRateIt .ratingType { text-align:right; }
			
        ol.catalogList .listRateIt .completionPod { border-top:1px dotted #663; padding-top:8px; }    
		ol.catalogList .listRateIt .completionPod h5 span { float:right; padding-right:15px; }
	ol.catalogList .listRateIt .acquireCTA a { clear:both; display: block; margin-top:5px; }
	
	/* Page Intro & Download Now*/
	.pageIntro { position: relative; width: 100%; min-height: 180px !important; margin: 10px 0 0; padding: 0; background: #fff; clear: left; }
	#groups .pageIntro{background: none;}
	.pageIntro p { margin: 0; padding: 0; color: #bdb59c; font-size: 25px; float: left;}
	.pageIntro p strong { color: #5c533c !important; }
	.pageIntro img { float: left; margin: 0 5px; padding: 0;}
	
	.downloadNow { position: relative; width: 100%; margin: 0 0 5px; padding: 0; */background: url('/images/downloadIcon.png') right no-repeat;*/ }
	.downloadNow p { margin: 0; padding: 2px 0 !important; color: #000; font-size: 14px; }
	.downloadNow p a { margin: 0; padding: 0; font-weight: bold; }
	
	
	ol.catalogList li.collapsedList .listNumber a.toggle { background-position:0 0; }
	ol.catalogList li.collapsedList .listImg { width:45px; }
	ol.catalogList li.collapsedList .listDetail { position:relative; width:395px; height:127px; }
	.page-library ol.catalogList li.collapsedList .listDetail { width: 275px;}
	ol.catalogList li.collapsedList .listDetail ul.tags  { margin:5px 0 10px 0; height:29px; overflow:hidden} 
	ol.catalogList li.collapsedList h3 { font-size:18px; margin:0;}
	ol.catalogList li.collapsedList h4 { font-size:12px; margin:5px 0 0 0; letter-spacing:0;}
    
    ol.catalogList li.collapsedList p.summary, ol.catalogList li.collapsedList .moreTags, 
    ol.catalogList li.collapsedList .priceHead, ol.catalogList li.collapsedList .acquireCTA,
    ol.catalogList li.collapsedList .comRatingLabelBar,  ol.catalogList li.collapsedList .commValueBar,
	#content ol.catalogList li.collapsedList hr{ display:none;}
   
   
   ol.catalogList li.collapsedList .listRateIt ul.ratingColorBar  { float:left; display:block;}
   ol.catalogList li.collapsedList .listRateIt ul.ratingColorBar > li { float:left; padding:0; }
   ol.catalogList li.collapsedList .listRateIt ul.ratingColorBar li.ratingType { width:65%; }
   ol.catalogList li.collapsedList .listRateIt ul.ratingColorBar li.priceType { width:35%; }
   ol.catalogList li.collapsedList .listRateIt ul.ratingColorBar li.priceType { width:180px; }
   ol.catalogList li.collapsedList .listRateIt ul.ratingColorBar li.priceType button { margin-right:10px; white-space:nowrap; width;85px; }
    
 
ol.catalogList li > div { float:left; }

/* for lbox with book search result details */
.lboxContent ol.catalogList {
	border:none;
	margin:0px;
}
.lboxContent ol.catalogList > li { border:none; }
.lboxContent ol.catalogList > li:hover {background: url('/images/newv/images/noise-b.png') #F0F0F0;  }
.lboxContent ol.catalogList .toggle { display:none; }

/* LIBRARY ITEMS */
.libraryIntro {
	min-height: 325px;
	background: url(/images/bg_libraryIntro.jpg) no-repeat;	
}

	.libraryIntro p {
		margin: 0;
		padding: 0;
		font-size: 25px;
		font-weight: bold;
		line-height: 28px;
	}
	
	.libraryIntro .beginBox {
		background: url(/images/bg_beginBoxLibrary.jpg) repeat-x;
	}
	

/* Saved Search lighbox form */
#savedSearch {
	padding:20px;
	padding-top: 20px;
	display: none;
	height:220px;
	width:630px;
}

#savedSearch input[name=savedSearch] { width: 397px; }

div.facebookConnect { margin:10px 0; }

/*PURCHASED ITEMS*/
#buyBookContent ul.billingcontent { margin: -10px 0 0 !important; padding: 0; border: 1px solid #f00; }
#buyBookContent ul.billingcontent li { margin: 0 !important; padding; 0 !important; font-weight: normal !important;  }

body table.purchasedItems .button.size-a,
body table.purchasedItems button.size-a,
body table.purchasedItems.button.size-a span,
body table.purchasedItems button.size-a span   {font-size:15px}

table.purchasedItems { position: relative; width: 690px; margin: 10px 0 10px; padding: 0; }
table.purchasedItems td { margin: 0; padding: 5px 0; border-bottom: 1px dotted #000; color: #736357; font-weight: normal; vertical-align: top; font-size: 14px;}
table.purchasedItem { width: 100%; margin-top: 10px; border-top: 1px dotted #000; }
table.purchasedItem td { padding: 5px 0; border-bottom: 1px dotted #000; font-weight: normal; }
table.purchasedItems .bookImg { float: left; width: 33px; margin: 0 5px 0 0; padding: 0; }
table.purchasedItems .giftCardImg { float: left; margin: 0 5px 0 0; width: 50px; height: 70px;}
table.purchasedItems .bookInfo { float: left; width: 295px; margin: 0 0 0 18px; padding: 0; }
table.purchasedItems .giftCardDetails {	width: 315px;	margin: 0 0 0 18px; }

table.purchasedItems .bookInfo h3, 
table.purchasedItems .bookInfo h4,
table.purchasedItems .giftCardDetails h3,
table.purchasedItems .giftCardDetails h4
{ margin: 0; padding: 0; font-size: 16px; font-weight: bold; }
table.purchasedItems .bookInfo h4 { font-size: 12px; }
table.purchasedItems .giftCardDetails h3{ color: #D54615; }
table.purchasedItems .giftCardDetails h4{ color: #D54615; font-size: 10pt; }
table.purchasedItems .giftCardStatus{ color:#BF5904;	padding-left: 8px; font-size: 10pt; }
table.purchasedItems .bookInfo ul { margin: 0; padding: 0; }
table.purchasedItems .giftCardDetails ul li,
table.purchasedItems .bookInfo ul li { display: inline; margin: 0; padding: 0; font-size: 12px; }
table.purchasedItems .downloadedItem { color: #7b7972; font-size: 14px; font-weight: bold; }
table.purchasedItems button.primary { font-size: 12px; }
table.purchasedItems .expDate {color: red;font-weight: bold;}
.bookReceipt { position: relative; width: 100%; margin: 10px 0; padding: 10px 0; background: #fff; }
.bookContentContainer { margin: 0; padding: 0; overflow: hidden; }
.bookReceipt .bookImg { float: left; width: 100px; margin: 15px 25px; padding: 0; }
.bookReceipt .bookSummary { float: left; width: 380px; margin: 15px 0; padding: 0; }
	.bookReceipt .bookSummary h3 { margin: 0; padding: 0; font-weight: bold; }
.bookReceipt .bookOptions { float: right; margin: 15px 20px 0 0; padding: 0; }
.bookSummary ul { margin: 0; padding: 0; }
.bookSummary ul li { display: inline; margin: 0; padding: 0; }
.bookSummary p { margin: 0; padding: 4px 0; }
.bookOptions ul { margin: 10px 0 0; padding: 0; }
.bookOptions ul li { margin: 0; padding: 4px 0; border-bottom: 1px dotted #000; font-weight: bold; }
.bookOptions ul li.noBrdr { border: none; }
	.bookOptions .commValueBar .numWrap { display:block; width:31px; height:31px; margin: 0; padding-top:7px; background:url(/images/bg_communityVal-cir.png) no-repeat 0 0; color:#d28d40;  font-size:15px; font-weight:bold; text-align:center;}
	.bookOptions .starRating { float: none; margin-top: -3px; }
	.bookOptions .starRating li { border: none; }
	.bookOptions .ratingBar { margin-top: 0px; height: 5px; margin-left: 10px; }
	.bookOptions .ratingBar li { border: none; }
.billingInfoTable table.orderSummary th { font-size: 14px; }
.billingInfoTable table.orderSummary ul.receipt { margin: 0px 0 0 0; padding: 0; }
ul.returnNav { margin: 10px 0 0; padding: 0; }
ul.returnNav li { display: inline; margin: 0; padding: 0; font-size: 15px; font-weight: bold; }

.acquireCTA button { margin-right:15px; }
#promo_catalogList .acquireCTA button {display:none}

/* IE FIXES */

ol.catalogList > li { *position: static !important; }


/* ADDED BY BMH -- IE # OF IMPORTED CSS ISSUES */
#cart #noContentBlock, #cart #findAndBuyEBooks { display:none; }
#cart .empty #noContentBlock, #cart .empty #findAndBuyEBooks { display:block; }
#cart .empty #resultsBlock { display:none; }

#cart .listNumber { width:50px; }
#cart .listRateIt { text-align:right; /* margin-right:0;*/ width:150px; }
#cart .priceHead { width:auto; }
#cart .cartAction { float:right; width:150px; }
#cart .cartAction li { margin-top:20px; }
#cart .book {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 10px;
	color: #777;
}	
#cart .chapter { 
	padding-left: 21px;
	font-weight: bold;
	font-size: 15px;
	position:relative;
}	
#cart .chapter::before {
	background: url('/images/chapter.png') no-repeat;
	content: "";
	height: 29px;
	left: 0;
	top: 2px;
	position: absolute;
	width: 29px;
}
#cart h3.bookTitle {
	font-size: 20px;
	line-height: 24px;
}
#cart h4.authors , #cart h4.authors a {
	font-size: 12px;
	letter-spacing: 0;
}
#cart #orderTotal #orderTotalTitle h4 { margin-top: 1px; }
#cart #orderTotal #orderTotalTitle h4 a { float: right }
#cart #orderTotal #orderTotalTitle { background: url(/images/sidbar-bgCart.png) 3px;  background-repeat: repeat-x; clear:both; padding:2px }
#cart #orderTotal #orderTotalTitle ul { width: 717px; }
#cart #orderTotal #orderTotalTitle ul:after {content: ""; font-size: 0px; display: block; clear: both;}
#cart #orderTotal #orderTotalTitle ul li {display: inline; float: right;margin-left: 45px;width: 194px;}
#cart #orderTotal #orderTotalTitle ul li h4 {margin: 0 0 2px;}
#cart #orderTotal #orderTotalTitle ul li:last-child{margin-left:0;}

#cart #orderTotal #orderTotalContent { clear:both; }
#cart #orderTotal #orderTotalContent ol { float:right; list-style:none; margin:10px 0 0 40px; width:190px; padding-right:5px }
#cart #orderTotal #orderTotalContent ol.paymentInfo { width:170px;  }
#cart #orderTotal #orderTotalContent li.first { border-top:0; float:none; }
#cart #orderTotal #orderTotalContent li.cardType { border-top:0; float:none; border-bottom:1px solid #D5D0C1;font-weight: bold;}
#cart #orderTotal #orderTotalContent li { border-top:1px dotted; font-size:1em; font-weight:normal; padding:3px 0; }
#cart #orderTotal #orderTotalContent li.grandTotal { border-top:2px solid; font-weight:bold; }
/*#cart #orderTotal ol.paymentInfo li label,*/
#cart #orderTotal #orderTotalContent li.grandTotal label { font-weight:bold;}
#cart #orderTotal #orderTotalContent li label { font-size:1em; }
#cart #orderTotal #orderTotalContent li span { float:right; position:relative; display:block; *margin-top:-15px; }

#cart .actions { border-top:1px dotted; clear:both; padding-top:10px; text-align:right; }
#cart .actions button span { font-size: 17px;}
#cart #buyBookContent .paymentInformation select { width: auto; margin: 0; } 
#cart #buyBookContent  #s { margin-left: 15px; width : 180px } 
#cart #buyBookContent  #selectState { margin-left: 0px; width : 180px } 

#cart ul.purchaseSteps { width:720px;}
#cart ul.purchaseStepsShipment { width:720px}



/* ***** PAYMENT ***** */

#cart #buyBookContent .billingInfo { margin-left:30px;  }

/* CONFIRM STYLES*/
	#checkoutTotal { border-collapse: collapse; clear: both; }
    	#checkoutTotal thead th h4 { margin: 0; }
        #checkoutTotal thead th 
        {
            background-color: #DCD8C1;
            padding: 5px 0;
        }
        #checkoutTotal tbody td { padding: 5px 0; }
        #checkoutTotal tbody td.subtotal { padding-top: 15px; }
        #checkoutTotal tbody td.taxes { border-top: 1px dotted #635751; }
        #checkoutTotal tbody td.grandTotal { font-weight: bold; border-top:2px solid #635751; }
        #checkoutTotal tbody td.checkOutSpacer
        {
            width: 568px;
        }
        #checkoutTotal tbody td.totals
        {
            width: 100px;
            text-align: right;
        }

		#formatId, select.format { padding: 0 0 0 7px; }
		#formatId, select.format { *padding: 3px 7px; }

/* ***** 0 ITEMS ***** */
	
	/* *** IE HACKS *** */
	*+html #cart #findAndBuyEBooks #form_findAndBuyEBooks { margin-top: 0px !important; }
	*+html #cart #findAndBuyEBooks #form_findAndBuyEBooks #text_findAndBuyEBooks { margin-right: 10px !important; width: 230px !important; }
	
	#cart #findAndBuyEBooks #form_findAndBuyEBooks { margin-top: 10px; }
	
	#catalog #searchType { *top: 0px !important;  }
	

#catalog #bookOverview .slider { width: 687px; /*716*/ }
#catalog.unauth #bookOverview .slider { width: 681px; }

.bookActivationsLimit {
	color: #D54615;
	font-weight: bold;
}





/*******************************************/

.dbanner {
    position: relative;
}
    .dbanner .image {
    }
    .dbanner .intro {
        position: absolute;
        display: block;
        left: 217px;
        top: 65px;
        width: 655px;
    }
        .dbanner .intro h2 {
            vertical-align: bottom;
            font: bold 37px/45px Arial;
			text-transform: uppercase;
            color: #FFF;
            text-shadow: 1px 1px 2px #000;
        }
        .dbanner .intro p {
            vertical-align: bottom;
            font: normal 19px Arial;
            color: #FFF;
            text-shadow: 1px 1px 2px #000;
            margin-top: 10px;
        }
        .dbanner .intro a {
            font-weight: bold;
        }
        
    .dbanner .loginwrp{
    	position: absolute;
    	display: block;
		bottom: 0;
		left: 0;
    }

/* bookOverview.css */
 

/* BOOK DETAIL INFORMATION (ITEM AT TOP OF CONTENT) */
.bookDetail {
	display: block;
	float: left;
	width: 705px;
	margin: 0;
	padding: 0 0 5px 0;
	overflow: visible;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}
body.page-cat-details .userMsg.userMsgLoading{
	display: none;
}
	.bookDetail h2 {
		margin: 0 0 0 10px;
		padding: 0;
		font-size: 30px;
		border-bottom: 0;
	}
	
	.bookDetail h4 {
		margin: 0 0 0 10px;
		color: #5c533c;
	}
	
	.bookInfo {
		float: left;
		margin: 0;
		width: 350px;
		margin-left: 20px;
		padding: 0;
	}
	
	.bookInfoEx {
		margin: 20px 0 0 10px;
		font-size: 12px;
		color: black;
		font-weight: bold;
		width: 47%;
		float: left;
	}
	
		ul.bookOptions {
			margin: 0;
			padding: 0;
		}
		
		ul.bookOptions li {
			float: left;
			width: 138px;
			margin: 0;
			padding: 2px 5px;
			border-left: 1px dotted #5c533c;
			color: #000;
		}
		
		ul.bookOptions li strong {
			font-size: 16px;
		}
		
		ul.bookOptions li span {
			font-size: 11px;
		}
		
		ul.bookOptions li.noBrdr {
			padding: 0px;
			border: 0;
		}
		
		ul.bookOptions li button {
			margin: 0;
		}
		
		.bookImg {
			float: right;
			margin: 10px 25px 0 0;
		}

	ul.bookDetailMenus {
		margin: 0;
		padding: 0;
	}
	
	ul.bookDetailMenus li {
		display: block;
		/* float: left; */
		margin: 0 12px 0 0;
		padding: 0;
	}
	
	ul.bookDetailMenus li.last {
		margin-right: 0;
	}

	#bookOverview .bookImg {
		float: left;
		margin: -5px 0 10px 25px;
	}
	
	#bookOverview .subTabList {
		padding: 5px 10px;
		position: relative;
		width: 671px; /*700*/
	}
	
	#bookOverview .seeAsList {
		position: absolute;
		right: 10px;
		display:none;
	}
	#bookOverview .active > .seeAsList { display:inline; }

	/* Webkit fix for seeAsList */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#bookOverview .active > .seeAsList { display:inline; margin-top: -17px; }
	}
	
	.buyBookNow {
		position: relative;
		margin: 0;
		padding: 10px;
		background: #fff;
		color: #000;
	}
	
	.buyBookNow h6 {
		margin: 0;
		padding-top: 8px;
	}
	
	.buyBookNow p {
		font-weight: bold;
		font-size: 13px;
	}
	
	.buyBookNow ul li {
		margin: 0;
		padding: 0px 0 8px;
		word-wrap: break-word;
	}


#tagCloud { margin:5px 0; }
#tagCloud .tags li { display:inline; }


.bookReview h3 {
	margin: 15px 0;
	padding: 0;
	font-weight: bold;
}
	
.pageNumber {
	float: left;
	margin-right: 10px;
}
	
	.pageNumber input[role="pageNum"]{
		display: block;
		width: 59px;
		height: 14px;
		margin: 11px 0;
		font-size: 12px;
	}
	
	.pageNumber button {
		margin: 0;
	}
	
	.progressBar {
		float: left;
		overflow: hidden;
	}
	
	.completionBar {
		position: relative;
		width: 450px;
		height: 28px;
		margin: 10px 0;
		background: #dad8c3;
		overflow: hidden;
	}
	
		span.currComplete {
			float: left;
			height: 28px;
			margin: 0;
			padding: 0;
			border-right: 2px solid #fff;
		}
		
		p.bottomAlign {
			display: block;
			margin-top: 30px;
			font-size: 11px;
		}
		
	ul.bullets li {
		font-size: 12px;
		background-position: 0 7px;
	}
	
.whiteContainer {
position: relative;
margin: 0;
padding: 10px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
overflow: hidden;
}


.userTags p {
float: left;
width: 135px;
}

textarea[role="dataEntry"] {
width: 683px;
height: 60px;
margin: 5px 0;
}

.bookReview div.myPeople { clear:both; }

ul.usersDataEntries {
float: right;
width: 365px;
margin: 0;
padding: 0;
}

ul.usersDataEntries li {
	display: inline;
	padding-right: 2px;
	color: #ce4a20;
	font-weight: bold;
}

ul.usersDataEntries li a:hover {
	color: #535454;
	background-color: #e5dec9;
	border: none;
	}
	
.userEntriesSelected {
	color: #535454;
	background-color: #e5dec9;
	border: none;
	}

ul.relevantBookInfo {
margin: 0;
padding: 0;
}

ul.relevantBookInfo li {
	display: inline;
	margin: 0;
	padding: 4px 8px 0 0;
	color: #000;
}

ul.relevantBookInfo li input[type="checkbox"] {
	display: inline;
	margin: 0;
	padding: 0;
}

ul.relevantBookInfo label {
	margin-right: 7px;
	font-size: 12px;
}

ul.relevantBookInfo input[type="text"] {
	width: 104px;
	height: 20px;
	padding: 2px 0 0;
	font-size: 12px;
}

ul.relevantBookInfo select {
	width: 158px;
	margin: 0;
	padding: 0;
}

.colHalfzy {
float: left;
width: 50%;
margin: 0 0 20px;
}

.colHalfzy select {
	width: 160px;
	margin: 10px 0 0;
	padding: 0;
}

.rightAlign {
	float: right;
}

menu.bookOverviewMenu {
	z-index: 23;
}
menu.addLibraryToGroup {
	z-index: 21;
}
menu.addLibraryToGroup.active {
	z-index: 22;
}

/* COMMUNITY VALUES */
.commScores a {
	font-weight: bold;
}

.commValue {
	position: relative;
	float: left;
	width: 255px;
	height: 82px;
	border-right: 1px dotted #655e4d;
	overflow: hidden;
}
	
	.commValueCircle {
		float: left;
		width: 82px;
		height: 82px;
		margin-right: 10px;
		background: url(/images/bg_communityVal-cir_lrg.png) no-repeat;
		text-align: center;
		overflow: hidden;
	}
	
	.commValueNum {
		display: block;
		margin: 0px 1px 0 0;
		padding: 15px 0 0;
		font-size: 41px;
		font-weight: bold;
		text-align: center;
	}

.commRating {
	position: relative;
	float: right;
	width: 290px;
}

	.commRating ul {
		margin: 0 0 0 36px;
		padding: 0;
	}
	
	.commRating ul li {
		display: inline;
		margin: 0;
		padding: 0 15px 0 0;
		color: #000;
		font-weight: bold;
	}
	
	.ratingsContainer {
		width: 258px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;			
	}

	ul.ratings {
		width: 83%;
		margin: 0 0 0 20px;
		padding: 0;
		overflow: hidden;
	}
	
	ul.ratings li {
		float: left;
		height: 28px;
		margin: 0;
		padding: 0;
		background-image: url(/images/ratingDivider.gif);
		background-repeat: repeat-y;
		font-size: 16px;
		font-weight: bold;
	}
	
	.first { float: left; font-weight: bold; font-size: 16px; }
	.last { float: right; margin: -28px 0 0; padding: 0; font-weight: bold; font-size: 16px; clear: none; }
	
	.rating1 { background-color: #746761; background-image: none; }
	.rating2 { background-color: #F2AB9B; }
	.rating3 { background-color: #C9CAC8; }
	.rating4 { background-color: #91ABBC; }
	.rating5 { background-color: #85A562; }
	

ul.whoCanView {
margin: 10px 0 0;
}

ul.whoCanView li {
	display: inline;
	font-size: 12px;
}

ul.whoCanView select {
	width: 140px;
	margin-left: 15px;
	padding: 0;
}

/* SUCCESS MESSAGE */
.successMessage h3 {
border: 0;
}

ul.nextOptions {
margin: 10px 0 0;
padding: 0;
}

ul.nextOptions li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #91877d;
	font-size: 14px;
	font-weight: bold;
}

ul.nextOptions li a {
	
}
	
/* COMMUNITY CONTENT */
.CommunityTab .commRating {
	float: left;
	width: 270px;
	margin: 0 10px 0 0;
	padding: 0;
}
	
	.CommunityTab .commValue {
		border: 0;
	}

	.CommunityTab .commValue h3 {
		margin: 3px 0 0;
		font-size: 24px;
		border: 0;
	}
	
	.CommunityTab ul.commStats {
		float: left;
		width: 120px;
		margin: 10px 0 0;
		padding: 0;
		overflow: hidden;
	}
	
		.CommunityTab ul.commStats2 {
			float: right;
			width: 150px;
			margin: 10px 0 0;
			padding: 0;
			overflow: hidden;
		}
		
		.CommunityTab ul.commStats li, .CommunityTab ul.commStats2 li{
			width: 100%;
			margin: 0;
			padding: 5px 0;
			border-top: 1px dotted #c5c3bc;
			color: #2b2518;
			font-size: 15px;
			font-weight: bold;
			text-align: left;
		}
		
		.CommunityTab ul.commStats li.last, .CommunityTab ul.commStats2 li.last {
			border-bottom: 1px dotted #c5c3bc;
		}
	
	.CommunityTab .commRating h3{
		margin-left: 28px;
		border: none;
		font-size: 32px;
	}
	
	.CommunityTab .starView {
		float: right;
		width: 260px;
		padding-left: 10px;
		border-left: 1px dotted #655e4d;
	}

.seeAll { float: right; margin: 5px 0 0; padding: 0; font-size: 14px; font-weight: bold; }
	
#communityList, #communityGroupList { position: relative; width:560px; overflow: hidden; }
.hideListItem { display:none }
/*ul[role="tablist"].subTabList { width:560px; }*/

#communityList ol.catalogList, #communityGroupList ol.catalogList { border-top:1px dotted #666; margin-top:15px; margin-bottom:0px; list-style-type:none; overflow: hidden; }
#communityList ol.catalogList li, #communityGroupList ol.catalogList li { position:relative; width: 100%; border-bottom:1px dotted #666; padding: 8px 0 0; overflow: hidden; }
#communityList ol.catalogList > li:hover , #communityGroupList ol.catalogList > li:hover{ background-color:#FFF; cursor:pointer; }

#communityList ol.catalogList li ul li, #communityGroupList ol.catalogList li ul li { border:none;}

#communityList .peopleImg, #communityGroupList .peopleImg { float: left; width:66px; overflow:hidden; padding:0 0 0 0px; }
	#communityList .peopleImg img, #communityGroupList .peopleImg img { float:none; }
	
#communityList ol.catalogList .followThisPersonTool, #communityGroupList ol.catalogList .followThisPersonTool { float:right; width: 150px; padding:0 10px 0 0; overflow: hidden;}
#communityList ol.catalogList .followThisPersonTool h6, #communityGroupList ol.catalogList .followThisPersonTool h6 { margin:0 0 10px 0;}

#communityList .peopleDetails, #communityGroupList .peopleDetails { width:235px; float:left; padding:0 25px 0 0; margin:0 40px 0px 15px; overflow: hidden; }
	#communityList .peopleDetails h3, #communityGroupList .peopleDetails h3 { font-weight:bold; line-height:1; margin-bottom:5px }
    	#communityList .peopleDetails h3.collapsedcollapsed, #communityGroupList .peopleDetails h3.collapsed { font-size:18px; }
        
    #communityList .peopleDetails h4, #communityGroupList .peopleDetails h4 { font-weight:bold; line-height:1; margin-bottom:5px; }

    #communityList .peopleDetails ul.tags li.lastTagLink, #communityGroupList .peopleDetails ul.tags li.lastTagLink {border-right:none; padding:0 0 0 5px; background:none}
   
    #communityList .peopleDetails ul.peopleInfo, #communityGroupList .peopleDetails ul.peopleInfo { position: relative; width: 220px; border: #000; margin:0 0 5px 0; }
	#communityList .peopleDetails ul.peopleInfo li, #communityGroupList .peopleDetails ul.peopleInfo li { display: inline; color:#2b2518; padding:0 5px; background:url(/images/bg_tagSeparator.gif) no-repeat 100% 50%; font-weight:bold; }
    /*#communityList .peopleDetails ul.peopleInfo li.firstTag { padding-left:0}*/
    #communityList .peopleDetails ul.peopleInfo li.noBg, #communityGroupList ul.peopleInfo li.noBg { background:none; }
    #communityList .peopleDetails ul.peopleInfo li a, #communityGroupList .peopleDetails ul.peopleInfo li a { padding:0 0 0 0;}
	
/* OVERVIEW TAB */

.bookReview p {
	padding: 5px 0;
	color: #000;
}
  
.bookReview .downloadLimit p{
	color: #B13F34;
}

.progression {
	margin: 0;
	padding: 5px 10px;
	background: #fff;
	overflow: hidden;
}
	
.pageNumber {
	float: left;
	margin-right: 10px;
}
	
	.pageNumber input[role="pageNum"]{
		display: block;
		width: 59px;
		height: 14px;
		margin: 11px 0;
		font-size: 12px;
	}
	
	.pageNumber button {
		margin: 0;
	}
	
	.progressBar {
		float: left;
		overflow: hidden;
	}
	
	.completionBar {
		position: relative;
		width: 450px;
		height: 28px;
		margin: 10px 0;
		background: #dad8c3;
		overflow: hidden;
	}
	
		span.currComplete {
			float: left;
			height: 28px;
			margin: 0;
			padding: 0;
			border-right: 2px solid #fff;
		}
		
		p.bottomAlign {
			display: block;
			margin-top: 30px;
			font-size: 11px;
		}
	
.OverviewTab .commScores h3 {
	margin: 3px 0 0;
	padding: 0;
	border: 0;
	font-size: 24px;
}
	
.OverviewTab .commRating h3 {
	margin-left: 36px;
	border: 0 !important;
}

.OverviewTab .commValue h3 {
	border: 0 !important;
}

/* REVIEWS CONTENT */
.ReviewsTab .commRating {
	float: left;
	width: 270px;
	margin: 0 10px 0 0;
	padding: 0;
}
	
	.ReviewsTab .commRating h3{
		margin-left: 28px;
		border: none;
	}
	
	.ReviewsTab .starView {
		float: right;
		width: 260px;
		padding-left: 10px;
		border-left: 1px dotted #655e4d;
	}

.reviewLeftRail {
	position: relative;
	float: left;
	width: 84px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.midRightRailContainer {
	position: relative;
	border-left: 1px dotted #a6a6a6;
	overflow: hidden;
	float: none;
	width: auto;
}

.reviewMidRail {
	position: relative;
	float: left;
	width: 146px;
	margin: 0;
	padding: 0 5px;	
	overflow: hidden;
}

	.reviewMidRail h4, .reviewMidRail p {
		margin: 0;
		padding: 0;
	}
	
	ul.reviews li {
		margin: 5px 0 10px;
	}
	
	.reviewContent {
		position: relative;
	}
	
	.ReviewsTab .collapsedList {
		/*height: 120px;*/
	}
	
	.collapsedList .reviewOpinion {
		display: none;
	}
	
	.collapsedList .reviewRightRail {
		/*height: 115px;*/
		overflow: hidden;
	}
	.midRightRailContainer .reviewRightRail h4 {
		/*color:#D54615;*/
	}
	ul.usersClump {
		margin: 0;
		padding: 0;
	}

	ul.usersClump li {
		display: inline;
		margin: 0;
		padding: 0;
		color: #000;
		font-weight: bold;
	}
	
	.reviewOpinion {
		position: absolute;
		bottom: 4px;
		left: 8px;
	}
	
	ul.reviewHelpful li {
		display: inline;
		margin: 0;
		padding: 0;
	}

.reviewRightRail {
	position: relative;
	float: right;
	width: 360px;
	margin: 0;
	padding: 0 5px;
	border-left: 1px dotted #a6a6a6;
	overflow: hidden;
}

.starView table {
	margin: 0;
	padding: 0;
}

.starView table td {
	margin: 0;
	padding: 0 3px;
	font-weight: bold;
}

.ratingBar {
	display: block;
	width: 115px;
	height: 12px;
}

	.ratingBar span { display: block; }
	span.rating5 {
		background: #01a793;
	}

/* LOAD BAR */
#bookOverview .currentlyLoaded {
width: 72%;
margin: 6px auto 0;
}

/* BUY BOOK LBOX */
#buyBook { margin-botton: 0px !important; padding-bottom: 20px; }
#buyBook h3 { margin: 10px 0px 15px; padding: 0; font-size: 17pt; font-weight: bold; color: #362f2d; border-bottom: 1px solid #C2B9AC; }
#buyBook h4{ min-height: 22px; font-size: 13pt; font-weight: bold; color: #362f2d; }
#buyBook .infoContainer { padding-bottom: 10px; border-bottom: none; }
		#buyBook .bookDetail { margin: 10px 0 15px; padding: 20px 0; }
		#buyBook .bookInfo { float: left !important; width: 500px !important; margin: 0 0 0 30px; padding: 0px; }
		#buyBook .bookImg { float: left !important; margin: 0 0 0 30px; padding: 0px; }
		#buyBook .bookDetail ul { margin: 0; padding: 0; }
		#buyBook .bookDetail ul li { display: inline; margin: 0; padding: 0; color: #000; }
		#buyBook .bookDetail p { margin: 0; padding: 0; font-weight: bold; color: #000; }
		#buyBook .bookDetail .crazyLrg { color: #000; font-size: 60px; font-weight: bold; }
		#buyBook .bookDetail .medlrg { color: #000; font-size: 40px; letter-spacing: -2px; }
		#buyBook .bookDetail .mediocre { color: #000; font-size: 24px; font-weight: bold; }
		#buyBook .bookDetail .smedium { color: #000; font-size: 21px; }
		#buyBook .confirmInfo .ccInfo { width: 160px !important; margin-right: 40px; }
		/*#buyBook .bookDetail p { clear: both; }*/
		/*#buyBook .downloadNow { float: right; width: 125px; margin: 8px 20px 0 0; padding: 0; }*/
		/*#buyBook .downloadNow button { float: none; display: block; margin-bottom: 5px; }*/
		#buyBook button { float: none !important; }
		#buyBook .buttonContainer { clear: both; text-align: right; width:700px; border-top: 1px dotted #312B1E; padding-top: 10px; }
		#buyBook .buttonContainer p { float: left; }
		#buyBook .reminder { position: relative; margin: 5px 0 0; padding: 5px 0; background: url('/images/reminderIcon.png') 0 4px no-repeat; }
		#buyBook .reminder p { margin: 0; padding: 0 0 0 40px; font-weight: normal !important; }		
		ul.purchaseSteps { width: 720px; height: 34px; margin: 0 0 0px; padding: 0; background: url(/images/bg_purchaseSteps.png) no-repeat; overflow: hidden; }
		ul.purchaseSteps li,
		ul.purchaseStepsShipment li,
		ul.purchaseStepsSubmarino li { float: left !important; width: 170px; margin: 8px 10px 0 0; padding: 0; color: #002F5D; font-size: 16px; font-weight: bold; text-align: center; }
		ul.purchaseStepsShipment li{ width: 140px; }
		ul.purchaseStepsSubmarino li { width: 350px; margin: 6px 10px 0 0; color: #9a9483; }
		
		ul.purchaseSteps li.active,
		ul.purchaseStepsShipment li.active,
		ul.purchaseStepsSubmarino li.active { color: #fff; }		
		
		ul.purchaseStepsShipment { width: 720px; height: 34px; margin: 0 0 0px; padding: 0; background: url(/images/bg_purchaseStepsShipment.png) no-repeat; overflow: hidden; }
		
		ul.purchaseStepsShipment li:last-child{width: auto;margin-left: 30px;}
		 { color: #fff; }	
		ul.purchaseStepsSubmarino { width: 720px; height: 34px; margin: 0 0 0px; padding: 0; background: url(/images/bg_purchaseStepsSubmarino.jpg) no-repeat; overflow: hidden; }
		



		#buyBook table th { padding: 4px 0 4px 10px; background: #ded7c1; font-size: 16px; font-weight: bold; text-align: left; }
		#buyBook table th a { cursor: pointer; margin-left: 20px; font-size: 13px; text-align: right; }
		#buyBook table.orderSummary { width: 100%; margin: 0px 0 0; padding: 0; }
		#buyBook table.orderSummary td { padding-right: 0px; vertical-align: top; }
		#buyBook ul.receipt { width: 220px; margin: 0px 0 0 5px; padding: 0; }
		#buyBook ul.receipt li .rightAlign { #float: right; #margin-top: -17px; text-align: right; font-weight: normal; }
		#buyBook ul.receipt li { margin-bottom: 0px; padding: 2px 0; #padding-bottom: 4px; border-bottom: 1px dotted #433b26; }
		#buyBook ul.receipt li.solidBrdr { border-bottom: 1px solid #433b26; }
		#buyBook ul.receipt li.noBrdr { border-bottom: none; }
		#buyBook ul.receipt .discount { color: #017668; }		
		#buyBook .miscInfo { float: left; width: 305px; margin: 10px 0 0; padding: 0; border-right: 1px dotted #000; }
		#buyBook .miscInfo ul { margin: 0; padding: 0; }
		#buyBook .miscInfo ul li { display: block; margin: 0; padding: 2px 0; font-weight: normal; }
		#buyBook .bookPrice { float: right; width: 185px; margin: 10px 0 0; padding: 0; }		
		#buyBook .adobeDigitalEditions { margin: 0; padding: 5px 0 0; border-top: 1px dotted #000; clear: both; }
		#buyBook .adobeDigitalEditions img { float: left; margin: 0 8px 0 0; padding: 0; }
		#buyBook .adobeDigitalEditions p { margin: 0; padding: 0; }
		.adobeDigitalEditions ul { width: 700px; margin: 4px 0 0; padding: 0; }
		.adobeDigitalEditions ul li { display: inline; font-weight: bold; }
		#buyBook .adobeDigitalEditions .tooltipActivator { position: relative; }
		#buyBook .adobeDigitalEditions .tooltipActivator:hover .tooltip { display: block; width: 310px; min-width: 310px; top: -21em !important; left: 0px; }

#buyBookContent { position: relative; /*width: 670px;*/	margin: 10px 0 0 10px; padding: 0; overflow: hidden; }	
	#buyBookContent .smallTxt { font-size: 16px; font-style: italic; }	
	#buyBookContent h2 { margin: 0; padding: 0 0 4px; color: #000; font-size: 18px;	line-height: 24px; }	
	#buyBookContent h5 { border-bottom: 1px solid #8e847a; font-size: 9pt; }	
	#buyBookContent h6 { margin-bottom: 8px; padding: 0px 0; color: #000; font-size: 12px; color: #736357; }	
	#buyBookContent .bookDetail select { width: 500px; }	
	#buyBookContent img.cvvImg { margin: 4px 0 4px -8px; padding: 0; }	
	#buyBookContent .error { display: none; margin: 0 0 8px; padding: 5px; background-color: #ded8c2; }	
	#buyBookContent .errorContainer { width: 430px; background: url(/images/deletedIcon.png) no-repeat 0 0px; }	
		#buyBookContent .error p { margin: 0; padding: 5px 0 5px 35px; color: #000; font-size: 14px; font-weight: bold;	}	
	#buyBookContent a.whatsThisLink { float: right; margin: 5px 40px 0 0; #margin-top: -24px; padding: 0; font-size: 12px; }
	p.authorizeNote { float: left; margin: 0; }	
	#buyBookContent form.leftAligned { margin-top: 5px; border: 0 !important; background: none !important; }	
	#buyBookContent form.leftAligned ul.purchaseSteps li { margin-top: 0; clear: none !important; }	
	#buyBookContent form.leftAligned fieldset {	border: 0; background: none !important; }	
	#buyBookContent .leftAligned input[type="text"], #buyBookContent .leftAligned input[type="password"] {
		width: 340px;
		padding: 4px;
	}	
	#buyBookContent form.leftAligned ul { border: 0 !important; }	
	#buyBookContent form.leftAligned ul li { #margin: 0; #padding: 0; }
	#buyBookContent .leftAligned .fieldWrapper { float: left; margin: 0 0 0 -40px; padding: 0; }	
	a.forgot { margin-left: 60px; }	
	#buyBookContent .infoContainer { position: relative; float: left; margin-bottom: 10px; /*border-bottom: 1px dotted #312b1e;*/ }
	/*#paymentInfo .infoContainer { padding-bottom: 62px; }*/
	#shipmentInfo .infoContainer { padding-bottom: 62px; }
	
	#buyBookContent .shipInfo {float: left;width: 310px;} 
	#buyBookContent .cardInfo { width: 680px; }
	#buyBookContent.dinero .cardInfo { width: 360px; }
	#buyBookContent .cardInfo h5 { font-size: 11pt;}
	#buyBookContent .cardInfo .cardType { margin-bottom: 10px; }
	#buyBookContent .cardInfo .saveCheck { margin-bottom: 30px; }
	#buyBookContent .cardInfo .cardType input { vertical-align: baseline; }
	#buyBookContent .cardInfo .cardType label { font-size: 17pt;font-weight: bold;width:auto;float: none;display: inline;margin-left: 10px; }
	#buyBookContent #ccCardholder, #buyBookContent #ccCardInfo, #buyBookContent .saveCheck { width: 300px; float:left; margin-left: 35px;}
	#buyBookContent .editInfo { float: right; width: 150px; margin: 15px 0 0; }	
	#buyBookContent .billingInfo { float: right; width: 360px; }	
	#buyBookContent .paymentInformation label {	width: 100px; padding: 2px 0; font-size: 17px; font-weight: normal; }	
	#buyBookContent .shipmentInformation label {	width: 105px; padding: 2px 0; font-size: 17px; font-weight: normal; }
	#buyBookContent .shipmentInformation .fieldWrapper { float: right; width: 180px; padding: 0;	}	
	#buyBookContent .paymentInformation .fieldWrapper { float: right; width: 180px; padding: 0;	}	
	#buyBookContent .shipmentInformation .billingInfo .fieldWrapper { width: 245px; }
	#buyBookContent .paymentInformation .billingInfo .fieldWrapper { width: 245px; }
	#buyBookContent .shipmentInformation .billingInfo .fieldWrapper input { width: 220px; margin-left: 30px; }
	#buyBookContent .paymentInformation .billingInfo .fieldWrapper input { width: 220px; margin-left: 30px; }

	#buyBookContent .paymentInformation input[type="text"] { padding: 2px; font-size: 16px; }
	#buyBookContent .paymentInformation input[type="text"] { width: 174px; margin: 0 0 5px; }	
	#buyBookContent .shipmentInformation input[type="text"] { width: 174px; margin: 0 0 5px; padding: 2px; font-size: 16px; }
	#buyBookContent .paymentInformation input.cvvCode {	width: 53px; }	
	#buyBookContent .shipmentInformation input.cvvCode {	width: 53px; }
	#buyBookContent .paymentInformation select { margin: 0 0 0 30px; padding: 0;	}
	#buyBookContent .shipmentInformation select { margin: 0 0 0 0px; padding: 0; width: 180px;	}
	#buyBookContent .paymentInformation select#m { margin:0 0 0 1px;}
	#buyBookContent .shipmentInformation select#m { margin:0 0 0 1px;}
	#buyBookContent .billingInfo .validationIcon { margin-left: -15px; }
	
#cart #buyBookContent .paymentInformation .billingInfo .fieldWrapper input { width: 225px; margin-left: 15px; }
#cart #buyBookContent .paymentInformation .billingInfo .fieldWrapper textarea { width: 225px; margin-left: 15px; }
#cart #buyBookContent .paymentInformation select { width: 225px; margin-left: 15px; }
#cart form.leftAligned .validationIcon { margin-left: -16px; margin-top: -3px;}


#cart #newCard select { width: auto !important; margin: 0 !important; }

#buyBookContent .publicDomain { display:none; }
#buyBookContent.publicDomain .adobeDigitalEditions { display:none; }
#buyBookContent.publicDomain .buttonContainer { display:none; }
#buyBookContent.publicDomain .publicDomain { display:block; }
	
	
	
/*RECOMMNED TO FRIEND & ADD TO GROUP LIBRARY POPUP */
#addRecommend { position: relative; margin: 0; padding: 0; overflow: hidden; }
#addRecommend .bookDetail { float: none !important; postion: relative; margin-bottom: 10px; background: none !important; overflow: hidden; }
	#addRecommend .bookDetail h4 { width:535px; margin: 0; padding: 0; }
	#addRecommend .bookDetail .bookImg { float: left; margin: 0 10px 0 0; padding: 0; }
	#addRecommend .datatable, #addRecommend .data { width: 100%; margin-bottom: 5px; }
	#addRecommend .data table { width: 100%; }
	#addRecommend .data tr { background-color: #fff; }
	#addRecommend .data tr:hover { background-color: #d8fffa; }
	#addRecommend .datatableSearch { float: right; height: 16px; margin: 0; padding: 2px; font-size: 12px; }
	#addRecommend .tableHeader { float: left; margin: 0; padding: 0; }
	#addRecommend .datatable td { border-bottom: 1px dotted #433b26; vertical-align: middle; }
	#addRecommend input[type="checkbox"] { float: left; margin: 25px 22px 0; }
	#addRecommend .datatable a, #addRecommend .datatable span { font-size: 18px; font-weight: bold; }
	#addRecommend .datatable .avatar { width: 110px; }
	#addRecommend .datatable .name { width: 415px; }
	#addRecommend .datatable .name span { font-size: 13px; font: normal; }
	#addRecommend .buttonContainer p { float: left; width: 250px; text-align: left; }
	#addRecommend .buttonContainer { text-align: right; }
	#addRecommend .commentBox { width: 610px; height: 180px; font-size: 12px; }
	#addRecommend .commentSection h3 { font-size: 18px; font-weight: bold; }
	
	#addRecommend .greybox { position:relative; float: right; text-align:center; width: 130px; height:15px; padding:5px; background-color:#636466; }
	#addRecommend button.greybox { background-image:none; position:relative; float: right; text-align:center; width: 130px; height:30px; padding:5px; background-color:#636466; }
	#addRecommend .greybox span { display:block; font-size:12px; color:#fff;  margin-top:-10px; letter-spacing:0; }
	#addRecommend button.primary.gift { background-image:none; background-color:#d1d2d4; color: #000; height: 50px;}
	#addRecommend button.cancel.gift { background-image:none; background-color:#d1d2d4; float: left; color: #000; height: 50px;}
	#addRecommend button.secondary.gift { background-image:none; background-color:#636466; color: #fff; height: 50px;}
/* IE FIXES */

/*	COPIA CREDITS PAYMENT INFO -- */
#store #buyBookContent.epi-storeWrap { width:768px; margin-top:0; }
	#store #buyBookContent h2 { font-size:30px; margin: 10px 0 10px 0; border-bottom:none;  }
	#store #buyBookContent .infoContainer h3 { font-size: 24px; color:#2b2518; border-bottom:1px solid #2b2518; }
	#store .epi-creditUsage { float:right; padding-top:7px; font-size: 14px; }
	#store #buyBookContent .infoContainer { width:760px; padding:0; margin-bottom:0; }
	#store #buyBookContent .infoContainer .useCopiaCredits { float:left; width:760px; margin:15px 0 20px 0; padding:0; }
		#store #buyBookContent .infoContainer .useCopiaCredits li { float: left; clear:none; }
		#store #buyBookContent .infoContainer .useCopiaCredits li.epi-usedCredits { width:271px; padding-right:180px; }
		#store #buyBookContent .infoContainer .useCopiaCredits li.epi-copiaCredits {width:300px;}
		#store #buyBookContent .infoContainer .useCopiaCredits li.epi-usedCredits label { width:250px; font-size:18px; font-weight:bold; color:#2b2518; }
			#store #buyBookContent .infoContainer .useCopiaCredits li.epi-usedCredits p { margin-left:25px; font-size:14px; }
			#store #buyBookContent .infoContainer .useCopiaCredits li.epi-copiaCredits p { font-size:18px; font-weight:bold; text-align:right; color:#2b2518; }
			#store #buyBook #paymentInfo .buttonContainer { width:762px; }
			
/* new auth */
body.page-cat-details #bookOverview { padding: 5px 0 20px;  max-width: 940px; }
body.page-cat-details ul.oneCol[role="tablist"] { width: 704px; padding: 5px 10px; margin-top: 15px; margin-left: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
body.page-cat-details ul[role="tablist"] li[role="tab"] { padding: 3px 6px; }
body.page-cat-details .buyBookInfo { margin-left: 18px; float: right; width: 186px; font-size: 11pt; font-weight: bold; padding-top: 30px; }
body.page-cat-details .buyBookInfo .button{ margin-left: 0;}
body.page-cat-details .tagsTitle { background: #DED7C1; padding: 5px 10px; margin-top: 15px; font-size: 11pt; color: black; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

button.primary.giftBook {
	background: url(/images/gift_book_button.png) no-repeat;
	margin-top: 6px;
	text-align: left;
	padding-left: 37px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

button.primary.giftBook span{
	position: relative;
	top: 1px;
}

body#catalog.page-cat-details div[role="tabcontent"] { padding: 5px; border: 2px solid #DFDDDD; border-bottom: 0; margin-left: 25px; width: 675px; /*width: 675px;*/ }
body#catalog.page-cat-details div[role="tabcontent"] #authorTab,
body#catalog.page-cat-details div[role="tabcontent"] #recommendedTab{ margin-left: 0;}

body#catalog .discussions { clear: none; }




/*** NEW BY ELI ***/

/* Document Breadcrumbs */
html body #container .breadcrumbs {
    margin-left: 15px;
    float: none;
}
    .breadcrumbs > ul {
        
    }
        .breadcrumbs > ul > li {
            display: inline-block;
            line-height: 30px;
            font: bold 12px/30px Arial;
        }
        .breadcrumbs > ul > li::before {
            content: "›";
            color: #999;
            display: inline-block;
            position: relative;
            top: -2px;
            margin-right: 4px;
            margin-left: 2px;
        }
        .breadcrumbs > ul > li:first-child::before {
            display: none;
        }
    
/*****************************************
    Book Details
******************************************/  
.book, .book * {
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}     

html body .book {
    float: none;
}
html body .discussion .book {
    clear:none;
}
    /* Overview */
    .book .overview {
        padding: 0 0 0 11px;
        display: inline-block;
    }
    	.book .overview h6 {
            font: bold 12px/16px Arial;
            color: black;
            padding: 0 0 2px;
        }
        /* Tow columns of overview */
        .book .overview .column{
			display: inline-block;
			vertical-align: top;
		}
		.book .overview .column.left{
			width: 170px;
		}
		.book .overview .column.right{
			width: 270px;
			margin-left: 10px;
		}
		
        /* Cover */
        .book .overview .cover {
            display: inline-block;
            width: 176px;
        }
            /*
            .book .overview .cover img {
                width: 176px;
                height: 270px;
            }
            */
            
        /* Meta */
        .book .overview .meta {
            width: 255px;
			font-size: 10px;
			display: inline-block;
			vertical-align: top;
			/*height: 140px; - it breaks variable height for title/author etc...*/
		}
            .book .overview .meta .bookname {
                font: bold 19px Arial;
                color: #3f3f3f;
            }
            .book .overview .meta .author {
                margin: 0;
                padding: 0;
            }
                .book .overview .meta .author a {
                    font: normal 14px Arial;
                    font-weight: bolder;
                }
            .book .overview .meta .pubdetails,
            .book .overview .description {
                margin: 0;
                padding: 0;
                font: italic 11px/14px Arial;
                color: #6e6e6e;
            }

	            .book .overview .description .full{
	            	height: 100px;
	            	overflow: hidden;
	            }
	            .book .overview .description.expanded .full{
	            	display: block;
	            	height: auto;
	            	overflow: visible;
	            }
	            .book .overview .description .expander{
	            	cursor: pointer;
	            	font-style: italic;
	            }
            .book .overview .description {
                margin: 1em 0 0;
                padding: 0;
                width: 445px;
            }
            .book .overview .bicInfo {
           		margin-top:10px;
                font: italic 11px/14px Arial;
				width: 445px;
				color: #6E6E6E;
            }
        .book .overview .ratings{
        	margin-top: 5px;
        }
        /* Community Block */
        .book .overview .community {
        }
        
            /* Community Value */
            .book .overview .community .community-value {
                width: 145px;
				font: bold 12px/30px Arial;
                margin: 20px 25px 0 0;
                display: inline-block;
                
            }
                body #page #content .book .overview .community-value .score,
                .book .overview .community .community-value .score {
                    top: -8px;
                }
                
            /* Readers */
            .book .overview .readers {
                display: inline-block;
                height: 60px;
                vertical-align: top;
                margin-top: 11px;
            }
			.book .overview .leftmargin{
				margin: 2px 15px;
			 }
.twoColumnPopup{
	background: #F1EFEF;
}
	.twoColumnPopup .leftCol,
	.twoColumnPopup .rightCol{
		display: inline-block;
		vertical-align: top;
		padding: 10px 10px 5px 15px;
		margin:0;
		position: relative;
	
	}
    .twoColumnPopup .leftCol{
		width: 200px;
		border-right: 1px solid #C5C3C3;
		box-shadow: inset 0 0 20px 0 #D9D5D5;/*rgba(0, 0, 0, 0.3);*/
		background: #EFE9E8;
	}
	.twoColumnPopup .rightCol{
		background: #F1EFEF;
		padding-left: 20px;
	}
	/* The right arrow */
	.twoColumnPopup .leftCol::after,
	.twoColumnPopup .leftCol::before {
	    content: "";
	    right: -8px;
	    top: 50%;
	    margin-top: -11px;
	    width: 0;
	    height: 0;
	    border-top: 11px solid transparent;
	    border-bottom: 11px solid transparent;
	    position: absolute;
	    z-index: 5;
	}
	.twoColumnPopup .leftCol::after {
	    border-left: 8px solid #E4E0E0;	/*inner part of the arrow*/
	}
    .twoColumnPopup .leftCol::before {
        right: -9px;
        border-left: 8px solid #C5C3C3; /*the border of the arrow*/
    }
/* End Arrow */
		.twoColumnPopup .leftCol > *{
			margin-top: 20px;
		}
		.twoColumnPopup .leftCol > :first-child{
			margin-top: 0;
		}
	.twoColumnPopup h3{
		margin: 20px 0 0 0;
		font: normal 32px Dine, sans-serif;
		color: #363636;
	}
	.twoColumnPopup h3:first-child{
		margin-top: 0;
	}
	.twoColumnPopup h4{
		margin: 0;
		font: normal 26px Dine, sans-serif;
		color: #363636;
	}
		.twoColumnPopup h3 .small,
		.twoColumnPopup h4 .small{
			font-size: 18px;
			font-family: arial;
		}

/* Buttons*/
    .twoColumnPopup .rightCol .buttons{
    	clear: both;
    	margin-top: 7px;
    	text-align: left;
	}
	.twoColumnPopup .rightCol .buttons .submit{
		padding-right: 40px;
		padding-left: 40px;
		float: right;
	}
	.twoColumnPopup .rightCol .buttons .cancel{
		padding-left: 0;
	}
	

/* RATE AND REVIEW POPUP */
#rateAndReview{
	width: 700px;
}
	#rateAndReview .cratings,
	#rateAndReview .creview {
		height: 300px;
	}
		#rateAndReview .cratings .starRating{
			margin: 5px 0;
		}
		#rateAndReview .cratings .remark{
			font-style: italic;
			color: gray;
		} 
	#rateAndReview .creview{
		width: 440px;
	}
	#rateAndReview .creview .reviewData #reviewTitle,
	#rateAndReview .creview .reviewData #reviewText{
		width: 100%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;
		margin: 0 0 10px;
		padding: 6px 5px;
		font-size: 14px;
	}
	#rateAndReview .creview .reviewData #reviewText{
		height: 163px;
		margin: 0;
	}

    /* Shop/Store Block */
    .book .store {
        display: inline-block;
        width: 225px;
        margin-left: 20px;
        vertical-align: top;
    }
        .book .store .handles {
            width: 225px;
            display: block;
            font-size: 0.001px;
            padding: 1px 0 0;
        }
            .book .store .handles .handle {
                background: url('/images/newv/images/noise-b.png') #DBD9D9;
                display: inline-block;
                font: bold 12px Arial;
                border: 1px solid rgba(156,154,154, 0.7);
                border-left: none;
                margin: 0;
                padding: 11px 0 6px;
                height: 23px;
                text-align: center;
                vertical-align: bottom;
                position: relative;
                z-index: 10;
                box-sizing:content-box;
                -moz-box-sizing:content-box; /* Firefox */
    			-webkit-box-sizing:content-box; /* Safari */
            }
            .book .store .handles .handle:first-child{
				border-left: 1px solid rgba(156,154,154, 0.7);
			}
            .book .store .handles .handle.active {
                background: #F6F5F5;
                height: 24px;
                border-radius: 1px 1px 0 0;
                border: 1px solid rgba(156,154,154, 0.7);
                border-bottom: none;
                z-index: 11;
                padding-top: 14px;
                margin-left:-1px; /*to hide double border*/
                color: black;
                
            }
            .book .store .handles .handle.disabled{
				color: white; /*previously #ccc;*/
				background: url("/images/unauthenicated/bodyBG.png");
				cursor: default;
			}
            .book .store .handles .handle.active:first-child{
            	margin-left:0;	/*no double border for first element*/
            	padding-right:0;
            }
            /** Custom handle sizes and padding due to YOU CANT CENTER SHIT WITH CSS ffs /E.S/ **/
            .book .store .handles .handle[data-tab-content*="ebook"] {
                width: 63px;
            }
            .book .store .handles .handle[data-tab-content*="paperback"] {
                width: 77px;
            }
            .book .store .handles .handle[data-tab-content*="hardcover"] {
                width: 76px;
            }
        .book .store .tabs {
            border: 1px solid #B7B6B6;
            border-top: none;
            width: 220px;
        }
            .book .store .tab {
                width: 218px;
                display: none;
                background-color: #F6F5F5;
                height: 245px;
				position: relative;
            }
           
				.book .store .tab .actions{
					background: #E6E5E5;
					text-align: center;
					padding: 10px 0;
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
				}
					.book .store .tab .actions .button{
						margin-left:5px;
						padding-left: 10px;
					}
						.book .store .tab .actions .button:first-child{
							margin-left:0;
						}
						.book .store .tab .actions .button.icon.buy {
							width: 152px;
						}
						.book .store .tab .actions .button.icon.giftImg {
							width: 42px;
						}
							.book .store .tab .actions .button.icon.giftImg span::before{
								margin-right: 10px;
							}
				.book .store .action > .button,
				.book .store .action > menu {
					margin: 10px 0 0 0;
				}
				.book .store .action menu .button span{
					width: 194px;
				}
				.book .store .tab .daysLeft{
					margin-top: 8px;
				}
					.book .store .tab .tabCnt{
						padding: 0 5px 0 10px;
						position: relative;
						height: 158px;
					}
					.book .store .tab .tabCnt > *{
						padding-top: 7px;
					}
					.book .store .tab .price{
						font-size: 15px;
						font-weight: bold;
					}
					.book .store .tab .info{
						font-size: 12px;
					}
					.book .store .notsale .tab .info{
						font-size: 18px;
						font-weight: bold;
						color: #555;
						padding-top: 20px;
					}
					.book .store .tab .images{
						position: absolute;
						bottom: 2px;
						left: 5px;
						top: 110px;
					}
						.book .store .tab .images .img{
							display: inline-block;
							height: 51px;
							background: url(/images/newv/images/bookdetails/desktop.png) no-repeat left bottom;
							width: 59px;
							margin: 0 4px;
						}
						.book .store .tab .images img{
							margin: 0 5px;
						}
							.book .store .tab .images .img.desktop{
								background-image: url(/images/newv/images/bookdetails/desktop.png);
								width: 59px;
							}
							.book .store .tab .images .img.laptop{
								background-image: url(/images/newv/images/bookdetails/laptop.png);
								width: 53px;
							}
							.book .store .tab .images .img.tablet{
								background-image: url(/images/newv/images/bookdetails/tablet.png);
								width: 30px;
							}
							.book .store .tab .images .img.phone{
								background-image: url(/images/newv/images/bookdetails/phone.png);
								width: 21px;
							}
		/* RATINGS */
		.book .overview .ratings .rating{
			display: inline-block;
			vertical-align: bottom;
			margin-left: 10px;
		}
			.book .overview .ratings .rating:first-child {
				margin-left: 0;
			}
				.book .overview .ratings .rating h6 span{
					float: right;
				}
.book #Activity * {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
	.book #Activity .activityDetails{
		width: 565px;
	}
	.book #Activity .menu {
		float: right;
		width: 194px;
	}
	.book #Activity #noResultsBlock { 
		width: auto; 
		padding: 10px 0 0; 
		overflow: hidden; 
		height: auto;
		background: none;
		display:none;
	}
		.book #Activity #noResultsBlock p {
			float: left;
			color: black;
			font: normal 12px Arial;

		}
	.book #Activity #activitiesList{
		clear: both;
	}
	
	.book #Activity .discussions{
		display: none;
		margin-top: 10px;
		min-height: 0;
	}
	.book #Activity .discussions.active{
		display: block;
	}
	.book #Activity .discussions p {
		float: left;
	}
	.book #Activity .discussions .button{
		float: right;
	}
		
/* -- YOUR EDITION POPUP -- */
#yourEditionPopup .leftCol,
#yourEditionPopup .rightCol {
	height: 735px;
}
	#yourEditionPopup .leftCol menu.bookStatus {
		z-index: 21;
	}
	#yourEditionPopup .rightCol,
	#yourEditionPopup .rightCol .tagsData,
	#yourEditionPopup .rightCol .bookshelves {
		width: 500px;
		clear: both;
	}
		#yourEditionPopup .rightCol .tagsData textarea{
			height: 58px;
		}
		#yourEditionPopup .rightCol .tagsData .usersDataEntries{
			height: 28px;
			overflow-y: auto;
		}
	#yourEditionPopup .rightCol .bookshelves {
		margin-top: 30px;
	}
	#yourEditionPopup .rightCol textarea {
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
		width: 100%;
	}
	#yourEditionPopup .rightCol .usersDataEntries {
		float:none;
		width: auto;
	}
	
	#yourEditionPopup .rightCol .block::after {
		content:"";
		display: block;
		width: 100;
		border-bottom: 1px solid #C2C0C0;
		margin: 15px 0;
	}
	
	#yourEditionPopup .rightCol .block:last-child::after {
		border-bottom-width: 2px;
	}
	
	#yourEditionPopup .rightCol .datatable .data {
		border-color: #C2C0C0;
		width: auto;
		background: white;
		height: 130px;
	}
	
	#yourEditionPopup .rightCol .quickAdd > * {
		vertical-align: top;
		margin: 0 0 0 -3px;
	}
	
	#yourEditionPopup .rightCol .quickAdd > :first-child {
		margin-left: 0;
	}
	
	#yourEditionPopup .rightCol .bookshelvesTxt {
		width: 240px;
		height: 21px;
		font-size: 12px;
		font-weight: normal;
	}
	
	
	#freePurchasePopup .titledbox .title {
		height: auto;
	}
	#freePurchasePopup .titledbox .title h2{
		padding: 10px;
		font-size: 18px;
	}
	
	#freePurchasePopup .book .overview .column.left,
	#freePurchasePopup .book .overview .cover {
		width: 110px;
	}
	#freePurchasePopup .book .overview .meta .bookname{
		color: white;
		font-weight: normal;
		margin-bottom: 10px;
	}
	#freePurchasePopup .book .overview .meta .author {
		margin-bottom: 10px;
	}
	#freePurchasePopup .book .overview .meta .author a {
		color: #68C524;
		text-transform: uppercase;
	}
	#freePurchasePopup .book .overview .meta .pubdetails {
		color: gray;
	}
	#freePurchasePopup .price {
		color: white;
		margin-top: 10px;
		font-size: 16px;
	}
	#freePurchasePopup .buttons {
		position: absolute;
		bottom: 12px;
		right: 12px;
	}

/* reviews.css */
 


/* ------------------------------- REVIEWS ------------------------------- */
/* Left Column (Author, Date) */
.review .leftColumn
{
	width:  25%;
	float: left;
}

.review h3,
.review h3 a
{
	border: none; 
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
}

.review .leftColumn h3
 {
 	color: #E9795E;
 }

.review .leftColumn .reviewDate,
.review .rightColumn .reviewText
{
	color: black;
}

/* Right Column (Title, Rate, Review) */
.review .rightColumn
{
	width:  70%;
	float: left;
	padding-bottom: 30px;
}

.review .rightColumn ul.starRating
{
 	margin: 5px 0;
}



/* people.css */
 

#people .initial #nonInitContent { display: none; }
#people .initial #findAndBuyEBooks { padding: 10px 10px; height: 60px; } 


	

#people .initial .slider { border-top: 6px solid #ded7c1; }

.peopleIntro {
	background: url(/images/bg_peopleIntro.jpg) no-repeat;
}
.peopleIntro .beginBox {
	background: url(/images/bg_beginBoxPeople.jpg) repeat-x;
}
.peopleIntro .additionalInfo .betaInvite {
	padding-bottom: 10px;
	background: url(/images/betaInviteLogoLrg.png) no-repeat;
}
.peopleIntro .additionalInfo .betaInvite p {
	margin: 0 0 5px !important;
	padding: 0 0 0 120px!important;
	color: #5A5A5A !important;
}
.peopleIntro .additionalInfo .betaInvite p span {
	font-size: 36px !important;
	font-weight: bold !important;
	color: #5A5A5A !important;
}
.peopleIntro .additionalInfo .betaInvite button {
	margin-left: 120px;
}

/* PEOPLE SLIDER */
#friends  .slider {
	width: 100%;
	margin-bottom: 15px;
}
#friends .sliderItems {
	width: 100%;
}
.slider ul.friendMemberContainer {
	width: 600px;
	margin: 10px 80px 0;
	border-left: 1px dotted #959185;
}

.slider ul.friendMemberContainer li {
	display: inline;
	float: left;
	width: 145px;
	border-right: 1px dotted #959185;
}

.friendMembers {
	display: block;
	margin-right: 0px;
	padding: 0 6px;
	text-align: left;
}

	.friendMembers img {
		display: block;
		margin: 0 0 5px 15px;
	}
	
	.friendMembers a {
		margin-bottom: 5px;
		font-weight: bold;
		font-size: 16px;
	}
	
	.friendMembers p {
		margin-top: 0px;
		padding: 0;
		color: #000;
	}
	
	.friendMembers p span {
		margin: 0;
	}
	
	.friendMembers p a {
		font-size: 12px;
	}


/* NO CONTENT BLOCKS */

#noContentBlock { clear: both; color: #5e553e; padding: 0px 0px 50px 305px; width: 475px; background: url(/images/bg_0_value.png) no-repeat; height: 200px; }
	#noContentBlock h3 { color: #5e553e; font-size: 35px; font-weight: bold;  margin:0 0 0; padding:72px 0 0 0; margin-right: 72px; }
	#noContentBlock p { font-weight: bold; line-height: 16px; font-size: 14px; margin:5px 0; padding: 0px 90px 0 0; color:#5e553e;}
	#noContentBlock .citation { display: block; text-align: right; padding: 25px 14px 0px 0px; }
	#noContentBlock .authorImg { float: left; padding: 0 44px 0 0; }
	
#people .cnt #noResultsBlock {
	width: 704px;
	height: 234px;
}


/* PEOPLE AND GROUPS */
#peopleAndGroups fieldset.peopleAndGroupsSet, 
#peopleAndGroups fieldset.addingPeopleSet, 
#peopleAndGroups fieldset.groupPolicySet { background-image: none; width:574px; }

#peopleAndGroups .fieldWrapper ul { padding-top:0;}
#peopleAndGroups .fieldWrapper ul li { padding-top:0; padding-bottom:5px; overflow:hidden}
#peopleAndGroups .fieldWrapper ul li label { font-size:1.125em; }
#peopleAndGroups .fieldWrapper span { display:block; clear:both; font-style:italic; }

#peopleAndGroups h4 {border-bottom:4px solid #DED7C1; width:574px; }
#peopleAndGroups textarea { width:240px; height:150px; border:1px solid #737373; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:1.125em; padding:10px 0 0 10px; } 

#peopleAndGroups fieldset.groupPolicySet ol li { display:inline; float:left; clear:none;}
#peopleAndGroups fieldset.groupPolicySet ol li label { display:block; float:none; padding-top:10px; }
#peopleAndGroups fieldset.groupPolicySet ol li.groupToogle { width:70px; padding-top: 48px; text-align:center;}
#peopleAndGroups fieldset.groupPolicySet li span { background-color:#06C; display:block;  width:44px;}

	.peopleList ol.catalogList .socialStatus{
		display:block;
	}
	.peopleList ol.catalogList .socialConnection{
		display:block;
		font-weight:bold;
	}
	.peopleList ol.catalogList .socialConnection a{
		font-weight:bold;
	}
	h5.emptyLibrary{
		margin-bottom:30px;
	}

.fbFriend{
	width:90%;
	background-color:#FFF;
	border:1px solid #000;
	padding:10px;
	clear:both;
	margin-bottom:10px;
	
}
.fbFriend .facebookName{
	font-weight:bold;
	font-size: 16px;	
}
.fbFriend img {
	float:left;
	margin: 0 10px 0px 0;
}
.clear{
	clear:both;
}
.longListContainer{
	position:absolute;
	width:375px;
	height:400px;
	overflow:scroll;
}

#inviteFriendsToJoinCopia { background: white; font-size:23.67px !important; font-weight:bold; padding: 15px 10px; border: 2px solid #DCD4BD; border-spacing: 2px; margin-top: 30px; }
	#inviteFriendsToJoinCopia  .rightAlign { float:right; }
	#inviteFriendsToJoinCopia  a.email { background: url(/images/bg_emailIcon.png) no-repeat left center; padding-left: 42px;  }
	#inviteFriendsToJoinCopia  a.facebook { background: url(/images/bg_facebook.png) no-repeat left center; padding-left: 32px; margin-left: 10px;  }
	#inviteFriendsToJoinCopia  a.twitter { background: url(/images/bg_twitter.png) no-repeat left center; padding-left: 32px; margin-left: 10px;  }

#pod_connectWithYourNetwork { padding-top: 25px; margin-top: 10px; background: url(/images/bg_pod_buildYourCommunity.jpg) no-repeat; width:720px; height:299px; }
	#pod_connectWithYourNetwork h4 { margin-left: 170px; font-size: 25px; font-weight: bold; color: #5A5A5A; }
	#pod_connectWithYourNetwork .p1,
	#pod_connectWithYourNetwork .p2 { margin-left: 170px; font-weight: bold; font-size: 14px; color: #9B9A98; }
	#pod_connectWithYourNetwork .links {margin-top: 9px; margin-left: 170px; font-weight: bold; font-size: 14px; color: #5A5A5A; }
	#pod_connectWithYourNetwork a.email { background: url(/images/bg_emailIcon.png) no-repeat left center; padding:8px 0 8px 42px;  }
	#pod_connectWithYourNetwork a.facebook { background: url(/images/bg_facebook.png) no-repeat left center; padding:8px 0 8px 32px; margin-left: 10px;  }
	#pod_connectWithYourNetwork a.twitter { background: url(/images/bg_twitter.png) no-repeat left center; padding:8px 0 8px 32px; margin-left: 10px;  }
	#pod_connectWithYourNetwork .links a {  font-weight: bold; text-decoration: none; }
	

#searchMyPeople
{
	float: right;
	padding-right: 10px;
}

#searchMyPeopleKey
{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 420px;
	font-size: 12px;
	height: 24px;
	padding: 0;
}

#searchMyPeopleSubmit
{
	font-size: 12px;
	width: 52px;
	height: 23px;
	vertical-align: middle;
	line-height: normal;
}





/*** NEW STYLES BY ELIS */

#people .collagecontrol {
    display: none;
}

#people #peopleOList,
#people #peopleOList * {
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

#people #peopleOList {
    padding: 0;
}
	/*	#people #allPeopleOList.sclist .scitem .toggle-wrapper,
        #people #peopleOList.sclist .scitem .toggle-wrapper {
            display: none;
        }
		#people #allPeopleOList.sclist .scitem .toggle-wrapper,
        #people #peopleOList.sclist .scitem .toggle-wrapper {
            display: none;
        }*/

/* addToLibrary.css */
 

#addToLibContent {
	height: auto;
	width: auto;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: bold;
	}
	
#addToLibrary h3 {
	height: auto;
	width: auto;
	font-size: 24px;
	font-weight: bold;
	}
	
#addToLibContent input[type="checkbox"] {
	position: relative;
	top: -1px;
	}
	
#addButtonGroup {
	height: auto;
	width: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #a6a6a6;
	}
.importer{
	width:70%;
	margin-top:30px;
	clear:both;
	}
.importer .logo{
	float:left;
	width:24%;	
	}
.importer .explanation{
	float:right;
	width:75%;
	}
#goodReads {
	height: auto;
	width: 673px;
	padding: 10px;
	}
	
#goodReads h2 {
	width: 100%;
	height: auto;
	margin: 0px;
	}
	
.fieldBackground {
	height: auto;
	width: 653px;
	padding-bottom: 20px;
	background-color: #fff;
	}
	
validationAccepted, .validationRejected {
	height: 32px;
	width: 32px;
	float: right;
	}
	
.validationAccepted {
	background-image: url(/images/newv/images/vSign.png);
	}
	
.validationRejected {
	background-image: url(/images/newv/images/xSign.png);
	}
	
.fieldBackground ul li {
	height: auto;
	width: 450px;
	margin: 10px auto;
	padding: 8px;
	padding-bottom: 15px;
	background-color: #f6f3e4;
	border-bottom: 1px dotted #666;
	}
	
.formItemGroup{
	height: auto;
	width: auto;
	overflow: hidden;
	}
	
.fieldBackground ul li label {
	height: auto;
	width: 200px;
	padding-top: 6px;
	float: left;
	}
	
.fieldBackground ul li label [type=text] {
	float: left;
	}
	
.fieldBackground ul li [type=radio] {
	float: right;
	}
	
.instructions {
	height: auto;
	width: 200px;
	font-style: italic;
	}
	
.buttonGroup {
	margin-top: 10px;
	margin-right: 20px;
	float: right;
	}

.importerResuls{
	width:100%;
}

.importerResuls .found{
	float:left;
	width:49%;
}

.importerResuls .notFound{
	float:right;
	width:49%;
}
.importerResuls ol li{
	line-height: 25px;
	margin-left: 20px;
}
.goodReadsMenuButton img{
	padding-left:11px;
}
.importWorking{
	float:right;
	text-align:center;
	display:none;
	height:27px;
	margin:0px 16px;
}
#heyPromptMe { float:left; margin-bottom:5px; height:70px;}
.tagsColGrpRequest { float: left; width:454px; padding-bottom:5px;}
.tagsColGrpRequest li { float: left; width:160px; }
	.tagsColGrpRequest li:first-child { width:230px; padding-right:64px; }
	.tagsColGrpRequest li span { display:block; padding:5px 0 0 0;}

	/*
	#library #goodReads {  background: url(/images/img_promo_pod_goodreads.jpg) no-repeat #ffffff center bottom; display: block; width: 373px; height: 191px; }
		#library #goodReads button { display: block; position: relative; top: 15px; left: -3px; }
		
		#library #goodReads  .fieldBackground ul li { background: transparent; } 
	*/	


/* discussions.css */ 
 



/* ------------------------------- DISCUSSION LIST ------------------------------- */
.discussions
{
	width: 100%;
	clear: both;
	min-height: 50px;
}

.discussion h3,
.discussion h3 a
{
	border: none; 
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
}

.discussion
{
	padding: 20px 0 0 0;
}


.discussion .divider{
	width: 100%;
	clear: both;
	padding-top: 20px;
	border-bottom: 3px solid #DED7C1;
}

.discussion h3
{
	width: 53%;
	float: left;
}

.discussion h3.newComments
{
	color: red;
}

.discussion img .hotTopic 
{
	position: relative;
	bottom: -3px;
}


.discussion .lastPost
{
	font-weight: bold;
	text-align:	right;
	position: relative;
	top: 23px;
}
#DiscussionsTab .discussion .lastPost {
	width: 98%;
	top: 5px;
}
.discussion ul
{
	clear: both;
}

.discussion ul li
{
	float: left;
	font-weight: bold;
	padding-right: 10px;
}



/* INITIAL */
	#conversations  .discussionWrapper .delete {margin-right: 15px; float: right;}
	#conversations .showReviews,
	#conversations .closeReviews {cursor: pointer; float: right;}
	#conversations .childrenReviews .threadContainer {width:auto; overflow:initial;}
	#conversations .threadContainer {overflow:initial;}
	#conversations .threadContent {margin: 0 0 0 115px; padding: 0; width: auto; min-height:auto;float: none;}
	#conversations .initial .group > h3 { font-size: 18px; font-weight: bold; color:#2b2518; }
	#conversations .initial .pod img { margin-bottom: 85px !important;  }
 	#conversations .initial .pod a.email { background: url(/images/bg_emailIcon_sm.png) no-repeat left center; padding-left: 32px;  }
	#conversations .initial .pod a.facebook { background: url(/images/bg_facebook_sm.png) no-repeat left center; padding-left: 32px;  }
	#conversations .initial #datawrap { margin: 0 0 0 20px; }
	
	
	

/*DISCUSSION TOPICS*/
table.discussionTopics {
	width: 100%;
	margin: 10px 0 0;
	padding: 0;
	text-align: left;
	clear: both;
}

table.discussionTopics th {
	padding: 7px;
	background: #ded7c1;
	color: #2b2518;
	font-size: 13px;
	font-weight: normal;
}

table.discussionTopics tr:hover td {
	background-color: #fff;
	cursor: pointer;
}

table.discussionTopics td {
	padding: 15px 5px;
	border-bottom: 1px dotted #49412c;
	vertical-align: middle
}

table.discussionTopics p {
	margin: 0;
	padding: 0 !important;
}

table.discussionTopics a {
	font-weight: bold;
}

table.discussionTopics p a {
	font-weight: normal;
}

.threadTopic {
	width: 318px;
}

.topicAuthor {
	width: 140px;
}

.newComments td {
	background-color: #dbfefa;
}

#discussions .action {
	float: right;
	margin: 20px 0 10px;
	clear: both;
}

.viewAmntDiscussions {
	float: left;
	width: 105px;
	margin: 20px 0 0;
	padding: 0;
}

.viewAmntDiscussions li {
	display: inline;
}

	.viewAmntDiscussions li select {
		display: inline;
		width: 65px;
		padding: 0;
	}
	
ul.legend {
	margin: 10px 0 10px;
	padding: 0;
}

	ul.legend li {
		display: inline;
		padding: 3px 15px 10px 25px;
	}
	
	.hotTopic {
		background-image: url(/images/topicIcons/hotTopicIcon.png);
		background-repeat: no-repeat;
		background-position: center center;
	}
	ul.legend .hotTopic {
		background-position: top left;
	}
	
	ul.legend .copiaTopic {
		background: url(/images/topicIcons/copiaTopicIcon.png) no-repeat;
	}
	
	ul.legend .newComments {
		background: url(/images/topicIcons/newCommentsIcon.png) 0 2px no-repeat;
	}
	
	ul.legend .university {
		background:  url(/images/Network/University.png) no-repeat 0 3px;
	}

	
	ul.pagenation, ul.threadsPages {
		margin: 0;
		padding: 0;
	}
	
		ul.pagenation li, ul.threadsPages li {
			display: inline;
		}
		
		ul.threadsPages li {
			padding: 0 5px;
		}
	
#discussions .pagenated .currentlyLoaded {
	width: 73%;
}

/* INITIAL DISCUSSIONS PAGE */
.discussionsIntro {
	background: url(/images/bg_discussionIntro.jpg) no-repeat;	
}

	.discussionsIntro p {
		margin: 0;
		padding: 0;
		font-size: 25px;
		font-weight: bold;
	}

.forumSubNav {
	position: relative;
	margin: 0 0 20px;
	padding: 2px 0;
	background: url(/images/sidbar-bgCart.png) 3px;
	background-repeat: repeat-x;
	overflow: hidden;
}

ul.sharePost {
	float: left;
	width: 250px;
	margin: 8px;
}

	ul.sharePost li {
		display: inline;
		margin: 0;
		padding: 0 4px 0 0;
		color: #000;
		font-weight: bold;
		vertical-align: top;
		overflow: hidden;
	}
	
	ul.sharePost li a {
		display: inline;
	}
	
	ul.sharePost li.last {
		margin: 0;
		#margin-top: -20px;
		padding: 0;
		font-size: 12px;
	}
	
	ul.sharePost li.last input[type="checkbox"] {
		float: left;
		margin-top: 0;
		#margin-top: -2px;
	}
	
.forumSubNav ul.pagenation {
	float: right;
	margin: 8px;
	font-weight: bold;
}

.threadSubject {
	position: relative;
	margin: 10px 0 10px;
	padding: 0;
	overflow: hidden;
}

.discussionImg {
	float: left;
	width: 125px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
	
	.discussionImg img {
		display: block;
		text-align: center;
	}

.discussionBookInfo {
	position: relative;
	min-height: 35px;
	margin: 0;
	padding: 6px 13px 0 7px;
	overflow: hidden;
}
	.discussionBookInfo hr {
		margin: 0px 0 4px;
		padding: 0;
	}

	.discussionBookInfo h3 {
		font: normal 26px Dine;
		color: rgba(0, 0, 0, 0.9);
	}
	
	.discussionBookInfo p {
		margin: 0;
		padding: 4px 0;
		font-size: 14px;
	}
	
	.discussionBookInfo a.action {
		position: absolute;
		bottom: 0px;
	}
	
	ul.commentsContributors {
		margin: 0;
		padding: 0;
		padding-top: 4px;
		margin-top: 16px;
		border-top: 1px solid #BFBDBD;
	}
	
	ul.commentsContributors li {
		display: inline;
		padding: 0 10px 0 0;
		font-size: 12px;
		color: #6F6868;
	}
	ul.commentsContributors li.spoiler {
		float: right;
		color: #E9795E;
		padding: 0;
	}

ul.bookAndTags {
	display: block;
	margin: 4px 0 0;
	padding: 0;
	font-size: 14px;
}

	ul.bookAndTags li {
		margin: 0;
		padding-bottom: 4px;
		font-size: 12px;
		color: #6F6868;
	}
	ul.bookAndTags li.rating {
		width: 176px;
	}
	ul.bookAndTags li.rating .starRating  {
		float: right;
	}
	ul.bookAndTags li.details div,
	.threadExtra .postInfo  {
		display:inline-block;
	    font: italic 11px/14px Arial;
        color: #6e6e6e;
        padding: 0;
	}
	ul.bookAndTags a {
		font-weight: bold;
	}


#forum a.action {
	clear: both;
}

.threadContainer {
	position: relative;
	margin: 0 0 15px;
	padding: 0;
	overflow: hidden;
}
	.threadAuthor {
		background: #2b2518;
	}
	
	.postInfo {
		float: left;
		margin: 0;
		padding: 5px 0 0 10px;
		color: #000;
	}
	
	.threadAuthor h4 {
		float: left;
		width: 152px;
		margin: 0 0 0 155px;
		padding: 2px 0 0;
		color: #CCC3A6;
	}
	
	.threadAuthor p {
		color: #fff;
	}
	
	
	.threadHeader ul {
		float: right;
		margin: 0px 10px 0 0;
		padding: 0;
	}
	
		.threadHeader ul li {
			display: inline;
			margin: 0;
			padding: 0;
			font-weight: bold;
		}
		
		.threadHeader ul li.likeThis ,
		.threadHeader ul li.likedThis{
			height: 20px;
			font-size: 12px;
			font-weight: normal;
			padding: 3px 18px 0px 40px;
			background: url(/images/threadLikeThisIcon.jpg) 50px 3px no-repeat;
			color: #E9795E;
		}
		
		.threadHeader ul li.likedThis {
			background: url(/images/threadLikedThisIcon.jpg) 50px 3px no-repeat;
		}
		.threadHeader ul li.likedThis span {
			padding-top: 0;
			margin-top: 0;
		}
		
	.threadAuthor ul li a {
		color: #7dfff1;
	}
	
	.threadAuthor ul li.likeThis {
		background-position: 0 -20px;
		color: #fff;
	}
	
	.threadAuthor ul li.likedThis {
		height: 21px;
		padding: 3px 10px 0px 52px;
		background: url(/images/threadLikedThisIconBlue.jpg) 0 -1px no-repeat;
		color: #fff;
	}

.thread {
	position: relative;
	background: url('/images/newv/images/noise-b.png') #F0F0F0;
	overflow: hidden;
	margin: 0 13px;
	border-bottom: 3px solid #E4E1E1
}
.thread .threadInfo {
	overflow: hidden;
	padding: 20px 0 0px;
}

body.groupIdentity .thread .student {
	background: url('/images/instructorCap.png') no-repeat 3px 0px;
}
body .spoiler {
	margin: 0;
	padding: 0;
	height: 22px;
	background:url("/images/spoilerFlag.png") no-repeat;
}
	
.thread .showReviews p {
	padding-right: 9px;
	display: inline-block;
	background: url(/images/arrow.png) 40px 2px no-repeat;
}
.thread .showReviews p.small {
	background: url(/images/arrow.png) 31px 2px no-repeat;
	padding-right: 12px;
}
.threadInfo .threadImg {
	width: 115px;
}
.threadInfo .threadImg a {
	margin: 10px 0 0 25px;
	text-align: initial;
}

.threadInfo .threadImg .instructorCap {
	position: absolute;
	top: 0;
	left: -10px;
	z-index: 100;
	width: 30px;
	height: 22px;
}

.firstEl .thread .threadInfo {
	border-top: none;
}
.firstEl .showReviews {
	padding: 0;
	margin: 0;
}
#conversations .firstEl > .threadContainer > .thread {
        background: #F0EEEE;
}
/*#conversations .firstEl > .threadContainer > .children {
	margin: 0;
}*/

.thread .threadExtra {
	margin: 10px 0 0 115px;
	padding: 12px 0;
	border-top: 1px solid #E4E1E1;
	overflow: hidden;
}
.thread .quoteBox {
}
.thread h4 {
	font: normal 22px Dine;
	margin: 0;
	padding: 0;
}
.threadImg {
	position: relative;
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
	
	.threadImg img {
		display: block;
		width: 61px;
		height: 60px;
		margin: 0 0 0 20px;
	}
	
	.threadImg a {
		display: block;
		margin: 10px 0 0;
		font-weight: bold;
		text-align: center;
	}
	
	.threadImg a:hover {
		border: none;
	}
	
	.forumMenuContainer {
		position: relative;
		height: 20px;
		margin: 5px 0 0;
		padding: 5px 0;
		/*background: #e5dfc9;*/
		/*background: #4b4539;*/
	}
	
	.forumMenu {
		margin: 0;
		padding: 0;
		/*border-top: 1px dotted #2b2518;*/
	}
		
		.forumMenu ul {
			display: block;
			margin: 3px 0 0 0px;
			#margin-top: 5px;
			padding: 0;
		}
	
		.forumMenu li {
			display: inline;
			margin: 0px 0;
			color: #6E6E6E;
			padding: 0px 0px;
			text-align: left;
		}
		
		.forumMenu a {
			padding: 0px 2px;
			font-weight: normal;
			cursor:pointer;
		}

.threadContent {
	position: relative;
	float: left;
	width: 575px;
	min-height: 100px;
	margin: 10px 0;
	padding: 5px 10px;
	color: #000;
}

	.quoteContainer {
		position: relative;
		width: 515px;
		min-height: 500px; /*Delete me after layout is complete*/
		margin: 0;
		padding: 0;
		background: #dad4bf;
		border: 1px solid #d0c9af;
	}
	
	.threadContent blockquote {
		position: relative;
		margin-bottom: 10px;
		border-top: 1px dotted #2b2518;
		border-bottom: 1px dotted #2b2518;
		color: #2B2518;
		font-style: italic;
		quotes: "\201C" "\201D";
		overflow: hidden;
	}
	
	.threadContent blockquote p { display: inline; margin: 0; }
	.threadContent blockquote p span { font-weight: bold; }
	.threadContent blockquote:before { content: open-quote; font-weight: bold; }
	.threadContent blockquote:after { content: close-quote; font-weight: bold; }
	.threadContent .quoteBox p { width:auto; word-wrap: break-word; }
	
.subThread {
	width: 695px;
	margin-left: 72px;
}
	
	.subThread .threadContent {
		width: 545px;
	}

.quote {
	font-weight: bold;
	font-style: italic;
}

.hideExtra {
	height: 12px;
	margin: 0;
	padding: 0 0 0 24px;
	background: url(/images/showHideArrow.png) 0 -12px no-repeat;
	outline: none;
}

	.hideExtra:hover , .hideExtra.show:hover {
		border: 0;
	}

	.hideExtra.show {
		background: url(/images/showHideArrow.png) 0 1px no-repeat;
		border: 0;
	}

.spoiler {
	height: 30px;
	margin-bottom: 10px;
	overflow: hidden;
}

.spoiler img {
	float: left;
}

.spoiler .hideExtra {
	margin-right: 10px;
	float: right;
}

.deletedComment {
	height: 26px;
	margin-top: 20px;
	padding: 5px 0 0 30px;
	background: url(/images/deletedIcon.png) no-repeat;
	font-weight: bold;
	font-size: 14px;
}
.backButtonOption {
	background: url("/images/arrowback.png") no-repeat scroll 0 0 transparent;
    height: 53px;
    left: -8px;
    position: absolute;
    top: 5px;
    width: 23px;
    cursor:pointer;
    z-index: 10;
}
#forum .loadBar {
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}
	
	ul.pagenation, ul.threadsPages {
		margin: 0;
		padding: 0;
	}
	
		ul.pagenation li, ul.threadsPages li {
			display: inline;
		}

/* FORUM COMMENT SECTION */
.forumComment {
	width: 610px;
	margin: 10px 20px 0;
	padding: 0;
}

.nestedDiscussions .forumComment {
	margin: 10px 0 0 124px;
	padding: 0;
	padding-right: 12px;
	width:auto;
}
	.forumComment ul {
		padding: 7px 15px 0 0;
	}
	.forumComment ul li {
		display: inline;
		margin: 0;
		padding: 0 20px 0 0;
		color: #E9795E;
	}	
	
	.forumComment ul li.last {
		#margin-top: -25px;
		padding-right: 0;
	}
	
	.forumComment ul li label {
		float: none;
	}

	.forumComment label {
		float: left;
		margin: 10px 0;
		padding: 0;
	}
	
	.forumComment input[type="text"] {
		float: right;
		width: 524px;
		margin: 5px 0 5px 30px;
	}
	
	.forumComment span {
		float: left;
		margin: 10px 0 10px 30px;
		font-size: 18px;
		color: #000;
	}
	
	.nestedDiscussions .forumComment .messageBox {
		width: 100%;
		min-height: 53px;
		height:auto;
		border-radius: 12px;
		padding: 0;
	}
	.forumComment .messageBox {
		display: block;
		width: 100%;
		height: 265px;
		padding: 0;
		/*overflow-y: scroll;*/
	}
	
	.forumComment .commentError {
		display: none;
		margin: 0;
		padding: 0;
		color: #f00;
		font-size: 14px;
		font-weight: normal;
	}
#conversations form#forumComment.disabled {display:none;}
#conversations form#forumComment {display:block;}
#conversations .pods h4 { clear: none; }		
	#conversations	.discussionPod button { width: 171px; margin-top: 15px; }
	#conversations .sliderContent { border-top: 6px solid #ded7c1; }
	#conversations .pods { margin-top: 20px; }
		#conversations .pods .podright, #groups .pods .podleft { margin-top:solid 6px #ded7c2 }
		#conversations .pods .podright .groupActivity { color: #635650; font-weight: bold; font-size: 14px; }
		#conversations .pods .podright .groupActivity .recentDiscussions { color:#000000; font-size: 14px; }
		#conversations .pods .podright .groupActivity a { color: #05ab9a; border-color: #05ab9a; font-weight: bold; }
#conversations .discRoll {padding: 0 0 0 35px;}
#conversations .children {margin: 0 0 0 35px;}
#catalog .discussions #noResultsBlock {background:none; padding:0}
#catalog .discussions #noResultsBlock h3 {color: #E9795E; padding: 0;}
#conversations .replyLink {cursor: pointer;}

/*****************
    New Discussions
******************/

body#conversations #content .discussions {
    width: auto;
    float: none;
    margin: 0 25px;
}

    body#conversations #content .discussions .discussionsList {
        
    }
        body#conversations #content .discussions .discussionsList .discussion {
            display: block;
            height: 68px;
            border-bottom: 1px solid #C1C0C0;
            padding: 12px 11px 0;
            width: auto;
        }
        body#conversations #content .discussions .discussionsList .discussion:hover {
        }
            body#conversations #content .discussions .discussionsList .discussion h3 {
                float: none;
                margin: 0 0 6px;
            }
                body#conversations #content .discussions .discussionsList .discussion h3 a {
                    font: bold 16px/20px Arial;
                    color: #e9795e;
                }
                body#conversations #content .discussions .discussionsList .discussion h3 img {
                    display: none;
                }
                
            body#conversations #content .discussions .discussionsList .discussion .meta {
                float: none;
                display: block;
                height: 19px;
                width: auto;
                position: relative;
            }
                body#conversations #content .discussions .discussionsList .discussion .meta ul {
                    display: block;
                    float: none;
                    width: 361px;
                    vertical-align: top;
                    top: 0;
                }
                    body#conversations #content .discussions .discussionsList .discussion .meta ul li {
                        font: italic 12px/17px Arial;
                        color: #b6b6bb;
                        top: 0;
                    }
                        body#conversations #content .discussions .discussionsList .discussion .meta ul li span {
                            font: normal 12px/17px Arial;
                            color: #000;
                            padding-right: 4px;
                        }
                        body#conversations #content .discussions .discussionsList .discussion .meta ul li a {
                            font: bold 12px/17px Arial;
                            color: #e9795e;
                        }
                        
                body#conversations #content .discussions .discussionsList .discussion .meta .lastPost {
                    float: none;
                    font-size: 12px;
                    display: inline-block;
                    vertical-align: top;
                    text-align: right;
                    position: absolute;
                    top: 0;
                    right: 0;
                    height: 30px;
                }                    
                    body#conversations #content .discussions .discussionsList .discussion .meta ul li.book a,
                    body#conversations #content .discussions .discussionsList .discussion .meta ul li.group a {
                        display: inline;
                        text-overflow: ellipsis;
                        max-width: 190px;
                        overflow: hidden;
                        white-space: nowrap;
                    }
                #conversations .discussions .book  { clear: initial; }



/* community.css */
 


.questMark {
	 background: transparent url(/images/question.png)  no-repeat left top;
	 display: inline-block;
	 width: 18px;
	 height: 18px;
	 cursor: pointer;
}
.page-community .greyComment {
	color: #BDB7AE;
}
.page-community .description {
	font-size: 14px; 
	font-weight: normal;
}
.page-community .currentItem .communityValueWrapper {
	height: 84px;
	bottom: 0;
	position: absolute;
}
.page-community .currentItem p,
.page-community .hotDiscussions .title,
.page-community .hotDiscussions .startedBy .author{
	font-size: 13px;
	color: #E9795E;
	font-weight: bold;
}

.page-community .currentItem .bookWrapper {
	position: relative;
}
.page-community .communityBlock {
	overflow: hidden;
	padding-bottom: 25px;
}
.page-community .currentItem {
	width: 238px;
	float: left;
	padding-top: 20px;
}
.page-community .currentItem .bookInformation {
    float: left;
    width: 122px;
    padding: 0 8px;
}
.page-community .currentItem .bookImg {
	float:left;
	margin: 0 0px;
}
.page-community .currentItem h4 {
	font-size:15px;
	margin:0;
}
.page-community .currentItem .communityValue{
	position: relative;
	bottom: -27px;
}
.page-community .currentItem .communityValue .communityValueNum{
	position: absolute;
	bottom: -6px;
	left: 70px;
	
	padding: 6px;
	height:36px;
	width: 36px;
	
	border: 5px solid #C9C9C9;
	border-radius: 100%;
	background: white;
    text-align: center;
    font-size: 31px;
    color: black;
}
.page-community .currentItem .communityValue p{
	color: black;
}

.page-community .currentItem .featuredCommonList {
	padding-top:5px;
	
}
.page-community .currentItem .featuredCommonList li {
	display: inline;
	margin: 2px;
}
.page-community .currentItem .featuredCommonList li img {
	width:35px;
}
.page-community .currentItem .communityValue .communityValueText p{
    width: 80px;  
    padding: 8px;
    padding-left: 4px;
    font-size: 12px;
	height: 26px;
}
.page-community .currentItem .communityValue .communityValueText {
	border: 2px solid #C9C9C9;
	background: white;
	float:left;
}



.page-community aside .sidebarWrapper {
    margin-top: 19px;
}

    aside .sidebarWrapper .sideBarTextWrapper p {
        text-align: left;
        padding-top: 10px;
        margin: 0 auto;
        font-weight: normal;
        text-align: left;
        color: #2B2518;
        line-height: 16px;
        width: 223px;
        padding: 4px 14px;
        font-family: Arial;
        font-size: 12px;
		
    }
    
    
    
    
    
.page-community .hotds .scol h5 {
    margin-top: 6px;
    font-size: 14px;
}
.page-community .hotds .scol p {
    font-size: 14px;
    margin-bottom: 12px;
}
.page-community .scol .hotds .startedBy {
    margin-top: 12px;
}

.page-community .comgs .currentItem {
    width: 33%;
}

/* dashboard.css */
 

ul[role="tablist"] li.last { padding-bottom:0; }

#welcomePanel { position:relative; width:691px; background-color:#FFF; padding:10px 60px 10px 10px; margin:15px 0 35px 17px; }
	#welcomePanel p { font-size:30px; font-weight:bold; color:#bdb59c; line-height:1; }
    #welcomePanel p span { color:#5c533c; }
    #welcomePanel .exitPod { position:absolute; top:5px; right:5px; width:10px; height:10px; }
    #welcomePanel.hideWelcomeMat { display:none;}

#heroFlash { margin:10px 0 20px 0; float:left;}

.initial .invitesAndSupport { display: none; visibility:collapse; }


#whatsthelastbookyouread_pod {  width: 600px; }
	.initial #whatsthelastbookyouread_pod  {  }
	
	
.recommendTable td { padding: 5px; }
	

/* -- INITIAL VIEWS -- */
.initActivity { margin-top:15px; font-size:26px; font-weight:bold; color:#bdb59c; line-height:1; }
	.initActivity a.firstlink { color:#01ac9a; }
    .initActivity a.secondlink { color:#d54615; }
    .invitesAndSupport { display:inline; float:left; width:370px; margin-bottom:25px;}
    	.podGutter { margin-right:15px;} 
    	.invitesAndSupport h3  { color:#d95d30; font-size:18px; font-weight:bold; border-bottom:6px solid #ded7c1; margin:0; padding-bottom:4px; }
        .invitePod { padding:10px 0 0 115px; background:url(/images/bg_beta-invite.gif) no-repeat 0 10px;}
        .invitePod h4 { color:#5A5A5A; font-size:36px; line-height:1;}
        .invitePod p { font-size:14px; font-weight:bold;}
       	
        .supportPod {padding:10px 0 0 0px;}/* background:url(/images/bg_support-group.gif) no-repeat 0 10px;}*/
        .supportPod img { float: left; margin: 0 20px 0 0; padding: 0; }
        .supportPod h4 { color:#d54615; font-size:36px; line-height:1; }
        .supportPod p { font-weight: bold; font-size:14px;}
        .groupTags { border-top:1px dotted #960; padding-top:10px;}
        	.groupTags p { font-weight:bold; font-size:14px; letter-spacing:-1px}
            .groupTags p span { color:#000; }
            .groupTags p a { color:#01ac9a;}
            
            
     	.globalGroupOptions {margin: 10px 0; font-family: Arial, Helvetica, sans-serif; height: 321px; }
		.globalGroupOptions .xtralargeheader {font-family: Dine; font-size: 48px;font-weight: bold;line-height: 57px;margin-bottom: 5px;}
		.lboxContent .globalGroupOptions p {font-size: 16px;font-weight: bold;float: none;}
		.globalGroupOptions .dottedLine{border-top: 1px dotted black;width: 100%;}
		#popup_homeintro {height: 500px;}
		#popup_facebook {height: 190px;}
		#popup_success {height: 360px;}
		#popup_success a:hover {border: none;}
		#popup_success p {float: none;}
		#popup_success button.xWide { width: 131px;}
		
		#popup_success.GIFTCARD {height: 290px;}
		#popup_success.GIFTBOOK {height: 290px;}
		#popup_success.PHYSICAL {height: 330px;}
		#popup_success.COMBINED {height: 430px;}
		#popup_success.DELILAH_AUTOGRAPH {height: 290px;}
		#popup_success #lboxFinishBtn {}
		
		#popup_success .cover{ margin: 0 20px 0 0; float: left;}
		#popup_success .message p {line-height: 1; padding-bottom: 10px; font-size: 15px;}
		#popup_success a.email {text-decoration: underline;}
		#popup_success img { display: inline-block; }
		#popup_success .giftNum {font-size: 15px; color: #322;line-height: initial;}
		#popup_success p.support, #popup_success p.support a {font-size: 14px;}
		#popup_success p.support {padding-top: 4px;}
		#popup_success .rightCol{
			margin: 20px 0 0 20px;
			display: inline-block;
			width: 330px;
			vertical-align: top;
		}
		#popup_success.DELILAH_AUTOGRAPH{
			width: 380px;
		}
		#popup_success .dbuttons .button {
			min-width: 70px;
		}
		#popup_success .dbuttons .button:nth-child(2n+1){
			margin-left: 0;
		}
		#popup_success .dbuttons .button:nth-child(2n){
			margin-right:80px;
		}
		#popup_success .dsendLinks{
			clear: both;
		}
		#popup_success .dsendLinks > * {
			display: inline-block;
			margin-right: 10px;
		}
		#popup_success .dsendLinks input{
			border-radius: 4px;
			width: 218px;
			font-size: 12pt;
			padding: 3px; 
		}
		#popup_success .support{
			clear: both;
		}
		#popup_success .dfooter{
			margin-top: 4px;
		}
		#popup_success.DELILAH_AUTOGRAPH .dfooter {
			margin-top: 40px;
			border-top: 1px dotted gray;
		}
		.folletsucces #popup_success .dbuttons{
			margin-top: 20px;
		}
		#connectFaceBook,
		#popup_homeintro a.lboxCloseBtn,
		#popup_success a.lboxCloseBtn,
		#popup_homeintro a.nothanks {position: static;width: auto;background: none; height: auto;}
		
		#popup_homeintro .header, #popup_success .header{font-size: 19px;line-height: 25px;font-weight: bold;}
		#popup_homeintro #closeBtn {position: absolute;margin-left: 655px; background-image:none; background-color: transparent; }
		#popup_homeintro li {width: 260px;float: left;margin-right: 20px;overflow: hidden;white-space: nowrap;}
		#popup_homeintro a.nothanks {float: right;}
        #home .initial .invitesAndSupport { display: none; }
		
/* -- ALL COPIA DASHBOARD -- */
#home .overview { font-size:30px; color:#bdb59c; font-weight:bold; line-height:1; }
       	#home .overview span { color:#5c533c; }
       
       #home #stats { border-top:3px solid #ede8d6; margin-top:25px; }
			#home #stats p, #home #stats span { letter-spacing:-2px; }
	#home #stats li { border-bottom:3px solid #ede8d6; margin:0; padding:0; }
       #home #stats li p { color:#ccc3a6; font-size:60px; font-weight:bold; padding:10px 0; }
       	#home #stats li p a { color:#01ac9a; }
       	#home #stats li p a:hover { border-bottom:1px #01ac9a dotted; }
           #home #stats li .getMoreInfo { float:right; display:inline-block; font-size:20px; font-weight:bold; color:#01ac9a; padding-top:25px;}


#home .init_dashboard_myActivity { margin-top: 10px; line-height:26px; font-size: 26px; font-weight: bold; color: #bdb59c; }
	#home .init_dashboard_myActivity a { font-weight: bold; color: #01ac9a; border-color: #01ac9a; }
	#home .init_dashboard_myActivity a.red { font-weight: bold; color: #d54615; border-color: #d54615; }
	

#home #goodReads { padding: 10px 0; }
	#home #goodReads img { float: left; margin-right: 15px; }
	#home #goodReads .copy { font-size: 14px; color: #2b2518; width: 740px; }
	#home #goodReads form { display: block; margin-top: 12px; }
	#home #goodReads button { width: 150px; } 

/* -- DASHBOAD TAB STYLES -- */
#activityStats, 
#inboxStatus, 
#myLibraryStatus { width:757px; float:left; margin:0 0 40px 0; }
		#activityStats h3, #inboxStatus h3, 
        #myLibraryStatus h3  { color:#2b2518; font-size:18px; font-weight:bold; border-bottom:6px solid #ded7c1; margin:0; padding-bottom:4px; }
        
#activityStats { clear:both;}
    #activityStats p.activityCallout { font-size:80px; font-weight:bold; color:#01ac9a; line-height:1; margin:15px 0 0 0; padding:0; }
    #activityStats ul li { float:left; padding-right:15px; }
    #activityStats ul li p { font-size:26px; color:#ccc3a6; font-weight:bold; line-height:1; padding: 0 0 0 0; }
    #activityStats ul li p span { color:#91877d;}
    
#inboxStatus .inboxCallout { font-size:80px; font-weight:bold; color:#91877d; padding:10px 10px 10px 133px; background:url(/images/bg_inbox-icon.jpg) no-repeat 0 50%; }
	#inboxStatus .inboxCallout span { color:#01ac9a;}

/* -- NEW ACTIVITIES STYLES -- */
#activitiesList {
}
	#activitiesList .item { position: relative; border-bottom: #BFBDBD 1px solid; padding:20px 0 20px 20px; display:block;}
	#activitiesList .item:hover { background-color:#FFF; }
	#activitiesList .item::before {
		content: "";
		position: absolute;
		left: 0;
		top: 22px;
		background: transparent url(/images/newv/images/sprites.png) -218px -835px no-repeat;
		width: 17px;
		height: 17px;
	}
	#activitiesList .item.group_join::before,
	#activitiesList .item.group_create::before,
	#activitiesList .item.connection_follow {
		background-position: -218px -835px;
	}

	#activitiesList .item.library::before,
	#activitiesList .item.recommend_book::before,
	#activitiesList .item.receive_recommendation::before {
		background-position: -155px -835px;
	}

	#activitiesList .item.content_rating_create::before,
	#activitiesList .item.content_review_create::before {
		background-position: -434px -835px;
	}
	#activitiesList .item.discussion_create::before,
	#activitiesList .item.discussion_reply::before {
		background-position: -92px -835px;
	}
	#activitiesList .item.send_gift::before,
	#activitiesList .item.receive_gift::before {
		background-position: -273px -835px;
	}
		#activitiesList .item > * { 
			display: inline-block; vertical-align: top; 
		}
		#activitiesList .item .objectImg { 
			width: 80px;
			margin: 0 5px;
			text-align: center;
		}
			#activitiesList .item .objectImg .starRating {
				display: inline-block;
			}
				#activitiesList .item .objectImg .starRating li{
					border: none;
				}
		#activitiesList .item .details {
			width: 440px;
		}
			#activitiesList .item .details .titleWrap > * { 
				display: inline-block; vertical-align: top; 
			}
			#activitiesList .item .details .titleWrap h5 {
				max-width: 370px;
				word-break: break-word;
			}
			#activitiesList .item .details .avatarWrap { 
				padding: 0 10px;
			}
				#activitiesList .item .details .avatarWrap img {
					width: 25px; 
				}
	
	#activitiesList .item .details blockquote { font-size:13px; padding-left:30px; background: url(/images/P1B2c_MyHome_Activity_12.png) no-repeat 0 2px;}
    #activitiesList .item .details blockquote p { color:#000; padding:0; width:450px; word-wrap: break-word; }
    #activitiesList .item .details blockquote p::before,
    #activitiesList .item .details blockquote p::after {
    	content:""; 
    	width:10px;
    	height:7px;
    	display:inline-block; 
    	position: relative;
    	top: 3px;
    	background:url(/images/bg_close-quote.png) no-repeat 100% 0;
    }
    #activitiesList .item .details blockquote p::before {
    	top: -3px;
    	background: url(/images/bg_open-quote.png) no-repeat 0 0;
    }

	#activitiesList .item .activityDate {
		position: absolute;
		right: 5px;
		top: 22px;
		font-style:italic;
		color: gray;
	}
	
	#activitiesList .item h5 { color:#000000; font-size:1.25em; margin-bottom:5px;}
	#activitiesList .item h5 span { display:block;}
	
	#Activity .activitiesWelcome { padding: 10px; margin:15px 0; line-height: 30px; letter-spacing: -0.5px; } 
	#Activity .activitiesWelcome .activitiesWelcomeClose { cursor: pointer; position: absolute; z-index: 2; right: 7px; margin-top:-4px; }
	#Activity .activitiesWelcome .redTxt { color:#d54615; }
  
/* -- INBOX TAB STYLES -- */   
#inboxList { border-bottom:1px dotted #49412c; float:left; }
    #inboxList li { position:relative; border-top:1px dotted #49412c; padding:5px 0 0 0;width:710px; float:left; display:block; }
	#inboxList li:hover { background-color:#FFF; }
        
.dashImg, .dashDetails, .dashButtons, .dashIgnoreBtn { float:left; }
	.dashImg { width:65px; min-height:50; padding:0 10px}
	.dashDetails { width:430px; } 
	.dashButtons { width:170px; white-space: nowrap;} 
	.dashIgnoreBtn { width:25px; }
 
 	.dashDetails h3 { font-size:12px; font-weight:bold; line-height:1; color:#000; margin:0 0 0 0;}
 	.dashDetails h3 a { font-size:18px}
    .dashDetails p { padding:0; margin:5px 0; color:#2b2518; }
    .dashIgnoreBtn a { float:right; padding-right:0; }
    
   .dashButtons a[role=button] { width:85px; height:18px; font-size:12px; color:#50ffed; background-position:0 -80px; margin:0px; }
   .dashButtons a[role=button]:first-child { margin-bottom:10px;}
   
	.assignStatus { width;100%; padding:10px; position:relative;}
		.assignStatus ul { margin-bottom:0 0 10px 10px;}
		.assignStatus .neoMessage { padding-left:100px; padding-right:0; float:right;}
		.assignStatus li { float:left; padding-right:10px;}
	
a[role=button].msgAssign { color:#5c533c; height:20px; font-size:12px; padding:7px 10px 0 45px; margin:10px 0; display:block; float:left; background:url(/images/bg_msgAssignBtn.png) repeat-x 0px 0px; position:relative; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align:center; font-weight: bold; }
	a[role=button].msgAssign span { display:block; height:27px; width:33px; position:relative; position:absolute; background-position: 0 0; left:0; top:0; }
	a[role=button].msgAssign span.asRead { background: url(/images/bg_markRead.png) no-repeat; margin-left:5px; }
	a[role=button].msgAssign span.asUnread { background: url(/images/bg_markUnread.png) no-repeat; margin-left:5px; }
	a[role=button].msgAssign span.asDelete { background: url(/images/bg_deleteMsg.png) no-repeat; margin-left:5px; }

.updateStatus { float:left; text-align:right; padding-right:10px; width:118px;}
	.updateStatus p { font-size:11px; padding-bottom:5px !important; }
	.updateStatus p a { font-weight:bold;}
	.readMsg {color:#2b2518 !important; }
	

#gnp-recommdendBin { float:left; width:768px; padding:5px 0 5px 0; }
	#gnp-recommdendBin li { float:left; width:auto; border: none;  }

#gnp-recommdendBin .gnp-imgWrap { width:50px; height:100px; padding:0 0 0 10px; }


               
#gnp-recommdendBin .gnp-description { width:350px; padding:0 10px 0 10px;}
	#gnp-recommdendBin .gnp-description h3 { font-size:14px; margin-bottom:0; font-weight:bold;  }
    #gnp-recommdendBin .gnp-description h4 { margin-bottom:10px; font-size:12px;}
	#gnp-recommdendBin .gnp-description p { line-height:1.25; }
   
#gnp-recommdendBin .gnp-bookCover { width:100px; padding:0; }
 
#gnp-recommdendBin .gnp-actionPanel { width:200px; padding:0 0 0 20px; }
	/*#gnp-recommdendBin .gnp-actionPanel menu ul { position: relative;}*/
	#gnp-recommdendBin .gnp-actionPanel menu ul li { background-color: transparent; }
	#gnp-recommdendBin .gnp-actionPanel h3 { font-size:16px; font-weight:bold; }
	#gnp-recommdendBin .gnp-actionPanel h4 { font-size:12px; }
 	#gnp-recommdendBin .gnp-actionPanel button.greybox { width:182px; margin-top:10px; background-image:none; background-color:#666; }
 	.gnp-actionPanel .creditAmountCaption { margin-top:15px; width:168px; padding-left:15px; text-align:right; }
 	.gnp-actionPanel .creditAmountCaption span.pricing { display:block; font-size:30px; font-weight:bold; color:#000; }
	.gnp-actionPanel .creditAmountCaption span.whatThis { display:block; }
	.gnp-actionPanel .creditAmountCaption span.whatThis a {color:#666; text-decoration:underline; }
	.gnp-actionPanel .creditAmountCaption span.whatThis a:hover { text-decoration:none; }
	
	#gnp-recommdendBin menu.libraryStatus .small {margin-bottom: 10px;}
	#gnp-recommdendBin menu ul li {padding:0 0 5px 0 ; }
	
/* -- INBOX TAB LIGHTBOX STYLES -- */  
#chooseFriendToMsg, #sendNewMsg, #msgFromFriend, #replyToMsg { display:none;}

#sendNewMsg h3, #chooseFriendToMsg h3, #msgFromFriend h3, #replyToMsg h3 { font-size:18px; font-weight:bold; margin-top:13px;}
#sendNewMsg h3 span, #chooseFriendToMsg  h3 span, #msgFromFriend h3 span, #replyToMsg h3 span { display:block; font-size:14px; font-weight:normal; letter-spacing:0;}
	

#chooseFriendToMsg {}	
	#chooseFriendToMsg .userMsgIDWrap  {width:619px; height:39px; margin:5px 15px 0 15px; overflow:hidden; background-color:#ded7c1; }
	#chooseFriendToMsg h2 { margin:5px 15px; font-size:30px; border-bottom:none;}
	#chooseFriendToMsg .userMsgID .cell1  { width:275px; margin-top:0; }
	#chooseFriendToMsg .userMsgIDWrap .userMsgID { width:550px;margin-top:0; }
	#chooseFriendToMsg .userMsgIDWrap h3 { margin:8px 0 4px 0; }
	#chooseFriendToMsg .userMsgID input[type="text"] {border:medium none; width:140px; height:9px;} 
	#chooseFriendToMsg .userMsgID input { width:225px;  border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px;  }
	#chooseFriendToMsg .userMsgID .cell2 { padding-top:10px; } 

#sendNewMsg {}
	.userMsgID, .msgDataEntry, .msgBtnRow  { margin-top:15px}
	.userMsgID, .msgDataEntry, .msgBtnRow { width:619px; padding:0 15px; overflow:hidden;}
	.userMsgID li, .msgBtnRow li { float:left; }

	.userMsgID li img { float:left; padding-right:15px;}
	.userMsgID .cell1, #sendNewMsg .msgBtnRow .cell1  { width:400px; }
	
	.userMsgID .cell2 { float:right; padding-top:21px; } 
	
	.msgDataEntry {} 
		.msgDataEntry .cell1 { padding-bottom:15px;}
		.msgDataEntry input,  .msgDataEntry textarea { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
		.msgDataEntry input, .msgDataEntry textarea { width:611px; }
		.userMsgID input { width:311px; }
		.msgDataEntry input, .userMsgID input { height:15px; }
		.msgDataEntry textarea { height:340px; }
		
	.msgBtnRow {}
		.msgBtnRow .cell1 span, .msgDataEntry .cell3 span  { font-weight:bold}
		.msgBtnRow .cell2 { float:right; }
		.msgBtnRow button { width:95px; height:25px; }
		.msgBtnRow button.cncl { color:#5c533c; background:url(/images/bg_msgAssignBtn.png) repeat-x scroll 0 0 transparent}
		.msgFriendListWrap { width:619px; height:405px; margin:0 15px; overflow:auto; background-color:#fff; }
		.msgFriendList li { border-bottom: 1px dotted #433b26; height:80px; overflow:hidden;  background: url(/images/bg_msgLinkArrow.png) no-repeat 575px 50%; }
		.msgFriendList li:hover { background-color:#d9fffb; }
		.msgFriendListWrap li > div { float: left; overflow:hidden;}
		.msgFriendList li .userImg { padding:10px 20px 10px 17px; width:65px;}
		.msgFriendList li .usrMsgLnkWrap { width:400px; height:80px; }
		.msgFriendList li .usrMsgLnkWrap h4 { margin-top:30px;}
		
#msgFromFriend {}	
	.friendsMsgWrap { width:590px; height:365px; padding:12px 15px 15px 15px; overflow:auto; border:1px solid #adb2b5; background-color:#fff; }
		#msgFromFriend .friendsMsgWrap h3 { font-size:21px; font-weight:bold; line-height:1; letter-spacing:0; margin:0 0 15px 0; }
		.friendsMsgWrap p { line-height:1.4; margin: 0 0 15px 0; }
		.msgBtnRow .cell1 ol { list-style-type:none; }
		.msgBtnRow .cell1 ol a { display:block; height:25px; font-weight:bold; background-image: url(/images/bg_msgUserActions.png); background-repeat:no-repeat; padding:4px 0 0 25px;}
		.msgBtnRow .cell1 ol a.blockUser { background-position: 0 2px;}
		.msgBtnRow .cell1 ol a.markUnread { background-position: 0 -30px;}
		.msgBtnRow .cell1 ol a.deleteUser { background-position: 1px -60px;}
		.msgBtnRow .cell1 ol li { float:left; margin-right:15px; padding:0 15px 0 0; border-right:1px solid #938664; }
		.msgBtnRow .cell1 ol li.lastLink { border-right: none medium; }
		.msgBtnRow .cell1 ol .blockUser {}
	
#replyToMsg {}	
	#replyToMsg .halfReplyMsqFld, #replyToMsg .halfSentMsgbox { height:140px; margin-bottom:5px;}
	#replyToMsg .cell1 input { font-size:12px;}
	#replyToMsg .msgDataEntry .cell3 { padding:5px 0;}
	#replyToMsg .halfSentMsgbox { background-color:#f4f4ea; border:1px solid #adb2b5; color:#5c533c; padding:15px; overflow:auto; }
	#replyToMsg .halfSentMsgbox h5 { margin:0 0 5px 0; opacity:.8;} 
	#replyToMsg .halfSentMsgbox p { opacity:.8; margin:0 0 10px 0; font-style:italic; line-height:1.4}
	.replyIndent { border-left:2px solid #ccc3a6; padding-left:10px;}
	.myButton {-moz-border-radius:3px 3px 3px 3px;background:url(/images/btnBackgrounds.png) repeat-x scroll 0 -7px transparent;display:block;float:right;font-size:12px;font-weight:bold;height:20px;margin:0 0 0 5px;padding:5px 20px 0;position:relative;text-align:center; color:#fff !important;}
	.myButton:hover { border-bottom:none !important;}

	 
#myActivity { }
	#myActivity .new { font-size: 55px; color:#34bdae; font-weight:bold; }
	#myActivity .values { font-weight:bold; font-size:26px; color:#ccc3a6; }
	#myActivity .values .value { color:#91877d; }
	#myActivity p { font-size: 26px; color: #bdb59c; line-height: 26px; font-weight: bold; }
	#myActivity p a { color: #01ac9a; border-color: #01ac9a; }
	
.DashboardTab h3 { color:#d95d30; font-size:18px; font-weight:bold; border-bottom:6px solid #ded7c1; margin:20px 0 0 0; padding-bottom:4px; }

.DashboardTab .slider { margin-top:0px; margin-bottom:25px; border-left:2px solid #DED7C1; width: 366px; }
.DashboardTab .myLibrary .slider { width: 764px; }
.DashboardTab .myLibrary .slider a.nextBtn { right:4px; left:auto; }
.DashboardTab .slider a.nextBtn { right: auto; left:341px; }


#homeLibrarySlider .slider { width: 764px !important; }
#homeLibrarySlider .slider a.nextBtn { left: 740px; }

#dashboardPanelsContainer { margin: 10px 0; }
	#dashboardPanelsContainer .row { clear: both; height: 181px; }
	#dashboardPanelsContainer .panel { -moz-border-radius: 5px; border-radius: 5px;-webkit-border-radius: 5px; width: 182px; height: 181px; float: left; background: #eae5d2; margin: 0 11px 11px 0; }
	#dashboardPanelsContainer .panel2 { width: 372px !important; }
	#dashboardPanelsContainer h5 { font-size: 44px; font-weight: bold; color: #d54615; line-height: 42px; margin: 20px 0 0 15px;   }
	#dashboardPanelsContainer .panelGraident { background: url(/images/dashboard/bg_pod_dashboard.jpg) repeat-x #eae5d2; }
	#dashboardPanelsContainer blockquote { font-size: 21px; line-height: 21px; font-weight: bold; margin: 40px 20px 0px; }
	#dashboardPanelsContainer .author img { position: absolute; margin-top: -11px; }
	#dashboardPanelsContainer .wideNumberValue span { font-size: 114px; font-weight: bold; color:#a0ad39; text-align:center; margin-top: 25px; display: block; }
	#dashboardPanelsContainer .bgPages { background: url(/images/dashboard/bg_pod_dashboard_pages.jpg) no-repeat; }
	#dashboardPanelsContainer .bgStars { background: url(/images/dashboard/bg_pod_dashboard_ratingstars.jpg) no-repeat; }
	#dashboardPanelsContainer .bgLibraryNumbers { background: url(/images/dashboard/bg_pod_dashboard_libraryNumbers.jpg) no-repeat; }
	#dashboardPanelsContainer .bgLibraryNumbers { background: url(/images/dashboard/bg_pod_dashboard_libraryNumbers.jpg) no-repeat; }
	
	#dashboardPanelsContainer .note { color: #5c533c; background-image: url(/images/dashboard/bg_pod_dashboard_note.png); background-position: 120px 100px; background-repeat: no-repeat; }
	
	#dashboardPanelsContainer .bgFlowers { background: url(/images/dashboard/bg_pod_dashboard_flowers.jpg) no-repeat; }
	#dashboardPanelsContainer .tealQuote { color: #01ac9a;  }
	#dashboardPanelsContainer blockquote:before { content: open-quote !important; }
	#dashboardPanelsContainer blockquote:after { content: close-quote !important; }
	#dashboardPanelsContainer .bgRadioTower { background: url(/images/dashboard/bg_pod_dashboard_radiotower.jpg) no-repeat; }
	#dashboardPanelsContainer .bgGirlInRain { background: url(/images/dashboard/bg_pod_dashboard_girlinrain.jpg) no-repeat; }
	#dashboardPanelsContainer .bgRatingBar { background: url(/images/dashboard/bg_pod_dashboard_ratingbar.jpg) no-repeat; }
	#dashboardPanelsContainer .bggirlplusbook { background: url(/images/dashboard/fpo_pod_dashboard_personplusbook.jpg) no-repeat; }
	
	#dashboardPanelsContainer .pinkValue span { font-size: 124px; font-weight:bold;  display: block; color: #dd5a6d; text-align: center; margin-top: 15px;}
	#dashboardPanelsContainer .redValue span { font-size: 74px; font-weight:bold;  display: block; color: #d54615; text-align: center; margin-top: 45px;}
	
	/* RATING DOT */
	#dashboardPanelsContainer .bgRatingDot { font-size: 72px; color: #d28d40; text-align: center; font-weight: bold; background: url(/images/dashboard/bg_pod_dashboard_ratingdot.jpg) no-repeat; }
	#dashboardPanelsContainer .bgRatingDot span { position: relative; top: 47px; }
	
	/* TALL PANELS */
	#dashboardPanelsContainer .paneltall1 { position: absolute; height: 372px !important; margin-left: 0; }
	#dashboardPanelsContainer .paneltall2 { position: absolute; height: 372px !important; margin-left: 193px; }
	#dashboardPanelsContainer .paneltall3 { position: absolute; height: 372px !important; margin-left: 386px; }
	#dashboardPanelsContainer .paneltall4 { position: absolute; height: 372px !important; margin-left: 579px; }
	
	#dashboardPanelsContainer .end { margin-right: 0; }


*/

/*
-----INBOX
*/

#Inbox { }
	#Inbox .activitiesWelcome { background-color: #fff; padding: 10px; margin:15px 0; font-size: 30px; font-weight: bold; color: #bdb59c; line-height: 30px; letter-spacing: -0.5px; } 
	#Inbox .activitiesWelcome .activitiesWelcomeClose { cursor: pointer; position: absolute; z-index: 2; right: 7px; margin-top:-4px; }
	#Inbox .activitiesWelcome .darkTxt { color:#5c533c; }
	#Inbox .activitiesWelcome .redTxt { color:#d54615; }	
	
	#Inbox .dashDetails h3 { font-size: 18px; }

/*
-----END INBOX
*/

/*
-----HOME
*/
#home { }
	#home .pod span { color:#5A5A5A; font-size: 14px; }
	#home .pod h4	{ color: #5A5A5A; font-size:30px; line-height: 30px; }
	#home .pod button.secondary { margin-top: 45px; } 
	
	#home .pod a.facebook  { top: 10px; position: relative; }
	#home .groupTags a { border-color: #01AC9A; }
	#home .initial #whatsthelastbookyouread_pod { margin-bottom: -20px; }
	#home .initial #findAndBuyEBooks { height:65px; padding: 15px;  }
	#home .initial .fullWidth { width:100%; }
	#home #popup_homeintro, #home #popup_facebook, #home #popup_success { display: none; }
	
	#home .lboxContent #popup_homeintro, #home .lboxContent #popup_facebook, #home .lboxContent #popup_success { display: block; }
/*
-----END HOME
*/	
#popup_success .header_preorder {height: 66px; overflow-y: scroll; line-height: 16px;}
#popup_success p {margin: 0; padding: 0; font-size: 12px;}
#popup_success .globalGroupOptions .xtralargeheader {line-height: 44px; margin: 0;}

/* collectionsLBox.css */
 

.collectionsLBox {
	padding: 10px 20px;
}
.collectionsLBox label { 
	display: block;
	font-size: 12px;
	font-weight: bold;
}

.collectionsLBox .nameWrapper, .collectionsLBox .privacyWrapper {
	float: left;
}

.collectionsLBox .nameWrapper{
	width: 340px;
	margin-right: 10px;
}

.collectionsLBox .nameWrapper input{
	width: 330px;
	height: 13px;
	margin-top: 2px;
	font-size: 12px;
}

.collectionsLBox .privacyWrapper select{
	margin-top: 2px;
	margin-left:0px;
	width: 186px;
	padding: 1px 0;
}

.collectionsLBox .buttons {
	text-align: right;
	margin-right:3px;
}

.collectionsLBox .datatable {
	padding-top: 10px;
	padding-bottom:10px;
	clear:left;
	width:535px;
}
.collectionsLBox .datatable .data{
	height: 300px;
	width: 533px;
}
.collectionsLBox .datatable .data table{
	width: 534px;
}


/* library.css */
 


#library .libCollectionWrapper { float: right; padding-right:0;}

#library .libraryViewSwitch { float: right; padding: 0; font-size: small; padding-top: 10px;}

#library .libraryViewSwitch .viewTitle { float: left;position: relative;top: -2px; }
 
#library .libraryViewSwitch ul[role="tablist"]
{
	width: auto;
	background-color: transparent;
}

#library .libraryViewSwitch ul[role="tablist"] li
{
	width: 34px;
	height: 32px;
	margin: 0;
	padding: 0;
}

#library .libraryViewSwitch ul[role="tablist"] li.active
{
	background-color: transparent;
}

#library .libraryViewSwitch ul[role="tablist"] li.list{
	background-image: url(/images/list_not_clicked.png);
}
#library .libraryViewSwitch ul[role="tablist"] li.list.active{
	background-image: url(/images/list_clicked.png);
}
#library .libraryViewSwitch ul[role="tablist"] li.grid{
	background-image: url(/images/grid_not_clicked.png);
}
#library .libraryViewSwitch ul[role="tablist"] li.grid.active{
	background-image: url(/images/grid_clicked.png);
}


/* libraryTag.css */
 

.libraryTag {
	height: auto;
	width: auto;
	clear: left;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #635c48;
	}
	
.tagItem {
	height: auto;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	border-top: 1px dotted #635c48;
	}
	
#tagItemGroup {
	height: auto;
	width: auto;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	}
	
.tagNameAndNumber {
	height: auto;
	width: auto;
	position: relative;
	top: 0;
	left: 0;
	float: left;
	margin: 0;
	padding: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #262518;
	z-index: 15;
	}
	
.tagNumber {
	color: #01ac9a;
	}
	
.searchAndEdit {
	height: auto;
	width: auto;
	position: relative;
	padding: 8px;
	float: right;
	z-index: 15;
	}
	
.searchAndEdit a {
	font-weight: bold;
	color: #01ac9a;
	}
	
.backgroundBar {
	height: 100%;
	width: auto;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	background-color: #e9e3d0;
	z-index: 10;
	}
	
.sansCollection { width:720px;margin-top:15px;height:305px;background-color:#fff;clear:both;}
	.sansCollectImg { float:left;width:196px;height:302px;}
	.sansCollectDescription {float:left;width:500px;height:302px;}
	.sansCollectDescription p {margin:20px 0;color:#bdb59c;font-size:25px;font-weight:bold;line-height:1.125;}
	.sansCollectDescription p span {color:#5c533c;}



/* NO CONTENT BLOCKS */

#noContentBlock { clear: both; color: #5e553e; padding: 0px 0px 50px 305px; width: 475px; background: url(/images/bg_0_value.png) no-repeat; height: 200px; }
	#noContentBlock h3 { color: #5e553e; font-size: 35px; font-weight: bold;  margin:0 0 0; padding:72px 0 0 0; margin-right: 72px; }
	#noContentBlock p { font-weight: bold; line-height: 16px; font-size: 14px; margin:5px 0; padding: 0px 90px 0 0; color:#5e553e;}
	#noContentBlock .citation { display: block; text-align: right; padding: 25px 14px 0px 0px; }
	#noContentBlock .authorImg { float: left; padding: 0 44px 0 0; }

	#library #whatsthelastbookyouread_pod { margin-top: 15px; width: 550px; }
	#library #librarySlidersPod { position:relative; top: -40px; }
	#library #findAndBuyEBooks { margin: 0; }
	
	
	#library #popTitles { margin-bottom: 15px; } 
	
	#library .promopods { margin-top: 10px; }
		#library .promopods h3 {  color: #2b2518; border-bottom: 6px solid #ded7c1; display: block; width: 100%; }
		#library .promopods h3.left {}
		#library .promopods h3.right { position: absolute; margin-left: 395px; margin-top: -33px;}
	
	
	#library #downloadBooks { float: right; text-align: left; background: url(/images/img_promo_pod_exclusiveoffers.jpg) no-repeat; display: block; width: 100%; height: 205px; padding-top: 30px; background-color: white;}
		#library #downloadBooks .layout { display:block; margin-left: 220px; }
			#library #downloadBooks .layout .header { display: block; font-size: 26px !important; font-weight: bold; line-height: 28px !important; color: #666; }
			#library #downloadBooks .layout .copy { margin-top: 5px; display: block; color:#999; font-size: 14px; font-weight: bold; }
			#library #downloadBooks .layout button { margin-top: 22px;  }
			
			
	#library .initial h3 {  font-weight: bold; color: #E9795E; font-size: 18px; }
	
	
	
	#library #popTitles img.small { max-height: 152px !important; max-width: 100px !important; padding-right: 0px !important;  }
	#library #bestSellers img.small { max-height: 152px !important; max-width: 100px !important; padding-right: 0px !important;  } 
	
	#library #bestSellers div.cover.small .gcBanner { font-size:12px !important; height:66px !important; margin-top:57px !important; }
	#library #bestSellers div.cover.small .gcBanner p { font-size:12px !important; width: auto !important; line-height: auto !important; overflow: visible; }
	
	#library #popTitles div.cover.small .gcBanner { font-size:12px !important; height:66px !important; margin-top:57px !important; }
	#library #popTitles div.cover.small .gcBanner p { font-size:12px !important; width: auto !important; line-height: auto !important; overflow: visible; }
	
	
	#library #popTitles div.cover.small.generic1 { height: 152px !important; width: 100px !important; max-height: 152px !important; max-width: 100px !important; padding-right: 0px !important; background-image:url(/images/bg_genericCover1.jpg) !important; background-position:50% 100% !important;  }
	#library #bestSellers div.cover.small.generic1 { height: 152px !important; width: 100px !important; max-height: 152px !important; max-width: 100px !important; padding-right: 0px !important; background-image:url(/images/bg_genericCover1.jpg) !important; background-position:50% 100% !important;  }
	
	#library #popTitles div.cover.small.generic2 { height: 152px !important; width: 100px !important; max-height: 152px !important; max-width: 100px !important; padding-right: 0px !important; background-image:url(/images/bg_genericCover2.jpg) !important; background-position:50% 100% !important;  }
	#library #bestSellers div.cover.small.generic2 { height: 152px !important; width: 100px !important; max-height: 152px !important; max-width: 100px !important; padding-right: 0px !important; background-image:url(/images/bg_genericCover2.jpg) !important; background-position:50% 100% !important;  }
	
	#library #popTitles div.cover.small.generic3 { height: 152px !important; width: 100px !important; max-height: 152px !important; max-width: 100px !important; padding-right: 0px !important; background-image:url(/images/bg_genericCover3.jpg) !important; background-position:50% 100% !important;  }
	#library #bestSellers div.cover.small.generic3 { height: 152px !important; width: 100px !important; max-height: 152px !important; max-width: 100px !important; padding-right: 0px !important; background-image:url(/images/bg_genericCover3.jpg) !important; background-position:50% 100% !important;  }
	
	#library #popTitles div.cover.small.generic4 { height: 152px !important; width: 100px !important; max-height: 152px !important; max-width: 100px !important; padding-right: 0px !important; background-image:url(/images/bg_genericCover4.jpg) !important; background-position:50% 100% !important;  }
	#library #bestSellers div.cover.small.generic4 { height: 152px !important; width: 100px !important; max-height: 152px !important; max-width: 100px !important; padding-right: 0px !important; background-image:url(/images/bg_genericCover4.jpg) !important; background-position:50% 100% !important;  }
	



/* groups.css */
 


 #groupsWelcomePanel .groupDescription{
	display: none;
}
#groupsWelcomePanel.expanded .partDescription {
	display: none;
}
#groupsWelcomePanel .partDescription {
	display: inline;
}
#groupsWelcomePanel.expanded .groupDescription{
	display: inline;
}
#groupsWelcomePanel .fullInfo {
	display: none;
}
#groupsWelcomePanel.expanded .fullInfo {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
}
#groupsWelcomePanel .partInfo {
	display: inline;
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
}
#groupsWelcomePanel.expanded .partInfo {
	display: none;
}
.group a.partInfo:hover,
.group a.fullInfo:hover {
	border-bottom: none;
}

#groupsWelcomePanel { position:relative; padding:10px 0px; margin:0; }
	#groupsWelcomePanel p {display:inline; font-size:30px; font-weight:bold; color:#bdb59d; line-height:30px; padding-bottom: 10px;}
	#groupsWelcomePanel p.groupDescription,
	#groupsWelcomePanel p.partDescription {
		font-family: Georgia; color: #7a776f; font-size:20px; font-weight:bold; line-height: 28px;
	}
    #groupsWelcomePanel p span { color:#5c533e; }
    #groups h2.bigH2 {	padding-top: 0px; padding-bottom: 0px;}
    #groupsWelcomePanel #content  p {padding-bottom: 10px;}
    #groupsWelcomePanel p span.groupName { font-family: Georgia; color: #565552; font-weight:bold; font-size:24px;text-transform: uppercase; }
    #groupsWelcomePanel .exitPod { position:absolute; top:5px; right:5px; width:10px; height:10px; }
    #groupsWelcomePanel.hideWelcomeMat { display:none;}



#groups h4 { clear: both; }
#groups h5 { position: relative; }
#groups h5 a { display: inline; }
#groups .libraryPod h5 span { #margin-top: -22px; }


/* NO CONTENT BLOCKS */

#noContentBlock { clear: both; color: #5e553e; padding: 0px 0px 50px 305px; width: 475px; background: url(/images/bg_0_value.png) no-repeat; height: 200px; }
	#noContentBlock h3 { color: #5e553e; font-size: 35px; font-weight: bold;  margin:0 0 0; padding:72px 0 0 0; margin-right: 72px; }
	#noContentBlock p { font-weight: bold; line-height: 16px; font-size: 14px; margin:5px 0; padding: 0px 90px 0 0; color:#5e553e;}
	#noContentBlock .citation { display: block; text-align: right; padding: 25px 14px 0px 0px; }
	#noContentBlock .authorImg { float: left; padding: 0 44px 0 0; }

#groups .editButton {
	float: right;
	margin: -40px 0 0;
	padding: 0;
}

#groups .browseAll {
	color: #2cbeaf;
	font-size: 12px;
}

#groups #noAnnouncments.zeroContent {
	font-family: arial;
	line-height: 19px;
	font-size: 14px;
	font-weight: normal; 
}
#groups .zeroContent { margin-top: 10px; font-size: 26px; letter-spacing: -0.25px; color: #bdb59e; line-height: 26px; font-weight: bold;  }
	#groups .zeroContent a { color: #00ac9a; border-color: #00ac9a;  }
	#groups .zeroContent a.alt { color: #d54423 !important; border-color: #d54423 !important;  }

/* GROUPS SLIDER */

#groups  .slider ul.groupMemberContainer {
	width: 600px;
	margin: 10px 80px 0;
	border-left: 1px dotted #959185;
}

#groups  .slider ul.groupMemberContainer li {
	display: inline;
	float: left;
	width: 400px;
	border-right: 1px dotted #959185 !important;
}

.groupMembers {
	display: block;
	margin: 10px 0px 0;
	padding: 0 6px;
	text-align: center;
}

	.groupMembers img {
		display: inline;
		margin: 8px 0 15px 0px;
	}
	
	.groupMembers a {
		margin-bottom: 5px;
		font-weight: bold;
		font-size: 16px;
	}
	
	.groupMembers p {
		margin-top: 0px;
		padding: 0;
		color: #000;
	}
	
	.groupMembers p span {
		margin: 0;
	}
	
	.groupMembers p a {
		font-size: 12px;
	}

#groups .hdrButton, .groups .hdrButton { float: right; margin: 5px 0 0 10px; }
#groups .twoCol { margin: 10px 0 0 10px; }
#groups .twoCol h3 { margin: 0; padding: 0; font-size: 21px; font-weight: bold; }
#groups .twoCol hr { margin: 3px 0; padding: 0; }
#groups .twoCol input { margin-top: 0px; padding: 5px; }
#groups .twoCol a[role="button"], #groups .twoCol button { margin-top: 50px; }

#groupsList ol.catalogList { border-top:1px dotted #666; margin-top:15px; margin-bottom:25px; float:left; list-style-type:none; }
#groupsList ol.catalogList li { position:relative; border-bottom:1px dotted #666; padding:2px 0; overflow: hidden; }
#groupsList ol.catalogList > li:hover { background-color:#FFF; cursor:pointer; }

#groupsList ol.catalogList li ul li { border:none; }


#groupsList .peopleToggle { width:20px; }
	#groupsList div.peopleToggle span { font-weight:bold; text-align:right; display:block; font-size:18px; color:#988879; }
    #groupsList .peopleToggle a.toggle { position:absolute; left:5px; bottom:2px; margin:0; background-image: url(/images/bg_expanded-collapse.png); background-position:0 -24px; }

#groupsList .peopleImg { width:66px; overflow:hidden; padding:0 0 0 40px; min-height:66px; }
#groups	#groupsList .peopleImg img { float:right }

#groupsList ol.catalogList li ul li .peopleInfo { margin:10px 0; }
#groupsList ol.catalogList .followThisPersonTool { float:right; padding:0 0 0 0; max-width: 200px;}
#groupsList ol.catalogList .followThisPersonTool h6 { margin:40px 0 10px 0;  font-weight: normal; color: #B6B6BB;}
#groupsList ol .collapsedList .followThisPersonTool h6 { margin-top:12px}

#groupsList .peopleDetails { width: 380px ; float:left; /*padding:0 25px 0 0;*/ margin:0 0 1px 15px; }
	#groupsList .peopleDetails h3 { font-weight:bold; line-height:1; margin-bottom:5px }
    	#groupsList .peopleDetails h3.collapsed { font-size:18px; }
        
    #groupsList .peopleDetails h4 { font-weight:bold; line-height:1; margin-bottom:5px; }

    #groupsList .peopleDetails ul.tags li.lastTagLink {border-right:none; padding:0 0 0 5px; background:none}
   
    #groupsList .peopleDetails ul.peopleInfo { float:left; margin:0 0 5px 0; clear:both; }
	#groupsList .peopleDetails ul.peopleInfo li { float:left; color:#B6B6BB; padding:0 7px 0 7px; background:url(/images/bg_tagSeparator.gif) no-repeat 100% 50%; }
    #groupsList .peopleDetails ul.peopleInfo li.firstTag { padding-left:0}
    #groupsList .peopleDetails ul.peopleInfo li.lastTag { background:none; }
    #groupsList .peopleDetails ul.peopleInfo li a { padding:0 0 0 0;}
    
    #groupsList .collapsedList.scitem .peopleDetails ul.description { display:block}
    #groupsList .scitem .peopleDetails ul.description { display:none}
    #groupsList .peopleDetails ul.description li span { font-weight: bold; font-style:italic; top:5px; position: absolute;}
    #groupsList .peopleDetails ul.commons { margin:0; clear:both;}
    #groupsList .peopleDetails ul.commons li { padding-top:0; color: #B6B6BB;}
       #groupsList .peopleDetails ul.commons li span {padding:0 0 0 0px; }
    
    #groupsList .libraryPod { float: right !important; width:350px; margin:0 0 0 0px; padding: 0; overflow: hidden; }
    	 
         #groupsList .libraryPod h5 span { float:right; }
        
 	#groupsList .libraryPod .inTheLib li { padding:10px 0px 10px 12px; float:right;}
    	#groupsList .libraryPod .inTheLib > li:first-child { padding:10px 0; }
	#groupsList .libraryPod .cover { padding-right:0px; }

	#groupsList  .groupDescription {font-style: italic; font-weight: bold; width: 290px; margin: 0 0 0 80px; }
		#groupsList .groupDescription a { font-weight: bold; }
	#groupsList ol.catalogList li { position:relative; border-bottom:1px dotted #666; overflow: hidden; }
	#groupsList ol.catalogList li ul.description li {padding: 10px 0;}
	#groupsList ol.catalogList li.collapsedList { position:relative; height:80px; overflow:hidden; padding-bottom:0;}
	#groupsList ol.catalogList li.collapsedList a.toggle { position:absolute; margin:0; background-image: url(/images/bg_expanded-collapse.png); background-position:0 0; }
    #groupsList ol.catalogList li.collapsedList .listDetail { width:435px; padding-right:35px; height:57px; margin:0 0 0 10px; overflow:hidden;}
   	#groupsList ol.catalogList li.collapsedList .listDetail ul.tags  { margin:5px 0 10px -5px; height:15px; } 
    #groupsList ol.catalogList li.collapsedList .libraryPod, #groupsList ol.catalogList li.collapsedList .groupDescription  { display:none;}
    /*#groupsList ol.catalogList li.collapsedList .listRateIt { height:57px; overflow:hidden;}*/
	
	#groupsList ol.catalogList li.collapsedList .groupBin { width:765px} 
	#groupsList ol.catalogList li.collapsedList .groupBlind  { display:none;}
	
    #groupsList ol.catalogList li.collapsedList .followThisPersonTool h6 { right: 5px;bottom: 0;position: absolute;}
	#groupsList ol.catalogList li .followThisPersonTool h6 { margin-top:12px}
 

/* -- ACTIVITY TAB STYLES -- */
#groups .msg button {
	top: 4px;
}
#groups #announcementList li { position: relative; padding:7px 0; width:100%; display:block; word-wrap: break-word; overflow: hidden; }
	#groups .msg,
	#groups #announcementList li:hover { 
        background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 50%, rgba(0,0,0,0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.06)), color-stop(100%,rgba(0,0,0,0)));
        background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0) 100%);
        background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0) 100%);
        background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
	}
	#groups #announcementList li h5 span { display:block;}

#groups #announcementList .activityDetails { float:left; width:500px;}
#groups #announcementList .activityDetails img {float: left;}
	#announcementList .activityDetails p { display: none; }
	 #announcementList .postEditStamp {float: right; padding-left:11px;text-align: right; }
    #announcementList .postEditStamp p { font-size:1.083em; color: #B6B6BB }


/* LIGHT BOX ITEMS */
#groupLibraryContent, #groupMemberContent {
	height: auto;
	width: 610px;
	margin: 0 auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-weight: bold;
}

#groupSettingsContent {
	width: 570px;
	margin: 0 auto;
}
#groupLibraryContent input.datatableSearch, #groupMemberContent input.datatableSearch{
	width: 200px;
	height: 11px;
	font-size: 10px;
	padding:3px;
}
	
#groupLibraryContent .datatable, #groupMemberContent .datatable {
	width: 610px;
	margin: 0 auto;
	padding: 0;	
}

#groupLibraryContent .datatable .data, #groupMemberContent .datatable .data{
	position: relative;
	width: 608px;
	height: 328px;
}

#groupLibraryContent .datatable .data table, #groupMemberContent .datatable .data table {
	width: 592px;
}

#groupMemberContent menu.small.groupMemberList {z-index: auto;}

#groupLibraryContent button, #groupMemberContent button {
	float: right;
	margin-top: 10px;
}

#groupMemberContent img { float: left; margin-right: 10px; }

#groupMemberContent .datatable {
	margin-top: 15px;
	clear: both;
}

#groupMemberContent .datatable a {
	margin-top: 20px;
}

#groupMemberContent .datatable .data table tr td {
	padding:6px 8px;
	background-color: #f6f3e4;
	cursor:pointer;
	border-bottom: 1px dotted #504934;
	vertical-align: middle;
}

#groupMemberContent .datatable th:first-child, #groupMemberContent .datatable td:first-child{
	width:250px;
}

#groupMemberContent menu.small a[role=button] {
	position: relative !important;
	margin-top: 0px !important;
	font-size:12px;
	height:17px;
	background:url(/images/btnBackgrounds.png) repeat-x 0px -74px;
	padding:3px 0px 2px 9px;
	color: #fff;
}

#groupMemberContent menu.small a[role=button] span{
	display:none;
}

#groupMemberContent menu.small a[role=button] span.text{
	display:block;
}

#groupMemberContent menu.small a[role=button] div.arrow {
	background-position:center 6px;
	height:22px;
}

#groupMemberContent menu.small .action {
	color: #7dfff1 !important;
}

#groupMemberContent label {
	float: left;
	margin: 0;
	padding: 0;
}

#groupMemberContent .findDiscussionBox {
	float: left;
	width: 260px;
	margin: 0 4px;
}

#groupMemberContent .findBtn {
	float: left;
	margin: 0;
}

#groupSettings ul.groupOptions {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #504934;
}

#groupSettings ul.groupOptions {
	padding-bottom: 10px;
}

#groupSettings ul.groupOptions li {
	margin: 0;
	padding: 5px 0;
	font-size: 18px;
}

#groupSettings ul.groupOptions li a {
	font-weight: bold;
}

#groupSettings button {
	float: right;
	margin-top: 10px;
}

/* INVITE MEMBERS */
.memberContainer {
	width: 580px;
	height: 290px;
	border-top: 4px solid #ded7c1;
	overflow-y: scroll;
}
#groups .create .memberContainer {
	border: 1px solid #BFBDBD;
	margin-top: 1px;
	width: auto;
	height: 195px;
}
#groups .create .peopleSearchResultsTable {
	width: 100%;
	background: rgb(243, 242, 242);
}
#groups .create .peopleSearchResultsTable li {
	display:inline;
}
#groups .create .peopleSearchResultsTable td {
	vertical-align: top;
	padding: 12px 0 8px;
}
#groups .create .peopleSearchResultsTable td .checkbox {
	margin:13px 13px 0 10px;
}
#groups .create .peopleSearchResultsTable tr {
	margin: 7px 0;
	border-bottom: 1px solid rgb(223, 218, 218);
}
#groups .create .peopleSearchResultsTable li strong {
	color: black;
	font-weight: normal;
}
#groups .create #searchForPeople h5 {
	padding: 15px 0 5px 2px;
	font-weight: normal;
	font-style: italic;
}
#groups .create #searchForPeople .send,
#groups .create #searchForPeople .cancel {
	margin-top: 14px;
	float: right;
	text-shadow: none;
	background-position: -1px -102px;
	color: #e9795e;
}
#groups .create #searchForPeople .send:before {
	background: none;
}
#inviteMembers hr {
	margin: 0 0 10px;
	border: none;
	border-bottom: 4px solid #ded7c1;
}

#inviteMembers h5 {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 18px;
	font-weight: bold;
}

#inviteMembers h5.floatL {
	margin: 5px 7px 0 0;
	position: static;
}

#inviteMembers .findPeopleBox {
	width: 324px;
	margin: 0;
}
#inviteMembers button {
	margin-top: 0;
}

#inviteMembers table {
	width: 100%;
	margin: 10px 0 0;
	padding: 0;
	clear: both;
}

#inviteMembers table td {
	margin: 0;
	padding: 0 2px;
	border-bottom: 1px dotted #635c48;
	vertical-align: middle;
}

#inviteMembers table td a {
	margin: 0;
	padding: 0;
	font-size: 18px;
}

#inviteMembers table td ul {
	margin: 0;
	padding: 0;
}

#inviteMembers table td ul li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #000;
}

/* EDIT GROUP DESCRIPTION AND PRIVACY SETTINGS */
.globalGroupOptions {
	width: 580px !important;
	margin: 0 10px;
	padding:10px;
}

.globalGroupOptions h4 {
	margin: 10px 0 5px;
	font-weight: normal;
	font-size: 18px;
	clear: both;
}
.globalGroupOptions.addAnnouncement h4 {
	margin-top: 2px;
}

.globalGroupOptions input[type="text"]{
	width: 565px;
}

.globalGroupOptions textarea {
	width: 570px;
	height: 113px;
	border: 1px solid #adb2b5;
	overflow-y: scroll;
}
.globalGroupOptions #createGroupForm .wrap {
	right: 10px;
	bottom: 10px;
	position: absolute;
}
.globalGroupOptions #createGroupForm .wrap button{
	margin-left: 8px;
}
.globalGroupOptions p {
	float: left;
	margin: 4px 0 0;
	padding: 0;
}

.globalGroupOptions p.warning {
	padding: 5px 0 4px 30px;
	background: url(/images/deletedIcon.png) no-repeat;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.globalGroupOptions ul li {
	padding: 0px 0;
}

.globalGroupOptions ul li a {
	font-size: 14px;
	font-weight: bold;
}

.globalGroupOptions label {
	font-size: 16px;
}

.globalGroupOptions .delete {
	margin-left: 10px;
}

.globalGroupOptions ul li input[type="radio"]{
	float: left;
	margin: 2px 6px 0 0;
	padding: 0;
}

.globalGroupOptions form {
	margin-bottom: 5px;
	padding-bottom: 8px;
}

.globalGroupOptions fieldset {
	border-bottom: 1px dotted #635c48;
	margin-bottom: 5px;
	padding-bottom: 10px;
}

.globalGroupOptions button {
	float: right;
	margin-top: 8px;
}

.globalGroupOptions a {
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
}

#groups .create .validationMessage {float:none;width:auto;}
#groups .create .validationMessage div { display:none;}
#groups .create .errorMsg-1 .errorMsg-1,
#groups .create .errorMsg-2 .errorMsg-2,
#groups .create .errorMsg-3 .errorMsg-3 { display:block; }
#groups .create .errorMsg-1 .errorMsg-1,
#groups .create .errorMsg-2 .errorMsg-2,
#groups .create .errorMsg-3 .errorMsg-3,
#createGroupForm .validationMessage {float:none;width:auto;}
#createGroupForm .validationMessage div { display:none;}
#createGroupForm .errorMsg-1 .errorMsg-1,
#createGroupForm .errorMsg-2 .errorMsg-2,
#createGroupForm .errorMsg-3 .errorMsg-3 { display:block; }
#createGroupForm.create .errorMsg-1 .errorMsg-1,
#createGroupForm.create .errorMsg-2 .errorMsg-2,
#createGroupForm.create .errorMsg-3 .errorMsg-3 { 
	overflow: auto;
	font-style: italic;
	font-size: 11px;
	padding-left: 134px;
	margin-top: 0px;
}
#groups .create .validationMessage {
	overflow: initial;
}

.gdErrorMsg { margin:63px 0; font-size:16px; font-weight:bold; padding:15px 15px 15px 60px; background:#fff url(/images/deletedIcon.png) no-repeat 15px 15px; }

.joinGroup { margin:0; }
		.joinGroup .action { margin:0; }
		.joinGroup a.action[role="button"] b { position:relative; padding-right:89px; border-left: none medium;  left:-24px;  }
		.followThisPersonTool menu .joinGroup a.action[role="button"] { margin:2px 0; padding-right:0;}
		.followThisPersonTool menu .joinGroup a.action[role="button"] span {left:160px; border-left: 1px solid #938664; }
		
#groups .pods h4 { clear: none; }		
	#groups	.discussionPod button { width: 171px; margin-top: 15px; }

	#groups .pods { margin-top: 20px; }
		#groups .pods .podright, #groups .pods .podleft { margin-top:solid 6px #ded7c2 }
		#groups .initial .pod img { margin-bottom: 95px !important;  }
 		#groups .initial .pod a.email { background: url(/images/bg_emailIcon_sm.png) no-repeat left center; padding-left: 32px;  }
		#groups .initial .pod a.facebook { background: url(/images/bg_facebook_sm.png) no-repeat left center; padding-left: 32px;  }
		#groups .initial .pod a.twitter { background: url(/images/bg_twitter_sm.png) no-repeat left center; padding-left: 32px;  }


#groups .recentPeopleList li a span {
		float: none;
		margin: auto;
		width: auto;
		white-space: nowrap;
		
	}

body#groups #groupsList menu {
	min-width: 140px;
}

#groups .totalResults { *margin-top: -37px; }
#groups #groupList .groupDescription { *margin-left: 141px; }

#groups #groupsList menu { float: right; }
#groups .titledbox .cnt h3{
	font-size:18px;
}

/* Groups/course style */
#groups #noResultsBlock {
		height: 242px;
		width: 708px;
		padding-top: 95px;
	}
#groups #Activity #activitiesList li {
	width: 100%;
}
#groups .titledbox#Activity .title .links {
	top: 5px;
	position: absolute;
}
#groups .titledbox.manage {
	overflow: hidden;
	/* IE10 Consumer Preview */ 
	background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #F7F7F7 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #F7F7F7 100%);
	/* Opera */ 
	background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #F7F7F7 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #F7F7F7));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #F7F7F7 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #F7F7F7 100%);
}
#groups .titledbox .title.syllabus,
#groups .titledbox.manage .title {
	border-bottom: none;
	height: auto;
}
#groups .titledbox.manage .title {
 	cursor: pointer;
}
#groups .titledbox.manage .show,
#groups .titledbox.manage.expanded .hide {
	display:block;
}
#groups .titledbox.manage.expanded .show,
#groups .titledbox.manage .hide {
	display:none;
}
#groups .titledbox.manage.expanded ul{
	display:block;
}
#groups .titledbox.manage ul {
	display:none;
}
#groups .titledbox.manage ul {
	margin-top: 4px;
}
#groups .titledbox.manage ul li {
	width: 50%;
	float: left;
	padding: 5px 0 5px 42px;
	position: relative;
}
#groups .titledbox.manage ul li:before {
	content: "";
	height: 29px;
	left: -7px;
	top: -4px;
	position: absolute;
	width: 29px;
	cursor: pointer;
}
#groups .titledbox.manage ul li.icon_invite:before  {
	background: url(/images/manage/icon_invite.png)  no-repeat;
}
#groups .titledbox.manage ul li.icon_addbooks:before  {
	background: url(/images/manage/icon_addbooks.png)  no-repeat;
}
#groups .titledbox.manage ul li.icon_add_hw:before  {
	background: url(/images/manage/icon_add_hw.png)  no-repeat;
}
#groups .titledbox.manage ul li.icon_add_hw:before  {
	background: url(/images/manage/icon_add_hw.png)  no-repeat;
}
#groups .titledbox.manage ul li.icon_add_material:before {
	background: url(/images/manage/icon_add_material.png);
}
#groups .titledbox.manage ul li.icon_discussion:before {
	background: url(/images/manage/icon_discussion.png);
}
#groups .titledbox.manage ul li.icon_send_msg:before {
	background: url(/images/manage/icon_send_msg.png);
}
#groups .titledbox.manage ul li.icon_options:before {
	background: url(/images/manage/icon_options.png);
}

#groups ul[role="tablist"] {
	font-weight:normal;
	width: auto;
}
#groups  ul[role="tablist"] {
	font-weight:normal;
	width: auto;
}
#groups  ul[role="tablist"].subTabList.alt {
	background: none;
	padding: 0;
}
#groups .oneCol {
	background: white;
}
#groups span.totalBookAmount {
	font: normal 17px/35px Arial;
}
#groups .whiteLine {
	border: 3px solid white;
}
#groups .titledbox .cnt div.description {
	display: inline-block;
	width: 53%;
	margin-top: 11px;
}
#groups .titledbox .cnt div.description {
	display: inline-block;
	width: 53%;
	margin-top: 11px;
}
#groups .titledbox .cnt .msg input {
	width: 82%;
	padding-left: 8px;
	height: 30px;
	margin: 10px 8px;
}
#groups .titledbox .cnt .msg .button {
	top: 3px;
}
#groups .titledbox .cnt div.description.prof {
	padding-left: 20px;
	width: 46%;
	border-left: 1px solid #CFCACA;
	vertical-align: top;
}
#groups .titledbox .cnt div.description.prof h6 {
	margin: 0 0 5px 55px;
}
#groups .titledbox .cnt div.description.prof p,
#groups #announcementList .activityDetails div {
	margin: 10px 0 0 62px;
}
#groups .titledbox .cnt .description img,
#groups .create img {
	float: left;
	width: 37px;
}
#groups .create img {
	padding: 0px 11px 0 3px;
	width: 33px;
}
#groups #listOfInstuctors li {
	margin-top: 10px;
	float: left;
	overflow: hidden;
	width: 48%;
}
#groups .titledbox .cnt #attachmentsList img {
	top: 4px;
	left: 22px;
	position: absolute;
}
#groups .titledbox .cnt div.description:first-child {
	border-right: 1px solid #CFCACA;
	left: 4px;
	position: relative;
}
#groups .titledbox div h5 {
	font: bold 16px arial;
	padding-bottom: 8px;
}
#groups .titledbox .syllabus {
	margin-top: 20px;
}
#groups .titledbox.manage div p {
	float: right;
	z-index: 101;
	position: relative;
	color: #B6B6BB;
}
#groups .titledbox.manage div p::before,
#groups .titledbox.manage div p::before {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	background: url(/images/arrow.png) no-repeat 5px 18px;
	position: absolute;
	z-index: 102;
	height: 29px;
	width: 29px;
	content: "";
	left: -16px;
}
#groups .titledbox.manage div p.hide::before {
	left: -35px;
	top: -14px;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#groups .titledbox .activityDetails h5 {
	padding-bottom: 0;
	color: #E9795E;
}
#groups .titledbox .cnt p.announc {
	margin-top:8px;
	color:#2b2518;
	font-size: 19px;
	font-weight:normal;
}
#groups .titledbox h1 {
	margin-top: 22px;
	font-size: 17px;
	border-bottom: #BFBDBD 1px solid;
}
#groups .titledbox.groupBorder {
	padding-bottom: 17px;
	overflow: hidden;
	border-bottom: #BFBDBD 1px solid;
}

#groups .slider.userSlider ul li,
#groups .slider.userSlider .sliderContent {
	height: 80px; 
}
#groups .slider ul li .groupMembers a span {
	color: #E9795E;
	padding-top: 8px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 61px;
}
#groups #assignmentsList .item:after {
	 background: url(/images/courses.png) no-repeat;
	 content: "";
	 height: 17px;
	 left: 0;
	 position: absolute;
	 top: 12px;
	 left:37px;
	 width: 17px;
}
#groups .slider.userSlider .groupMembers a {
	white-space: nowrap;
}
#groups #assignmentsList .pencil {
	 background: url(/images/pencil.png) no-repeat;
	content: "";
	height: 17px;
	left: 18px;
	position: absolute;
	top: 11px;
	width: 17px;
}

#groups #assignmentsList .remove,
#groups #attachmentsList .remove {
	 background: url(/images/delete_x.png) no-repeat;
	content: "";
	height: 17px;
	left: 0px;
	position: absolute;
	top: 13px;
	width: 17px;
}


#groups #assignmentsList .item,
#groups #attachmentsList .item,
#groups #discussionsList .item  {
    display: block;
  	padding: 10px 0 0px 59px;
    position: relative;
    color: #E9795E;
}
#groups .lboxContent #attachmentsList {
    overflow-y: scroll;
	max-height: 70px;
}
#groups .lboxContent #attachmentsList .item {
    padding: 2px 0 0px 0px;
}
#groups .lboxContent #attachmentsList .item img {
    width: 12px;
}
#groups #discussionsList .item {
	margin-bottom: 10px;
	padding-left: 0px;
}

   #groups #assignmentsList .item span,
   #groups #attachmentsList .item span,
   #groups #discussionsList .item span{
	float:right;
	color: #B6B6BB;
}
#groups #discussionsList .item span{
	width: 150px;
}
   #groups .upload {
	padding: 10px 10px;
}
#groups .uploadHomeWork,
#groups .create {
	padding: 10px 30px;
}
#groups .upload p.label {
	padding-bottom: 8px;
	color: #858380;
	font: normal 18px dine;
}
#groups .uploadHomeWork.upload p.label {
	padding-top: 10px;
	padding-bottom: 0;
}
#groups #assignmentsList,
#groups #attachmentsList,
#groups #discussionsList {
	padding-top: 5px;
	min-height: 40px;
}
#groups .create div {
	overflow: hidden;
	margin-top: 8px;
}
#groups .create #listOfInstuctors {
	float: left;
}
#groups .create .creator {
	margin-top: 0;
}
#groups .create #searchForPeople {
	margin-bottom: 15px;
}
#groups .create .istrInf {
	padding: 10px 15px 0;
	border: 1px solid rgb(223, 218, 218);
}
#groups .create div.memberContainer {
	overflow-y: scroll;
}
#groups .upload h2,
#groups .uploadHomeWork h2,
#groups .create h2,
#groups .advancedOpts h2 {
	letter-spacing: 0px;
	color: rgba(0, 0, 0, 0.9);
	font: normal 28px dine;
}
#groups .create .gray {
	color: rgb(148, 144, 144);
	font-style: italic;
	margin: 1px 0 0 133px;
	clear: both;
	font-size:10px;
}
#groups .create .line {
	margin-top: 17px;
}
#groups .create .addInstructor {
	padding: 2px 12px 13px;
	float: right;
}
#groups .create .line.light {
	margin-top: 17px;
	border-top: 1px solid rgb(223, 218, 218);
	clear: both;
}
#groups .line {
	padding-bottom: 15px;
	border-top: 1px solid #BFBDBD;
}
#groups .create .creator {
	vertical-align: top;
	width: 100%;
	display: inline-block;
}
#groups .create .description {
	float: right;
}
#groups .create .descr {
	float: right;
	width: 57%;
	margin-bottom: 10px;
}
#groups .create .descr .gray {
	margin-left: 7px;
}
#groups .create .instructorDescription {
	width: 100%;
	max-width: 96%;
	margin: 8px 0 1px;
}
#groups input[type=radio] {
	margin: 0 6px 1px 1px;
}
#groups .create {
	color: rgb(148, 144, 144);
	margin-bottom: 42px;
}
#groups  #upload {
	width: 57%;
	margin-right: 10px;
	padding-left: 10px;
	border-radius: 5px;
	height: 24px;
}
#groups .create textarea,
#groups .uploadHomeWork textarea {
	width: 77%;
	font-size: 14px;
	max-width: 77%;
	max-height: 64px;
	float: right;
	border-radius: 5px;
	height: 64px;
}
#groups .uploadHomeWork input.title,
#groups .create input.title,
#groups .create .findPeopleBox {
	width: 78%;
	float: right;
	font: normal 13px arial;
	border-radius: 5px;
	height: 24px;
}
#groups .create .findPeopleBox {
	width: 35%;
	float: none;
}
#groups .create p.radio {
	margin:1px;
}
#groups .create p.radio.firstOpt {
	margin-top: 10px;
}
#groups .create p.radio:first {
	margin-top:5px;
}
#groups .uploadHomeWork > div {
	margin-top: 10px;
	overflow: hidden;
}
#groups .create #findPeopleSearchButton {
	top: 2px;
	background-position: -1px -102px;
	color: #e9795e;
	text-shadow: none;
}
#groups .create #findPeopleSearchButton:before {
	background:none;
}
#groups div.submission {
	padding-bottom: 10px;
	border-bottom: 1px solid #BFBDBD;
}
#groups div.submission #datepicker {
	margin-left: 15px;
	border-radius: 5px;
	width: 95px;
}
#groups .uploadHomeWork #upload {
	width: 57%;
}
#groups label {
	font-size: 14px;
	color: #858380;
}
#groups .upload .button,
#groups .uploadHomeWork .button {
	top: 2px;
}
#groups .lboxContent .actions {
	bottom: 10px;
	right: 10px;
	position: absolute;
}
#groups .inputWrapper input{
   opacity: 0;
   left: 0;
	top: 0;
	position: absolute;
	width: 94px;
	height: 36px;
  	filter: alpha(opacity = 50);
  	z-index: 101;
}
#groups .inputWrapper span{
   color: #e9795e;
   text-shadow: none;
   font: normal 18px/29px Dine;
	position: absolute;
	top: 0;
	z-index: 100;
}
#groups .inputWrapper {
	display: inline-block;
	top: 9px;
	background: url('/images/newv/images/sprites.png') left top no-repeat;
	padding: 2px 20px 0;
	width: 43px;
	height: 25px;
	cursor: pointer;
	position: relative;
	background-position: -1px -102px;
}
#groups .filepath {
	color: #858380;
	margin-top: 9px;
	padding-bottom: 8px;
}
#groups .titledbox #groupsList .libraryPod h5 {
	border-bottom:1px dotted #49412c; padding-bottom:5px; font-style: italic; font: normal 12px arial;
}
#groups #files_list div {
	padding-left: 19px;
	position: relative;
}
#groups #files_list div p {
	background-position: center;
	height: 17px;
	width: 17px;
	left: -12px;
	top: -1px;
	position: absolute;
	cursor:pointer;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-image: url(/images/delete_x.png );
	
}
/* advanced opt*/
#groups .advancedOpts {
    padding:15px 0 0 23px;
}
#groups .advancedOpts a {
    font-size: 18px;
	display: block;
	padding: 6px 0;
}

#groups #announcementList .activityDetails img {
    float: left;
    margin-right: 5px;
}

#groups .peopleSearchResultsTable tr {
	cursor: pointer;
}

#groups .peopleSearchResultsTable img {
	max-width: 37px;
	max-height: 37px;
}

/*noCourses-noGroups*/
 


.noCourses,
.noGroups {
	margin: 13px 20px;
}
.noCourses h2,
.noGroups h2 {
	font: normal 30px/40px Dine;
}
.noCourses span.totalResults,
.noGroups span.totalResults {
	font: normal 24px dine;
	margin-top: 8px;
}
.noCourses p,
.noGroups  p {
	color: #565555;
	font: normal 16px arial;
}
.noCourses p.smaller,
.noGroups p.smaller {
	color: #7c7979;
	font: normal 14px arial;
}
.noCourses h3,
.noGroups h3 {
	margin-top: 32px;
	font: bold 23px Arial;
	text-transform: uppercase;
}
.noCourses img,
.noGroups img {
	margin-top: 10px;
}
.noCourses .darkTxt,
.noGroups .darkTxt {
	font-weight: bold;
}
/*datepicker*/
 


/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

.ui-state-disabled { color: #CCC; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* notebooks.css */
 

/*	Notebook Initial state
	--------------------------------------------------------------------*/	
#notebook {}
	#notebook
	#notebook .pod { border-top: 6px solid #ded7c2; }
	#notebook .podleft img { float:left; margin-right:10px; margin-bottom: 35px; margin-top: 30px; }
	#notebook .podright img { float:left; margin-right:10px; margin-top: 5px; }
	#notebook .pod h4 { margin-bottom: 5px; }
	#notebook .initial h3 { font-size: 18px; font-weight: bold; color:#d54615; }
	#notebook .initial .ipad span {  font-size: 13.8px; }
	#notebook .initial .pod img { margin-bottom: 45px; }
	#notebook .initial .pod { border-top: 6px solid #ADADAD; }
	
/*----------------------------------------------------------------------*/	


.notebookIntro { background: url(/images/bg_notebookIntro.jpg) no-repeat;}
	.notebookIntro .beginBox { background: url(/images/bg_beginBoxPeople.jpg) repeat-x; }
	.notebookIntro .additionalInfo .betaInvite { padding-bottom: 10px; background: url(/images/betaInviteLogoLrg.png) no-repeat;}
	.notebookIntro .additionalInfo .betaInvite p { margin: 0 0 5px !important; padding: 0 0 0 120px!important; color: #5A5A5A !important; }
	.notebookIntro .additionalInfo .betaInvite p span { font-size: 36px !important;font-weight: bold !important;color: #5A5A5A !important;}
	.notebookIntro a[role="button"]{margin: 10px;}

/*	COLLECTIONS GRID
	--------------------------------------------------------------------*/	
ul.notebookGrid { margin: 0; padding: 0; }
ul.notebookGrid li { float: left; margin: 0 20px 8px 0; padding: 0; overflow: hidden; }
ul.notebookGrid li p { margin: 0 !important; padding: 0 !important; }
ul.notebookGrid li.zeroMargin { margin-right: 0; }
ul.notebookGrid .privacySetting { font-weight: bold; }
.notebookContainer { position: relative; width: 170px; height: 235px; margin: 0; padding: 0; }
.notebookCover { width: 152px; height: 210px; margin: 0; padding: 0; }
	.brownCover { background: url(/images/notebookCovers/notebookCovers.png) 0 0 no-repeat; }
	.cranberryCover { background: url(/images/notebookCovers/notebookCovers.png) 0 -210px no-repeat; }
	.cherryCover { background: url(/images/notebookCovers/notebookCovers.png) 0 -420px no-repeat; }
	.mossCover { background: url(/images/notebookCovers/notebookCovers.png) 0 -630px no-repeat; }
	.emeralCover { background: url(/images/notebookCovers/notebookCovers.png) 0 -840px no-repeat; }
	.navyCover { background: url(/images/notebookCovers/notebookCovers.png) 0 -1050px no-repeat; }
	.lavenderCover { background: url(/images/notebookCovers/notebookCovers.png) 0 -1260px no-repeat; }
	.burgundyCover { background: url(/images/notebookCovers/notebookCovers.png) 0 -1470px no-repeat; }
	.sandstoneCover { background: url(/images/notebookCovers/notebookCovers.png) 0 -1680px no-repeat; }
	.ashCover { background: url(/images/notebookCovers/notebookCovers.png) 0 -1890px no-repeat; }
	.slateCover { background: url(/images/notebookCovers/notebookCovers.png) 0 -2100px no-repeat; }
	.charcoalCover { background: url(/images/notebookCovers/notebookCovers.png) 0 -2310px no-repeat; }
	.blackCover { background: url(/images/notebookCovers/notebookCovers.png) 0 -2520px no-repeat; }
	
.notebookTitle { position: absolute; top: 60px; left: 0; width: 152px; height: 92px; margin: 0; padding: 0; overflow: hidden; }
.notebookTitle p { position: absolute; top: 8px; left: 8px; width: 90px; margin: 7px 0 0 !important; padding-left: 10px; font-size: 13px; font-weight: bold; line-height: 20px; }
.notebookTitle a:hover { border-bottom: none; }
	.greenBand { background: url(/images/notebookCovers/notebookBands.png) 0 0 no-repeat; }
	.whiteBand { background: url(/images/notebookCovers/notebookBands.png) 0 -92px no-repeat; }
	.beigeBand { background: url(/images/notebookCovers/notebookBands.png) 0 -184px no-repeat; }
	.limeBand { background: url(/images/notebookCovers/notebookBands.png) 0 -92px no-repeat; }
	.royalBand { background: url(/images/notebookCovers/notebookBands.png) 0 -368px no-repeat; }
	.skyBand { background: url(/images/notebookCovers/notebookBands.png) 0 -460px no-repeat; }
	.coffeeBand { background: url(/images/notebookCovers/notebookBands.png) 0 -552px no-repeat; }
	.peachBand { background: url(/images/notebookCovers/notebookBands.png) 0 -644px no-repeat; }
	.crimsonBand { background: url(/images/notebookCovers/notebookBands.png) 0 -736px no-repeat; }
	.sunsetBand { background: url(/images/notebookCovers/notebookBands.png) 0 -828px no-repeat; }
	.tangerineBand { background: url(/images/notebookCovers/notebookBands.png) 0 -920px no-repeat; }
	.yellowBand { background: url(/images/notebookCovers/notebookBands.png) 0 -1012px no-repeat; }
	.tealBand { background: url(/images/notebookCovers/notebookBands.png) 0 -1104px no-repeat; }
	
	.greenBand p, .greenBand p a, .royalBand p, .royalBand p a, .coffeeBand p, .coffeeBand p a, .crimsonBand p, .crimsonBand p a, .tangerineBand p, .tangerineBand p a, .sunsetBand p, .sunsetBand p a, .tealBand p, .tealBand p a { color: #fff; }
	.whiteBand p, .whiteBand p a, .beigeBand p, .beigeBand p a, .limeBand p, .limeBand p a, .skyBand p, .skyBand p a, .peachBand p, .peachBand p a, .yellowBand p, .yellowBand p a { color: #000; }
	
.numOfNotes { position: absolute; bottom: 0; right: 0; width: 57px; height: 57px; background: url(/images/notebookCovers/bg_numOfNotes.png) no-repeat; text-align: center; }
.numOfNotes span { display: block; margin: 15px 0 0; color: #fff; font-weight: bold; font-size: 20px; }

#notebook .initial { float: left; }
.notebookMessage { float: right; width: 535px; margin: 0; padding: 0; overflow: hidden; }
.notebookMessage p { margin: 0; padding: 0; color: #9B9A98; font-size: 25px; font-weight: bold; }
.notebookMessage span { color: #5c533c; }

/* POP UP*/
#createNotebookSettings { position: relative; width: 600px; margin: 0 auto; padding: 0; overflow: hidden; }
#createNotebookSettings fieldset { margin-bottom: 10px; border-bottom: 1px dotted #453d28; }
#createNotebookSettings button { float: right; margin: 0 0px 0 15px; }
#createNotebookSettings .notebookMessage { width: 420px; }
#createNotebookSettings input, #createNotebookSettings textarea { display: block; width: 410px; margin-bottom: 5px; }
#createNotebookSettings textarea { height: 135px; font-size: 12px; width: 410px; }
#createNotebookSettings .notebookMessage p { color: #000; font-size: 12px; font-weight: normal; }
#createNotebookSettings ul { margin: 10px 0; }
#createNotebookSettings ul li { padding-bottom: 15px; }
#createNotebookSettings ul li p { float: left; width: 110px; margin: 3px 0; padding: 0; }

/* VIEW NOTE 
--------------------------------------------------------------*/
#notebookViewNote h3 {margin: 15px 11px 0; padding: 0; /*border-bottom: 4px solid #ded7c2;*/ font-size: 18px; font-weight: bold; }
#notebookViewNote .threadContainer { margin-top: 15px; }
#notebookViewNote .threadHeader .postInfo { margin-left: 20px; }
#notebookViewNote .threadContent { width: 425px; }
#notebookViewNote .noteCommentBox .threadContent { border: none; }
#notebookViewNote .noteCommentBox textarea { width: 425px; height: 110px; }
#notebookViewNote .noteCommentBox fieldset { width: 570px; margin: 0 auto 10px; padding-bottom: 10px; border-bottom: 1px dotted #49412c; }
#notebookViewNote .noteCommentBox button { float: right; margin-right: 5px; }
#notebookViewNote .noteCommentBox .thread { padding-bottom: 10px; overflow: hidden; }
#notebookViewNote  input[type="text"],#notebookViewNote textarea  { width:539px; height:185px; margin-bottom:10px; 
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 0px;
}

.gateKeeper { clear: both; }
	.gateKeeper li { float:left; padding-right: 20px;}
	#notebookViewNote .gateKeeper li h3 { font-size:12px; margin-top: 0; }
	.gateKeeper li select { padding:0; }
	.highlightNoteBox .gateKeeper li h3, .pageNoteBox .gateKeeper li h3 { width:auto;  }
	
#notebookViewNote .createNoteShowMoreLink  {font-weight:bold; padding-right:19px; margin-left:423px; background-image: url(/images/bg_showHideMoreDetail.png); background-repeat:no-repeat;  display:inline-block;} 
	#notebookViewNote .showMore { background-position: 100% 4px;}
	#notebookViewNote .hideMore { background-position: 100% -16px;}
	#notebookViewNote .createNoteShowMoreLink .showLink span { display:inline; }
	#notebookViewNote .createNoteShowMoreLink .hideLink span { display:none; }
	
.extraDetailHiddenDiv { width:574px; }

/*	NOTES TABS
	---------------------------------------------------------------------------------- */
ul.noteTypes { position: relative; margin: 10px 0; padding: 0; overflow: hidden; }
	ul.noteTypes li { float: left; height: 45px; margin: 0 0 0 15px; padding: 8px 10px; background-color: #e5dec9; border: 1px solid #cdc5a8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 14px; font-weight: bold; overflow: hidden; }
	ul.noteTypes li.first { margin-left: 0px; }
	ul.noteTypes span.generalNote { display: block; width: 62px; height: 40px; padding: 2px 0 0 40px; background: url(/images/notebookCovers/bg_generalNote.png) 0 0 no-repeat; }
	ul.noteTypes span.bookNote { display: block; width: 62px; height: 44px; padding: 2px 0 0 40px; background: url(/images/notebookCovers/bg_bookNote.png) 0 0 no-repeat; }
	ul.noteTypes span.pageNote { display: block; width: 62px; height: 37px; padding: 5px 0 0 40px; background: url(/images/notebookCovers/bg_pageNote.png) 0 0 no-repeat; }
	ul.noteTypes span.highlightNote { display: block; width: 62px; height: 37px; padding: 5px 0 0 40px; background: url(/images/notebookCovers/bg_highlightNote.png) 0 0 no-repeat; }
	ul.noteTypes li.disabled { background-color: #f6f3e4; border: 0px; color: #b9b5a6; }
	ul.noteTypes li.selectable { background-color: #f6f3e4; border: 1px solid #F6F3E4; color: #b9b5a6; }
	ul.noteTypes li.disabled span.generalNote { background-position: 0 -42px; }
	ul.noteTypes li.disabled span.bookNote { background-position: 0 -47px; }
	ul.noteTypes li.disabled span.pageNote { background-position: 0 -41px; }
	ul.noteTypes li.disabled span.highlightNote { background-position: 0 -41px; }
	ul.noteTypes li a { color:#2b2518;}

.noteBox { margin: 10px 0 0; padding: 10px; overflow: hidden; }
	.noteBox h3 { margin: 0; padding: 0; border-bottom: 1px dotted #635e50; }
	#notebookViewNote .noteBox h3, 
	#notebookViewNote .bookNoteBox h3, 
	#notebookViewNote .highlightNoteBox h3,
	#notebookViewNote .pageNoteBox h3{ margin-top:10px; font-size:12px; border-bottom:none; clear:both !important; }
	.headerRule {  width:554px !important; }
	
	.noteBox p { font-size: 16px; }

.bookNoteBox { margin: 10px 0 0; padding: 10px; background: #fff; overflow: hidden; }
	.bookNoteBox .bookCoverImg { float: left; width: 44px; height: 66px; margin-right: 10px; }
	.bookNoteBox h3 { float: left; margin: 0; border-bottom: none; clear: none !important; }
	.bookNoteBox h4 { float: left; margin: 0; padding: 0; font-size: 14px; }
	.bookNoteBox h5 { padding: 10px 0 0; border-bottom: 1px dotted #635e50; clear: both; }
	.bookNoteBox p { font-size: 16px; clear:both; }

.pageNoteBox { margin: 10px 0 0; padding: 10px; overflow: hidden; }
	.pageNoteBox .bookCoverImg { float: left; width: 44px; height: 66px; margin-right: 10px; }
	.pageNoteBox h3 { margin: 0; width: 375px; margin: 0; border-bottom: none; overflow: hidden; clear: none !important; }
	.pageNoteBox h4 { float: left; margin: 0; width: 375px; margin: 0; padding: 0; font-size: 14px; }
	.pageNoteBox h5 { padding: 10px 0 0; border-bottom: 1px dotted #635e50; clear: both; }
	.pageNoteBox p { font-size: 16px; clear:both; }
	.pageNoteBox .pageNumber { float: right; width: 80px; padding: 0 !important; border-left: 1px dotted #635e50; }
	.pageNoteBox .pageNumber p { margin: 0 !important; padding: 10px; font-size: 18px; font-weight: bold; color: #e67e29;r}
	.pageNoteBox .pageNumber p span { margin: 0 !important; padding: 0; font-size: 36px; font-weight: bold; }
	
.highlightNoteBox { margin: 10px 0 0; padding: 10px; background: #fff; overflow: hidden; }
	.highlightNoteBox .bookCoverImg { float: left; width: 44px; height: 66px; margin-right: 10px; }
	.highlightNoteBox h3 { float: left; margin: 0; width: 375px; margin: 0; border-bottom: none; overflow: hidden; clear: none !important; }
	.highlightNoteBox h4 { float: left; margin: 0; width: 375px; margin: 0; padding: 0; font-size: 14px; }
	.highlightNoteBox h5 { margin-bottom: 10px; padding: 10px 0 0; border-bottom: 1px dotted #635e50; clear: both; }
	.highlightNoteBox p { font-size: 16px; clear:both; }
	.highlightNoteBox .pageNumber { float: right; width: 80px; padding: 0 !important; border-left: 1px dotted #635e50; }
	.highlightNoteBox .pageNumber p { margin: 0 !important; padding: 0 0 0 5px; font-size: 18px; font-weight: bold; color: #e67e29; }
	.highlightNoteBox .pageNumber p span { margin: 0 !important; padding: 0; font-size: 36px; font-weight: bold; }
	.highlightNoteBox p.highlight { background: #ccdfaf; font-family: Georgia; font-style: italic; }
	.highlightNoteBox p span.highlight { background: #ccdfaf; font-family: Georgia; font-style: italic; line-height:1.5; }



.noteInfo { float: left; width: 220px; margin: 10px 30px 10px 0; padding: 13px; }

ul.noteTagsCollections { margin-top: 15px; }
ul.noteTagsCollections li { display: inline; }

/*SAVE NOTE MODAL
--------------------------------------------------*/
#saveNoteCopy .added { float: left; margin: 0 10px 0 0; padding: 0; }
#saveNoteCopySettings { position: relative; width: 610px; margin: 15px auto 0; overflow: hidden; }
#saveNoteCopy h2 { margin: 0; padding: 0; border-bottom: none; font-size: 24px; }
#saveNoteCopy h3 { margin: 0; padding: 0; font-size: 18px; font-weight: normal; }
#saveNoteCopy fieldset { margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px dotted #443c27; }
#saveNoteCopy button { float: right; }
#saveNoteCopy hr { display: block; position: relative; height: 1px; }
#saveNoteCopy .addNoteBox { display: none; position: relative; float: left; width: 610px; margin-top: 15px; padding: 0 8px 15px; background: #fff; overflow: hidden; }
#saveNoteCopy .addNoteBoxContent { overflow: hidden; }
#saveNoteCopy .addNoteBoxContent h2 { float: left; margin: 0 !important; padding: 0 !important; font-size: 18px; line-height: 22px; }
#saveNoteCopy .addNoteBox h3 a { float: left; width: 550px; margin: 8px 0; color: #d24518; font-size: 15px; font-weight: bold; text-decoration: none; }
#saveNoteCopy .addNoteBoxContent menu { float: left; }
#saveNoteCopy .addNoteBoxContent menu a { text-decoration: none; }

/* COLLECTIONS
------------------------------------------------*/
.collectionPod { position:relative; background-color:#fff; overflow:hidden; margin:0 0 15px 0; clear:both; padding:20px 0 25px 10px; }
	.collectionCover, .collectionDetail, .collectionSettings  { display:inline; float:left; }
	.collectionCover { width:170px;}
	.collectionDetail { width:340px; min-height:95px;  border-right:1px dotted #504934;}
	.collectionDetail h4 {font-family: inherit;}
		.collectionBin h2 { width:575px; margin:0 0 5px 0; font-size:2em; color:32b2518; font-weight:bold; line-height:1.125; border:none; }
		.collectionDetail h4 { font-size:1.1675em; color:32b2518; font-weight:bold; border:none; }
		.collectionDetail .collectionDescription { padding-right:10px;  }
	.collectionSettings { width:175px; padding:0 0 0 20px; }
		.collectionSettings  ul { margin:0 0 0 0; border-top:1px dotted #2b2518;  }
		.collectionSettings  ul  li { padding:4px 0; border-bottom:1px dotted #2b2518;}
	
ul.notebookList { margin:20px 0 15px 0; clear:both; }
	ul.notebookList  li { border-top:2px solid #DCD5BF; padding:10px 0 15px 0;}
	ul.notebookList  li:first-child { border: 0; }
	ul.notebookList  .notebookWrapper { /*background: url(/images/bg_notebooksList.gif) repeat-y 0 0;*/ display:block; overflow:hidden; }
	
	.noteType, .coverArt, .notebookDescription, .notebookDetails { position:relative; display:inline; float:left;}
		.icoBookNote, .icoPageNote, .icoGeneralNote, .icoHiliteNote { background-position:0 3px; background-repeat:no-repeat;}
			.icoBookNote { background-image: url(/images/bg_ico_book-note.gif);}
			.icoPageNote { background-image: url(/images/bg_icon_page-note.gif);}
			.icoGeneralNote { background-image: url(/images/bg_icon_general-note.gif);}
			.icoHiliteNote { background-image: url(/images/bg_icon_hilite-note.gif);} 
			
	.notebookDetails button {height: 33px}
	.noteType { /*width:53px;*/ padding:0 20px;min-height: 30px;} 
		.noteType  span { font-weight:bold; color:#2b2518;}
		
	.coverArt { padding:0 0 5px 0; text-align:center; } 
		/*.coverArt img { border:1px solid #c8c1aa; }*/
		.coverArt .cover { margin-left: 20px; }
		.coverArt img { margin: 0 !important; padding: 0 !important; }
		.coverArt span { font-weight:bold; text-align:left !important; color:#2b2518;}
		
		.icoGeneralNote .artCover { word-wrap: break-word; }
	
	.notebookDescription { width:390px; padding:0 14px; border: 0; }
		.notebookDescription h3 { color:#2b2518; font-size:16px; font-weight:bold; }
		.notebookDescription h3  span.bookTitle { padding:0 8px 0 0;}
		.notebookDescription h3  span.author, 
		.notebookDescription h3  span.pageNum { background:url(/images/bg_notebookHdrDivider.gif) no-repeat 0 50%;}
		.notebookDescription h3  span.author { padding:0 8px; font-style:italic; }
		.notebookDescription h3  span.pageNum  { padding:0 0 0 8px; }
		
	 .notebookDetails { float:right; width:97px; padding:0; font-weight:bold; }
		.notebookDetails p { padding:5px;}
	 .bookExcerpt {font-family:Georgia, "Times New Roman", Times, serif; }
	 p span.hilitedNotes { background-color:#faef89;  color: black; }
	 .notebookDescription .category{color:gray;}

/* THREADED LIST
------------------------------------------------*/
.threadsListing ul.threadList li { float:left; width:720px; padding:10px 0; border-top:1px solid #3d3624;	}
	.threadsListing .notebookWrapper { float:left;}
	.threadsListing .noteType { display:none; float:left; background:blue;}
	.threadsListing .coverArt{ width:85px; float:left;}
	.threadsListing .notebookDescription { width:500px; float:left; padding:0; border-right: 1px dotted #504934; }
	.threadsListing .notebookDetails { width:111px; float:left;}
		.threadsListing .threadList .notebookWrapper .notebookDescription h3 { margin:0; font-size:20px; }

		.threadNoteListing h2 { margin:0 0 5px 0; font-size:24px; line-height:1.25; border:none;}
		.threadsListing .threadList .notebookWrapper .notebookDescription .author { display:block;  padding-bottom:15px; font-size:14px; font-weight:bold;}
		.threadsListing .threadNoteCount { display:block; font-size:18px; font-weight:bold; }

/*	CREATE A NOTE
	------------------------------------------*/
#choseTitleEdit  .datatable  {width:631px;}

	#choseTitleEdit .datatable .data  {width:630px; height:260px; overflow-x:hidden; }
	#choseTitleEdit .datatable .data table  {width:630px;}
	#choseTitleEdit .data table td { background:none;}		
	#choseTitleEdit .data table tr:hover { background-color:#ade0db;}	
	#choseTitleEdit .data table tr.selected { background-color:#ade0db;}
	#choseTitleEdit .butWrap { float:right; padding:10px; }	
	.odd { background-color:#f1f1f1; }
	
#spoilerWrap { clear:both; }
#spoilerWrap label, .noteBox .charCount, 
.bookNoteBox .charCount { font-size:12px;}

.titleSearch { margin-top:-8px; background-color:#AAA8A8;}
	.titleSearch h3 { color:#2b2518; font-size:18px; font-weight:bold; padding:10px 10px }

	#choseTitleEdit .titleSearch input[type="text"] { -moz-border-radius:3px 0 0 3px;background-color:#FFFFFF;border:medium none;font-size:13px;height:15px;padding:2px;width:110px;}
	#choseTitleEdit .titleSearch h3 .searchRight { float:right;}
	#choseTitleEdit  input[type="submit"] { -moz-border-radius-bottomright:3px;-moz-border-radius-topright:3px;background:url(/images/searchIcon.png) no-repeat scroll center center #FFFFFF;border:medium none;height:19px;margin:0;top:-3px;width:19px;}
	
#chooseTitleWrap { display:block; padding:0 0 10px 0; }	
	#chosenTitleWrap li { float:left;}
	#chosenTitleWrap li:nth-child(2) { width:440px; }
	#chosenTitleWrap img { float:left; padding: 0 10px 15px 0;}
	#chosenTitleWrap h2 { color:#5c533c; border:none; font-size:18px; line-height:1.25;} 
	#chosenTitleWrap li h3 {  font-size:14px; color:#5c533c;} 
	#chosenTitleWrap p a { font-size:12px; font-weight:bold;}
	
#notebookViewNote .datatable  { width:537px; }
#notebookViewNote .data table { width:517px; }
	
#deleteThisNoteModal h2 { padding:0 0 0 80px; margin:20px 0 0 0; color:#2b2517; border:none medium; line-height:1.5; background: url(/images/deletedIcon.png) no-repeat 25px 10px ;}	
	#deleteThisNoteModal h2 span { display:block;  font-size:16px; font-weight:normal; }
	#deleteThisNoteModal .buttonBin { width:530px; border-top: 1px dotted #48422a; margin:15px 0 0 25px; padding:10px 25px; }
	#deleteThisNoteModal .buttonBin ul { float: right; }
	#deleteThisNoteModal .buttonBin li { float:left;}
	

.extraDetailHiddenDiv h3 { font-size:14px; font-weight:bold}	
	
/*	INITIAL PAGE
	------------------------------------------*/
	
#notebook .pods {    }
	.podleft { width: 360px; display: block; float: left;  }
	.podright { width: 360px; display: block; float: right; text-align:left;  }
	.pod { background-color: #ffffff; padding: 10px; height: 253px;  }
	.pod span {color: #9B9A98; font-size: 14px; font-weight: bold; line-height: 15px; }
	.pods h4 { font-size: 27px; line-height: 25px; color: #5A5A5A; }
	
#pod_createANoteACollection { background: url(/images/bg_pod_createANote.png) no-repeat; height: 210px; margin-top: 20px;}
	#pod_createANoteACollection #left { margin-left: 120px; margin-top: 20px; float: left; display: block; width: 180px; }
	#pod_createANoteACollection #right { float: right; margin-top: 20px;  display: block; width: 182px; }
	#pod_createANoteACollection .header { position: relative; left: -100px; font-size: 25px; font-weight: bold; white-space: nowrap; color: #5A5A5A;}
	#pod_createANoteACollection #right .header { left: -75px; }
	#pod_createANoteACollection .copy { font-size: 14.3px; font-weight: bold; color: #9B9A98; }
	#pod_createANoteACollection button { position: relative; margin-top: 30px; width: 150px; }
	#pod_createANoteACollection #right button { margin-top: 15px; margin-left: -15px; width:170px;}
#notebook .listTab > div > .noResultsBin { background-image:none; border-top:1px solid black; display:block; margin:0 0 100px; padding:0; width:100%; }

#notebook h3.commNotes { color:#2B2518; }
#notebook .totalResults[data-count=0] { color: #ba202a; }


/* about.css */
 

#copyright .oneCol_desktop, #privacy .oneCol_desktop,#terms .oneCol_desktop { padding:10px; }
#copyright #content .group h2, #privacy #content .group h2,#terms #content .group h2 { display:block; margin-bottom:15px; }
#support #content .group h2 {  border:medium none; margin-top:15px; line-height:.9; width:635px; font-size:54px; letter-spacing:-2px;}

#copyright #content .group h4, #privacy #content .group h4,#terms #content .group h4 { color:#2B2518; }
#copyright #content .group h5, #privacy #content .group h5,#terms #content .group h5 { margin-bottom:12px; }
#copyright #content .group ol, #privacy #content .group ul,#terms #content .group ol { margin:0 32px 10px 50px; }
#copyright #content .group li, #privacy #content .group li,#terms #content .group li { padding:5px; }
#privacy #content .group ul li { list-style:disc; }
#copyright #content .group ol li,#terms #content .group ol li { list-style:lower-alpha; }
#terms #content {list-style:lower-alpha inside;} 
address { margin-bottom:10px; }


#support #content .group p {color:#BDB69A;font-size:23px;font-weight:bold;line-height:1;margin:20px 0 0; }
#support #content .group p.mailtoUrl { margin-top:0;}



#content #copiaFaqLists .support-faqs {list-style-type: none;}
#content .faq-row { width:710px; display:block; float:left; }
      #content .faq-row a { display:block; float:right; font-size:18px; }

      #copiaFaqLists .faq-row ul { width:768px; display:none; }
#content #copiaFaqLists .faq-row h2 { border-bottom:1px dotted #504934; font-size:25px; padding-bottom:15px; width:auto;}
#content #copiaFaqLists li.active h2 { border-bottom-width:0; }
      #content #copiaFaqLists .faq-row h2 span { color:#d54615; }
      
      .faqQuestion, .faqAnswer { float: left; border-top:1px dotted #504934;}
      #content #copiaFaqLists.faqQuestion p, 
      #content #copiaFaqLists .faqAnswer p { color:#000;}
      .faqQuestion { width:230px; padding-right: 10px; clear:left;}
      .faqAnswer { width:455px;  padding-left: 15px; height:100px;}
            #content #copiaFaqLists .faqQuestion p { font-size:18px; color:#000;}
            #content #copiaFaqLists .faqAnswer p { font-size:13px; font-weight:normal; color:#000;}
            

/* new auth */
.featuredCommList li { float: left; padding-top: 6px; margin: 5px 0; width: 231px; font-size: 10pt;}
.featuredCommList li.break { clear: right; }
.featuredCommList li img { float: left; margin: 0 10px 30px; 0; }
.featuredCommList li > div { float: left; width: 150px; }
.featuredCommList li .membersCount { color: #7C7560; }
aside .featuredCommList li > div { width: 100px; }
aside .featuredCommList li img { margin-bottom: 5px; max-width: 37px;}


body.page-community .slider { width: 716px; }

body.page-community .communityBanner {height: 448px; padding: 20px 10px 10px; background: url(/images/community-banner-bgAuth.png) no-repeat 350px 40px  }
body.page-community .communityBanner h2 {margin-top: 163px;line-height: 41px; color: white; font: normal 40px Dine;}
body.page-community .communityBanner p { font-size: 19px; color: #fff;}
body.page-community .communityBanner .communityBannerText {margin:0 auto; width: 294px;}
body.page-community .communityBanner .communityTextWrapper {width: 340px;}
body.page-community .communityBanner ul { margin: 10px 0 0 30px; }
body.page-community .communityBanner ul li a { color: #CE4726; font-weight: bold; font-size: 16pt; text-decoration: none; }

body.page-community .communityBannerAbfas { width: 920px; height: 280px; padding: 20px 10px 10px; background: url(/images/CommunityBanner-LogIn.png) no-repeat bottom right; }
#community .communityBannerAbfas { margin-left: -205px; }
body.page-community .communityBannerAbfas h2 { font-weight: bold; font-size: 28pt; }
body.page-community .communityBannerAbfas h3 { width: 300px; margin: 70px 0 0; font-weight: bold; color: #5E5E5E; font-size: 18pt; }
#community .communityBannerAbfas h3 { margin-top: 30px; }
body.page-community .communityBannerAbfas ul { margin: 10px 0 0 30px; }
body.page-community .communityBannerAbfas ul li a { color: #CE4726; font-weight: bold; font-size: 16pt; text-decoration: none; }

body.page-community .communityBannerVerizon {height: 472px; padding: 20px 10px 10px; background: url(/images/community-banner-bgVerizon.png) no-repeat 0px 0px  }
body.page-community .communityBannerVerizon h2 {margin-top: 163px;line-height: 41px; color: white; font: normal 40px Dine;}
body.page-community .communityBannerVerizon p { font-size: 19px; color: #fff;}
body.page-community .communityBannerVerizon .communityBannerText {margin:0 auto; width: 294px;}
body.page-community .communityBannerVerizon .communityTextWrapper {width: 340px;}
body.page-community .communityBannerVerizon ul { margin: 10px 0 0 30px; }
body.page-community .communityBannerVerizon ul li a { color: #CE4726; font-weight: bold; font-size: 16pt; text-decoration: none; }


ol.noMarkers {list-style-type: none;}

/* TOUR PAGE */

body.page-tour aside {
    display: none;
}
body.page-tour #content {
    width: auto;
    float: none;
    padding: 0;
}
	body.page-tour .player {
		background: #000;
		text-align: center;
	}
	body.page-tour .player iframe {
		margin: 0 auto;
	}
/* ELI SKLAR AUG 23rd 2012 */




/* textbooks.css */





body.page-textbooks .textbooksBanner 
{ 
	width: 920px; 
	height: 280px; 
	padding: 20px 10px 10px 10px; 
	margin-bottom: 10px;
	float: right;
	background: url(/images/textbooks-banner-bg.png) no-repeat 45px bottom; 
}

body.page-textbooks.unauth .textbooksBanner
{
	float: none;
}


body.page-textbooks .textbooksBanner h2,
body.page-textbooks .textbooksBanner h3 
{ 
	font-weight: bold; 
	font-size: 26pt; 
}

body.page-textbooks .textbooksBanner h3
{
  width: 50%;
  padding-left: 50%;
}

body.page-textbooks .textbooksBanner h4 
{
	width: 50%;
	padding-left: 50%;
  	font-weight: bold; 
	color: #5E5E5E; 
	font-size: 12pt;
	margin-top: 10px;
}

#textbooks #findAndBuyEBooks
{
	width: 669px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	padding-top: 10px;
}

body.page-textbooks aside
{
	padding-top: 325px;
	width: 200px;
}

.newTag {
	color: red;
	font-size: 60%;
	position: relative;
	top: -5px;
}

/* applications.css */


/*/////////////*/
/* Banner Tabs */
/*/////////////*/

body.page-apps aside {
    display: none;
}
body.page-apps#applications div#content,
#horizonterms #content {
    width: auto;
    float: none;
    padding: 0;
    margin: 0;
}
#applications #content{
	min-height: 0;
} 
#applications #page::after{
	left: 0;
	right: 0;
	width: auto;
}
#applications #content::before{
	visibility: hidden;
}
#applications .bannertabs .contentContainers{
	border-bottom: none;
	height: 504px;
}
#applications .bannertabs .contentContainers .tab {
    height: 502px;
}
#applications .bannertabs .contentContainers .tab .image{
   max-height: 502px;
}

body .appsContent, body .appsContent * {   
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

body.page-apps #page #content .appsContent {
    float: none;
    margin: 12px 0 0;
    padding: 0 0 20px;
}
    body.page-apps #page #content .appsContent .col {
        vertical-align: top;
        display: inline-block;
        height: 340px;
        width: 298px;
        margin: 0 10px;
        padding: 0;
    
        background: #E3E1E1;
        border: none;
        border-top: 2px solid #C9C7C7;
        position: relative;
        overflow: hidden;
    }
    
    body.page-apps #page #content .appsContent .col.desktop {
        background-position: left 70px;
    }
    body.page-apps #page #content .appsContent .col.android {
        background-position: -327px 70px;
    }
    body.page-apps #page #content .appsContent .col.ipad {
        background-position: -652px 70px;
    }
        body.page-apps #page #content .appsContent .col h3 {
           font: normal 26px Dine;
			letter-spacing: 0px;
			color: rgba(0, 0, 0, 0.9);
			padding: 8px 0 0 20px;
        }
        body.page-apps #page #content .appsContent .col img {
            display: block;
            margin: 0 auto;
        }
        body.page-apps #page #content .appsContent .col .actions {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 57px;
            text-align: center;
            vertical-align: middle;
        }

/* giftcard.css */
 


#cart .giftFormat h3{
	font-weight: bold;
}
#cart .giftFormat .description{
	font-size: 13pt;
	color: black;
	padding: 0 0 10px 0;
} 
#cart .giftFormat #giftImage{
	width: 210px;
	float: left;
}

#cart .giftFormat #giftImage .cover{
	display: block;
	margin: 0 auto;
}

#cart .giftFormat #giftOptions{
	width: 500px; 
	float: left; 
}

	#cart .giftFormat #giftOptions .amt,
	#cart .giftFormat #giftOptions .otherAmt.show {
		display:inline-block;
		vertical-align: bottom;
		padding-bottom: 0;
	}
		#cart .giftFormat #giftOptions .amt .fieldWrapper {
			display: inline-block;
			width: auto;
			float: none;
			margin-left: 8px;
		}
	#cart .giftFormat #giftOptions .otherAmt {
		display: none;
		position: relative;
		top: -2px;
	}
		#cart .giftFormat #giftOptions .otherAmt * {
			vertical-align: super;
			display: inline-block;
			float: none;
		}
		#cart .giftFormat #giftOptions .otherAmt label {
			margin: 0 15px;
			font-weight: normal;
			width: auto;
			vertical-align: top;
		}
		#cart .giftFormat #giftOptions .otherAmt .cur {
			font-size: 17px;
		}
		#cart .giftFormat #giftOptions .otherAmt input {
			width: 50px;
			font-size: 12px;
		}
		#cart .giftFormat #giftOptions .otherAmt .validationIcon {
			vertical-align: bottom;
		}
			
#cart .giftFormat .dottedLine,
#cart .giftCardItem .dottedLine{
	width: 720px; 
	padding-top: 10px;
	margin-bottom: 10px;
}

#cart .giftCardItem .dottedLine{
	width: 710px;
}

#cart .giftFormat .giftComment{
	font-size: 8pt;
	color: gray;
	padding: 0 0 10px 20px;
}

#cart .giftFormat .giftBookTitle{
	text-align: center;
	font-size: 8pt;
	color: black;
	padding: 5px 50px;
}

#cart .giftFormat #giftForm{
	width: 100%;
}
#cart .giftFormat #giftForm li{
	clear: both;
	padding: 0 0 35px 0;
}
#cart .giftFormat #giftForm li label {
	float: left;
	font-size: 16px;
	font-weight: bold;
	width: 140px;
	position: relative;
	top: 5px;
}

#cart .giftFormat #giftForm li .fieldWrapper{
	float: right;
	width: 320px;
	margin-left: 0;
}

#cart .giftFormat #giftForm li .fieldWrapper.format{
	position: relative;
	left: -13px;
}

#cart .giftFormat #giftForm li .fieldWrapper.singleFormat{
	margin-right: -10px;
	color: black;
	font-size: 10pt;
}
#cart .giftFormat #giftForm li .bookGiftFormat {
	padding-bottom: 6px;
}
#cart .giftFormat #giftForm li .bookGiftFormat input {
	width: auto;
	position: relative;
	top: -3px;
}

#cart .giftFormat #giftForm li .bookGiftFormat span {
	color: black;
}

#cart .giftFormat #giftForm li .bookGiftFormat span.price {
	float:right;
	padding-right: 70px;
}

#cart .giftFormat #giftForm li .fieldWrapper input,
#cart .giftFormat #giftForm li .fieldWrapper textarea{
	width: 220px;
	padding: 2px;
	font-size: 16px;
}

#cart .giftFormat #giftForm li .fieldWrapper select{
	padding: 0;
	margin: 0;
	font-size: 16px;
}

#cart .giftFormat #giftForm .validationIcon{
	margin: -5px 0 0 0;
}


#cart .giftCardItem{
	width: 720px;
	padding-top: 20px;
}

#cart .giftCardItem .giftCardTitle{
	width: 710px;
	height: 22px;
	padding: 5px 0 5px 10px;
	background: #E2E0E0;
}

#cart .giftCardItem .giftCardTitle h4{
	float: left;
	margin: 0;
}

#cart .giftCardItem .giftCardTitle a{
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 0 20px;
}

#cart .giftCardItem .giftcardDetails{
	clear: both;
	margin: 10px 0 0 10px;
	padding-bottom: 10px;
}

#cart .giftCardItem .giftcardDetails ol{
	list-style: none;
	width: 300px;
	float: left;
	margin: 0 60px 0 0;
	
}

#cart .giftCardItem .giftcardDetails li{
	border-top: 1px dotted;
	padding-top: 5px;
}
#cart .giftCardItem .giftcardDetails li label{
	font-size: 12pt;
	color: #362f2d;
}
#cart .giftCardItem .giftcardDetails li span{
	float: right;
	font-size: 10pt;
	color: #736357;
}

#cart .giftCardIsBought{
	color: black;
	text-align: left;
	font-size: 12pt;
}
#cart .giftCardIsBought a{
	color: black;
	text-decoration: underline;
}

#cart .giftCardIsBought .cardNumber{
	line-height: 17pt;
	font-size: 12pt;
	font-weight: bold;
}

#cart #copiaBalance{ margin-left: 35px;}
#cart #redeemGiftCard {border-top: 1px solid #8E847A; padding-top: 20px;margin-top: 15px;}

#account #redeemGC .gcStatus {display:none;font-size: 15px;font-weight: 700;}
#account #redeemGC .gcStatus img { vertical-align: middle; }
#account #redeemGC .borderedContentWrapper, #cart #redeemGiftCard .borderedContentWrapper {font-size:17px;background-color: #FAF8F1;border: 1px solid #e2bf9a; padding: 6px; border-radius:4px;}

#redeemStatus_bad,
#redeemStatus_spent{
	font-size: 15px;
	display: block;
	background: url(/images/newv/images/xSign.png) no-repeat;
	height: 24px;
	padding: 10px 0 0 35px;
	color: #B22;
}




/* motorola.css */ 




.motorola {
	margin-left: 20px;
}

.motorola #pageTitle{
	font-size: 30px;
	font-weight: bold;
	margin-top: 20px;
	color: #393326;
}

.motorola #banner{
	width: 900px;
	height: 222px;
	margin: 10px 0 20px 0;
	background: url('/images/saleBanner.jpg') no-repeat 0 100%;
}

.motorola #bannerImage{
	float: left;
	background: url('/images/motorola.png') no-repeat 0 4px;
	height: 220px;
	width: 370px;
}


.motorola #bannerTxt{
	font-size: 16px;
	font-weight: bold;
	color: #5B523C;
}

.motorola #bannerTxt h3{
	font-size: 30px;
	font-weight: bold;
}

.motorola #mainContent{
}

.motorola #mainContent p {
	font-weight: bold;
	color: #5B523C;
	font-size: 13px;
	line-height: 18px;
	width: 650px;
	margin-top: 10px;
	margin-left: 1px;
}

.motorola #mainContent .subTitle{
	height: 27px;
	background: #DED7C1;
	color: #2B2518;
	padding: 7px 10px 7px 20px;
	font-size: 18px;
	font-weight: bold;
}


.motorola #mainContent .bookList li {
	clear: both;

}

.motorola #mainContent .bookList .column {
	margin:10px 10px 30px 0;
	float:left;
}

.motorola #mainContent .bookList .pTitle {
	font-size: 18px;
	color: #1F1D11;
}

.motorola #mainContent .bookList .pAuthor {
	display: block;
	color: #EE6902;
	font-size: 13px;
}

.motorola #mainContent .bookList .pDescrip {
	width: 560px;
	text-align: justify;
}
.unauth .motorola #mainContent .bookList .pDescrip {
	width: 590px;
}