body {
	margin: 0;
	padding: 0;
}

#page {
	margin: 0 auto;
}

#content a {color: #5a5a5a;}

/*FANCYBOX SETTINGS */

#fancybox-content {
	border-color: #1b9dd0 !important;
}

#fancybox-content div {
	background: #fafafa;
	background: -moz-linear-gradient(top,  #fff 10%, #e9e9e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#fff), color-stop(100%,#e9e9e9));
	background: -webkit-linear-gradient(top,  #fff 10%,#e9e9e9 100%);
	background: -o-linear-gradient(top,  #fff 10%,#e9e9e9 100%);
	background: -ms-linear-gradient(top,  #fff 10%,#e9e9e9 100%);
	background: linear-gradient(top,  #fff 10%,#e9e9e9 100%);
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #d2d2d2;
	border-top: 1px solid #f3f3f3;
}

#fancybox-content div div {
	border:none;
	background: transparent !important;
}

#fancybox-outer {
	border-left:1px solid #188bb8;
	border-right: 1px solid #188bb8;
	border-bottom: 2px solid #0c4960;
	border-top: none;
}

/* HEADER */
#homeheader {
	background: url(../images/bgs/home_headerbg.png) no-repeat top center;
	margin: 0 auto;
	padding: 0;
	height: 534px;
	position: relative;
	z-index: 1000;
}

#homeheader #login #logout ul li {
	display:inline; 
	position: relative; 
	top: 25px; 
	right: 20px; 
	padding: 10px; 
	font-size: 14px;
}

#homeheader #stacked_logo {
	background: url(../images/ch_logo_stacked.png) no-repeat; 
	position: relative; 
	top: 145px; 
	left: 55px; 
	padding: 0;
}

#homeheader #stacked_logo p {
	width: 315px; 
	font: 300 23px 'Lato'; 
	color: #fff;
}

#homeheader #stacked_logo hr.homerule {
	background: #5e5e5e; 
	color: #5e5e5e; 
	box-shadow: 0 1px 2px rgba(0,0,0,0.6); 
	margin: 17px auto 20px 15px; 
	width: 311px;
}

#homeheader img.calendar.right {
	position: relative; 
	top: -235px; 
	right: 20px;
}

#homeheader span.facebook_login {
	position: relative;
	left: 15px;
}

#homeheader span.facebook_login a {
	display: block; 
	padding: 5px 5px 5px 65px;
	width: 243px;
	height: 30px; 
	font: 300 23px 'Lato'; 
	text-shadow:0 2px 2px rgba(0,0,0,0.5);}

#homeheader span.upload_button {
	position: relative;
	left: 12px;
}

#homeheader span.upload_button a {
	background: url(../images/blue_button.jpg) no-repeat;
	display: block; 
	text-align: center;
	padding: 5px 36px;
	width: 243px;
	height: 30px; 
	font: 300 23px 'Lato'; 
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}

#homeheader span.upload_button a:visited {
	color: #fff;
}

/*#homeheader div.fb-like {
	position: relative;
	display: inline-block;
	top: 35px;
	left: 130px;
}*/

#header {
	background: url(../images/bgs/headerbg.png) no-repeat top center;
	margin: 0 auto;
	padding: 0;
	height: 107px;
	position: relative;
	z-index: 1000;
}

#header #logo {
	background: url(../images/ch_logo.png) no-repeat; 
	text-indent: -1000px; 
	margin:0 0 0 10px; 
	padding: 0; 
	height: 107px;
}

#header #login #logout ul li {
	display:inline; 
	position: relative; 
	top: -85px; 
	right: 20px; 
	padding: 10px; 
	font-size: 14px;
}

#header #login #logout ul li a {color: #fff;}

#socialmedia {
	position: relative; 
	left: 10px; 
	top: 2px; 
	z-index: 1000;
}

#homeheader #socialmedia {
	right: -554px !important; 
	top: -270px !important; 
	left: auto;
}

#homeheader #socialmedia li.feedback a {
	width: 26px; 
	height: 90px; 
	background: url(../images/feedback_button.jpg) no-repeat; 
	left: 3px;
	top: 2px;
	position: relative;
}

#socialmedia ul {
	list-style: none; 
	margin:0; 
	padding: 0;
}

#socialmedia ul li a {background: url(../images/sprites/ch_icons.png) no-repeat;}

#socialmedia ul li a {
	display: block; 
	width: 40px; 
	height: 40px;
}

#socialmedia ul li.fb a {background-position: 0 -40px;}

