/**
* $Id: main.css 48 2010-01-25 02:15:18Z brandon $
*
* McKeel Academies
* Core v1.0
* Main screen styles
* Last Updated: $Date: 2010-01-24 21:15:18 -0500 (Sun, 24 Jan 2010) $
*
* @author			Brandon Davie
* @copyright	(c) 2009 McKeel Academies
* @package		Core
* @subpackage	CSS
* @link				http://mckeelacademy.com/
* @since			2008-05-13
* @version		$Rev: 48 $
* @author			$Author: brandon $
*/

/**
* GLOBAL STYLES
*/

body {
	background: #47b204;
	font-family: georgia, arial, verdana, tahoma;
	font-size: 13px;
	position: relative;
	color: #086aff;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

h1 {
	font-size: 1.5em;
}

h2 {
	color: #9e3fdb;
	font-size: 1.22em;
}

h3 {
	font-size: 1.3em;
}

strong,
strong em {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	color: #034bb8;
}

a:hover {
	color: #9e3fdb;
	text-decoration: underline;
}

/* Wrapper */
#wrapper {
	background-color: #47b204;
	background-image: url( ../../images/backgrounds/body.png );
	background-repeat: repeat-x;
}

/* Header styles */
#header {
	width: 900px;
	margin: 0px auto 0px auto;
	background: url( ../../images/header.png ) no-repeat;
}

#usermenu img {
	float: left;
}

#usermenu {
	background: url( ../../images/backgrounds/sign.png ) no-repeat;
	height: 80px;
}

#user_box li.item {
	color: #506D4A;
	padding: 1px;
	z-index: 100000;
	border-bottom: 0px;
}

#user_box li.item a {
	display: block;
	padding: 5px 10px 5px 5px;
	color: #65421a;
	font-size: 0.85em;
	text-decoration: none;
}

#user_box li img {
	float: left;
	padding-right: 5px;
}	

#user_box li.item a:hover {
	background: #764d1d;
	color: #ffffff;
}

#user_menu {
	position: absolute;
	margin-top: 26px !important;
	margin-left: 46px !important;
	width: 183px;
	background: #e6c3a1;
	margin: 0px;
	visibility: hidden;
	z-index: 100000;
}

#user_menu ul {
	border: solid 1px #65421a;
	z-index: 100000;
}

#user_box li.root {
	position: relative;
	top: 26px;
	left: 46px;
	background: url( ../../images/backgrounds/usermenu.png ) repeat-x 50%;
	width: 175px;
	margin: 0px;
	padding: 3px;
	border: solid 1px #65421a;	
}

#user_box li.root a {
	display: block;
	color: #ffffff;
	text-decoration: none;
}

#user_box li.root .menu_expand {
	position: absolute;
	right: 2px;
	top: 8px;
}

#user_menu_link .user_icon {
	float: left;
	margin-right: 1px;
}

#signout {
	position: relative;
	top: -52px;
	left: 270px;
}

#logo {
	height: 170px;
}

#primary_nav {
	background-color: #47b204;
	margin: 5px 0px 0px 11px;
}

#primary_nav li {
	float: left;
}

#ourschoolMenu,
#informationMenu {
	position: absolute;
	z-index: 100000;
	visibility: hidden;
}

#ourschoolMenu ul {
	background: #4b92ff;
	border-right: solid 3px #086aff;
	border-left: solid 3px #086aff;
	padding: 3px 15px 3px 15px;
}

#ourschoolMenu ul li {
	padding: 5px 15px 5px 5px;
	float: none !important;
	z-index: 100000;
	background: #A0C6FF;
	border: solid 1px #086aff;
	margin: 5px 0px 5px 0px;
	font-size: 1.1em;
}

#ourschoolMenu ul li img,
#informationMenu ul li img {
	float: left;
	margin-right: 5px;
}

#ourschoolMenu ul li a:hover {
	color: inherit !important; 
}

#ourschoolMenuTop .topLeft,
#ourschoolMenuBottom .bottomLeft,
#informationMenuTop .topLeft,
#informationMenuBottom .bottomLeft {
	float: left;
}

