/*
Theme Name: MyTimeCalendars
Theme URI: http://www.blacklotusweb.com
Description: A Black Lotus Web Design Creation	
Version: 1.0	
Author: Cory Crowley - Black Lotus Web Design
Author URI: http://www.blacklotusweb.com
Tags: 
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";


/*=============================================== General Styles ===========================================================*/
body{
	width: 100%;
	background-color: #086A04;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #000;
}

#outer_wrapper{
	background-image: url(images/bg_shadow.png);
	background-position: center;
	background-repeat: repeat-y;
	margin: 0px auto;
	width: 880px;
}	

#page_wrapper{
	margin: 0 auto;
	width: 841px;
}

h3 em{ font-weight: bold; }
a{text-decoration:  none; color: #000; }
a:hover{ text-decoration: underline; }
p{ padding: 0px 0px 10px 0px; }



/*=============================================== Header Styles ===========================================================*/

#header{
	background: #fff url(images/bg_header.jpg) no-repeat top left;
	float: left;
	height: 375px;
	width: 841px;
}

#logo {
	float: left;
	height: 125px;
	margin-left: 40px;
	margin-top: 35px;
	width: 245px;
}

#logo h1 { height: 1px; text-indent: -1000px; }



/*========================= Header "Login" Section ================================*/

#login_wrapper{
	float: right;
	height: 160px;
	padding-top: 3px;
	width: 210px;
}


/*== When a user is not logged in ==*/
#login {
	background: url(images/welcome.png) no-repeat top left;
	font-size: .75em;
	height: 152px;
	width: 198px;
}



/*== Login Form ==*/
#header #login_wrapper #header_login_form { padding-left: 15px; padding-top: 60px; }
#header #login_wrapper #header_login_form label { color: #005909; float: left; font-weight: bold; margin-top: 5px; }
#header #login_wrapper #header_login_form input { font-size: 1.0em; float: right;  font-weight: normal; height: 15px; width: 105px; }
#header #login_wrapper #header_login_form .username, .password { height: 25px; width: 175px; }
#header #login_wrapper #header_login_form .submit_block { float: right; margin-right: 3px; margin-top: 5px; width: 155px;}
#header #login_wrapper #header_login_form .submit_block input { border: none; height: 20px; float: none; margin: 0px; padding: 0px; width: 75px;}



/*== When a user is logged in ==*/
#logged_in { 
	background: url(images/hello_again.png) no-repeat top left;
	font-size: .75em;
	height: 102px;
	padding-top: 50px;
	width: 198px;
}

#logged_in p{
	color: #086a04;
	font-weight: normal;
	padding-left: 20px;
	font-size: .95em;
	font-style: italic;
	padding-top: 4px;
	padding-bottom: 0px; 
	width: 165px;
}

#logged_in .logged_in_options{ padding-left: 35px; padding-top: 6px; }
#logged_in ul li{ display: inline; }



/*== Nav Bar ==*/
.nav_bar{ margin-top: 317px; position: relative; }
.nav_bar ul{ 
	background: url(images/menu4.jpg) no-repeat 0 0; 
	height: 60px;
	left: 0px; 
	position: absolute;
	top: 0px; 
	width: 841px;}
.nav_bar ul li { display: inline; }
.nav_bar li a:link, .nav_bar li a:visited{
	height: 52px;
	overflow: hidden;
	position: absolute;
	text-indent: -9000px;
	top:0;
	z-index: 10;
	
}

.nav_bar .calendars a, .nav_bar .calendars a:link, .nav_nar .calendars a:visited{ left: 0; width: 155px; }
.nav_bar .charts a:link, .nav_bar .charts a:visited{ left: 156px; width: 137px; }
.nav_bar .blog a:link, .nav_bar .blog a:visited{ left: 294px; width: 130px; }
.nav_bar .resources a:link, .nav_bar .resources a:visited{ left: 425px; width: 132px; }
.nav_bar .forum a:link, .nav_bar .forum a:visited{ left: 558px; width: 131px; }
.nav_bar .help a:link, .nav_bar .help a:visited{ left: 690px; width: 149px; }

/* For hover states & current page states */
.nav_bar .calendars a:hover, 
.nav_bar .calendars a:focus,
.nav_bar .calendars a:active,
body#calendars div.nav_bar ul li.calendars a{background: url(images/menu4.jpg) no-repeat 0 -63px; }

.nav_bar .charts a:hover, 
.nav_bar .charts a:focus,
.nav_bar .charts a:active,
body#charts div.nav_bar ul li.charts a{background: url(images/menu4.jpg) no-repeat -156px -63px; }

.nav_bar .blog a:hover, 
.nav_bar .blog a:focus,
.nav_bar .blog a:active,
body#blog div.nav_bar ul li.blog a{background: url(images/menu4.jpg) no-repeat -294px -63px; }

.nav_bar .resources a:hover,
.nav_bar .resources a:focus,
.nav_bar .resources a:active,
body#resources div.nav_bar ul li.resources a{background: url(images/menu4.jpg) no-repeat -425px -63px; }

.nav_bar .forum a:hover, 
.nav_bar .forum a:focus,
.nav_bar .forum a:active,
body#forum div.nav_bar ul li.forum a{background: url(images/menu4.jpg) no-repeat -558px -63px; }

.nav_bar .help a:hover, 
.nav_bar .help a:focus,
.nav_bar .help a:active,
body#help div.nav_bar ul li.help a{background: url(images/menu4.jpg) no-repeat -690px -63px; }



