/*Section: Breadcrumb styles ---------------------------------------*/
/*IN 2010 THE BACKGROUND COLOR WAS REMOVED AND THE FONT CHANGED TO THE BACKGROUND COLOR*/

#breadcrumb { /*set breadcrumb background color*/
		/*background-color:#855D7C;*/
		/*BREADCRUMB BORDER DEFINED IN style.css*/
}

.breadcrumb p{
	color:#40C1BC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:1px 3px 1px 3px;
}

.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover, .breadcrumb a:active {
	color:#40C1BC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	text-decoration:none;
}

.breadcrumb a:hover, .breadcrumb a:active {
	text-decoration:underline;
}	

/*END BREADCRUMB STYLES ----------------------------------------------- */

.toptablebar { /*set top table row background color*/
	background-color:#855D7C;
	font-weight: bold;
	color:#ffffff;
}
.toptablebar a:link, .toptablebar a:visited, .toptablebar a:hover {
	color:#ffffff;
}

/* Section: Sidebar Layout --------------------------------------------*/
/*IN SEPTEMBER 2010 THE RIGHT SIDEBAR BOXES DROPPED THE ROUNDED EDGE IMAGES AND WENT WITH SQUARE BOXES USING HEXADECIMAL BACKGROUND COLORS; ALSO THE BULLET IS NOW DEFINED GLOBALLY IN style.css */

div.sidebar-top { /* top part of sidebar header with curved edge
	background-image:url(/images/sidebar-top-books.jpg);
	background-repeat:no-repeat;*/
	background-color:#41C0B7;
	font-size:9px;
	line-height:9px;
}

div.sidebar-header { /* sidebar header text area*/
	/*background-image:url(/images/sidebar-header-books.jpg);
	background-repeat:repeat-y;*/
	background-color:#41C0B7;
}

div.sidebar-links { /* sidebar links tinted text area*/
	/*background-image:url(/images/sidebar-tint-books.jpg);
	background-repeat:repeat-y;*/
	background-color:#CBE9E9;
}

div.sidebar-btm { /* bottom part of sidebar links tinted text area with curved edge*/
	/*background-image:url(/images/sidebar-btm-books.jpg);
	background-repeat:no-repeat;*/
	background-color:#CBE9E9;
	margin-bottom:10px;
}
	

/* End Section: Sidebar Layout ----------------------------------------*/


/* Section: RSS Feed styles and layout--------------------------------------------*/
/* This makes the header text white */
h2.RSSfeed	{
	font-weight: bold;
	color: #ffffff;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:none;
	padding:0in 0in 1.0pt 0in;
	margin-bottom:5.0pt;
	}
	


/* white for the feed link*/
a.RSSfeed:link	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#ffffff; 
		text-decoration:none;
		font-weight: bold;
		}
		
/* raspberry */
a.RSSfeed:visited	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#ffffff;
		text-decoration:none;
		font-weight: bold;
		}
		
/* orange and underlined for the hover */
a.RSSfeed:hover	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#DC4D00;
		text-decoration:underline;
		font-weight: bold;
		}
		
/* book purple and underlined for the active */
a.RSSfeed:active	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#DC4D00;
		text-decoration:underline;
		font-weight: bold;
		}
		
/* this section is for the individual article titles */
div.RSSsidebar-links { 
	/*background-image:url(/images/sidebar-tint-books.jpg);
	background-repeat:repeat-y;*/
	background-color:#CBE9E9;
	padding:5px;
}

/* this section is for the individual article titles */
.RSSlink	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#330099;
		font-weight: normal;
		font-size:	90%;
		}
		
/* slate blue*/
a.RSSlink:link	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#336699;
		text-decoration:none;
		font-size:	90%;
		}
		
/* purple */
a.RSSlink:visited	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#855D7C;
		text-decoration:none;
		font-size:	90%;
		}
		
a.RSSlink:hover, a.RSSlink:active	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#DC4D00;
		text-decoration:underline;
		font-size:	90%;
		}


/* to make the pubDate more subtle */
.pubDate	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size:	80%;
		color: 	#666666;
		}
		
.RSSdoc_description {
	margin-top:0pt;
	margin-bottom:2pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:	80%;
	color:#666666;
	}