#ourschoolMenuTop .topRight,
#ourschoolMenuBottom .bottomRight,
#informationMenuTop .topRight,
#informationMenuBottom .bottomRight {
	float: right;
}

#ourschoolMenuTop .topCenter,
#ourschoolMenuBottom .bottomCenter,
#informationMenuTop .topCenter,
#informationMenuBottom .bottomCenter {
	height: 15px;	
	margin-left: 15px;
	margin-right: 15px;
}

#ourschoolMenuTop .topCenter {
	background: url( ../../images/nav/menus/blueTop.png ) repeat-x;
}

#ourschoolMenuBottom .bottomCenter {
	background: url( ../../images/nav/menus/blueBottom.png ) repeat-x;
}
	
#informationMenu ul {
	background: #ff91bc;
	border-right: solid 3px #ff5497;
	border-left: solid 3px #ff5497;
	padding: 3px 15px 3px 15px;
}

#informationMenu ul li {
	padding: 5px 15px 5px 5px;
	float: none !important;
	z-index: 100000;
	background: #FFDDEA;
	border: solid 1px #ff5497;
	margin: 5px 0px 5px 0px;
	font-size: 1.1em;
}

#informationMenu ul li a {
	color: #CC7497;
}

#informationMenuTop .topCenter {
	background: url( ../../images/nav/menus/pinkTop.png ) repeat-x;
}

#informationMenuBottom .bottomCenter {
	background: url( ../../images/nav/menus/pinkBottom.png ) repeat-x;
}

#rdcontent,
#sqcontent,
#content {
	background-color: #ffffff;
	width: 97%;
	margin: 5px auto 0px auto;
	clear: both;
	position: relative;
	top: 5px;
}

#contenttop img,
#contentbottom img {
	display: block;
	width: 14px;
	height: 14px;
}

#contenttop {
	background: url( ../../images/corners/tr.png ) no-repeat top right;
}

#contentbottom {
	background: url( ../../images/corners/br.png ) no-repeat top right;
}

#right_col {
	float: right;
	width: 25%;
}

#left_col {
	margin-left: 5px;
	width: 72%;
}

#onecol {
	margin: 0px 15px 0px 15px;
}

#onecol ul li {
	padding: 6px;
}

#footer {
	width: 97%;
	margin: 5px auto 0px auto;
	color: #e4ff00;
	font-size: 0.85em;
	text-align: center;
	padding: 10px
}

/* Title styling */
h1 img {
	margin-bottom: 5px;
}

.maintitle {
	background: url( ../../images/backgrounds/maintitle.png ) repeat-x left 50%;
	overflow: hidden;
	height: 30px;
}

.subtitle {
	background-color: #e6effd;
	padding: 4px;
	font-weight: bold;
	color: #034bb8;
}

/* File manager styles */
.fmWrapper {
	width: 80%;
	border: 8px solid #bcebf8;
	overflow: auto;
	color: #000000;
	visibility: hidden;
	display: none;
	z-index: 100000;
	background: #ffffff;
}

.fmActions {
	background: #d5f1f8;
	border-bottom: dotted 1px #bcebf8;;
	overflow: auto;
}

.fmActions ul.right {
	float: right;
}

.fmActions ul li {
	float: left;
	cursor: pointer;
	padding: 5px;
	margin: 3px;
}

.fmActions ul li.hover {
	background: #FFFFFF;
	-webkit-border-radius: 6px;
}

.fmTree {				
	float: left;
	width: 25%;
	overflow: auto;
	height: 450px;
	background: #eaf4f6 url( 'images/fm/bluegradientvertical.png' ) repeat-y;
	padding: 0px;
}

.fmTree table {
	font-size: 0.9em;
}

.tafelTree_root {
	margin: 5px;
}

.fmTree table td.tafelTreecanevas,
.fmTree table td img.tafelTreeopenable {
	cursor: pointer;
}

.fmRightCol {
	background: #eaf4f6;
	float: left;
	width: 75%;
}

.fmDisplay {
	background: #f5fcfe url( 'images/fm/bluegradient.png' ) repeat-x;
	height: 400px;
	overflow: auto;
	border-left: dotted 1px #bcebf8;
	border-bottom: dotted 1px #bcebf8;
	padding: 5px;
}

