/*------------------- OVERRIDE ----------------------------*/
#center_content_full {width:500px;}
h2 {margin-bottom:10px;}
h3 {font-weight:bold;font-size:15px;font-weight:bold;margin:15px 0 10px 0;font-family:Verdana, Arial, Helvetica, sans-serif;}
h3.nomargin {margin:-5px 0 15px 0;}
a.pgsmall { font-size:90%; }
a:hover.pgsmall {text-decoration:underline;}
.hide {display:block}
/*------------------- END OVERRIDE -------------------------*/

/*------------------- SIDEBAR ------------------------------*/
#sidebar{
	/*position: absolute;
	top: 342px;
	left: 0px;*/
	float: left;
	width: 273px;
	height: 502px;
	background: url(/summer/kids/images/ksr_sidebar.gif) no-repeat;
} a#sidebar_header {
	float:left;
	margin-top:30px;
	margin-left:28px;
	width:200px;
	height:55px;
} #sidebar_content{
	float:left;
	clear:both;
	margin:0 0 0 40px;
	width: 165px;
	height: 381px;
	display:inline;
} #sidebar_content a{
	font-size:110%;
} #sidebar_content ul {
	margin-left:10px;
} 
/* THIS DETERMINES THE HEIGHT OF THE SIDEMENU ITEMS */
#sidebar_content li {
	list-style:none;
	width:125px;
	/* height:85px; */
	height:75px;
	text-align:center;
}
#sidebar_content .spacer {
	/*height:35px; */
	height:25px;
} 

#sidebar_content li a{
	font-weight:bold;
	font-size:14px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
} #sidebar_content li a:hover{
	color:#669933;
	text-decoration:none;
} #sidebar_content li.blue {
	background-image:url(/summer/kids/images/splatter_blue.gif);
	background-repeat:no-repeat;
	background-position:center;
} #sidebar_content li.purple {
	background-image:url(/summer/kids/images/splatter_purple.gif);
	background-repeat:no-repeat;
	background-position:center;
} #sidebar_content li.yellow {
	background-image:url(/summer/kids/images/splatter_yellow.gif);
	background-repeat:no-repeat;
	background-position:center;
}
/*------------------ END SIDEBAR ------------------------*/

/*------------------- UTILITES --------------------------*/
.kids_breadcrumb {
	margin-bottom:5px;
}

#ksr_toolbar {
	clear:both;
	float:right;
	margin:0;
	padding:5px 0;
} #ksr_toolbar_links{
	float:left;
} #ksr_toolbar_addthis{
	float:left;
	margin-left:15px;
} #ksr_toolbar_separator {
	float:left;
} #ksr_toolbar a {
	color: #669933; 
}

/*------------------- END UTILITES -----------------------*/

/*------------------- LOGIN BOX --------------------------*/
#ksr_loginbox {
	float:right;
	width:290px;
	height:320px;
	background:url(/summer/kids/images/ksr_loginbox.gif) no-repeat;	
	margin-right:-17px;
	display:inline;
} #ksr_loginbox_content {
	float:left;
	width:190px;
	height:175px;
	margin:45px 0 0 46px;
	display:inline;
} #ksr_loginbox h2 {
	margin:0 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
} #ksr_loginbox p {
	margin:0;
	font-size:95%;
} #ksr_loginbox a.submit {
	border-style:none;
	margin:25px 0 0 35px;
} #ksr_forgotlogin {
	clear:both;
	float:left;
	width:100%;
	margin:50px 0 0 0;
	text-align:center;
	font-size:110%;
} #ksr_forgotlogin a{
	color:#669933;
} #ksr_logout {
	margin:20px 0 0 100px;
} #ksr_logout .submit {
	margin-right:20px;
}
/*------------------- END LOGIN BOX ----------------------*/

/*------------------- REGISTRATION -----------------------*/
fieldset.register {
	border-style:none;
}

fieldset.register p.pgsmall {
	margin:0;
}
	