.RSSitemtitle	{
	margin-top:5.0pt;
	margin-bottom:2pt;
	}
		
.RSSitemdescription {
	margin-top:0pt;
	margin-bottom:5.0pt;
	}
	
	
/* WHITE RSS FEED BOX  -------------------------------------- */
div.whiteRSS {
	margin:0;
	margin-bottom:10px;
	padding:0;
	/*float:right; */
	width:146px;
	
}

DIV.whiteRSS-top {
	clear:both;
	/*background-image:url(/books/images/sidebarsearch-top.jpg);
	background-repeat:no-repeat;*/
	width:151px;
	height:13px;
	border-style:solid solid none solid;
	border-width:thin;
	border-color:#41C0B7;
	background-color:#CBE9E9;
}

DIV.whiteRSS-middle {
	/*background-image:url(/books/images/sidebarsearch-middle.jpg);
	background-repeat:y;*/
	width:151px;
	border-style:none solid none solid;
	border-width:thin;
	border-color:#41C0B7;
}

DIV.whiteRSS-text	{
	padding-left:10px;
	padding-right:10px;
	/*font-family:arial;
	font-size:90%;
	font-weight:bold;*/
}

h2.whiteRSS {
	font-size:100%;
	font-weight:bold;
	margin-top:0px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:5px;
	color:#778A54;
	background-color:#CBE9E9;
}

DIV.whiteRSS-bottom {
	/*background-image:url(/books/images/sidebarsearch-bottom.jpg);*/
	border-style:none solid solid solid;
	border-width:thin;
	border-color:#41C0B7;
	width:151px;
	height:11px;
}

/*END WHITE BACKGROUND SIDEBAR RSS */

/* Begin full half column RSS Layout */
/* THIS IS NECESSARY FOR FIREFOX TO UNDERSTAND THAT THERE ARE TWO COLUMNS */
#RSS-columns {
	float:left;
	margin-left:10px;
	padding:0;
	width:100%;
} 

/*left column for 1 column of links. This was based on topics-columns in style-research.css */
#leftcolumnRSS { 
  width:330px;
  float:left;
/*	background-image:url(/research/images/topics-dashedline-vert.jpg);
	background-position:right;
	background-repeat:repeat-y;	 */
	border-right: thin #cccccc dashed;
	padding:0px 10px 0px 0px;
}


#rightcolumnRSS { /*right column for RSS Display*/
   width:240px;
   float:right;
	 margin-left:10px;
/* border: solid thin; */
}

/* rounded dark turquoise top for title pane */
div.RSS-column-top {
	/*background-image:url(/books/images/RSS-top.jpg);
	background-repeat:no-repeat;*/
	border-style:solid solid none solid;
	border-width:thin;
	border-color:#41C0B7;
	background-color:#41C0B7;
	width:240px;
	height:5px;
	margin-top:0px;
	margin-right:0px;
	padding:0;
}

/*this is the dark tuquoise background for the title */
div.RSS-column-header	{
	/*background-image:url(/books/images/RSS-header.jpg);
	background-repeat:repeat-y;*/
	background-color:#41C0B7;
	border-style:solid solid none solid;
	border-width:thin;
	border-color:#41C0B7;
	margin-top:0px;
	padding-top:0px;
	width:240px;
}

.RSS-column-header h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	padding-bottom:10px;
	padding-left:20px;
	padding-top:0px;
	margin-top:5px;
	margin-bottom:0px;
}

div.RSS-column-background { /*white background with tuquose border for RSS display*/
	/*background-image:url(/books/images/RSS-mid.jpg);
	background-repeat:repeat-y;*/
	border-style:none solid none solid;
	border-width:thin;
	border-color:#41C0B7;
	float:left;
	width:230px;
	margin-top:0px;
	padding:5px;
	
}
div.RSS-column-btm { /* bottom part of sidebar tinted text area with curved edge*/
	/*background-image:url(/books/images/RSS-btm.jpg);
	background-repeat:no-repeat;*/
	border-style:none solid solid solid;
	border-width:thin;
	border-color:#41C0B7;
	float:left;
	width:240px;
	height:12px;
	margin:0;
	padding:0;
}


.RRSEventList	{
	margin-top:5.0pt;
	margin-bottom:2pt;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: 	#000000;
	text-decoration:none;
	font-size:	95%;
}