.fmDisplay ul li {
	float: left;
	width: 80px;
	height: 100px;
	overflow: hidden;
	font-size: 0.85em;
	text-align: center;
	vertical-align: middle;
	margin: 10px;
}

.fmDisplay ul li .fmFileIcon {
	height: 70px;
	margin-bottom: 3px;
	-webkit-border-radius: 8px;
}

#fmFiles li .fmFileIcon img {
	border: solid 2px #e0e0e0;
	border-right: solid 3px #e0e0e0;
	border-bottom: solid 3px #e0e0e0;
	background: #ffffff;
}

.fmDisplay ul li .fmFileIcon.selected {
	background: #e3e2e2;
}

.fmUpload {
	background: #eaf4f6;
	height: 65px;
	overflow: auto;
}

.fmBranchSelected {
	background: #caf0fa;
	padding: 3px 7px 3px 7px;
	-webkit-border-radius: 15px;
}

.fmClose {
	margin: 7px 5px 0px 0px;
	float: right;
}

.fmUpload .wrapper {
	margin: 12px 15px 0px 0px;
	overflow: auto;
}

.fmUploadStatus {
	text-align: center;
	margin: 25px;
	background: #eaf4f6;
	width: 300px;
	height: 50px;
	border: dotted 1px #bcebf8;
	padding: 10px;
}

.fmUploadProgressWrap {	
	background: #ffffff;
	width: 275px;
	height: 6px;
	border: solid 1px #787878;
	margin: 10px auto 10px auto;
}

.fmUploadProgress {
	width: 0px;
	background-color: #636363;
	height: 6px;
}

.fmPreviewBlock img {
	margin-bottom: 5px;
	border: solid 2px #d5dce4;
}

.swfupload {
	position: absolute;
	z-index: 1;
}

/* Input styling */
.input_text,
.input_text_large {
	color: #013788;
	border: 1px solid #9f9f9f;
	background: #ffffff url(../../images/backgrounds/inputtext.png) repeat-x;
	padding: 2px;
	font-family: arial, verdana, tahoma, sans-serif;
}

.input_text_large {
	font-size: 1.2em;
	margin: 0px 0px 15px 10px;
}

.input_submit,
.input_submit_nopad {
	padding: 3px 8px;
	font-weight: bold;
	font-size: 0.98em;
	color: #ffffff;
	background-color: #053459;
	border-width: 1px;
	border-style: solid;
	border-color: #013b94;
	white-space: nowrap;	
}

.input_submit {
	margin: 12px 5px 12px 5px;
}

.input_submit_nopad {
	margin: 8px;
}

.input_submit_go {
	padding: 2px 3px;
	font-weight: bold;
	color: #ffffff;
	background-color: #17293b;
	border-width: 1px;
	border-style: solid;
	border-color: #456b92 #4a749e #4a749e #456b92;
}

.input_checkbox {
	margin-right: 10px;
	vertical-align: middle;
}

.input_checkbox.padded {
	margin-top: 3px;
	margin-bottom: 3px;
}

.input_select {
	border: 1px solid #9f9f9f;
	margin-right: 10px;
}

.button_row {
	background: #e6effd;
	text-align: center;
}

/* Tab bar styles */
.tab_bar {
	font-size: 0.9em;
}

.tab_bar li {
	float: left;
	padding: 10px 20px 10px 0px !important;
	margin-right: 7px;
	margin-bottom: 5px;
}

.tab_bar li img.tlcornerimg {
	display: block;
	width: 7px;
	height: 7px;
	position: relative;
	top: -10px;
}

.tab_bar li img.cornerimg {
	margin-top: -10px;
	margin-bottom: -10px;
}

.tab_bar li img {
	float: left;
	margin-right: 6px;
}

.tab_bar li.active {
	padding: 10px 20px 10px 0px !important;
	position: relative;
	top: 5px;
	padding-left: 0px !important;
}

.tab_bar li.blue {
	background: #c5dafa url( ../../images/corners/buttons/inactive_blue_right.png ) no-repeat top right;	
}

.tab_bar li.blue a {
	color: #013788;
}

.tab_bar li.blue.active {
	background: #086aff url( ../../images/corners/buttons/active_blue_tr.png ) no-repeat top right;
}