#socialmedia ul li.tw a {background-position: -40px -40px;}
#socialmedia li.feedback a {
	width: 26px; 
	height: 90px; 
	background: url(../images/feedback_button.jpg) no-repeat; 
	left: 3px;
	top: 2px;
	position: relative;
}

/* CONTENT  ALL PAGES */

#contentwrapper {
	background-color: #1b9dd0;
	border-left:1px solid #188bb8;
	border-right: 1px solid #188bb8;
	border-bottom: 1px solid #0c4960;
	border-top: none;
	margin: 0 auto;
	width: 908px;
	z-index: 1;
	padding-top:5px;

}

#content {
	margin: 0 7px 7px 7px;
	width:  893px;
	min-height: 600px;
	background: #fafafa;
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #d2d2d2;
	border-top: 1px solid #f3f3f3;	
}

#homecontent {
	background: #e9e9e9;
	background: -moz-linear-gradient(top,  #e9e9e9 10%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#e9e9e9), color-stop(100%,#fff));
	background: -webkit-linear-gradient(top,  #e9e9e9 10%,#fff 100%);
	background: -o-linear-gradient(top,  #e9e9e9 10%,#fff 100%);
	background: -ms-linear-gradient(top,  #e9e9e9 10%,#fff 100%);
	background: linear-gradient(top,  #e9e9e9 10%,#fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=0 );

	margin: 0 7px 7px 7px;
	width:  893px;
	min-height: 300px;
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #d2d2d2;
	border-top: 1px solid #f3f3f3;
}

div.header {
	position: absolute; 
	top: 135px;
	width: 893px;
}

div.emptybox {margin-top: 75px;}

/* ICONS */

span.add_icon,
span.get_icon,
span.save_icon {
	display: inline-block;
	width: 68px;
	height: 68px;
	border-radius: 35px;
	background-color: #84ac38;
	background: url(../images/sprites/home_sprite.png), -moz-linear-gradient(top,  #9dcd43 0%, #84ac38 100%);
	background: url(../images/sprites/home_sprite.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dcd43), color-stop(100%,#84ac38));
	background: url(../images/sprites/home_sprite.png), -webkit-linear-gradient(top,  #9dcd43 0%,#84ac38 100%);
	background: url(../images/sprites/home_sprite.png), -o-linear-gradient(top,  #9dcd43 0%,#84ac38 100%);
	background: url(../images/sprites/home_sprite.png), -ms-linear-gradient(top,  #9dcd43 0%,#84ac38 100%);
	background: url(../images/sprites/home_sprite.png),  linear-gradient(top,  #9dcd43 0%,#84ac38 100%);
	box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.15);
	margin: 0;
	position: relative;
	top: 22px;
	right: 30px;
	z-index: 1000;	
}

span.add_icon {background-position: 123px 0;}

span.get_icon {background-position: 7px 0;}

span.save_icon {background-position: 63px 0;}

span.u, 
span.close, 
span.syllabiicon, 
span.foldericon, 
span.check, 
span.editsyllabi_icon, 
span.whitex, 
span.whiteflag, 
span.blueplus, 
span.removebutton, 
span.reminderbutton, 
span.important_icon, 
span.greminderbutton {
	background: url(../images/sprites/ch_icons.png) no-repeat;
	display: inline-block;

}
 
span.u, 
span.syllabiicon, 
span.editsyllabi_icon  {	
	width: 45px;
	height: 45px;
	border-radius: 22px;
	background-color: #84ac38;
	background: url(../images/sprites/ch_icons.png), -moz-linear-gradient(top,  #9dcd43 0%, #84ac38 100%);
	background: url(../images/sprites/ch_icons.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dcd43), color-stop(100%,#84ac38));
	background: url(../images/sprites/ch_icons.png), -webkit-linear-gradient(top,  #9dcd43 0%,#84ac38 100%);
	background: url(../images/sprites/ch_icons.png), -o-linear-gradient(top,  #9dcd43 0%,#84ac38 100%);
	background: url(../images/sprites/ch_icons.png), -ms-linear-gradient(top,  #9dcd43 0%,#84ac38 100%);
	background: url(../images/sprites/ch_icons.png),  linear-gradient(top,  #9dcd43 0%,#84ac38 100%);
	box-shadow: 0 1px 4px rgba(0,0,0,0.25);
	margin: 0;
	position: relative;
	z-index: 1000;

}

span.foldericon, 
span.check, 
span.whitex, 
span.whiteflag, 
span.blueplus, 
span.removebutton, 
span.reminderbutton, 
span.important_icon, 
span.greminderbutton  {
	width: 20px;
	height: 20px;
}

span.editsyllabi_icon, 
span.addclasses_icon,
span.syllabiicon {
	position: relative;
	left:-28px;
}

span.foldericon {background-position: -49px -85px;}

span.arrow {background-position: -15px -86px; width: 10px;}

span.check {background-position: -89px -87px;}

span.u {background-position: 3px 2px;}

span.syllabiicon {background-position: -80px 1px;}

span.removebutton {
	background-position: -48px -127px; 
	float: right; 
	margin: 0 5px !important;
}

span.reminderbutton {
	background-position: -7px -169px;
	float: right; 
	position: relative;
	top: 2px;
	margin: 0 5px !important;
}

span.greminderbutton {
	background-position: -47px -169px;
	float: right; 
	position: relative;
	top: 2px;
	margin: 0 5px !important;
}

span.blueplus {background-position: -90px -45px;}

span.whitex {
	background-position: -170px -88px;
	vertical-align: text-bottom;
}

span.whiteflag {
	background-position: -7px -129px;
	vertical-align: text-bottom;
}

span.important_icon {background-position: -129px -47px;}

span.editsyllabi_icon {background-position: -118px 1px;}


/* INDEX */

div.howitworks {
	background: url(../images/bgs/howitworksbg.jpg) no-repeat;
	height: 60px;
}

div.starthacking {
	background: url(../images/bgs/starthackingbg.jpg) no-repeat;
	height: 60px;
}

div.howitworks span, div.starthacking span {font: 300 24px 'Lato'; color: #919191;}

div.add, div.get, div.save {
	width: 620px;
	height: 114px;
	margin: 50px auto;
	position: relative;
	background-color: #fff;
	background: #fdfdfd;
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #f3f3f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f3f3f3));
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f3f3f3 100%);
	background: -o-linear-gradient(top,  #fdfdfd 0%,#f3f3f3 100%);
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#f3f3f3 100%);
	background: linear-gradient(top,  #fdfdfd 0%,#f3f3f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f3f3f3',GradientType=0 );
	border: 1px solid rgba(60,60,60,0.3);
	box-shadow: 0 2px 5px rgba(0,0,0,0.25);

}

div.add {margin-top: 70px;}

div.save {margin-bottom: 70px;}

span.add.header,
span.get.header,
span.save.header {
	background: url(../images/sprites/header_sprite.png) no-repeat;
	width: 110px;
	height: 40px;
	display: inline-block;
	position: relative;
	top: 10px;
	right: 20px;
}

span.get.header {background-position: 0 -55px;}

span.save.header {background-position: 0 -105px;}

div.info {
	width: 440px;
	height: 80px;
	position: absolute;
	top: 15px;
	right: 10px;
	margin-bottom: 86px;
	
}

div.info p {
	font: 400 15.5px 'Lato';
	color: #7c7b7b;
	margin: 0;
	line-height: 20px;
}

hr.homeblue {
	background-color: #85bfd6;
	color: #85bfd6;
	border: 1px solid #77abbf;
	box-shadow: 0 1px 2px #dfdfdf;
	position: absolute;
	top: 105px;
	height: 2px;
	width: 619px;
}

/* EDIT SYLLABUS */

ul.submenu {margin-top: 10px;}

ul.submenu li {
	display: inline;
	font-size: 15px;
	margin: 0 3px;
}

ul.submenu li a {color: #8c8c8c;}

ul.submenu li.current {
	background: #ededed; 
	padding:2px 7px 0; 
	margin:0; 
	border: 1px solid #e3e3e3;
}

ul.submenu li.divider {color: #bfbebe;}

h1.topmargin {
	position:relative; 
	top: -44px; 
	line-height: 40px; 
	z-index: 1; 
	margin-bottom: -44px;
}

div.header a.collect_email_modal {
	float:right;
	position: absolute;
	top:11px;
	right: 3px;
	z-index: 100;
}

div.wrapper {
	position: relative;
}

div.syllabidisplay {
	width: 575px;
	margin: 25px 20px 20px 20px;
	position:absolute;  
    z-index:100
}

div.syllabidisplay div.syllabus {
	width: 530px;
	height: 400px;
	border: 1px solid rgba(60,60,60,0.5);
	background: #FFF;
	margin:0;
	box-shadow: 0 2px 7px rgba(0,0,0,0.25);
	padding: 20px;
	overflow:auto;

}

div.syllabidisplay img {width: 575px;}

div.error {margin-top: 15px;}

p.important {
	display: inline; 
	margin-left: 5px;
}

div.dates {
	width: 275px; 
	position:relative;
	left:610px;
	top:10px;
}

span.close {
	background-position: -168px -88px;
	vertical-align: top;
	margin: 3px 10px 0 10px;
	background-color: #84ac38;
	width: 25px;
	height: 25px;
}

div.dates a.buttons {
	float:right;
	margin: 10px auto;
}

div.instructions {
	background-color: #1b9dd1;
	margin: 15px 0 10px 0;
	padding: 10px;
	color: #fff;
	border-top: 1px solid #77beda;
	border-left: 1px solid #188bb8;
	border-left: 1px solid #188bb8;
	border-bottom: 2px solid #0c4960;
}
div.instructions p {margin-left: 0;}


div.adddate {
	background-color: #e6f3f9; 
	padding: 0 10px 7px 15px;
}

span#assignments {
	margin: 15px 0;
	display: block;
}

span#assignments p {
	margin:0;
	padding: 7px 15px;
	word-wrap: break-word;
}

div.date {
	border: 1px solid rgba(60,60,60,0.3); 
	margin: 15px 0;
	box-shadow: 0 1px 5px rgba(0,0,0,0.15);
}

div.date h4 {
	background-color: #e6f3f9; 
	padding:0 5px 2px; 
	height: 25px;
}

div.date h4 span {
	margin:2px 15px; 
	display: inline-block;
}

div#ui-datepicker-div {background-color: #1b9dd1;}

div.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a,
div.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all div {
display: inline; 
margin: 2px 5px;}

table.ui-datepicker-calendar {background-color: #fff;}

table.ui-datepicker-calendar thead th {background-color: #5a5a5a;}

table.ui-datepicker-calendar thead tr th span {color: #fff;}

table.ui-datepicker-calendar a.ui-state-default {color: #1b9dd1;}

div.date p {
	margin: 5px;
}
/* THANK YOU PAGE */

div#thankyou div.fb-like {
	display: inline-block;
	width: 75px;
	margin: 15px auto 10px;
}

div#parsingerror h2, div#thankyou h2 {
	background-color: transparent;
}

div#parsingerror p, div#thankyou p {
	margin: 0 auto;
}


/* PARSING ERROR */

div#parsingerror, div#thankyou {
	width: 600px;
	text-align: center;
	margin: 25px auto;
}

div#parsingerror input[type='submit'], div#thankyou a.buttons {
	margin: 20px auto;
	padding: 0 140px;
	height: 30px;
}

/* MODALS */

div#fancybox-content iframe html body {	
	width: 785px;
	height: 550px;
	overflow:hidden;
}

#modalbox {
	background: #fdfdfd;
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #d2d2d2;
	border-top: 1px solid #f3f3f3;
	
}

div.modal {
	width: 530px;
	text-align: center;
	margin: 15px;
	border: 1px solid #e0e0e0;
	border-bottom: 2px solid #757575;
}

div.modal h2 {
	background: none;
	font-weight: 600;
}

div.modal p {
	font-size: 17px;
}

div.modal input[type="file"] {
	margin-top: 40px;
	width:165px;
}

div.modal input[type="submit"] {
	margin: 20px auto 0px;
	height: 35px;
	font-size: 21px;
}

div.modal.upload input[type="submit"] {
	padding: 3px 220px 7px;
}

div.modal label {
	font-size: 40px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color:  #84AC38;
	text-shadow: 0 2px 2px rgba(0,0,0,0.2);
	display: inline-block;
	position: relative;
	top: -7px;
	left: 5px;
}

div.modal input[type='text'], div#parsingerror input[type='text'] {
	border: 1px solid  #E3E3E3;
	height: 27px;
	border-bottom: 1px solid rgba(0,0,0,0.5);
	width: 365px;
	margin: 10px auto;
}

div.modal a {
	color:#5a5a5a;
}

div.modal a.buttons {
	padding: 3px 25px;
}



/* Privacy Policy */

div#privacy h2, div#privacy h4, div#privacy p {
	margin: 5px 0 10px 20px;
	background: none;
	padding: 0;
}

/* FOOTER */

#footer {
	color: #fff;
	padding: 10px 20px;
}

#footer ul {padding:0;}

#footer ul li {display: inline; padding: 0 8px;}

#footer #disclaimer {margin-top:50px;}

#footer ul#disclaimer li {padding: 0 12px 0 0;}

#footer ul.right {margin-right: 0;}

#footer ul.right.home {
	position: relative;
	right: -550px;
}

/* YII CLASSES STUFF */

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}



div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: 700;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}
.schoolerror {
	padding: 10px;
	color: red;
	font-size: 16px;
}