.RSSEventlink	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size:	95%;
		}
		
/* slate blue*/
a.RSSEventLink:link, a.RSSEventLink:visited	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color: 	#336699;
		text-decoration:none;
		font-size:	95%;
		}
		
	
a.RSSEventLink:hover, a.RSSEventLink:active	{
		font-family : Verdana, Arial, Helvetica, sans-serif;
		color:brown;
		text-decoration:underline;
		font-size:	95%;
		}
		

/* to make the Event Date more subtle */
.RSSEventDate	{
	margin-top:2.0pt;
	margin-bottom:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:	90%;
	color: 	#666666;
}


/*left column for 1 column of links. with no vertical line */
#leftcolumnRSSbk { 
  width:340px;
  float:left;
/*	background-image:url(/research/images/topics-dashedline-vert.jpg);
	background-position:right;
	background-repeat:repeat-y;	
	border-right: thin #cccccc dashed; */
	padding:0px 10px 0px 0px;
}

/* End Section: RSS Layout and styles ----------------------------------------*/

/* THESE TOPICS-RESOURCE STYLES FROM /RESEARCH ARE USED FOR THE BLOG PAGE WITH THE RSS FEED */
#topics-resourcelist { /*section at top of page where lists of resources are listed*/
	float:left;
	margin-left:10px;
	width:95%;
}

#topics-resourcelist-left { 
	float:left;
	margin-left:10px;
	width:45%;
}

#topics-resourcelist-right { 
	float:left;
	margin-left:20px;
	width:45%;
}

#topics-columns {
	float:left;
	margin-left:10px;
	padding:0;
	width:95%;
	background-image:url(/research/images/topics-dashedline-vert.jpg);
	background-position:center;
	background-repeat:repeat-y;	
} 
  
#topics-leftcolumn { 
	float:left;
	width:45%;
}

#topics-rightcolumn {
	float:right;
	width:45%;
}

.topics-resource { /*container class for each resource item on a topics page*/
	clear:both;
}
/* End Section: RSS Layout and styles ----------------------------------------*/


.booklist-hr { /*purple horizontal rule that separates books*/
	background-image:url(/books/images/booklist-hr.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
	margin:5px 10px 0 0;
	height:15px;
	clear:both;
}
/* end of book list section */


/* EMAIL NEWSLETTER SIGNUP BOX FOR THE SIDE MENU */

DIV.sidebarsignup	{
	clear:both;
	width:146px;
	border-style:solid;
	border-width:1px;
	border-color:#009999;
	margin:10px 0 10px 0;
}

h2.sidebarsignup{
	font-size:110%;
	font-weight:bold;
	margin-top:0px;
	margin-left:10px;
	color:#009999;
}

DIV.sidebarsignup-text	{
	padding-left:10px;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-size:90%;
	font-weight:bold;
	color:#009999;
}

.sidebarsignup-submit	{ /*styles for the submit button */
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#009999;
	background-color:#ffffff; 
	font-size:10px;
	margin-top:5px;
	margin-left:33px;
	margin-bottom:10px;
	border:1px solid #006666;
}

/*
DIV.sidebarsignup-top {
	clear:both;
	background-image:url(/books/images/sidebarsignup-top.jpg);
	background-repeat:no-repeat;
	width:151px;
	height:13px;
}

DIV.sidebarsignup-middle {
	background-image:url(/books/images/sidebarsignup-middle.jpg);
	background-repeat:y;
	width:151px;
}

DIV.sidebarsignup-bottom {
	background-image:url(/books/images/sidebarsignup-bottom.jpg);
	width:151px;
	height:11px;
	margin-bottom:10px;
}
*/
div.eclp-icon {
	width:90%;
	text-align:center;
	margin:5px 0;
}

/* END EMAIL NEWSLETTER SIGNUP BOX ------------- */

/* --------- Booklog styles -------------------*/

.booklog fieldset{border:none;}
fieldset.noborder {border:none;}

/* Booklog buttons ----------------*/
#booklog_print_btn {
	clear:both;
	float:right;
} #booklog_add_btn {
	float:left;
	font-size:120%;
	font-weight:bold;
	margin:7px 0 0 0;
}

/* End booklog buttons ------------*/

