BODY		{margin:0 0 0 0; font-size:9pt; font-family:arial; }
TABLE		{font-family:arial;font-size:9pt; color:#3B4B5B; }
SELECT		{font-family:Arial; font-size:9pt }
INPUT		{FONT-SIZE: 11px; COLOR: #3B4B5B; LINE-HEIGHT: 14px; FONT-FAMILY: arial,helvetica,sans-serif}
BLOCKQUOTE	{ margin:8px; padding:5px; border:1px dotted #666; color:#888; }
p			{ margin:0px; margin-bottom:4px; font-family:arial; font-size:9pt}
FORM		{margin:0px;padding:0px}
H3			{margin:0px;font-size:13pt}
P.breakhere	{page-break-after: always}
LABEL		{cursor:pointer;}
LABEL:Hover	{border-bottom:1px dotted #888; margin-bottom:-1px;}
INPUT[type="checkbox"],INPUT[type="radio"] {cursor:pointer;}
SELECT.default	{ border:1px solid #aaaaaa; padding:1px;}
  
#root { font-size:10pt; font-family:arial,verdana; width:100%;}

A {color:#B04020; text-decoration:dotted;  }
A:visited {color:#a04020}
A:hover {color:brown; text-decoration:underline}
A.student, A.school, A.family, A.pointer, A.qMerit	{ cursor:pointer; }
#student A, #school A { color:#805030 }
A.myFaculty { cursor:pointer }
#myFaculty { display:hidden }
#helper { display:hidden; position:fixed; z-index:999999999999; bottom:0; right:20px; background:#f2f2f6; border-top:6px solid #aad; border-left:6px solid #aad; border-right:6px solid #aad; padding:10px 20px 25px 20px; font-size:10pt; max-width:60%; max-height:60%; overflow:auto; border-radius:15px 15px 0 0;}

#notice { border:2px solid #2020A0; padding:5px; color:#2020A0; font-size:11pt; margin:5px 0 5px 0; border-radius:5px; }
#warning { border:2px solid darkorange; padding:5px; color:darkorange; font-size:11pt; margin:5px 0 5px 0;  border-radius:5px;}
#error { border:2px solid red; padding:5px; color:red; font-size:11pt; margin:5px 0 5px 0;  border-radius:5px;}

.banner_home, .banner_markbook, .banner_reports, .banner_register, .banner_schedule, .banner_resources, .banner_portal, .banner_website, .banner_users, .banner_admin, .banner_xadmin , .banner_transition, .banner_timetable, .banner_scanin, .banner_attendance, .banner_markrolls {
	position:absolute; top:0; left:44px; right:44px;  height:44px; padding:0px; margin:0px; border:2px solid #444444; border-top:0; z-index:1; }
.banner_home	{ background:#5570b3 URL("/images/header_home.gif") 100% 50% no-repeat;}
.banner_markbook{ background:#f7941d URL("/images/header_markbook.gif") 100% 50% no-repeat;}
.banner_reports	{ background:#f04345 URL("/images/header_reports.gif") 100% 50% no-repeat;}
.banner_register{ background:#40ae4b URL("/images/header_register.gif") 100% 50% no-repeat;}
.banner_schedule{ background:#404040 URL("/images/header_schedule.gif") 100% 50% no-repeat;}
.banner_resources{ background:#ee0283 URL("/images/header_resources.gif") 100% 50% no-repeat;}
.banner_portal	{ background:#549f97 URL("/images/header_portal.gif") 100% 50% no-repeat;}
.banner_website	{ background:#2b597d URL("/images/header_website.gif") 100% 50% no-repeat;}
.banner_users	{ background:#98632e URL("/images/header_users.gif") 100% 50% no-repeat;}
.banner_admin	{ background:#5570b3 URL("/images/header_admin.gif") 100% 50% no-repeat;}
.banner_xadmin	{ background:#f04345 URL("/images/header_xadmin.gif") 100% 50% no-repeat;}
.banner_transition	{ background:#549f97 URL("/images/header_transition.gif") 100% 50% no-repeat;}
.banner_timetable	{ background:#40ae4b;}
.banner_attendance	{ background:#f04345;}
.banner_markrolls	{ background:#549f97;}
.banner_scanin		{ background:#f04345;}

.plane { margin:0; width:100%; height:74px; background:URL("/images/plane2.png") no-repeat; }
#plane { margin:0; width:365px; height:44px; background:URL("/images/plane2.png") no-repeat; position:absolute; top:0; left:46px; z-index:2;}
.school	{ border-bottom:1px solid black; font-size:9pt; font-weight:bold; color:#404060; margin:12px 12px 0 12px; line-height:20px; font-family:arial }

#siteheader 		{ color:white; padding:4px 10px 6px 6px; font-family:verdana; margin:44px 45px 0 45px; background:#455055 }
#siteheader A 	{ color:gold;}
#siteheader A:Hover { color:orange }
#container 		{ margin:0px 44px 0 44px; background:white;  border:2px solid #444444; min-height:440px; }
#shortcuts		{ line-height:18px; }

.margin 	{ padding:10px; }
.content	{ font-size:12px; color:#3B4B5B; font-family: verdana; }
.contentSm, .contentSM {font-size:11px; color:#3B4B5B; line-height:14px; font-family:arial,verdana}
.contentTitle, H4 {font-size:12px; font-weight:bold; background-color:#e0e0f0; padding:5px; margin:0px}
.demoMode	{ border:3px solid orange; color:#804010; padding:6px; margin:0 0 10px 0;}
.showing { padding:7px;  }

.topTitle {FONT-SIZE:13pt; FONT-WEIGHT:BOLD}

#topdate {float:right; color:#f0f0f0; font-size:8pt; margin:2px 6px 4px 0;}
#help {float:right; font-size:8pt; margin:0 5px 0 0;}

#results {border-collapse:collapse; font-size:8pt; margin:0px}
#results TH, #results TD {border:1px solid #303030; padding:2px; font-weight:normal}
#results .title TH	{ background:#f0f0f0; font-weight:bolder; }

table.display {font-size:8pt ; width:100%; }

#size6, .size6 { font-size:6pt; }
#size7, .size7{ font-size:7pt; }
#size8, .size8{ font-size:8pt; }
#size9, .size9{ font-size:9pt; }
#size10, .size10{ font-size:10pt; }
#size12, .size12{ font-size:12pt; }
#size14, .size14{ font-size:14pt; }

#logout {color:white; background-color:#9999CB;}
#white {background-color:white; }

.bgg {background-color:#f0f0f0;}

.table1	{ font-size:9pt }
.table1sm { font-size:8pt }
.table1sm TD, .table1sm TH , .table1 TD, .table1 TH{ border-bottom:1px solid #e0e0e0; }
.table1 .title, .table1sm .title	{ background-color:#f0f0f0; }
.table1 tr:hover, .table1sm tr:hover	{ background-color:#f0f0fc; }
.tip { text-decoration:underline; cursor:help; }

.line {border-bottom:1px solid black}
.border {border:1px solid black; font-family:Arial;}
.lineB, .lineB TD , .lineB TH {border-bottom:1px solid #e0e0e0;}

.left,#left	{float:left}
.right,#right {float:right}
.clear,#clear {clear:both}
.2col { column-count: 2; }
.3col { column-count: 3; }

.red, a.red			{ color:red }
.green, a.green		{ color:green }
.blue, a.blue		{ color:blue }
.gold, a.gold		{ color:gold }
.white, a.white		{ color:white}
.purple, a.purple	{ color:purple }
.maroon, a.maroon	{ color:maroon }
.darkorange, a.darkorange	{ color:darkorange }
.darkgrey. a.darkgrey		{ color:#3B4B5B }
.darkred, a.darkred	{ color:darkred }
.grey, a.grey	{ color:#888888 }
.pink, a.pink	{ color:pink }
.olive, a.olive	{ color:olive }
.teal, a.teal	{ color:teal }
.brown, a.brown	{ color:brown }
.yellow, a.yellow { color:yellow }
.orange, a.orange { color:orange }


.bgyellow	{ background: #f8f8d8 !important; }
.bggrey		{ background: #f0f0f0 !important; }
.bgred		{ background: #f8d8d8 !important; }
.bgblue		{ background: #d8d8f0 !important; }
.bggreen	{ background: #d8f0d8 !important; }
.bgorange	{ background: #ffeedd !important; }
.bgorange2	{ background: #ffddc0 !important; }

.boxColumns { width:100%; column-count:4; column-width:220px; height:auto }
.boxColumns2 { width:100%; column-count:2; column-width:320px; height:auto }
.boxColumns .boxText { display:none; }
.boxColumns .boxHeading { display:block; border:1px solid #cccccc; width:100%;  padding:6px; margin:0px 0 8px 0; -webkit-column-break-inside:avoid; column-break-inside:avoid; border-radius:4px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; break-inside:avoid;}
.boxColumns P { padding: 5px; }
.boxColumns label { padding-left:20px; display:inline-block; }
.boxColumns label input { margin-left:-20px; }

.dottedBox { border:1px dashed #aaaaaa; padding:5px; border-radius:4px; }
.inlineBox { display:inline-block; padding:5px 10px; margin-right:5px; min-height:25px; border:1px solid grey}

.mtabs { width:100%;  }
.mtabs INPUT { background:white; border:1px solid black; border-radius:3px; margin-right:10px; font-size:10pt; padding:3px 9px; }
.mtabs INPUT:Hover { background:#eee; cursor:pointer }
INPUT.tabSelected { background-color: #f0f0f0;  font-weight:bold;}


A.delete,A.clock,A.locked,A.unlocked,A.print,A.print2,A.settings,A.edit,A.text,A.mark,A.content,A.info,A.info2,A.stats,A.add,A.view,A.marks,A.tick,A.sms, A.quickdates, A.attach, A.files, A.withdraw, A.newdoc ,A.email,A.msg,A.star,A.rr1,A.rr2,A.rr3{ display:inline-block; width:20px; height:20px; font-size:0pt; color:#f0f0f0; vertical-align:middle; margin:-1px 2px; cursor:pointer;}
A.delete:hover,A.clock:hover,A.locked:hover,A.unlocked:hover,A.print:hover,A.print2:hover,A.settings:hover,A.edit:hover,A.text:hover,A.mark:hover,A.content:hover,A.info:hover,A.info2:hover,A.stats:hover,A.add:hover,A.view:hover ,A.marks:hover,A.tick:hover,A.sms:hover, A.quickdates:hover, A.attach:hover, A.files:hover, A.withdraw:hover, A.newdoc:hover, A.email:hover, A.msg:hover, A.star:hover, A.rr1:hover, A.rr2:hover, A.rr3:hover { background-color:#e0e0e0; }

A.delete	{ background:URL("/images/icons/delete.gif") no-repeat; }
A.tick		{ background:URL("/images/icons/tick.gif") no-repeat; }
A.clock		{ background:URL("/images/icons/clock.gif") no-repeat; }
A.locked	{ background:URL("/images/icons/locked.gif") no-repeat; }
A.unlocked	{ background:URL("/images/icons/unlocked.gif") no-repeat; }
A.print		{ background:URL("/images/icons/print.gif") no-repeat; }
A.print2	{ background:URL("/images/icons/print2.gif") no-repeat; }
A.settings	{ background:URL("/images/icons/settings.gif") no-repeat; }
A.edit		{ background:URL("/images/icons/edit.gif") no-repeat; }
A.text		{ background:URL("/images/icons/txt.gif") no-repeat; cursor:help }
A.mark		{ background:URL("/images/icons/mark.gif") no-repeat; }
A.marks		{ background:URL("/images/icons/marks.gif") no-repeat; }
A.content	{ background:URL("/images/icons/content.gif") no-repeat; }
A.info		{ background:URL("/images/icons/info.gif") no-repeat; }
A.info2		{ background:URL("/images/icons/info2.gif") no-repeat; }
A.stats		{ background:URL("/images/icons/stats.gif") no-repeat; }
A.add		{ background:URL("/images/icons/plus.gif") no-repeat; }
A.view		{ background:URL("/images/icons/view.gif") no-repeat; }
A.sms		{ background:URL("/images/icons/sms.gif") no-repeat; }
A.attach	{ background:URL("/images/icons/attach.gif") no-repeat; }
A.quickdates{ background:URL("/images/icons/calendar2.gif") no-repeat; }
A.files		{ background:URL("/images/icons/files.gif") no-repeat; }
A.withdraw	{ background:URL("/images/icons/withdraw.gif") no-repeat; }
A.newdoc	{ background:URL("/images/icons/add.gif") no-repeat; }
A.email		{ background:URL("/images/icons/email.gif") no-repeat; }
A.msg		{ background:URL("/images/icons/msg.gif") no-repeat; }
A.star		{ background:URL("/images/icons/star.gif") no-repeat; }
A.rr1		{ background:URL("/images/icons/rr1.gif") no-repeat; }
A.rr2		{ background:URL("/images/icons/rr2.gif") no-repeat; }
A.rr3		{ background:URL("/images/icons/rr3.gif") no-repeat; }
.help 		{ cursor:help; }

INPUT.button { padding:4px 28px 4px 4px; cursor: pointer;   text-shadow:0 1px 1px rgba(0, 0, 0, 0.25); color: #FBFBFB; background-color: #556; border-radius: 4px;-moz-border-radius: 4px; -webkit-border-radius:4px; border:2px solid #333;}
INPUT.button:hover	{ background-color:#666699;   }
INPUT.button_edit	{ background:#556 URL("/images/icons/edit.gif") no-repeat 98%; }
INPUT.button_add 	{ background:#556 URL("/images/icons/plus.gif") no-repeat 98%; }
input[type="checkbox"] {
  background-color: #000; color:gold; font-weight:bold;  border-color: #fee; }

.box5	{ padding:5px; }
.box10	{ padding:10px; }
.margin5 { margin:5px; }
.margin10 { margin:10px; }

.block { background:#eeeedd; border:1px solid #bbbbaa; padding:1px 3px 1px 3px; }
.actions { overflow:auto; margin:2px 0 0 2px; padding:5px; border:1px solid #d0d0d0; height:350px }
.action { border-top:1px solid #d0d0d0; padding:5px 0 8px 2px; }
.action SMALL { stext-decoration:underline; font-weight:bold; line-height:20px }

.resources A		{ float:left; border-top:2px solid #a0a0a0; border-left:2px solid #a0a0a0; border-right:3px solid #606060; border-bottom:3px solid #606060; margin:10px; font-size:12pt; width:144px; height:104px; background:#c0b0c0;  font-weight:bold; position:relative; }
.resources A:Hover { background:#f3eeaf; text-decoration:none; }
.resources DIV	{ display:block; text-align:center; position:relative; top:60%; z-index:2; }
.resources SPAN	{ font-size:50pt; color:#D0C0D0; position:absolute; top:0px; display:block; width:140px; text-align:center; z-index:1;}

.periods { font-family:WebDings; }
.periods SPAN { margin-left:1px; height:10px; width:10px; display:inline-block; border:1px solid #444; color:transparent; cursor:pointer;}
.periods SPAN:hover { border:1px solid gold; }
.periods SPAN.blank { margin-left:1px; height:10px; width:10px; display:inline-block; border:1px solid #fff; color:transparent; cursor:pointer;}
.periods .rc { border:1px solid #222; margin-right:10px; border-radius:4px;}

.previewimg	{ border:3px solid #f0f0f0; margin:0 0 0 10px; float:right; }
#photopreview	{ position:fixed; right:60px; top:20px; width:120px; }
#batchprint		{ cursor:pointer; }

.iCats	{ width:300px; height:220px; overflow:auto;font-size:8pt; }
.iCats SPAN { margin-left:20px; }

.minheight	{ width:1px; height:450px;  clear:both;}
.footer { margin:auto; width:770px; text-align:center; font-size:8pt; color:#3B4B5B; line-height:14px; font-family:arial,verdana; color:#eeeeee; }
.footer A { color:gold }
.footer A:HOver { color:orange }

.pageBreak {page-break-after: always}

/* dock */
#dock 		{ margin:0; padding:0; list-style:none; position:fixed; top:10px; z-index:10000; left:0px; background-color:#455055; width:44px; height:100%; }
#dock > li 	{ width:40px; height:40px; margin: 0 0 0px 0; background-color:#455055; background-repeat:no-repeat; }
#dock ul 		{ height:100%; }


#dock a.link { width:40px; height:40px; display:block; }
#dock #home {background:url("/images/menu_icons.gif") 0 0px no-repeat;}
#dock #markbook {background:url("/images/menu_icons.gif") 0 -40px no-repeat ;}
#dock #reports {background:url("/images/menu_icons.gif") 0 -80px no-repeat;}
#dock #register {background:url("/images/menu_icons.gif") 0 -120px no-repeat;}
#dock #schedule {background:url("/images/menu_icons.gif") 0 -160px no-repeat;}
#dock #resources {background:url("/images/menu_icons.gif") 0 -200px no-repeat;}
#dock #portal {background:url("/images/menu_icons.gif") 0 -240px no-repeat;}
#dock #website {background:url("/images/menu_icons.gif") 0 -280px no-repeat;}
#dock #users {background:url("/images/menu_icons.gif") 0 -320px no-repeat;}
#dock #admin {background:url("/images/menu_icons.gif") 0 -360px no-repeat;}
#dock #xadmin {background:url("/images/menu_icons.gif") 0 -400px no-repeat;}

#dock #home:hover {background-position: -40px -0px;}
#dock #markbook:hover {background-position: -40px -40px;}
#dock #reports:hover {background-position: -40px -80px;}
#dock #register:hover {background-position: -40px -120px;}
#dock #schedule:hover {background-position: -40px -160px;}
#dock #resources:hover {background-position: -40px -200px;}
#dock #portal:hover {background-position: -40px -240px;}
#dock #website:hover {background-position: -40px -280px;}
#dock #users:hover {background-position: -40px -320px;}
#dock #admin:hover {background-position: -40px -360px;}
#dock #xadmin:hover {background-position: -40px -400px;}

#dock bb { margin:10px; display:block; }
#dock div { float:right; height:100%; padding:0 6px 0 6px; font-size:22pt; color:white; font-family:myriad pro,calibri,arial; text-align:center; line-height:36px; }
#dock #home div { background:#909090; }
#dock #markbook div { background:#f7941d; }
#dock #reports div { background:#f04345; }
#dock #register div { background:#40ae4b; }
#dock #schedule div { background:#404040; }
#dock #resources div { background:#ee0283; }
#dock #portal div { background:#549f97; }
#dock #website div { background:#2b597d; }
#dock #users div { background:#98632e; }
#dock #admin div { background:#5570b3; }
#dock #xadmin div { background:#f04345; }

#dock > li:hover {background:none;}

/* panels */
#dock ul br		{ line-height:75%; }
#dock ul b		{ margin:0 5px 0 0; color:#444444; padding: 0 4px; font-style:normal; display:block; font-weight:bold;}
#dock ul li 		{ padding:1px 3px 0px 10px; border: solid 1px #F1F1F1;}
#ddock ul li:hover 	{ background:#D3DAED; border: solid 1px #A8D8EB;}
#dock ul li.header, #dock ul li .header:hover {background:#D3DAED; border: solid 1px #F1F1F1; font-weight:bold; text-transform:uppercase; }

#dock > li:hover ul 	{ display:block; left: 40px; z-index:-1;}
#dock > li ul		{ position:absolute; top:-10px; left:-184px;  z-index:-2; width:230px; display:none; background-color:#F1F1F1; border:solid 2px #444444; padding:0px; margin:0px; list-style:none;}
#dock .dockON				{ display:block; left:40px; }

#quicklinks			{ position:fixed; top:8px;  right:0; width:40px; text-align:right; height:100%; z-index:1 }
#quicklinks:hover	{ z-index:500; }
#quicklinks a.link	{ display:block; width:40px; height:40px; cursor:pointer; }
#quicklinks #quick_inbox b		{ position:fixed; top:60px; right:0; width:40px;  font-size:12pt; color:white; text-align:center; text-transform:uppercase; pointer-events: none; text-decoration:blink; }
#quicklinks #quick_settings b	{ position:fixed; top:100px; right:0; width:40px;  font-size:12pt; color:white; text-align:center; text-transform:uppercase; pointer-events: none; text-decoration:blink;}

#quicklinks #quick_inbox {background:url("/images/menu_quick.gif") 0 0px no-repeat;}
#quicklinks #quick_settings {background:url("/images/menu_quick.gif") 0 -40px no-repeat;}
#quicklinks #quick_classes {background:url("/images/menu_quick.gif") 0 -80px no-repeat;}
#quicklinks #quick_student {background:url("/images/menu_quick.gif") 0 -120px no-repeat;}
#quicklinks #quick_mail {background:url("/images/menu_quick.gif") 0 -440px no-repeat;}
#quicklinks #quick_rosters {background:url("/images/menu_quick.gif") 0 -160px no-repeat;}
#quicklinks #quick_calendar {background:url("/images/menu_quick.gif") 0 -200px no-repeat;}
#quicklinks #quick_notices {background:url("/images/menu_quick.gif") 0 -240px no-repeat;}
#quicklinks #quick_bookings {background:url("/images/menu_quick.gif") 0 -280px no-repeat;}
#quicklinks #quick_timetable {background:url("/images/menu_quick.gif") 0 -320px no-repeat;}
#quicklinks #quick_absentee {background:url("/images/menu_quick.gif") 0 -360px no-repeat;}

#quicklinks #quick_inbox:hover {background-position: -40px 0px;}
#quicklinks #quick_settings:hover {background-position: -40px -40px;}
#quicklinks #quick_classes:hover {background-position: -40px -80px;}
#quicklinks #quick_student:hover {background-position: -40px -120px;}
#quicklinks #quick_mail:hover {background-position: -40px -440px;}
#quicklinks #quick_rosters:hover {background-position: -40px -160px;}
#quicklinks #quick_calendar:hover {background-position: -40px -200px;}
#quicklinks #quick_notices:hover {background-position: -40px -240px;}
#quicklinks #quick_bookings:hover {background-position: -40px -280px;}
#quicklinks #quick_timetable:hover {background-position: -40px -320px;}
#quicklinks #quick_absentee:hover {background-position: -40px -360px;}



#quicklinks  li 		{ list-style:none; }
#quicklinks > li:hover ul	{ display:block; right: 40px;}
#quicklinks > li ul	{ position:absolute; top:-8px; right:0; display:none; width:200px; height:100%; background-color:#F1F1F1; border:solid 2px #444444; padding:0 5px 0 0; margin:0px; list-style:none;}
#quicklinks div 		{ float:left; height:100%; padding:0 6px 0 6px; font-size:22pt; color:white; font-family:myriad pro,calibri,arial; text-align:center; line-height:36px; }
#quicklinks ul 		{ height:100%; }
#quicklinks ul br		{ line-height:75%; }
#quicklinks ul b		{ margin:0 5px 0 0; color:#444444; padding: 0 4px; font-style:normal; display:block; font-weight:bold;}
#quicklinks ul li 		{ padding:1px 3px 0px 10px; border: solid 1px #F1F1F1;}
#quicklinks #homepage div { background:#5570b3; }


.rightbanner { position:fixed; right:0px; top:26px; height:100%; display:block;  padding:0 6px 0 6px; font-size:22pt; color:white; font-family:verdana; text-align:center; line-height:40px;  }


.ui-dialog.keepAlive .ui-dialog-titlebar { background:red; color:white; }