/*=========================================== End Header Styles =============================================*/

/*=========================================== CYC Login, Register, Lost Pass Styles =========================*/

#login-page{ margin: 0 auto; padding: 5px; width: 758px; }

#login-page h1#Login{ background: url(images/login-title-bar.png) no-repeat left center; height: 55px; text-indent: -9000px; }
#login-page h1#retrieve-password{ background: url(images/retrieve-password.png) no-repeat left center; height:  55px; text-indent: -9000px; }
#login-page h1#profile{ background: url(images/user-profile.png) no-repeat left center; height: 55px; text-indent: -9000px; }

/*== Login Form ==*/
#login-page .loginform{ padding: 10px 35px; width: 325px; }

/*== Login Form Errors ==*/
#login-page p#login_error{ margin-top: 10px; margin-left: 35px; width: 300px; }
#login-page p.message{ margin-top: 10px; margin-left: 35px; width: 650px; }

/*== Login Form inputs & labels ==*/
#login-page .loginform label{ clear: none; color:#005909; font-weight:bold; margin-top: 9px;  width:160px; }
#login-page .loginform input{ margin-top: 10px; height: 15px;  clear: left; }
#login-page .loginform input#rememberme{ float: left; margin-right: 20px; margin-top: 10px; }

#login-page p.submit{ height: 20px; text-align: left; width: 275px; }
#login-page p.submit input{
	background: url(images/green-submit.png) no-repeat left top;
	border: none;
	cursor: pointer;
	height: 30px;
	text-indent: -9000px;
	width: 80px;
}

/*== Login Form Nav links -- lost password etc.. ==*/
#cycnav { font-size: .65em; font-weight: bold; padding: 10px 35px; list-style-type: none; }
#cycnav a{ color: #005909; }
#cycnav a:hover{ text-decoration: underline;}

/* Do not display the sidebar that comes with it. */
#blank_sidebar{
	display: none;
	visibility: hidden;
}

/*== Profile Page ==*/
#your-profile h3{ border-bottom: 2px solid #005909; color:#005909; font-weight: bold; margin-bottom: 10px; margin-left: 35px; padding: 10px 0px; width: 500px; 	}
#your-profile input{ height: 15px; }
#your-profile table { color: #005909; font-size: .75em; margin: 0 45px; }
#your-profile table th {vertical-align: middle; }
#your-profile table td { height: 30px; padding: 0px; }
#your-profile table textarea { margin-bottom: 5px; }
#your-profile table td input#pass1, #your-profile table td input#pass2{ margin-bottom: 5px; }
#your-profile table td input#pass2{ margin-top: 5px; }
#your-profile p.submit input{
	margin: 10px 30px; 
}

/*=========================================== Main Content Styles ===========================================*/

#main_content{
	background: #fff url(images/bg.jpg) no-repeat left top;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 841px;
}

#main{ margin-left: 255px; min-height: 450px; position: relative; width: 555px; overflow: hidden; margin-top: 5px;  }
#help-main { margin-left: 255px; min-height: 250px; position: relative; width: 555px; overflow: hidden; }
.content { font-size: .95em; height: auto; margin: 0 auto; padding: 10px 10px 0px 10px; width: 740px; }
.help-content { font-size: .95em; height: auto; margin: 0 auto; padding: 10px 10px 0px 10px; width: 540px; font-size: 14px;  }

