BODY		{margin:0 0 0 0; font-size:9pt; font-family:ARIAL, VERDANA; }
TABLE		{font-family:ARIAL, VERDANA;font-size:9pt; color:#3B4B5B; }
SELECT		{font-family:ARIAL, VERDANA; font-size:8pt }
INPUT		{FONT-SIZE: 11px; COLOR: #3B4B5B; LINE-HEIGHT: 14px; FONT-FAMILY: ARIAL, VERDANA,helvetica,sans-serif}
BLOCKQUOTE	{ margin:8px; padding:5px; border:1px dotted #666; color:#888; }
p			{ margin:0px; margin-bottom:4px; font-family:ARIAL, VERDANA; 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;}
INPUT[type="checkbox"],INPUT[type="radio"] {cursor:pointer;}
SPACE 		{display:inline-block; width:90px;}


#root { font-size:10pt; font-family:ARIAL, VERDANA; width:100%;}

A {color:#a04020; text-decoration:none; }
A:visited {color:#a04020}
A:hover {color:brown; text-decoration:underline}
A.student, A.school, A.family, A.qMerit	{ cursor:pointer; }
A.leftpad { padding-left:90px; }
#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;}

.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/plane.png") no-repeat; }
#plane { margin:0; width:365px; height:44px; background:URL("/images/plane.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:#505050; margin:12px 12px 0 12px; line-height:20px; font-family:arial }

#siteheader 	{ color:white; padding:4px 4px 6px 4px; font-family:ARIAL, VERDANA; margin:44px 55px 0 45px; background:#585858 }
#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; }

#intranet { font-size:9pt; }

.margin 	{ padding:10px; }
.content	{ font-size:12px; color:#3B4B5B; font-family: ARIAL, 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;}

.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:9pt; }

#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; }

.line {border-bottom:1px solid black}
.border {border:1px solid black; border-collapse:collapse;}
.border td {border:1px solid black; }
.border th {border:1px solid black; }
.borders {border:1px solid black;}
.borders td {border:1px solid black; }
.borders th {border:1px solid black; }
.lineB, .lineB TD , .lineB TH {border-bottom:1px solid #e0e0e0;}

.left,#left	{float:left}
.right,#right {float:right}
.clear,#clear {clear:both}

.bold 				{ font-weight:bold }
.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 }
.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 }


.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; }


A.delete,A.clock,A.locked,A.unlocked,A.print,A.settings,A.edit,A.text,A.mark,A.content,A.info,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.star { 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.settings:hover,A.edit:hover,A.text:hover,A.mark:hover,A.content:hover,A.info: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.star: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.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.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.star		{ background:URL("/images/icons/star.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%; }

.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;}

.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;}
.adminfooter { margin:auto; width:770px; text-align:center; font-size:8pt; color:#3B4B5B; line-height:14px; font-family:ARIAL, verdana; color:#eeeeee; }
.adminfooter A { color:gold }
.adminfooter A:HOver { color:orange }

.pageBreak {page-break-after: always}

/* dock */
#dock 		{ margin:0; padding:0; list-style:none; position:fixed; top:10px;  left:0px; background-color:#585858; width:44px; height:100%; z-index: 1000; }
#dock > li 	{ width:40px; height:40px; margin: 0 0 0px 0; background-color:#585858; 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:240px; display:none; background-color:#F1F1F1; border:solid 2px #444444; padding:5px 0 5px 3px; margin:0px; list-style:none;}
#dock > li ul.free DIV { width:30px; margin-top:-5px; }
#dock .dockON				{ display:block; left:40px; }

#quicklinks			{ position:fixed; top:8px;  right:0; width:40px; text-align:right; height:100%;  }
#quicklinks:hover	{ z-index:1111; }
#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_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_info {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_bookings {background:url("/images/menu_quick.gif") 0 -400px 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_rosters:hover {background-position: -40px -160px;}
#quicklinks #quick_calendar:hover {background-position: -40px -200px;}
#quicklinks #quick_notices:hover {background-position: -40px -240px;}
#quicklinks #quick_info:hover {background-position: -40px -280px;}
#quicklinks #quick_timetable:hover {background-position: -40px -320px;}
#quicklinks #quick_absentee:hover {background-position: -40px -360px;}
#quicklinks #quick_bookings:hover {background-position: -40px -400px;}

#quicklinks  li 		{ list-style:none; }
#quicklinks > li:hover ul	{ display:block; right: 40px; z-index:2000; }
#quicklinks > li ul	{ position:absolute; top:-8px; right:0; display:none; width:240px; 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; }

#dropdown { width:100%; background:white; color:black; height:90px; border:1px solid black; padding:4px; margin-bottom:5px; display:none}
#dropdown A {color:brown }
#dropdown B {margin-bottom:

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


#icons {  clear:both; font-size:8pt; width:100%;}
#icons IMG { width:50px; float:left; padding-right:4px; }
#icons A { display:block; width:158px; height:50px; border:1px solid #f0f0f0; padding:2px }
#icons A:hover { border:1px solid #cccccc; }
#icons P { font-size:8pt; padding-top:7px; }
#icons TD { padding:1px;  }