#classic_workarea {
	padding-top: 0px;
	width: 300px;
	float: left;
}

#workarea {
	margin: 0 200px 0 200px;
	border-right: 1px solid #e99a10;
        padding-left: 5px;
        padding-right: 5px;
}
#workarea H1{
	margin-top: 0em;
}

#workarea #parents {
	width: 245px;
	float: left;
}

#workarea #parents #phead {
	background-image: url(images/sn_head_parents.png);
	background-repeat: no-repeat;
	height: 29px;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	width: 245px;
}

#workarea #parents #pBody {
	border: 2px solid #277aba;
	color: #0b613c;
	text-align: center;
	width: 241x;
}

#workarea #parents #pBody input {
	font-size: 16px;
	color: #277aba;
	font-weight: 600;
	margin: 5px;
}

#workarea #parents #pBody #pBodyDiv {
	border-top: 2px solid #277aba;
	margin: 0px;
	font-size: 13px;
	margin-top: 10px;
	padding: 5px;
}

#workarea #parents fieldset {
	padding: 0px;
	border: none;
}

#workarea #students {
	width: 245px;
	float: right;
}

#workarea #students #shead {
	background-image: url(images/sn_head_students.png);
	background-repeat: no-repeat;
	height: 29px;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

#workarea #students #sBody {
	border: 2px solid red;
	color: #0b613c;
	text-align: center;
	width: 241x;
}

#workarea #students #sBody input {
	font-size: 16px;
	color: #277aba;
	font-weight: 600;
	margin: 5px;
}

#workarea #students #sBody #sBodyDiv {
	border-top: 2px solid #277aba;
	padding: 10px;
	margin: 0px;
	font-size: 13px;
	margin-top: 10px;
	padding: 10px;
}

#workarea #students fieldset {
	padding: 0px;
	border: none;
}

#workarea #mpage_table {
	width: 99%;
	border: 0px;
	margin-top: 15px;
}

#workarea #mpage_table .page_name {
	width: 40%;
}

#workarea #mpage_table .active,.action {
	text-align: center;
}

#workarea h1 {
	text-align: center;
	margin-bottom: 15px;
	font-size:14pt;
}

#workarea h2 {
	width:300px;
	margin: 15px;
	font-size:13pt;
	font-weight:0;
}

#workarea h3 {
	/*text-align: center;*/
	margin: 13px;
}

#workarea .tx1 {
	font-size: 12px;
}

#workarea .txt {
	font-size: 10pt;
}
#workarea .txt2 {
	font-size: 9pt;
}
#workarea .txt2 span {
	font-style: italic;
	text-decoration:underline;
}
#workarea .sup_form {
	width:350px;
	float:left;

}

#workarea .add_page_name {
	padding-left: 25px;
}

.scroller-dialog {
	margin-left: 0px;
	margin-top: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	/*word-wrap: break-word;*/
}

#workarea .td_scrooller {
	border: 0px;
	font-weight: 100;
	font-size: 13px;
	padding: 0px;
	width: 500px;
}

#workarea table tbody {
	padding: 0px;
	margin: 0px;
	align: center;
}

#workarea .submenu {
	background-image: url('../img/sn_teachers_tab_text.png');
	font-size: 14pt;
	color: #fff;
	width: 258px;
	height: 28px;
	text-align: center;
}

#workarea .p_submenu {
	background-image: url('../img/sn_parents_tab_text.png');
	font-size: 14pt;
	color: #fff;
	width: 258px;
	height: 28px;
	text-align: center;
}

#workarea .s_submenu {
	background-image: url('../img/sn_students_tab_text.png');
	font-size: 14pt;
	color: #fff;
	width: 258px;
	height: 28px;
	text-align: center;
}

#workarea #results {
	width: 99%;
}

#workarea .tableForm {
	border: 0px;
}

#workarea .tableForm td {
	border: 0px;
	font-size: 11px;
}

/*#workarea #wysiwyg table,td,tr,th {
	border: 0px;
}*/

#workarea #calendar {
	width:830px;
	margin:auto auto;
}

#workarea #calendar  td  {
	width: auto auto;
	font-size: 13px;
	text-align:left;
	/*margin-bottom:10em;*/
	padding-left: 3px;
	padding-top: 3px;
	margin-top:3px;
	word-wrap: break-word;
	overflow:auto auto;
	background-color:#edecd8;
	border:1px inset;
	border-color:#666;
	width:100px;
	height:90px;
}

#workarea #calendar  td.day-weekview  {
	height: 280px;
}

#workarea #calendar  tr  {
	vertical-align: top;
}

#workarea #calendar .day {
	padding-bottom:5em;
	text-align:left;
	float:left;
}