.tab_bar li.blue.active a {
	color: #ffffff;
	font-weight: bold;
}

.tab_bar li.cyan {
	background: #caf0fa url( ../../images/corners/buttons/inactive_cyan_right.png ) no-repeat top right;	
}

.tab_bar li.cyan a {
	color: #02667f;
}

.tab_bar li.cyan.active {
	background: #02c5f5 url( ../../images/corners/buttons/active_cyan_tr.png ) no-repeat top right;
}

.tab_bar li.cyan.active a {
	color: #ffffff;
	font-weight: bold;
}

.tab_bar li.purple {
	background: #e4c0fb url( ../../images/corners/buttons/inactive_purple_right.png ) no-repeat top right;
}

.tab_bar li.purple a {
	color: #4f0480;
}

.tab_bar li.purple.active {
	background: #9e3fdb url( ../../images/corners/buttons/active_purple_tr.png ) no-repeat top right;
}

.tab_bar li.purple.active a {
	color: #ffffff;
	font-weight: bold;
}

.tab_bar li.pink {
	background: #fcc6db url( ../../images/corners/buttons/inactive_pink_right.png ) no-repeat top right;
}

.tab_bar li.pink a {
	color: #7c0131;
}

.tab_bar li.pink.active {
	background: #ff5497 url( ../../images/corners/buttons/active_pink_tr.png ) no-repeat top right;
}

.tab_bar li.pink.active a {
	color: #ffffff;
	font-weight: bold;
}

.tab_bar li.orange {
	background: #fcd8b9 url( ../../images/corners/buttons/inactive_orange_right.png ) no-repeat top right;
}

.tab_bar li.orange a {
	color: #a44c00;
}

.tab_bar li.orange.active {
	background: #fd7600 url( ../../images/corners/buttons/active_orange_tr.png ) no-repeat top right;
}

.tab_bar li.orange.active a {
	color: #ffffff;
	font-weight: bold;
}

.tab_bar li.red {
	background: #fbceca url( ../../images/corners/buttons/inactive_red_right.png ) no-repeat top right;
}

.tab_bar li.red a {
	color: #6b0b02;
}

.tab_bar li.red.active {
	background: #fc2310 url( ../../images/corners/buttons/active_red_tr.png ) no-repeat top right;
}

.tab_bar li.red.active a {
	color: #ffffff;
	font-weight: bold;
}

/* Section styles */
#section_menu {	
	padding-left: 5px;	
	overflow: auto;
}

#section_menu.blue {
	background: #c5dafa;	
	border-bottom: dotted 1px #086aff;
}

#section_menu.cyan {
	background: #caf0fa;
	border-bottom: dotted 1px #02c5f5;
}

#section_menu.purple {
	background: #e4c0fb;
	border-bottom: dotted 1px #9e3fdb;
}

#section_menu.pink {
	background: #fcc6db;
	border-bottom: dotted 1px #ff5497;
}

#section_menu.orange {
	background: #fcd8b9;
	border-bottom: dotted 1px #fd7600;
}

#section_menu.red {
	background: #fbceca;
	border-bottom: dotted 1px #fc2310;
}

#section_menu li {
	float: left;
	padding: 5px 12px 5px 2px !important;
	font-size: 0.9em;
}

#section_menu li.active {
	font-weight: bold;
}

#section_menu li.blue a {
	color: #013788;
}

#section_menu li.cyan a {
	color: #02667f;
}

#section_menu li.purple a {
	color: #4f0480;
}

#section_menu li.pink a {
	color: #7c0131;
}

#section_menu li.orange a {
	color: #a44c00;
}

#section_menu li.red a {
	color: #6b0b02;
}

#section_wrapper {
	clear: both;
}

#section_wrapper.blue {
	color: #013788;
	border: solid 4px #086aff;
}

#section_wrapper.cyan {
	color: #02667f;
	border: solid 4px #02c5f5;
}

#section_wrapper.purple {
	color: #4f0480;
	border: solid 4px #9e3fdb;
}

#section_wrapper.pink {
	color: #7c0131;
	border: solid 4px #ff5497;
}