/* Navigation ---------------------*/
#booklog_nav { 
	padding-top:5px; 
	color: white; 
	background-color: #855D7C; 
	height:20px; 
	width:576px; 
	text-align:right;
} #booklog_nav a:link, #booklog_nav a:active, #booklog_nav a:hover, #booklog_nav a:visited { 
	padding:0 7px;
	color: white; 
	text-decoration:none; 
	font-size:12px; 
	font-weight: bold;
} #booklog_toolbar {
	clear:both;
	float:right;
	margin:0;
	padding:3px;
	font-size:90%;
	background-color:#f9f0f5;
} 
/* End Navigation ------------------*/

/* Login Box FOR THE BOOKLOG-----------------------*/
div.formbox, div.formbox-top, div.formbox-header, div.formbox-content, div.formbox-btm {
	float:left;
	width:576px;
} 

div.formbox {
	float:left;
	margin:20px;
} 

div.formbox-top { /* top part of sidebar header with curved edge*/
	/*background-image:url(/books/booklog/images/formbox-top-books.jpg);
	background-repeat:no-repeat;*/
	background-color:#40C1BC;
	height:12px;
} 

div.formbox-header { /* header text area*/
	/*background-image:url(/books/booklog/images/formbox-header-books.jpg);
	background-repeat:repeat-y;*/
	background-color:#40C1BC;
	height:24px;
} 

div.formbox-content { /* tinted text area*/
	/*background-image:url(/books/booklog/images/formbox-tint-books.jpg);
	background-repeat:repeat-y;*/
	background-color:#CBE9E9;
} 
div.formbox-form {
	float:left;
	margin:15px 10px 10px 15px;
	width:275px;
} 
div.formbox-links {
	float:left;
	margin:15px 0 10px 10px;
	width:240px;
} 

div.formbox-btm { /* bottom part of tinted text area with curved edge*/
	/*background-image:url(/books/booklog/images/formbox-btm-books.jpg);
	background-repeat:no-repeat;*/
	background-color:#CBE9E9;
	height:12px;
} 
div.formbox p {
	margin:10px 0;
} 
div.formbox label {
	float:left;
	width:80px;
} 
div.formbox p.submit {
	margin:20px 0 0 120px;
} 
div.formbox ul {
	margin:15px 0 15px 0;
} 
div.formbox li {
	margin:6px 0;
} 
div.formbox h2 {
	display:inline;
	color:#FFFFFF;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	font-weight:bold;
	margin:0pt 0pt 0pt 10px;
	padding:0pt 0pt 5px;
}
/* End Login Box -------------------*/

/* Booklog Table -------------------*/
#booklog {
} #booklog th, #booklog td {
	padding:3px;
} #booklog th {
	font-weight:bold;
	padding:3px 0 3px 25px;
	background-color:#c094ae;
} #booklog th.title, booklog td.title {
	width: 155px;
} #booklog th.author, booklog td.author {
	width: 125px;
} #booklog th.rating, booklog td.rating {
	width: 105px;
} #booklog th.date, booklog td.date  {
	width: 60px;
} #booklog th.edit, booklog td.edit {
	width: 20px;
	text-align:center;
} #booklog th.delete, #booklog td.delete {
	width: 50px;
	text-align:center;
} #booklog th.sorting {
	background-image:none;
} #booklog th.sorting_asc {
	background-image:url(/summer/adults/images/sort_asc.png);
	background-repeat:no-repeat;
} #booklog th.sorting_desc {
	background-image:url(/summer/adults/images/sort_desc.png);
	background-repeat:no-repeat;	
} #booklog th.delete {
	background-image:none;
} #booklog .odd {
	background-color:#f9f0f5;
} #booklog_info {
	font-size:90%;
	float:left;
	margin:10px 0 25px 0;   
} #booklog_wrapper .dataTables_paginate {
	font-size:90%;
	margin:10px 15px 10px 0;
	float:right;
} #booklog_wrapper .dataTables_paginate span {
	margin:0 3px;
} #booklog_wrapper .dataTables_paginate .paginate_active {
	font-weight:bold;
} #booklog_wrapper .dataTables_paginate  .first, 
  #booklog_wrapper .dataTables_paginate .last {
	display:none;
}
/* End Booklog Table ---------------*/