/*=========== Default Title Styles - pages, forum, etc... ==============*/
.title{
	background: url(images/title_bar.png) no-repeat left center;
	font-family: Arial, sans-serif;
	height: 55px;
	margin-left: 40px;
	padding-top: 10px;
	width: 760px;
}
.title h2{ padding: 5px 20px; width: 760px; }
.title h2 a{ text-decoration: none; color: #df4225; }

/* Help page */
.help-title{
	background: url(images/title_bar_help.png) no-repeat left center;
	font-family: Arial, sans-serif;
	height: 55px;
	padding-top: 10px;
	width: 560px;
}

.help-title h2 { padding: 5px 20px; width: 760px; }
.help-title h2 a { text-decoration: none; color: #df4225; }


/*===== 404 page ttile ======*/
.error_title{ font-family: Arial, sans-serif; height: 55px; margin-left: 40px; padding-top: 10px; width: 760px; }
.error_title h2{ color: #df4225; }


/*===== Archive Titles ======*/
.archive_title{ font-family: Arial, snas-serif; font-size: 1.3em; height: 35px; margin-left: 20px; }
.archive_title h2 { color: #D62909; }


/*=============================== Home Page Styles ==============================*/

/*== Clipart Section ==*/
#clipart_wrapper{ /* padding-bottom: 5px; */ width: 200px; }

.clipart_top{ background: url(images/clipart_title.jpg) no-repeat top left; height: 61px; width: 201px; }
.clipart_middle{ background: url(images/clipart_middle.jpg) repeat-y top left; min-height: 300px; width: 201px; }
.clipart_middle ul.source-choice{ height: 35px; width: 201px; list-style: none; }
.clipart_middle ul.source-choice li{ padding-left: 12px; float: left; padding-top: 2px; width: 80px; }
.clipart_bottom{ background: url(images/clipart_bottom.jpg) no-repeat bottom left; height: 16px; width: 201px; }

.clipart_frame{ clear: both; height: 310px; overflow-y: auto; overflow-x: hidden; width: 195px;}

#image_frame{ height: auto; padding-left: 10px;}
#image_frame img{padding-left: 5px;}

#image_frame-user{ min-height: 310px; padding-left: 10px;}
#image_frame-user img{padding-left: 5px;}
#image-warning{ margin: 40px auto 0px auto; width: 500px; }
#image-warning p{ color: red; }
.upload_image{ height: 50px; margin: 0 auto; overflow: hidden; padding-top: 10px; width: 160px; }
.upload_image div#actual_photo{ margin-bottom: 10px; }

#image_upload{ margin-left: 55px; margin-bottom: 10px; width: 200px; }
#image_upload a{ color: #086A04; }
#imageDeleteLink{ font-size: .75em; text-align: center;}
#imageDeleteLink a{ color: #086A04; }
.upload_image a img{ background-repeat: no-repeat; }
.upload_image a:hover { background: url(images/upload_image.png) no-repeat 0 -50px;}

/*== Upload Image Frame ==*/
#upload-body{ background-color: #ffffff; }
#upload-container{ width: 550px; height: 450px; }
#upload-header{ background: url(images/upload-image_bg.png) no-repeat left top; height: 60px; margin: 10px 20px;  text-indent: -1000px; width: 500px; }
#upload-header-crop { background: url(images/crop-image.png) no-repeat left top; height: 60px; margin: 10px 20px; text-indent: -1000px; width: 500px;}
#upload-header-saved { background: url(images/saved-thumbnail.png) no-repeat left top; height: 60px; margin: 10px 20px; text-indent: -1000px; width: 500px;}
#upload-error-header { background: url(images/upload-error-bg.png) no-repeat left top; height: 60px; margin: 10px 20px; text-indent: -1000px; width: 500px; }
#upload-error-content { color: #086A04; text-transform: uppercase; height: auto; width: 500px; margin-left: 30px; }
#upload-img-crop { color: #086A04; text-transform: uppercase; height: auto; width: 500px; margin-left: 30px; margin-bottom: 10px; margin-right: 10px;}
#upload-img-crop h2{ color: #086A04; margin-left: 10px;}
#upload-img-crop #preview { margin: 20px; }
#upload-thumb-preview { margin-left: 30px; }
#upload-thumb-preview h2{ margin-top: 10px; color: #086A04; text-transform: uppercase; }
#upload-thumb-preview a{ color: #086A04; font-weight: bold; text-transform: uppercase; }
#upload-intro{ height: 60px; margin: 10px 10px 0px 30px; ; width: 500px; }
#upload-intro h2{ text-transform: uppercase; color: #086A04; padding: 5px 0px; }
#upload-crop-intro{ height: 40px; margin: 10px 10px 0px 30px; ; width: 500px; }
#upload-crop-intro h2{ text-transform: uppercase; color: #086A04; padding: 5px 0px; }
#upload-intro p { text-transform: uppercase; color: red; }
#upload-form{ height: 40px; margin: 0px 10px 0px 30px;  width: 500px;}
#upload-submit { height: 40px; margin: 0px 10px 0px 30px; width: 500px;}
#upload-close-form { 
	color:#086A04;
	font-weight:bold;
	margin-top:15px;
	text-align:right;
	text-transform:uppercase;
	width:565px;
}

/*== Print Section - Home page ==*/
#print_section_wrapper{ background: url(images/print_save_box.png) no-repeat left top; height: 250px; width: 200px; margin-bottom: 5px; }

.print_section_top{  height: 21px; padding-top: 15px; width: 200px; }
.print_section_middle{ color: #fff; font-size: .70em; padding-left: 20px; padding-top: 40px; width: 180px; }
.print_section_middle p{ padding: 0px; padding-bottom: 5px; width: 170px; }
.print_section_middle ul li{ display: block; padding: 0px; margin: 0px;}
.print_section_middle ul li img.open{ margin-left: 13px; }


/*== Print Section - Clip Art Page ==*/
#print_section_wrapper_alternate{ background: url(images/green_widget_bg_small.png) no-repeat top left; height: 135px; width: 200px; margin-bottom: 5px; }

.print_section_alternate_top{ background: url(images/print_section_title.png) no-repeat center bottom; height: 21px; padding-top: 15px; width: 200px; }
.print_section_alternate_middle{ color: #fff; font-size: .70em; padding-left: 20px; padding-top: 9px; width: 180px; }
.print_section_alternate_middle p{ padding: 0px; padding-bottom: 5px; width: 170px; }
.print_section_alternate_middle ul li{ display: block; padding: 0px; margin: 0px; }


/*== Calendar Styles ==*/
#calendar_head{ height: 135px; width: 545px; }f
.month_title{  margin-left: 240px; padding-top: 5px; text-align: center; width: 300px; }
.month_form{ padding-left: 270px; padding-top: 80px; }
.month_form select{ width: 125px; }
.month_form ul li{ display: inline; }

/*== Calendar Month Headers ==*/
.january{ background: url(images/calendar_months/january_header.png) no-repeat top left; }
.february{ background: url(images/calendar_months/february_header.png) no-repeat top left; }
.march{ background: url(images/calendar_months/march_header.png) no-repeat top left; }
.april{ background: url(images/calendar_months/april_header.png) no-repeat top left; }
.may{ background: url(images/calendar_months/may_header.png) no-repeat top left; }
.june{ background: url(images/calendar_months/june_header.png) no-repeat top left; }
.july{ background: url(images/calendar_months/july_header.png) no-repeat top left; }
.august{ background: url(images/calendar_months/august_header.png) no-repeat top left; }
.september{ background: url(images/calendar_months/septemeber_header.png) no-repeat top left; }
.october{ background: url(images/calendar_months/october_header.png) no-repeat top left; }
.november{ background: url(images/calendar_months/november_header.png) no-repeat top left; }
.december{ background: url(images/calendar_months/december_header.png) no-repeat top left; }

.create_button input{ padding-left: 95px; padding-top: 3px; }

#calendar{ height: auto; margin-top: 10px; margin-left: 2px; width: 545px; }
#mt_calendar{ height: 400px; width: 543px; }
#mt_calendar td{ border: 1px solid #aa3511; height: 80px; }
#mt_calendar td.weekday { border: none; height: 21px; vertical-align: bottom; }
#mt_calendar div{ height: 80px; padding-left: 2px;  width: 76px; }
#mt_calendar div img{margin-left: -2px; }
#mt_calendar div#date-image{ float: left; height: 18px; width: 18px;}
#mt_calendar div.weekday_header{ height: 21px; width: auto; }

/*== Form-Invite Styles==*/
#form-invite-wrapper{  
	font-size: .75em;
	margin: 30px auto 0px auto; 
	width: 555px; 
}

.form-invite-top{ background: url(images/invite-friend-top.jpg) no-repeat left top; height: 50px; width: 555px; }
.form-invite-middle{ 
	background:transparent url(images/invite-friend-middle.jpg) repeat-y scroll left top;
	height:auto;
	padding-bottom:0;
	padding-left:10px;
	padding-top:10px;
	width:555px; 
}
.form-invite-bottom{ background: url(images/invite_friend_bottom.png) no-repeat left bottom; height: 14px; width: 555px; }

.form-invite-middle p{ color: #086a04; font-weight: bold; height: 1px; padding-bottom: 0px; width: 535px; }
.form-invite-middle p.invite-friend-intro{ height: 35px; padding-bottom: 10px;   width: 535px;}
.form-invite-middle fieldset{ height: 90px; width: 535px; margin: 0; padding: 0; }
.form-invite-middle fieldset p { margin: 0; padding: 0; height: 1px;}
.form-invite-middle #textarea{ float: left; margin: 0; padding: 0;}
.form-invite-middle textarea#userMessage{
	border:1px inset gray;
	font-family:Arial;
	font-size:0.95em;
	height:70px;
	overflow:hidden;
	padding:3px;
	text-align:left;
	width:310px;

}	

.form-invite-middle label{ color: #086a04; font-weight: bold; text-align: right; }
.form-invite-middle input{  width: 100px; }
.form-invite-middle #rightBlock{}
.form-invite-middle #rightBlock input { float: right; margin: 2px; width: 110px;  }
.form-invite-middle #rightBlock label { float: left; margin: 5px 2px 2px 9px;  width: 80px;}
.form-invite-middle #rightBlock input.submit{
	border: none; 
	height: 23px;
	margin-left: 20px; 
	margin-top: 5px; 
	width: 82px;
}



/*========================== Chart Page Styles ===============================*/

/*==Chore Chart Styles ==*/
#charts_head{ background: url(images/calendar_header_bg.png) no-repeat center top; height: 135px; width: 545px; }

.charts_title{ padding-left: 258px; padding-top: 30px; }

#chore_chart { height: auto; margin-top: 10px; margin-left: 2px; width: 543px; }
#chores { height: 400px; width: 543px; }
#chores td{ background: url(images/chart_cell_bg.gif) no-repeat left top; border: 1px solid #036200; width: 80px;}
#chores td.no-background{ background: none; border: 1px solid #036200; width: 80px; }
#chores td.weekday{ background: none; border: none; height: 1px; padding-bottom: 2px; }
#chores div{ height: 54px; text-align: center; width: 68px; }
#chores div img{ margin-top: 3px; }
#chores div.weekday_chores_header{ height: 20px; width: auto; }

/*========================= Members Only Page Styles =========================*/

/*== Intro Block ==*/
#intro_wrapper{ height: auto; padding-top: 5px; width: 545px; }
.intro_top{ background: url(images/intro_content_top.png) no-repeat bottom left; margin: 0px; padding: 0px; height: 15px; width: 545px; }
.intro_middle{ background: url(images/intro_content_middle.png) repeat-y top left; min-height: 180px; width: 545px; }
.intro_middle h2{ margin-left: 20px; }
.intro_middle p{ color: #515151; font-size: .75em; line-height: 15px; margin-left: 35px; margin-top: 10px; width: 475px; }
.intro_middle a{ color: #399332; }
.intro_bottom{ background: url(images/intro_content_bottom.png) no-repeat top left; margin: 0px; padding: 0px; height:  9px; width: 545px; }


/*== Create Account Block ==*/
#account_wrapper{ float: left; height: auto; margin: 10px 0px 10px 0px; width: 282px; }
.account_top{ background: url(images/create_account2.png) no-repeat top left; float: left; height: 56px; width: 282px; }
.account_middle{ background: url(images/create_account_middle2.png) repeat-y top left; float: left; min-height: 180px; width: 282px; }
.account_bottom{ background: url(images/create_account_bottom2.png) no-repeat top left; float: left; height: 11px; margin: 0px; padding: 0px; width: 282px; }


/*== Create Account Form ==*/
#form_container{ padding: 5px; margin-left: 10px; }
#form_container .field{ color: #399332; font-size: .75em; font-weight: bold; padding: 5px 0px 0px 0px; width: 250px; }
#form_container .field label{ vertical-align: middle; }
#form_container .field input{ height: 16px; vertical-align: middle; }
#form_container .field input#first_name{ width: 178px; }
#form_container .field input#last_name{ width: 179px; }
#form_container .field input#email_field{ width: 156px; }
#form_container .field input#email_confirm{ width: 158px; }
#form_container .field input#password_field{ width: 183px; }
#form_container .field input#confirm_field{ width: 134px; }
#form_container .field a{ color: #399332; cursor: pointer; }

#form_container #coupon_field{ padding-top: 5px; }
#form_container .floated_field{ float: left; width: 155px;}
#form_container .floated_field input#coupon{ height: 16px; margin-top: 5px;  width: 145px; }

#form_container .field input#recepient_name{ width: 140px; }
#form_container .field input#recepient_email{ width: 140px; }

#form_container .option_list{ color: #399332; font-size: .75em; font-weight: bold; float: left;  margin: 5px 0px; width: 260px; }
#form_container .option_list ul{ float: left; width: 270px; }
#form_container .option_list ul li{ float: left; padding: 2px 5px; list-style-type: none; }
#form_container .option_list ul li label{ vertical-align: middle; }
#form_container .option_list ul li input{ vertical-align:  middle; }
#form_container .option_list ul li.three_month { margin-left: 7px; }

#form_container #textarea{ margin: 5px 0px; overflow: hidden; }
#form_container #textarea textarea{  height: 60px; margin-top: 5px; padding: 0px; width: 240px; }

#form_container .button{ float: right; margin-right: 10px; margin-top: 10px;  width:  105px;  }

label.error{ background-color: red; color: #ffffff;}

#form_container input#free-submit{
	float:right;
	margin-right:10px;
	padding-top:20px;
}

#form_container input#regular-submit{ float: none;}
/*============ Teachers Corner Block ============*/
#teachers_corner_wrapper{ height: auto;  margin: 10px 0px 10px 290px; }
.teachers_corner_top{ background: url(images/teachers_corner.png) no-repeat top left; height: 57px; }
.teachers_corner_middle{ background: url(images/teachers_corner_middle.png) repeat-y top left; min-height: 265px; }
.teachers_corner_middle p.widget_intro{ font-weight: bold; margin: 0px 0px 0px 10px; padding-top: 10px; width:  215px; }
.teachers_corner_middle table { color: #515151; margin-left: 15px; width: 230px; }
.teachers_corner_middle td {padding-bottom: 10px; padding-top: 10px; vertical-align: top; }
.teachers_corner_middle h3 { font-size: .75em; font-style: italic; padding-bottom: 10px; padding-left: 10px; padding-top: 5px; }
.teachers_corner_middle p{ font-size: .75em; padding-left: 10px; width: 160px; }
.teachers_corner_middle a{ color: #515151; text-decoration: none;}
.teachers_corner_middle a:hover {text-decoration: underline; }
.teachers_corner_bottom{ background: url(images/teachers_corner_bottom.png) no-repeat bottom left; height: 11px; }

/*================================= Resource Page Styles =================================*/
#parents_corner_wrapper{ float: left; height: auto; margin: 10px 0px 10px 0px; width: 285px; }
.parents_corner_top{ background: url(images/parents_corner_top.png) no-repeat left top; height: 56px; }
.parents_corner_middle{ background: url(images/parents_corner_middle.png) repeat-y left top; min-height: 180px; }
.parents_corner_bottom{ background: url(images/parents_corner_bottom.png) no-repeat top left; height: 13px; }

/*== Kids Corner ==*/
.intro_middle #connect-dots{ float: left; margin-left: 30px; width: 240px; font-size: 12px; }
.intro_middle #connect-dots td{}
.intro_middle #connect-dots td.empty{}
.intro_middle #connect-dots img{padding: 0px; margin: 0px;}

.intro_middle #paint-game{ float: right; margin-right: 20px;  width: 215px; font-size: 12px;  }
.intro_middle #paint-game td{}
.intro_middle #paint-game td.empty{ }
.intro_middle #connect-dots img{ padding: 0px; margin: 0px;}

/*== Parents Corner ==*/
.parents_corner_middle p{ display: none; visibility: hidden; }
.parents_corner_middle .description{ margin-left: 90px; width: 170px;  }
.parents_corner_middle .description h3{ color: #515151; font-size: .80em; font-style: italic; padding-bottom: 8px;  }
.parents_corner_middle .description a{ text-decoration:  underline; }
.parents_corner_middle .description p{ display: block; font-size: .75em; width: 165px; visibility: visible; }

.activity-books{ padding-left: 10px; padding-top: 15px;  width: 270px; }
.activity-books img{ float: left; }
.progress-charts{ padding-left: 10px; padding-top: 10px;  width: 270px; }
.progress-charts img{ float: left; }

/*== Teachers Corner ==*/
.teachers_corner_middle p{ }
.teachers_corner_middle .description{ margin-left: 55px; width: 170px; }
.teachers_corner_middle .description h3{ font-size: .80em; font-style: italic; padding-bottom: 8px; }
.teachers_corner_middle .description a{ color: #000; text-decoration:  underline; }
.teachers_corner_middle .description p{ display: block; font-size: .75em; width: 160px; visibility: visible; }

.lesson-plan{ padding-left: 10px; padding-top: 10px; width: 240px; }
.lesson-plan img{ float: left; }
.classroom-posters{ padding-left: 10px; padding-top: 15px; width: 240px; }
.classroom-posters img{ float: left; }


/*================================= Blog Page Styles =====================================*/
.post_wrapper{ background: url(images/border_bottom.png) no-repeat bottom left; margin-bottom: 10px; padding-bottom: 20px; padding-top: 10px;  }
.blog_title{ font-family: Arial, sans-serif; font-weight: bold; padding-bottom: 10px; padding-left: 20px; }
.blog_title h2{ font-size: 1.5em; color: #086A04; }
.blog_title a{color: #086A04; }
.blog_title .time{ font-size: .85em; font-weight: normal; }
.blog_content{ font-size: .85em; padding-left: 20px; color: #666666; line-height: 21px;}
.blog_content a{ color: #399332;}
.blog_content a:hover{text-decoration: underline; }

.blog_title_single{ font-family: Arial, sans-serif; font-weight: bold; padding-bottom: 10px; padding-left: 46px; }
.blog_title_single h2{font-size: 1.5em; color: #086A04; }

#main .blog_content ol{ margin-left: 30px; }
#main .blog_content ul{ margin-left: 30px; }



/*================================= Help Page Styles ====================================*/

/*== Form ==*/
.help_form{ float: left; height: auto; margin: 5px auto; margin-left: 65px; position: relative; width: 715px; }
.help_form_top{ background: url(images/help_form_top.png) no-repeat left bottom; height: 12px; width: 715px; }
.help_form_middle{ background: url(images/help_form_middle.png) repeat-y left top; width: 715px; }
.help_form_bottom{ background: url(images/help_form_bottom.png) no-repeat left bottom; height: 17px; width: 715px; }

.help_form .gform_body{ height: 500px; position: relative; }
.help_form label,
.help_form .gfield_description{ color: #327dce; font-size: .75em; padding: 2px 5px; }
.help_form input,
.help_form textarea{ 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border: 1px solid #327dce;
	font-family: Arial,Helvetica,sans-serif; 
	font-size: 12px; 
	color: #222222;
	padding: 5px; 
}
.help_form input{ width: 200px; }
.help_form textarea{ overflow: auto; width: 655px; }
.help_form ul li{ list-style-type: none; }

.help_form .gfield{ position: absolute; }
.help_form .first_name{ left:30px; top:15px; }
.help_form .last_name{  left:253px; top:15px; }
.help_form .email{ right: 30px; top: 15px; }
.help_form .phone{ left: 30px; top: 65px; }
.help_form .age{ left: 253px; top: 65px; }
.help_form .age ul.gfield_radio li{ float: left; margin-right: 16px;  }
.help_form .age ul.gfield_radio li label{ display: inline; }
.help_form .age ul.gfield_radio li input{ width: auto; }
.help_form .comments{ left: 30px; top: 115px; }
.help_form .captcha{ left: 30px; top: 310px; }
.help_form .gform_footer{ position: absolute; left: 300px; bottom: 12px; }
.help_form .gform_footer input{ background-color: #F0F7FF; color: #327dce; cursor: pointer; font-weight: bold; width: 100px;  } 
.help_form .gform_footer input:hover{ background-color: #327dce; color: #FFFFFF; }

.help_form .recaptchatable{ background-color: #FFFFFF; }

/* Validatiion */
.validation_error{
	background-color:red;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:30px;
	padding:5px;
	width:400px;
}
.validation_message{ display: none; }
.help_form .captcha .validation_message{ display: block; color: red; }
.help_form .gfield_error input, 
.help_form .gfield_error textarea{ border: 1px solid red; }
.help_form #gforms_confirmation_message{ text-align: center; }
#fields .left{ float: left; padding: 5px; }
#fields .left label{ font-weight: bold; font-style: italic; padding-right:  5px; vertical-align: middle; }
#fields .left input{ padding-top: 2px; width: 130px; vertical-align: middle; }
#fields .left ul li{ float: left; display: inline;  margin: 0; padding: 2px 5px; }
#fields .left ul li.parent{ margin-left: 20px; }

#fields #list{ width: 400px; }
#fields #list .age{ float: left; padding-top: 2px; }
#fields #list #list_inner{ float: left; width: 360px; }
#fields #list label.list{ font-weight: normal; padding: 0px;  vertical-align: middle; }
#fields #list input.list_input{ background: #fff; color: #fff; width: 20px; vertical-align:  middle; }

#fields .comments{ float: left; margin-left: 5px; }
#fields .comments label{ float: left; font-style: italic; font-weight: bold;}
#fields .comments textarea{ float: left; margin-left: 45px; margin-top: 5px; padding: 3px;  width: 600px; }

#fields .button{ float: left; }
#fields .button input{ background: url(images/send.png) no-repeat top left; border: none; cursor: pointer; font-style: italic; font-weight: bold; height: 30px; margin-left: 300px; margin-top: 10px; text-indent: -9000px; width: 80px; }


/*== Form errors ==*/
.form_notice{ color: black; font-weight: bold; background-color: lightcoral; border: 1px solid red; margin: 0 auto 10px; padding: 10px;  width: 600px; }
.form_notice p{ padding-left: 10px; }
.form_notice ul{ margin-left: 50px; }
.form_notice ul li{ padding-bottom: 2px; }




/*======================================================= End Main Content Styles ======================================================*/

/*======================================================= Sidebar Styles ==============================================================*/

#sidebar{
	float: left;
	height: auto;
	margin-bottom: 20px;
	margin-left: 40px; 
	margin-top: 5px; 
	width: 200px; 
}

#sidebar #resources{
	height: auto;
	width: 200px;
	float: left;
	margin-top: 5px;  
}

/*== Widget Styles ==*/
#widget{ height: auto; width: 200px; list-style-type: none; }
#widget_top{ background: url(images/home_sidebar_top.png) no-repeat bottom left; height: 14px; margin: 0px; padding: 0px; width: 200px; float: left; }
#widget_middle{ background: url(images/home_sidebar_middle.png) repeat-y top left; float: left; height: auto; width: 200px; }
#widget_bottom{ background: url(images/home_sidebar_bottom.png) no-repeat top left; float: left; height: 18px; width: 200px; }

#widget_middle h2{ 
	color:#D62909;
	font-size:2em;
	font-weight:normal;
	height:auto;
	text-align: left;
	margin-left: 25px;
}
#widget_middle h2.how-to{ background: url(images/how-to-title.png) no-repeat left center; height: 25px; margin-left: 20px; margin-bottom: 20px;  text-indent: -9000px; }

.widget_content{ color: #457bc0; font-size: .75em; margin-top: 5px; }
.widget_content h3{ margin-left: 25px; padding-bottom: 5px;}
.widget_content p{ margin-left: 25px; padding-top: 10px; width: 150px; }
.widget_content li{ list-style-type: disc; margin-left: 45px; width: 135px; }
.widget_content a{ color: #457bc0; font-weight: bold;}
.widget_content-resources{ color: #457bc0; font-size: .75em; margin-top: 5px; }
.widget_content-resources h3{ margin-left:  20px; padding-top: 10px;  }
.widget_content-resources p{margin-left: 20px; padding-top: 0px; width: 170px;  }
.widget_content-resources li{ list-style-top: disc; margin-left: 45px; width: 135px; }



/*== Form ==*/
.widget_form{ padding-left: 25px; }
#sidebar-login label{ font-weight: bold; }
#sidebar-login input{ font-size: 1.0em; margin: 2px; width: 105px; }
#sidebar-login input.submit{ border: none; cursor: pointer; height: 21px; margin-left: 115px; width: 55px; }


/*== Default Widgets Styles ==*/
.sidebar_widget{ height: auto; margin-bottom: 10px; position: relative; width: 200px; list-style: none; }
.sidebar_widget_top{ background: url(images/home_sidebar_top.png) no-repeat bottom left; height: 14px; width: 200px; }
.sidebar_widget_middle{ background: url(images/home_sidebar_middle.png) repeat-y top left; min-height: 150px; width: 200px; }
.sidebar_widget_middle_help{ background: url(images/home_sidebar_middle.png) repeat-y top left; min-height: 180px; width: 200px;  }
.sidebar_widget_bottom{ background: url(images/home_sidebar_bottom.png) no-repeat bottom left; height: 18px; width: 200px; }

.sidebar_widget_middle ul{ padding-top: 5px; }
.sidebar_widget_middle li{ padding-left: 20px; list-style: none;}
.sidebar_widget_middle a{ color: #457bc0; font-size: .75em; }
.sidebar_widget_middle h2{ color: #d62909; font-family: Arial, sans-serif; font-size: 1.5em; font-weight: normal; height: 25px; padding-left: 20px; text-align: left; }
.sidebar_widget_middle_help h2{ color: #d62909; font-family: Arial, sans-serif; font-size: 1.5em; font-weight: normal; height: 25px; text-align: left; padding-left: 20px;  }
.sidebar_widget_middle_help ul{ padding-top: 5px; }
.sidebar_widget_middle_help li{ padding-left: 20px; list-style: none; }
.sidebar_widget_middle_help a{ color: #457bc0; font-size: .85em; }

/*======================================================= End Sidebar Styles =================================================================*/

/*======================================================= Footer Styles =====================================================================*/

#footer_wrapper{
	background-color: #fff;
	color: #666;
	clear: both;
	margin: 0 auto;
	padding-bottom: 10px;
	width: 841px;
}

#footer{
	background-color: #f0f7ff;
	border-top: 1px solid #d9e6f5;
	border-bottom: 1px solid #d9e6f5;
	clear: both;
	font-size: .85em;
	padding: 20px 10px 25px 10px;
}

#footer a{ color: #666; }
#footer a:hover,
body#default #nav_footer ul  li.calendars a,
body#charts  #nav_footer ul li.charts a,
body#blog #nav_footer ul li.blog a,
body#resources #nav_footer ul li.resources a,
body#forum #nav_footer ul li.forum a,
body#help #nav_footer ul li.help a{ color: #327dce; text-decoration: none; }
#nav_footer ul li { display: inline; }


/*====================================================== End Footer Styles ===================================================================*/

/*====================================================== Other Styles ========================================================================*/

/*==== Ads ====*/
#main-body-ad{ float: left; height: 100px; margin-top: 20px; text-align: center; width: 543px;}
#main-body-ad h2{ vertical-align: middle; }
#sidebar-ad{ height: 200px; margin-bottom: 10px; margin-top: 10px; text-align: center; width: 200px;}
.sidebar-ad{ height: 150px; margin-bottom: 10px; margin-top: 10px; text-align: center; width: 200px; }
.sidebar-ad-top {height: 150px; text-align: center; width: 200px;}

#sidebar-ad-resources{ height: 200px; margin-bottom: 10px; margin-top: 10px; text-align: center; width: 200px; float: left;  }
body.popup { background-color: #fff; }
body.popup #saveName { font-size: 21px; color: #999; border: 1px solid #A12500; width: 320px; margin: 0px 0px 0px 10px; padding: 3px; }
body.popup #saveChartName { font-size: 21px; color: #999; border: 1px solid #A12500; width: 320px; margin: 0px 0px 0px 10px; padding: 3px; }

.profileCalendarTH td { font-weight: bold; }

#list-images{ float: left; margin-left: 50px; margin-bottom: 20px; width: 500px;  }

#list-images ul{ list-style-type: none;}

#list-images ul li{ float: left; height: 50px; margin: 5px; width: 50px; margin-top: 15px; }

#alert-title{ float: left; padding-top: 4px; width: 280px; }
#uploaded-thumb{ float:left; margin-right: 30px; }
#twitter{ text-align: center;}

.single-title{ font-family: Arial, sans-serif; font-weight: bold; padding-bottom: 0px; padding-left: 10px; }
.single-title h2{ font-size: 1.5em; color: #086A04; }

/* Validate Coupon Area */
#validateCoupon, #validateGiftCoupon{
	font-size:.75em;
	font-weight:bold;
	padding-top: 5px; 
}
#validateCoupon img{ float: left; width: 16px; }
#validateCoupon .status-text{ display: block; margin-left:20px;  color: #399332; }
#validateCoupon .inactive-text{ background:#F0D9D9 none repeat scroll 0 0; border:1px solid #D62909; color: #D62909; display: block; padding: 5px; width: 230px;  }
#validateCoupon .error-text{ background:#F0D9D9 none repeat scroll 0 0; border:1px solid #D62909; color: #D62909; display: block; padding: 5px; width: 230px; }
#validateCoupon .success-text{ background:#D8FFB0 none repeat scroll 0 0; border:1px solid #399332; color:#399332; display:block; padding:5px; width:230px;}
#validateCoupon .redirection{ background:#D8FFB0 none repeat scroll 0 0; border:1px solid #399332; color:#399332; display:block; padding:5px; width:200px;}
#validateCoupon img.redirect-img{ float: left; width: 16px; margin-top: 5px; margin-left: 5px;  }

#validateGiftCoupon img{ float: left; width: 16px; }
#validateGiftCoupon .status-text{ display: block; margin-left:20px;  color: #399332; }
#validateGiftCoupon .inactive-text{ background:#F0D9D9 none repeat scroll 0 0; border:1px solid #D62909; color: #D62909; display: block; padding: 5px; width: 230px;  }
#validateGiftCoupon .error-text{ background:#F0D9D9 none repeat scroll 0 0; border:1px solid #D62909; color: #D62909; display: block; padding: 5px; width: 230px; }
#validateGiftCoupon .success-text{ background:#D8FFB0 none repeat scroll 0 0; border:1px solid #399332; color:#399332; display:block; padding:5px; width:230px;}
#validateGiftCoupon .redirection{ background:#D8FFB0 none repeat scroll 0 0; border:1px solid #399332; color:#399332; display:block; padding:5px; width:200px;}
#validateGiftCoupon img.redirect-img{ float: left; width: 16px; margin-top: 5px; margin-left: 5px;  }


/* Free Account Ajax Styles */
img{ outline: none; }
input{ outline: none; }
#create_free_account .status-text{ background:#D8FFB0 none repeat scroll 0 0; border:1px solid #399332; color:#399332; display:block; margin-top: 5px;  padding:5px; width:230px; }
#create_free_account .status-text img{ float: left; padding-right: 10px; }
#create_free_account .success-text{ background:#D8FFB0 none repeat scroll 0 0; border:1px solid #399332; color:#399332; display:block; margin-top: 5px;  padding:5px; width:230px;}
#create_free_account .thank-you{ background:#D8FFB0 none repeat scroll 0 0; border:1px solid #399332; color:#399332; display:block; margin-top: 5px;  padding:5px; width:230px; }
/* Welcome page styles */
.welcome_title h2{
	color:#D62909;
	font-family:Arial,sans-serif;
	font-size:1.5em;
	font-weight:normal;
	height:25px;
	padding-left:10px;
	text-align:left;
}

ol.membership-start{
	margin-bottom:10px;
	margin-left:50px;
}

ul.membership-list{
	list-style-type:circle;
	margin-bottom:10px;
	margin-left:50px;
}

a.green-link{ color: #399332; font-weight: bold;}

span.red-text{ color:#D62909; font-weight: bold;}

/* Subscribe button */
#subscribe-class{
	margin-left:30px;
	margin-top:10px;
}

/* Expiration Notice */

h2#expiration-notice{ background:#F0D9D9 none repeat scroll 0 0; border:1px solid #D62909; color: #D62909; display: block; margin-top: 5px;  padding: 5px; width: auto; text-align: center; }
h2#expiration-notice a{color: #D62909; text-decoration: underline; font-style: italic; }