table.ksr_registration {
	width:500px;
} table.ksr_registration td {
	background-color:#cee0f3;
	padding:3px 5px 4px 5px;
	border-color:#3366CC;
} table.ksr_registration td.label {
	width:110px;
	background-color:#bbd7f3;
} table.ksr_registration em {
	font-size:90%;
	font-style:normal;
	float:left;
} table.ksr_registration a:link, table.ksr_registration a:visited {
	color:#2673c2;
} table.ksr_registration td p {
	margin:1px 0 3px 0;
} table.ksr_registration .red {
	color:#cc0099;
} 

form#RegisterForm input.submit {
	margin:10px 0 20px 200px;
} form#RegisterForm input, form#RegisterForm select {
	margin:3px 0;
	clear:both;
} form#RegisterForm label.error {
	font-size:11px;
	color:#d3045c;
	clear:both;
	float:right;
	margin:6px 0 0 5px;
}
/*------------------- END REGISTRATION ------------------- */

/*------------------- BOOKLOG ---------------------------- */
#print_log_btn {
	float:left;
	margin:0 0 5px 0;
}#add_book_btn {
	float:right;
	margin:0 10px 0 0;
} #add_book_btn a{
	font-weight:bold;
} #ksr_close_btn {
	float:right;
}

#ksr_booklog_archive {
	clear:both;
	float:left;
	margin-top:40px;
	color:#999999;
}
table#ksr_booklog {

} table#ksr_booklog th {
	background-color:#9ec6ef;
	padding:10px 5px 10px 30px;
} table#ksr_booklog td{
	background-color:#cfdfef;
	padding:3px 5px;
	border-color:#3366CC;
} table#ksr_booklog th a {
	color:#444444;
	text-decoration:none;
} table#ksr_booklog td a {
	color:#206DBD;
	text-decoration:none;
} table#ksr_booklog td a:hover {
	text-decoration:underline;
} table#ksr_booklog th.sorting {
	background-image:url(/summer/kids/images/sort_both.gif);
	background-repeat:no-repeat;
} table#ksr_booklog th.sorting_asc {
	background-image:url(/summer/kids/images/sort_asc.gif);
	background-repeat:no-repeat;
} table#ksr_booklog th.sorting_desc {
	background-image:url(/summer/kids/images/sort_desc.gif);
	background-repeat:no-repeat;
} table#ksr_booklog td.title {
	clear:both;	
	width:175px;
} table#ksr_booklog td.title p{
	margin:15px 0 0 0;
	text-align:left;
} table#ksr_booklog td.title p.booklog_option a, table#ksr_booklog p.booklog_option td.title a:visited {
	color:#669933;
	text-decoration:none;
} table#ksr_booklog td.title p.booklog_option a:hover{
	text-decoration:underline;
} table#ksr_booklog td.author {
	width:100px;
} table#ksr_booklog td.date {
	width:80px;
} table#ksr_booklog td.rating {
	width:100px;
} table#ksr_booklog td.comment {
	width:100px;
} 

form.booklog_form fieldset {
	border-style:none;
} form.booklog_form label {
	float:left;
	width:60px;
} form.booklog_form label.error {
	font-size:11px;
	color:#FF0000;
	width:285px;
} form.booklog_form fieldset.left {
	float:left;
	width:300px;
} form.booklog_form fieldset.left p {
	marign-bottom:0;
} form.booklog_form fieldset.right {
	float:right;
	width:150px;
} form.booklog_form fieldset.right p{
	margin-bottom:0px;
} form.booklog_form fieldset.right label{
	width:135px;
} form.booklog_form div.submit {
	float:left;
	width:300px;
	text-align:center;
}
/*------------------- END BOOKLOG ------------------------*/

/*------------------- START TIME READ --------------------*/
div#ksr_timeread_form, div#ksr_timeread_list {
	clear:both;
	float:left;
	width:100%;
	margin-bottom:20px;
}  div#ksr_timeread_form {
	z-index:-1;
} div#timeread_calendar {
	
} div#ksr_timeread_form label {
	width:100%;
	font-size:110%;
	font-weight:normal;
	color:#444444;
} div#ksr_timeread_form p {
	margin:0;
	padding:0;
} div#ksr_timeread_form fieldset {
	border-style:none;
} div#ksr_timeread_form fieldset.left {
	float:left;
	width:250px;
	text-align:center;
} div#ksr_timeread_form fieldset.right {
	float:right;
	width:200px;
	text-align:center;
} div#ksr_timeread_form .pgsmall {
	font-size:90%;
}