#section_wrapper.orange {
	color: #a44c00;
	border: solid 4px #fd7600;
}/*

#section_wrapper.orange th {
	background: #fae8d9;
	color: #a44c00;
}	

#section_wrapper.orange td.row1 {
	background: #f9f4ef;	
}

#section_wrapper.orange td.row2 {
	background: #f9f8f6;
}

#section_wrapper.orange .button_row {
	background: #fae8d9;
	border-top: dotted 1px #fd7600;
}

#section_wrapper.orange .button_row .input_submit {
	background: #ff9d49;
	border: solid 1px #fd9236;
}*/

#section_wrapper.red {
	color: #6b0b02;
	border: solid 4px #fc2310;
}

#section_content {
	clear: both;
}

/* Button links */
.button_links li {
	float: right;
	margin: 10px 3px 0px 0px;
	background: transparent url( ../../images/backgrounds/purple_button_left.png) no-repeat;
	padding: 6px;
}

.button_links li a {
	display: block;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: -6px;
	text-decoration: none !important;
	color: #fff;
	-moz-outline: 0;
	background: transparent url(../../images/backgrounds/purple_button_right.png) no-repeat top right;
	padding: 8px 12px 7px 3px;	
}

.button_links li a img {
	margin: -1px 5px 1px 0px;
	vertical-align: middle;
}

/* Table styles */
.mcktable {
	width: 100%;
}

.mcktable TH {
	/*background: #e4ebf2;*/
	background: #e7f7f6;
	color: #284b72;
	padding: 5px;	
	font-weight: bold;
	border-bottom: solid 2px #ffffff;
}

.mcktable TH.th_right {
	text-align: right;
}

.mcktable TH A {
	text-decoration: underline;
}

.mcktable TD {
	padding: 3px;
	border-bottom: solid 2px #ffffff;
}

.mcktable TD.td_right {
	text-align: right;
}

.mcktable TD.td_vtop {
	vertical-align: top;
}

.mcktable .row1 {
	/*background-color: #f1f4f7;*/
	background-color: #f0f9f9;
}

.mcktable .row2 {
	/*background-color: #fafbfc;*/
	background-color: #f4f9fa;
}

.mckmenu li.useredit {
	background-image: url( ../../images/icons/user_edit.png );
}

.mckmenu li.userdel {
	background-image: url( ../../images/icons/user_delete.png );
}

.mckmenu li.userlogin {
	background-image: url( ../../images/icons/user_go.png );
}

.mckmenu li.key {
	background-image: url( ../../images/icons/key.png );
}

.mckmenu li.permview {
	background-image: url( ../../images/icons/shield_go.png );
}

.mckmenu li.permedit {
	background-image: url( ../../images/icons/shield_edit.png );
}

.mckmenu li.permdel {
	background-image: url( ../../images/icons/shield_delete.png );
}

.mckmenu li.appedit {
	background-image: url( ../../images/icons/package_edit.png );
}

.mckmenu li.appdisable {
	background-image: url( ../../images/icons/package_disable.png );
}

.mckmenu li.appenable {
	background-image: url( ../../images/icons/package_enable.png );
}

.mckmenu li.appuninstall {
	background-image: url( ../../images/icons/package_delete.png );
}

.mckmenu li.taskedit {
	background-image: url( ../../images/icons/time_edit.png );
}

.mckmenu li.taskrun {
	background-image: url( ../../images/icons/time_go.png );
}

.mckmenu li.taskdel {
	background-image: url( ../../images/icons/time_delete.png );
}

.mckmenu li.newsview {
	background-image: url( ../../images/icons/newspaper_go.png );
}

.mckmenu li.newsedit {
	background-image: url( ../../images/icons/newspaper_edit.png );
}

.mckmenu li.newsdel {
	background-image: url( ../../images/icons/newspaper_delete.png );
}

.mckmenu li.photosedit {
	background-image: url( ../../images/icons/photos_edit.png );
}

.mckmenu li.photosgo {
	background-image: url( ../../images/icons/photos_go.png );
}

.mckmenu li.photosempty {
	background-image: url( ../../images/icons/photos_empty.png );
}

.mckmenu li.photosdelete {
	background-image: url( ../../images/icons/photos_delete.png );
}

