/* Pre Hacks */
html, body, #holder { min-height:100%; width:100%; height:100%; }
html>body, html>body #holder { height:auto; }
body { font-size:0.75em !important; font-size:0.75em; font-family:arial,helvetica,sans-serif,verdana; color:#444; border:none; margin:0; padding:0; background-image:url(Images/Site/RightTile.gif); background-repeat:repeat-y; background-position:right; }
/* Elements */
table { font-size:100%; }
td,th { font-weight:normal; font-size:100%; text-align:left; padding:0px 0px 0px 0px;margin:0px 10px 0px 0px; }
form { display:inline; font-weight:normal; }
a { color:#069; text-decoration:none; }
a:hover { text-decoration:underline; }
h2 { clear:both; margin:0px; color:#069; font-size:135%; }
h3 { clear:both; margin:10px 0px 0px 0px; color:#069; font-size:115%; }
input { float:left; display:block; clear:right; font-size:100%; }
select { float:left; display:block; clear:right; }
img { border:none; }
ul.nomargin { margin:10px; }
ul.nomargin ul { margin:0px 0px 0px 15px;}
ul.nopoint { list-style-type:none; margin:0px;
padding:0px 0px 0px 50px;
-padding:0px 0px 0px 10px;
_padding:0px 0px 0px 10px;
}
ul.nopoint ul { list-style-type:none;margin:0px; padding:0px;}
textarea { font-family:arial,helvetica,sans-serif,verdana;}
span.header { clear:both; margin:0px; color:#069; font-size:135%; font-weight: bold; }
/* Page Styles*/
a.selectedPage { font-weight: bolder; }
a.unselectedPage { font-style: italic; }
/* Browse Tree*/
ul.BrowseTree { margin:0px 0px 0px 20px; list-style-image:url("Images/Filetypes/Course.gif"); }
ul.BrowseTree ul { margin:0px 0px 0px 6px; list-style-image:url("Images/Filetypes/Folder.gif"); }
ul.BrowseTree ul ul ul { margin:0px 0px 0px 6px; list-style-image:url("Images/Filetypes/Text.gif"); }
ul.BrowseTree ul ul ul li { border-bottom: 1px solid #dddddd; margin:2px 0px 4px 0px; padding:0px 0px 4px 0px; }
ul.BrowseTree a { height:20px; }
ul.BrowseTree span { height:20px; }
ul.BrowseTree a.SelectedBranch { height:20px;font-weight: bold; }
/* Folder Tree */
ul.FolderTree { margin:0px 0px 0px 25px; list-style-image:url("Images/Filetypes/Folder.gif"); }
ul.FolderTree ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Filetypes/Folder.gif"); }
ul.FolderTree a { height:20px; }
/* Action Tree */
div.ActionTree { margin:0px 0px 100px 0px; }
div.ActionTree div.line { margin:20px 0px 20px 0px; }
ul.ActionTree { margin:0px 0px 0px 25px; list-style-image:url("Images/Filetypes/Text.gif"); }
ul.ActionTree ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Filetypes/Text.gif"); }
ul.ActionTree a { height:20px; }
ul.TeacherAdd { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/addTeacher.png"); }
ul.TeacherAdd ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/addTeacher.png"); }
ul.TeacherAdd a { height:20px; }
ul.TeacherImport { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/importTeacher.png"); }
ul.TeacherImport ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/importTeacher.png"); }
ul.TeacherImport a { height:20px; }
ul.TeacherExport { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/exportTeacher.png"); }
ul.TeacherExport ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/exportTeacher.png"); }
ul.TeacherExport a { height:20px; }
ul.StudentAdd { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/addStudent.png"); }
ul.StudentAdd ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/addStudent.png"); }
ul.StudentAdd a { height:20px; }
ul.StudentImport { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/importStudent.png"); }
ul.StudentImport ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/importStudent.png"); }
ul.StudentImport a { height:20px; }
ul.StudentExport { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/exportStudent.png"); }
ul.StudentExport ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/exportStudent.png"); }
ul.StudentExport a { height:20px; }
ul.ClassAdd { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/addClass.png"); }
ul.ClassAdd ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/addClass.png"); }
ul.ClassAdd a { height:20px; }
ul.ClassImport { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/importClass.png"); }
ul.ClassImport ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/importClass.png"); }
ul.ClassImport a { height:20px; }
ul.ClassExport { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/exportClass.png"); }
ul.ClassExport ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/exportClass.png"); }
ul.ClassExport a { height:20px; }
ul.MessageCompose { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/composeMessage.png"); }
ul.MessageCompose ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/composeMessage.png"); }
ul.MessageCompose a { height:20px; }
ul.FoldersManage { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/manageFolders.png"); }
ul.FoldersManage ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/manageFolders.png"); }
ul.FoldersManage a { height:20px; }
ul.FileUpload { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/uploadFile.png"); }
ul.FileUpload ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/uploadFile.png"); }
ul.FileUpload a { height:20px; }
ul.PageAdd { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/addPage.png"); }
ul.PageAdd ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/addPage.png"); }
ul.PageAdd a { height:20px; }
ul.LessonAdd { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/addLesson.png"); }
ul.LessonAdd ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/addLesson.png"); }
ul.LessonAdd a { height:20px; }
ul.ActionTree { margin:0px 0px 0px 25px; list-style-image:url("Images/Filetypes/Text.gif"); }
ul.ActionTree ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Filetypes/Text.gif"); }
ul.ActionTree a { height:20px; }
ul.ActionTree ul li.addteacher a { margin:0px 0px 0px 25px; list-style-image:url("Images/Icons/addTeacher.png"); }
/* Action Add */
ul.ActionAdd { margin:0px 0px 0px 25px; list-style-image:url("Images/Filetypes/TextAdd.gif"); }
ul.ActionAdd ul { margin:0px 0px 0px 25px; list-style-image:url("Images/Filetypes/TextAdd.gif"); }
ul.ActionAdd a { height:22px; }
/* Header Links */
div#navlinks { height:20px;padding-top:3px;padding-bottom:1px;}
div#navlinks a { height:10px; position:relative; padding:0px 2px 0px 2px; text-align:center; color:#006699; font-weight:bold; font-family:arial,helvetica,verdana; text-decoration:none; }
div#navlinks a:hover { color:#fff; background-color:#0099cc; }
div#navlinks a.Selected { color:#fff; background-color:#0099cc; }
/* Header Links */
div#navlinks2 { height:20px;padding-top:0px;padding-bottom:0px;}
div#navlinks2 a { height:10px; position:relative; padding:0px 2px 0px 2px; text-align:center; color:#006699; font-weight:bold; font-family:arial,helvetica,verdana; text-decoration:none; }
div#navlinks2 a:hover { color:#fff; background-color:#0099cc; }
div#navlinks2 a.Selected { color:#fff; background-color:#0099cc; }
/* Layout Panels */
div#holder { position:absolute; top:0; left:0; display:inline; padding:0px; width:100%; background-image:url(Images/Site/LeftTile.gif); background-repeat:repeat-y; background-position:left; }
body.Leftnav div#holder { position:absolute; top:0; left:0; display:inline; padding:0px; margin:0px; width:100%; background-image:url(Images/Site/MiddleTile.gif); background-repeat:repeat-y; background-position:left; }
div#header { color:#D8DADB; background-image:url(Images/Site/TopTile.gif); background-position:top; background-repeat:repeat-x; position:relative; top:0px; left:0px; border:none; width:100%; padding-top:40px }
div#nav { position:absolute; top:84px; left:0px; margin:0px 10px 5px 10px; width:200px; float:left; padding-bottom:60px; height:auto; }
div#footer { background-image:url(Images/Site/BottomTile.gif); background-position:bottom; background-repeat:repeat-x; position:absolute; bottom:0px !important; top:expression(this.parentElement.clientHeight-31); left:0px; border:none; width:100%; height:31px; padding:17px 0px 0px 0px; text-align:right; }
div#content { margin:0px 20px 40px 25px; width:60%; padding-left:15px; }
div#sidenav { display:none; }
body.Leftnav div#content { display:block; float:left; top:0px; margin:0px 0px 40px 25px; padding-bottom:40px; padding-right:10px; height:auto; wid\th:expression(document.body.clientWidth-250); }
body.Leftnav div#sidenav { display:block; float:left; overflow:hidden; top:0px; width:175px; padding:0px 0px 0px 15px !important; padding:0px; margin:0px 0px 0px 15px; padding-bottom:50px; height:auto; }
body.Rightnav div#sidenav { display:block; float:left; top:0px; width:175px; padding:0px 0px 0px 15px !important; padding:0px; margin:0px 0px 0px 15px; padding-bottom:50px; height:auto; }
div#topbar { position:relative; width:100%; height:24px; }
/*div#navlinks a { margin:0px; height:100%; font-weight:bold; text-decoration:none; }
div#navlinks2 a { margin:0px; height:100%; font-weight:bold; text-decoration:none; }
*/
/* Layout Images */
div#footer #bl { position:absolute; bottom:0px !important; bottom:-1px; left:0px; }
div#footer #br { position:absolute; bottom:0px !important; bottom:-1px; right:0px !important; lef\t:expression(parentElement.clientWidth-this.clientWidth); }
div#header #tl { position:absolute; top:0px !important; left:0px; }
div#header #tm { position:absolute; top:0px !important; left:165px; color:#fff;}
div#header #tr { position:absolute; top:0px !important; right:0px !important; lef\t:expression(parentElement.clientWidth-this.clientWidth); }
body.NoNav div#header img#tm { display:none; }
body.NoNav div#header img#bm { display:none; }
body.Leftnav div#header img#tm { display:inline; position:absolute; top:0px; left:200px; }
body.Leftnav div#footer img#bm { display:inline; position:absolute; bottom:0px !important; bottom:-1px; left:200px; }
body.Rightnav div#header img#tm { display:inline; position:absolute; top:0px; right:0px !important; lef\t:expression(parentElement.clientWidth-this.clientWidth); }
body.Rightnav div#footer img#bm { display:inline; position:absolute; bottom:0px !important; bottom:-1px; right:0px !important; lef\t:expression(parentElement.clientWidth-this.clientWidth); }
div#header #trc { display:block; position:absolute; top:0px; right:0px !important; lef\t:expression(parentElement.clientWidth-this.clientWidth); }
div#header #tlc { display:block; position:absolute; top:0px; left:0px; }
/* Forms */
form div { display:block; clear:both; margin:3px 0px 0px 0px; }
form input { float:left; display:block; clear:right; }
form select { float:left; display:block; clear:right; }
form input.button { float:left; display:block; clear:none; font-size:smaller; }
form input.indent { margin-left:10px; }
form div.forms div { float:left; }
form div.forms div label { float:none; }
form div.forms div input { display:inline; font-size:100%; }
form label { float:left; display:block; width:180px; font-weight:normal; }
form label.nav { float:left; display:block; width:120px; font-weight:normal; }
/* Post-Hacks */
#footer { position:absolute; } /* hide from Mac IE5 */
html>body div#footer { position:static; } /* Change in Opera 5+ (and some others) */
head:first-child+body div#footer { position:absolute; } /* Change back in everything except Opera 5 and 6, still hiding from Mac IE5 */
html>body ul li { margin-left:-40px; } /* fix list indent for non-IE browsers */
/* try to find a way to indent ie7 only */
/* div#content { padding-left:20px; } */
/* html>body div#content { padding-left:0px; } */
#maincontent { FLOAT: left; WIDTH: 630px; PADDING-TOP: 20px }
/*.boxpageeven { PADDING-RIGHT: 8px; FLOAT: left; WIDTH: 600px; HEIGHT: 116px; background: #f5f5f5; }
.boxpageodd { PADDING-RIGHT: 8px; FLOAT: left; WIDTH: 600px; HEIGHT: 116px; background: #ffffff; }
*/
.boxpageeven { WIDTH: 600px; height:120px; }
.boxpageodd { WIDTH: 600px; height:120px; }
.boxheaderpage { FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-TOP: 5px; FONT-FAMILY: Arial; }
.boximagepage { PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 100px; HEIGHT: 100px; PADDING-TOP: 3px;}
#boxtextpage {
FONT-SIZE: 12px;
MARGIN: 0px 0px 15px;
-MARGIN: 0px 0px 3px;
_MARGIN: 0px 0px 3px;
COLOR: #474545;
FONT-FAMILY: verdana,arial,helvetica;
height:65px; }
#boxlinkpage { color:#FF0000; font-family:verdana,arial,helvetica; text-decoration:none; height:24px; line-height:3em;}
.boximagepage2 { PADDING-RIGHT: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 100px; HEIGHT: 100px; PADDING-TOP: 3px;}
#boxtextpage2 { FONT-SIZE: 12px; MARGIN: 0px 0px 3px 125px; COLOR: #474545; FONT-FAMILY: verdana,arial,helvetica; height:100%; }
/*.boxlessoneven { PADDING-RIGHT: 8px; FLOAT: left; WIDTH: 600px; HEIGHT: 150px; background: #f5f5f5; }
.boxlessonodd { PADDING-RIGHT: 8px; FLOAT: left; WIDTH: 600px; HEIGHT: 150px; background: #ffffff; }
*/
.boxlessoneven { height:125px; WIDTH:600px;}
.boxlessonodd { height:125px; WIDTH:600px; }
/*.boxheaderlesson { PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: 440px; PADDING-TOP: 5px; FONT-FAMILY: Arial; HEIGHT: 18px ;}
.boximagelesson { padding-RIGHT: 5px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 150px; HEIGHT: 105px; PADDING-TOP: 3px;}
#boxtextlesson { FONT-SIZE: 12px; MARGIN: 0px 0px 3px 0px; COLOR: #474545; FONT-FAMILY: verdana,arial,helvetica; height:85px;WIDTH: 440px; }
#boxlinklesson { color:#FF0000; font-family:verdana,arial,helvetica; text-decoration:none; }
#boxtextlesson DIV { WIDTH: 440px; }
*/
.boxheaderlesson { PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-TOP: 5px; FONT-FAMILY: Arial; HEIGHT: 18px ;}
.boximagelesson { padding-RIGHT: 5px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 150px; HEIGHT: 105px; PADDING-TOP: 3px;}
#boxtextlesson { FONT-SIZE: 12px; MARGIN: 0px 0px 3px 0px; COLOR: #474545; FONT-FAMILY: verdana,arial,helvetica; height:85px;}
#boxlinklesson { color:#FF0000; font-family:verdana,arial,helvetica; text-decoration:none; }
.boxeven { PADDING-RIGHT: 8px; FLOAT: left; WIDTH: 300px; HEIGHT: 200px; background: #f5f5f5; }
.boxodd { PADDING-RIGHT: 8px; FLOAT: left; WIDTH: 300px; HEIGHT: 200px; background: #ffffff; }
.boxheader { PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: 295px; PADDING-TOP: 5px; FONT-FAMILY: Arial; HEIGHT: 18px; }
.boximage { PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 105px; PADDING-TOP: 3px;}
#boxtext { FONT-SIZE: 12px; MARGIN: 0px 0px 3px; COLOR: #474545; FONT-FAMILY: verdana,arial,helvetica; height:135px; }
#boxlink { color:#FF0000; font-family:verdana,arial,helvetica; text-decoration:none; }
a.linktext { color:#FF0000; font-family:verdana,arial,helvetica; text-decoration:none; }
a.linktext:hover { text-decoration: underline; }
a.linktext.Selected { text-decoration: underline; }
select.narrow {width: 175px;}