table#ksr_timeread {

} table#ksr_timeread th {
	background-color:#9ec6ef;
} table#ksr_timeread td {
	background-color:#cfdfef;
	padding:1px 5px;
	border-color:#3366CC;
} table#ksr_timeread .time {
	width:160px;
} table#ksr_timeread .date {
	width:230px;
} table#ksr_timeread .delete {
	width:60px;
}

/*------------------- END TIME READ ----------------------*/

/*------------------- CHANGE INFO ------------------------*/
table#ksr_myinfo {

} table#ksr_myinfo td {
	background-color:#c5ddf5;
	padding:5px 10px 5px 7px;
	border-color:#3366CC;
} table#ksr_myinfo td.label {
	width:150px;
	background-color:#9ec6ef;
} table#ksr_myinfo td.info {
	width:250px;
} table#ksr_myinfo td.change {
	width:50px;
} table#ksr_myinfo a:link, table#ksr_myinfo a:visited {
	color:#2673c2;
} table#ksr_myinfo td p {
	margin:1px 0 3px 0;
} 

form#changeInfoForm label.error {
	font-size:11px;
	color:#cc0033;
	width:285px;
} form#changeInfoForm fieldset {
	border-style:none;
	display:none;
	margin:10px 0 0 0;
	padding:0;
	text-align:right;
} form#changeInfoForm a {
	text-decoration:underline;
	margin-left:0px;
} form#changeInfoForm input {
	margin:5px 0;
}


form#resetPasswordForm #reset_pwd {
	margin:5px 0 10px 0px;
} form#resetPasswordForm fieldset#reset_password {
	display:none;
	border-style:none;
	width:540px;
	margin:0; 
	text-align:left;
} 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;
	margin:5px 0 10px 210px;
} form#resetPasswordForm fieldset#reset_password p.cancel{
	margin:5px 0 10px 213px;
} form#resetPasswordForm fieldset#reset_password label.error {
	font-size:11px;
	color:#cc0033;
	width:200px;
}

form#SendPasswordForm #reset_pwd {
	margin:5px 0 10px 0px;
} form#SendPasswordForm fieldset{
	border-style:none;
	width:500px;
	margin:0 0 0 20px; 
	text-align:left;
} form#SendPasswordForm fieldset label {
	float:left;
	width:75px;
	margin:5px 0 0 0px;	
} form#SendPasswordForm fieldset p {
	clear:both;
	margin:0;
} form#SendPasswordForm fieldset input {
	float:left;
	margin:4px 0;
} form#SendPasswordForm fieldset input.submit{
	float:left;
	margin:3px 0 0 6px;
} form#SendPasswordForm fieldset p.cancel{
	margin:5px 0 10px 213px;
} form#SendPasswordForm fieldset label.error {
	font-size:11px;
	color:#cc0033;
	float:left;
	margin:-15px 0 0 -180px;
	width:180px;
}
div.cancel {margin:3px 0 10px 0;}

/*------------------- END CHANGE INFO --------------------*/

/*------------------- MISC STYLES ------------------------*/
/* pagination styles */
.dataTables_info {
	float:left;
	margin:0;
	font-size:11px;
} 

.dataTables_paginate {
	float:right;
} .paginate_button {
	color:#4f8bc7;
	margin:0px 3px;	
	font-size:11px;
} .first, .previous, .next, .last {
	color:#30669c;
	margin-left:10px;
} .paginate_active {
	margin:0px 3px;
	font-weight:bold;
} 

/*message when user updates information, booklog or timeread*/
div.updates_msg {
	background-color:#ffffcc;
	margin-bottom:15px;
} .updates_msg p {
	margin:0;
} 

/*style for welcome text*/
#welcome h3 {margin:5px 0 10px 0;}
#welcome h4 {margin:2px 5px; font-size:12px;}
/*------------------- END MISC STYLES ---------------------*/