.mckmenu li.caledit {
	background-image: url( ../../images/icons/calendar_edit.png );
}

.mckmenu li.caldelete {
	background-image: url( ../../images/icons/calendar_delete.png );
}

.mckmenu li.eventedit {
	background-image: url( ../../images/icons/date_edit.png );
}

.mckmenu li.eventdelete {
	background-image: url( ../../images/icons/date_delete.png );
}

.mckmenu li.webpages {
	background-image: url( ../../images/icons/layout.png );
}

.mckmenu li.webpagesadd {
	background-image: url( ../../images/icons/layout_add.png );
}

.mckmenu li.webedit {
	background-image: url( ../../images/icons/package_edit.png );
}

.mckmenu li.webdel {
	background-image: url( ../../images/icons/package_delete.png );
}

.double_pad td {
	padding: 10px;
}

/* Find Account / Inline Form Styles */
#backdrop {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 90;
	background: #000;
	height: 500px;
	width: 500px;
	visibility: hidden;
}

#inlineForm {
	border: solid 3px #086aff;
	background-color: #f2f9fa;
	z-index: 100000;
	width: 650px;
}

#inlineFormTitle {
	background-color: #086aff;
	color: #ffffff;
	padding: 5px;
	font-size: 1.2em;
}

#inlineFormLoading {
	margin-top: 30px;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

#inlineFormContent {
	padding: 5px;
}

#inlineFormClose {
	float: right;
}

#inlineForm UL LI {
	float: left;
	padding: 6px;
}

#userListing {
	clear: both;
	height: 300px;
	overflow: auto;
	width: 650px;
}

.iconFindUser {
	padding: 0px 8px 0px 8px;
}

/* Top bar */
#offline_message {
	background: url(../../images/backgrounds/dark_bg.png) repeat-x;
	color: #ffffff;
	height: 30px;
	font-size: 0.80em;
}

#offline_message .message {
	padding: 8px 0px 0px 10px;
}

#offline_message a {
	color: #ffffff;
}

#offline_message img {
	float: left;
	padding-right: 5px;
}

/* Editors */
.mckSlimEditor,
.mckFullEditor {
	width: 90%;
	height: 200px;
}

/* Menus */
.mckmenu {
	border: 1px solid #17293b;
	background: #f1f4f7;
	width: auto;
	white-space: nowrap;
	z-index: 150;
	visibility: hidden;
	z-index: 10000000;
}

.mckmenuopen {
	cursor: pointer;
}

.mckmenu li {
	border-bottom: 1px solid #dee5ec;
	width: auto;
	padding: 3px;
	text-align: left;
}

.mckmenu li.icon {
	background-repeat: no-repeat;
	background-position: 4px;
	padding-left: 25px !important;
}

.mckmenu li a {
	font-size: 12px;
}

.mckmenu li.groupshow {
	background-image: url( ../../images/icons/group.png );
}

.mckmenu li.groupedit {
	background-image: url( ../../images/icons/group_edit.png );
}

.mckmenu li.groupdel {
	background-image: url( ../../images/icons/group_delete.png );
}

/* Login/Registration/Etc Form Styling */
#login_form,
#register_form,
#forgot_pass_form,
#change_pass_form {
	border-top: solid 1px #086aff;
	border-bottom: solid 1px #086aff;
}

#login_form img {
	margin: 7px;
}

#login_form ul,
#register_form ul,
#forgot_pass_form ul,
#change_pass_form ul {
	float: left;
	border-right: solid 1px #e6effd;
	margin: 10px 20px 10px 10px;
	padding-right: 15px;
}

#login_form .desc {
	display: block;
	color: #7eb0fd;
	font-size: 0.85em;
	padding-left: 26px;
}

#form_details {
	margin-top: 15px;
	margin-right: 10px;
}

/* Message styles */
#message_error,
#message_success {
	width: 97%;
	margin: 5px auto 0px auto;
	clear: both;
	position: relative;
	top: 5px;
	overflow: auto;	
}

#message_error {
	background-color: #fcdad6;
	color: #fc2310;
}

#message_success {
	background-color: #ecfcec;
	color: #6abf6a;
}

#message_error h2 {
	color: #fc2310;
	font-weight: bold;
}