/* Booklog Forms -------------------*/
#AddBookForm fieldset, #EditBookForm fieldset {
	margin-left:15px;
}
#DeleteBookForm{
	text-align:center;
	width:570px;
	margin:30px 0 20px 0;
} #DeleteBookForm fieldset {
	border:none;
}

.booklog_form p {
	clear:both;
	float:left;
	margin:10px 0;
} .booklog_form p.pgsmall {
	margin:0 0 0 85px;
} .booklog_form input, .booklog_form input.error, .booklog_form textarea{
	float:left;
} .booklog_form label {
	float:left;
	width:85px;
	text-align:left;
	margin-right:7px;
} .booklog_form .error {
	margin:0;padding:0;
} .booklog_form label.error {
	float:left;
	font-size:90%;
	width:150px;
	margin:0 0 0 5px;
	color:#FF0000;
	text-align:left;
} .booklog_form .submit {
	margin:10px 0 10px 170px;
	clear:both;
	float:left;
} .booklog_form p.center {
	float:left;
	clear:both;
	margin:15px 0 20px 140px;
} .booklog_form fieldset {
	border:none;
}
/* End Booklog Forms ---------------*/

/* New Username --------------------*/
table#booklog_newusername {
	margin-left:50px;
}table#booklog_newusername td {
	background-color:#f2e6ed;
	padding:6px
} table#booklog_newusername td.label{
	background-color:#e6cadb;
} table#booklog_newusername label.error{
	font-size:90%;
	float:left;
	margin:-45px 0 0 0px;
	color:#ff0000;
} 
/* End New Username  ---------------*/

/* Forgot Password -----------------*/
table#booklog_resetpwd {
	margin-left:50px;
}table#booklog_resetpwd td {
	background-color:#f2e6ed;
	padding:6px
} table#booklog_resetpwd td.label{
	background-color:#e6cadb;
} table#booklog_resetpwd label.error{
	font-size:90%;
	float:left;
	margin:-45px 0 0 0px;
	color:#ff0000;
} form#SendPasswordForm label.error {
	font-size:11px;
	color:#cc0033;
	width:200px;
} form#SendPasswordForm fieldset {
	border:none;
}
/* End Forgot Password  ------------*/

/* Reset Password ------------------*/
form#resetPasswordForm #reset_pwd {
	margin:0 0 30px 30px;
} form#resetPasswordForm fieldset#reset_password {
	width:540px;
	margin:0; 
	text-align:left;
	border:none;
} form#resetPasswordForm fieldset#reset_password label {
	float:left;
	width:156px;
	margin:7px 0 0 0;	
} form#resetPasswordForm fieldset#reset_password p {
	clear:both;
} form#resetPasswordForm fieldset#reset_password input {
	float:left;
	margin:5px 0;
} form#resetPasswordForm fieldset#reset_password input#save_password{
	clear:both;
	float:left;
	width:100px;
	margin:5px 0 10px 180px;
} form#resetPasswordForm fieldset#reset_password p.cancel{
	margin:5px 0 10px 210px;
} form#resetPasswordForm fieldset#reset_password label.error {
	font-size:11px;
	color:#cc0033;
	width:200px;
}
/* End Reset Password --------------*/

/* Registration --------------------*/
#booklog_registration {
	padding:0 20px 0 20px;
} #booklog_registration fieldset.register {
	border:1px solid #ffffff;
	padding:0 15px 25px 15px;
	width:535px;
	margin:0;
} #booklog_registration fieldset.register p {
		margin:0 0 16px 0;
		height:1.75em;
} #booklog_registration p.pgsmall {
		margin:0 0 15px 0;
} #booklog_registration input, #booklog_registration select {
	float:left;
	width:200px;
} #booklog_registration label {
	float:left;
	width:150px;
} #booklog_registration .error {
	margin:0;padding:0;
} #booklog_registration label.error {
	float:right;
	font-size:90%;
	width:175px;
	color:#FF0000;
	text-align:left;
} #booklog_registration .submit {
	margin:5px 0 0 170px;
	width:150px;
	height:25px;
} 
/* End Registration ------------------*/

.staffpicks td	{
	line-height:140%;
	}
	
/* --------------- End Booklog styles -----------------------*/