#workarea #calendar th {
	font-size: 12px;
	margin:1px;
	padding:1px;
	font-weight:600;
	background-color:#0259a9;
	color:#fff;
	text-align:center;
	word-wrap: break-word;
	border:1px inset;
	padding:2px;
	height:20px;
}

div.calendar-user {
	font-weight: bold;
	text-align:left;
	font-size:14px;
	float: left;
	display: block;
}

div.close-window-link {
	float: right;
	display: block;
}

div.calendar-controls {
	display: block;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 1px;
	width: 100%;
}

div.calendar-controls input[type="submit"] {
	border: 1px solid #0259A9;
}

div.controls-msg {
	margin-left: 20px;
	margin-bottom: 3px;
	font-size: 9pt;
}

div.calendar-switch {
	float: right;
	display: block;
	margin-top: 25px;
}

#workarea .linkright {
	float:right;
}

#workarea .linkleft {
	float:left;
}

#workarea table.table {
	/*border:2px solid #7d9db9;
	border-collapse:collapse;*/
	border: 2px solid #e99910;
	font-size:1em;
	padding:0px;
	/*width: 100%;*/
	width: 97%;
	height: auto;
}

table.favLinks {
	/*border:2px solid #7d9db9;
	border-collapse:collapse;*/
	border: 2px solid #e99910;
	font-size:1em;
	padding:0px;
	width: 545px;
	height: auto;
}

#workarea table thead {
	position:relative;
}
.scroller {
	overflow-y:auto;
	overflow-x:hidden;
	display:block;
	display:table-row-group;
}
.scroller td {
	min-height:15px;
}



#workarea table th {
	/*background-color:#c1d9f8;*/
	background-color: #e99910;
	padding:2px;
}

#workarea table td.cell, td {
/*	padding:2px;
 */
	height: auto;
}

#workarea table td.icontype {
	text-align: center;
}

.lightrow {
	background-color:#fff;
}

.darkrow {
	background-color:#eee;
}

#workarea div.guidelines {
	text-align: justify;
}

#workarea table td.cell2 {
	height: auto;
	border: 1px solid #7d9db9;
	vertical-align: top;
}

#workarea table td.cell2:hover {
    background-color: #eee;
}

#workarea .ver {

}

#teacher_title{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	width:95%;
	float:left;
	font-size:12px;
	text-align: left;
}

#teacher_title .page_title {
	font-size: 1.5em;
	font-weight: bold;
}

#teacher_title .teacher_name {
	font-size: 1.3em;
}

.page_content {
    word-wrap: break-word;
    /*width: 510px;*/
    padding: 5px;
	min-height: 100px;
	margin-bottom: 10px;
	overflow: auto;
}

#teacher_workarea{
	width:520px;
	border:double #3366ff;
	float:left;
}
#workarea2 {
	width:520px;
	min-height:400px;
	border:double #3366ff;
	float:left;
	border-top:0px;
}
#created_area{
	float:left;
	width:300px;
	/*wordWrap: break-word;*/
	/*overflow: scroll;*/
}
#function_area{
	float:right;
	width:198px;
	border-left:2px solid #3366ff;
	border-bottom:2px solid #3366ff;
	margin-top:180px;
}
.func1 {
	width:505px;
	border-top:double #3366ff;
	text-align:left;

	padding-left:15px;

}

#fullViewCalendar {
	width: 700px;
	height: 550px;
	border: 0px;
	font-size: 10px;
}

#fullViewCalendar  td  {
	font-size: 8px;
	text-align: left;
	vertical-align: top;
	margin:1px;
	word-wrap: break-word;
	background-color:#edecd8;
	border-color:#666;
	width: 100px;
	height: 106px;
	padding-left: 2px;
}

#fullViewCalendar .head {
	font-size: 12px;
	margin:1px;
	padding:1px;
	font-weight:600;
	background-color:#e99a10;
	color:#000;
	text-align:center;
	word-wrap: break-word;
	padding:2px;
	height: 20px;
}

#fullViewCalendar .headp {
	font-size: 12px;
	margin:1px;
	padding:1px;
	font-weight:600;
	background-color:#09f;
	color:#fff;
	text-align:center;
	word-wrap: break-word;
	padding:2px;
	height: 20px;
}

#fullViewCalendar .heads {
	font-size: 12px;
	margin:1px;
	padding:1px;
	font-weight:600;
	background-color:#f00;
	color:#fff;
	text-align:center;
	word-wrap: break-word;
	padding:2px;
	height: 20px;
}

#shortCalendar {
	width: 88%;
	border:0px;
	font-size:8px;
}

#shortCalendar  td  {
	font-size: 10px;
	text-align:center;
	margin:1px;
	word-wrap: break-word;
	background-color:#edecd8;
	border-color:#666;
}