#message_success h2 {
	color: #6abf6a;
	font-weight: bold;
}

#message_error_top img,
#message_error_bottom img,
#message_success_top img,
#message_success_bottom img {
	display: block;
	width: 14px;
	height: 14px;
}

#message_error_top {
	background: url( ../../images/corners/trred.png ) no-repeat top right;
}

#message_error_bottom {
	background: url( ../../images/corners/brred.png ) no-repeat top right;
}

#message_success_top {
	background: url( ../../images/corners/trgreen.png ) no-repeat top right;
}

#message_success_bottom {
	background: url( ../../images/corners/brgreen.png ) no-repeat top right;
}

#message_error table,
#message_success table {
	margin-left: 15px;
}

#message_note {
	padding: 10px;
	background: #fdffdd;
	color: #6c6850;
	border: 1px dotted #e8d779;
	overflow: auto;
}

#message_note img {
	margin-right: 10px;
	margin-bottom: 2px;
}

#message_note a {
	color: #1862a8;
	font-weight: bold;
}

/* General boxes */
.general_box {
	background: #e9eef3;
	border: solid 1px #d6dee6;
	border-bottom-width: 8px;
	padding: 10px;
}

.general_box H2 {
	color: #1d3652;
	background: #d6dee6;
	padding: 5px;
	font-size: 1.1em;	
	margin: -10px -10px 10px -10px;
}

.general_box {
	color: #276296;
}

/* Color styles */
.clrBlue {
	color: #013788;
	background: #c5dafa;
}

.clrTrCornerBlue {
	clear: both;
	background: url( ../../images/corners/colors/blue_tr.png ) no-repeat top right;
}

.clrBrCornerBlue {
	clear: both;
	background: url( ../../images/corners/colors/blue_br.png ) no-repeat top right;
}

.clrCyan {
	color: #02667f;
	background: #caf0fa;
}

.clrTrCornerCyan {
	clear: both;
	background: url( ../../images/corners/colors/cyan_tr.png ) no-repeat top right;
}

.clrBrCornerCyan {
	clear: both;
	background: url( ../../images/corners/colors/cyan_br.png ) no-repeat top right;
}

.clrPurple {
	color: #4f0480;
	background: #e4c0fb;
}

.clrTrCornerPurple {
	clear: both;
	background: url( ../../images/corners/colors/purple_tr.png ) no-repeat top right;
}

.clrBrCornerPurple {
	clear: both;	
	background: url( ../../images/corners/colors/purple_br.png ) no-repeat top right;
}

.clrPink {
	color: #7c0131;
	background: #fcc6db;
}

.clrTrCornerPink {
	clear: both;
	background: url( ../../images/corners/colors/pink_tr.png ) no-repeat top right;
}

.clrBrCornerPink {
	clear: both;
	background: url( ../../images/corners/colors/pink_br.png ) no-repeat top right;
}

.clrOrange {
	color: #a44c00;
	background: #fcd8b9;
}

.clrTrCornerOrange {
	clear: both;
	background: url( ../../images/corners/colors/orange_tr.png ) no-repeat top right;
}

.clrBrCornerOrange {
	clear: both;
	background: url( ../../images/corners/colors/orange_br.png ) no-repeat top right;
}

.clrRed {
	color: #6b0b02;
	background: #fbceca;
}

.clrTrCornerRed {
	clear: both;
	background: url( ../../images/corners/colors/red_tr.png ) no-repeat top right;
}

.clrBrCornerRed {
	clear: both;
	background: url( ../../images/corners/colors/red_br.png ) no-repeat top right;
}

/* Redirect screen */
#redirectBody {
	width: 535px;
	background-color: #ffffff;
	margin: 50px auto;
}

#redirectBody img {
	display: block;
}

/* Box list */
.box_list {
	margin: 1px;
}

.box_list LI.row1,
.box_list LI.row2 {
	border-bottom: solid 2px #ffffff;
	padding: 13px !important;
}

.box_list LI.row1 {
	background-color: #f1f4f7;
}

.box_list LI.row2 {
	background-color: #fafbfc;
}

/* Pagination */
ul.pagination {
	height: 18px;
	float: left;
	margin-top: -25px;
	margin-bottom: 15px;
	margin-left: 10px;
}

ul.pagination.top {
	margin-bottom: 15px;
	padding: 0px 0px 5px 0px;
}

ul.pagination.bottom {
	margin-top: 15px;
	padding: 5px 0px 0px 0px;
}

ul.pagination a {
	color: #9e3fdb;
	text-decoration: none;
	display: block;
	padding: 1px 4px;
}

ul.pagination li.active,
ul.pagination li.pagejump,
ul.pagination li.total {	
	padding: 1px 2px;
}

ul.pagination li {
	float: left;
	margin: 0 2px 0 2px;
	border: 1px solid #eed9fb;
	border-width: 1px 2px 2px 1px;
	background: #fff;
}

ul.pagination li.total {
	background: none;
	border: 0;
	margin-left: 0px;
	padding-top: 2px;
}

ul.pagination li.active {
	font-size: 1.1em;
	color: #9e3fdb;
	font-weight: bold;
	border: 0;
	background-color: transparent;
	padding-top: 2px;
}

/* Draggables & Droppables */
.draggables_wrap {
	margin: auto;
}

.draggable {
	color: #ffffff;
	background-color: #47b204;	
	border: solid 3px #47a30c;
	font-weight: bold;	
	display: block;
	float: left;
	margin: 5px;
	cursor: move;
	z-index: 100000;
}

.droppable {
	height: 30px;
	text-align: center;
}

/* Misc */
.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

.padtop {
	padding-top: 10px;
}

.padding {
	padding: 10px;
}

.sidepadding {
	padding-right: 10px;
	padding-left: 10px;
}

.margin {
	margin: 10px;
}

.desc {
	color: #0f2e52;
	font-size: 0.9em;
}

.transcript {
	font-family: courier new;
}

.dateselhandle {
	position: relative;
	top: 3px;
}

.draghandle {
	float: left;
	margin-right: 10px;
	margin-top: 7px;
	cursor: move;
}

.subblock {
	background: #f3f5f2;
	margin: 15px;
	padding: 7px;
	border: solid 2px #C8DEC8;
	overflow: auto;
}

.subblock .row1,
.subblock .row2 {
	padding: 5px;
	border-bottom: solid 1px #ffffff;
}

.subblock .row1 {
	background: #ECEDEB;
}

.subblock .row2 {
	background: #F4F5F3;
}

/* Two col styles */
.twocolwrap {
	overflow: hidden;
}

.leftcol {
	float: left;
	width: 70%;
}

.rightcol {
	float: right;
	width: 29%;
}

/* Editor content styles */
.editorContent ul {
	display: block;
	list-style: disc outside none;	
	margin-left: 40px;
}

.editorContent ol {
	list-style: decimal outside none;
	margin-left: 40px;
}

.editorContent p {
	display: block;
	margin: 1em 0px;
}

.editorContent ul li {
	display: list-item;
}

.editorContent strong {
	font-weight: bold;
}

.editorContent em {
	font-style: italic;
}

.editorContent table {
	border-spacing: 5px !important;
}

.editorContent table td {
	padding: 5px !important;
}

.editorContent table p {
	margin: 2px;
}

.schoolPhoto {
	float: left;
	margin: 0 10px 10px 10px;
	border: solid 3px #086aff;
	-webkit-box-shadow: -2px 2px 3px #c0c4cc;
	-moz-box-shadow: -2px 2px 3px #c0c4cc;
}

.teacherSpotlightPhoto {
	float: left;
	border: solid 1px #c29adc;
	-webkit-box-shadow: -2px 2px 3px #c29adc;
	-moz-box-shadow: -2px 2px 3px #c29adc;
	margin-right: 10px;
	margin-bottom: 10px;
}

.recentPhotos {
	list-style: none !important;
}

.recentPhotos li {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.recentPhotos li img {
	border: solid 1px #c0c4cc;
	-webkit-box-shadow: -2px 2px 3px #c0c4cc;
	-moz-box-shadow: -2px 2px 3px #c0c4cc;
}

.todaysLunch {	
	padding: 8px;
	border: dotted 1px;
	text-align: center;
	margin-top: 10px;
}