#shortCalendar .head {
	font-size: 12px;
	margin:1px;
	padding:1px;
	font-weight:600;
	background-color:#e99a10;
	color:#000;
	text-align:center;
	word-wrap: break-word;
	padding:2px;
}

#shortCalendar .headp {
	font-size: 12px;
	margin:1px;
	padding:1px;
	font-weight:600;
	background-color:#09f;
	color:#fff;
	text-align:center;
	word-wrap: break-word;
	padding:2px;
}

#shortCalendar .heads {
	font-size: 12px;
	margin:1px;
	padding:1px;
	font-weight:600;
	background-color:#f00;
	color:#fff;
	text-align:center;
	word-wrap: break-word;
	padding:2px;
}

#calendarBelow {
	/*width:165px;*/
	margin:auto auto;
	margin-top:20px;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	word-wrap:break-word;
}

#calendarBelow .blueback {
/*	width:165px;*/
	word-wrap: break-word;
	color:#fff;
	font-weight:600;
	background-color:#09f;
	text-align:center;
	padding:1px;

}

.page_calendar {
    float: right;
    width: 250px;
}

.page_calendar th {
    background-color: #09f;
}

.block_page_container {
    border: 2px solid #e99910;
}

.block_page_container_s {
    border: 2px solid #f00;
}

.block_page_container_p {
    border: 2px solid #09f;
}

.page_container {
    border-top: 2px solid #e99910;
}

.page_container_s {
    border-top: 2px solid #f00;
}

.page_container_p {
    border-top: 2px solid #09f;
}

.page_section_header {
    font-weight:  bold;
    font-size: 1.2em;
}

/* sexy buttons */

span.sexy {
    background: transparent url('/img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
}

span.sexy input {
	height: 24px;
	border: 0;
	color: #00f;
	font-size: 12px;
    background: transparent url('/img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 2px 0 5px 18px;
}


a.button {
    background: transparent url('/img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

.ptable {
	border: 2px solid #09f;
	font-size:1em;
	padding:0px;
	width: 100%;
	height: auto;
}

.stable {
	border: 2px solid #f00;
	font-size:1em;
	padding:0px;
	width: 100%;
	height: auto;
}

.pagination_table {
	border: 2px solid #E99910;
	font-size:1em;
	padding:0px;
	width: 100%;
	height: auto;
}

#workarea table th.pth {
	background-color: #09f;
	color: #fff;
}

#workarea table th.sth {
	background-color: #f00;
	color: #fff;
}

.pfield {
	border-color: #09f;
}

.sfield {
		border-color: #f00;
}

#workarea #dash_message_top_box {
	float: left;
}

#workarea #dash_left {
    float: left;
    margin-top: 6px;
}

#workarea #dash_right {
    margin-top: 6px;
}

#workarea #dash_top {
	float: left;
	margin-top: 6px;
	width: 540px;
}

.dash_section {
	margin-bottom: 18px;
	margin-left: 2px;
	width: 100%;
	overflow: hidden;
	text-align: left;
}

.dash_section table th {
	font-size: 10pt;
}

#profile_photo, #quickpost_section {
	float: left;
}

.dash_section #profile_photo {
	width: 203px;
}

.dash_section #profile_photo #photo {
	width: 100%;
	text-align: center;
}

.dash_section #welcome_message {
	width: 80%;
	/*margin: auto auto;*/
	border-bottom: 1px solid #E99910;
	padding: 0px;
	margin: 0% 10% 0% 10%;
	height: auto;
	text-align: center;
	font-size: 13pt;
	font-weight: bold;
	/*margin-bottom: 11px;*/
}

.dash_section #welcome_message h3 {
	/*margin: 13px 13px 2px 13px;*/
	margin: auto auto;
}

#quickpost_section form {
	margin-top: 11px;
}

.dash_section #profile_photo #empty_photo {
	width: 150px;
	height: 180px;
	background-color: #808080;
	border: 2px solid #000000;
	margin: auto auto;
	text-align: center;
	font-weight: bold;
}

.dash_section #profile_photo #empty_photo span {
	padding-top: 70px;
	display:block;
}

.dash_section #profile_photo #edit_photo {
	width: 100%;
	text-align: center;
	padding-top: 3px;
}

.dash_section #quickpost_section {
	width: 40%;
	margin-left: 4px;
	border: 2px solid #E99910;
	height: 200px;
	/*margin-right: 3px;*/
}

.dash_section #bulletin_section {
	width: 63%;
	margin-left: 12px;
	float: left;
}

.dash_section #quickpost_section textarea {
	width: 98%;
	height: 115px;
	/*border: 2px solid #E99910;*/
}

.dash_section #calendar_section {
	width: 26%;
}

.right {
	float: right;
	margin-right: 1px;
}

#dash_user_info {
	float: left;
	max-width: 50%;
	font-size: 13pt;
	font-weight: bold;
	padding-left: 3px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#dash_file_info {
	margin-bottom: 8px;
	border: 2px solid orange;
	padding-top: 8px;
	padding-bottom: 8px;
}

#dash_mid {
	float: left;
	width: 540px;
	margin-top: 8px;
}

#dash_mypages {
	float: left;
	border: 2px solid #E99A10;
	overflow: hidden;
	padding: 0px 4px 0px 4px;
	width: 29%;
	height: 200px;
}

.dash_pages_table {
	width: 100%;
}

#dash_calendar {
	float: right;
	width: 100%;
	height: 235px;
	padding-top: 31px;
}

#dash_calendar #shortCalendar {
	width: 100%;
	height: 200px;
}

#dash_planbook {
	/*min-height: 167px;*/
	height: 204px;
	/*margin-top: -3px;*/
	padding: 0px 2px 0px 3px;
}

#dash_planbook_content {
	/*width: 500px;*/
	width: 99%;
	display: block;
	margin-left: 3px;
	overflow-x: auto;
	overflow-y: auto;
	height: 187px;
}

#dash_planbook_content #dash_disp_planbook {
	max-height: 500px;
	max-width: 250px;
}

#dash_educators_resources {
	border: 2px solid #E99A10;
}

#dash_educators_resources table {
	width: 100%;
}

#dash_educators_resources th {
	text-align: left;
}

#supported_browsers {
	margin-bottom: 18px;
	margin-top: 12px;
}

#dash_rss {
	float: left;
}

#dash_blog_entries {
	float: left;
	overflow: hidden;
	border: 2px solid #E99A10;
	width: 47%;
	padding: 0px 4px 0px 4px;
	/*margin-bottom: 13px;*/
	margin-top: 7px;
	height: 197px;
}

#dash_blog_entries.normal_user {
	width: 96%;
}

#dash_blog_entries table {
	width: 100%;
}

#dash_blog_entries.view_page {
	width: 95%;
}

.bulletins {
	float: left;
	overflow: hidden;
	border: 2px solid #E99A10;
	width: 99%;
	padding: 0px 2px 0px 2px;
	margin-left: 3px;
	margin-top: 5px;
	height: 200px;
}

.bulletins table {
	width: 100%;
}

.upcoming_events {
	/*float: left;*/
	border: 2px solid #E99A10;
	width: 26%;
	margin-left: 1px;
	height: 200px;
}

.upcoming_events table {
	width: 100%;
}

.dash_calendar_upcoming {
	text-align: left;
	height: 140px; 
	overflow: auto;
}

.calendar_upcoming {
	text-align: left;
	height: 70px; 
	overflow: auto; 
	border: 1px solid #E99A10;
}

.block_page_container_s .calendar_upcoming {
	border: 1px solid #FF0000;
}

.block_page_container_p .calendar_upcoming {
	border: 1px solid #09F;
}

#dash_blog_entries th {
	text-align: left;
}

#dash_blog_entries_s {
	float: left;
	overflow: hidden;
	border: 2px solid #FF0000;
	width: 95%;
	padding: 4px 4px 4px 6px;
	margin-bottom: 13px;
}

#workarea table.page_content_s {
	border: 2px solid #FF0000;
}

#workarea table.page_content_p {
	border: 2px solid #0099FF;
}

#dash_blog_entries_p {
	float: left;
	overflow: hidden;
	border: 2px solid #0099FF;
	width: 95%;
	padding: 4px 4px 4px 6px;
	margin-bottom: 13px;
}

.entry_title {
	font-weight: bold;
	font-size: 1.5em;
}

a.entry, a.entry:link, a.entry:visited, a.entry:active {
	color: #000000;
	text-decoration: none;
}

.dash-bulletin-table td {
	width: 100%;
}

.bulletin-posted {
	color: #777777;
	font-size: 0.8em;
}

table.edit-page-controls {
	margin: auto auto;
	width: 745px;
}

table.manage {
	/*width: 98%;*/
	width: 860px;
}

table.edit-page-controls tr {
	vertical-align: bottom;
}

table.edit-page-controls td {
	vertical-align: bottom;
	padding-left: 6px;
	padding-right: 6px;
}

div.dialog {
	text-align: left;
}

.dialog-list-content {
	/*display: block;*/
	/*max-height: 100px;*/
	height: 100px;
	background-color: #D3D3D3;
}

div.showat-dialog {
	font-size: 9pt;
	margin-top: 10px;
	margin-bottom: 10px;
}

span.save-dialog-btn {
	float: left;
}

span.ajax-image {
	margin-left: 10px;
	display: none;
}

span.cancel-dialog-btn {
	float: right;
	cursor: pointer;
}