body {
font-size: 11px;
font-family: helvetica, tahoma, arial, verdana, sans-serif;
}

ul{
font-family: Arial;
font-size: 12px;
line-height: 1.4;
}

ol{
font-family: Arial;
font-size: 12px;
line-height: 1.4;
}

a{
color:#06C;
text-decoration:none;
font-size: 12px;
font-family: helvetica, Arial;
}
a.no_lnk{
color:#000;
}
a.no_lnk:visited{
color:#000;
}
a.no_lnk:hover{
color:#000;
}
a.search:visited{
color:#CC3399;
}
a.link1:visited{
text-decoration: none;
font-size: 25px;
color: white;
}
a.link1{
text-decoration: none;
font-size: 25px;
color: white;
}
a.button{
background:url(../images/button.gif);
display:block;
color:#555;
font-weight:bold;
height:30px;
line-height:29px;
text-decoration:none;
width:191px;
}
a.button1{
background:url(../images/button2.gif);
display:block;
color:#555;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:14px;
text-decoration:none;
width:140px;
}
a.buttonemailuser{
/* Contact the seller button on book.php */
background: url(../images/green180.gif);
display: inline-block;
color: white;
font-weight: normal;
height: 30px;
line-height: 29px;
text-decoration: none;
width: 180px;
font-family: Tahoma;
}
.buttongreen100{
background: url(../images/green100.gif);
display: inline-block;
color: white;
font-weight: normal;
text-decoration: none;
font-family: Tahoma;
}
a.buttonbursaryregister{
/* Uses buttongreen100 */
height: 30px;
line-height: 29px;
width: 100px;
color: white;
}

a.buttonindexregister{
/* Register button on root index page */
height: 30px;
line-height: 29px;
width: 100px;
}

a.post{
color:#0066CC;
font-weight:bold;
text-decoration: underline;
}
a.post:hover{
color:#000;
text-decoration: none;
}

.iconBase{
text-indent:40px;
display:block;
}
.add{
background:url(../images/add.gif) no-repeat 10px 8px;
}
.home{
background:url(../images/home.gif) no-repeat 10px 8px;
}
.book{
background:url(../images/book_open.gif) no-repeat 10px 8px;
text-indent:40px;
display:block;
}
.save{
background:url(../images/check.gif) no-repeat 10px 8px;
text-indent:40px;
display:block;
}
.mail{
background:url(../images/inbox.gif) no-repeat 10px 8px;
}
.delete{
background:url(../images/delete.gif) no-repeat 10px 8px;
text-indent:40px;
display:block;
}

div.errorblock{
width: 500px;
font-family: Arial;
font-size: 11px;
padding: 5px;
border: 1px solid #DD3C10;
background-color: #FFEBE8;
text-align: center;
}

div.replycontents{
width: 100%;
font-family: Arial;
font-size: 11px;
padding: 5px;
border: 1px solid #009900;
background-color: #CCFF99;
text-align: center;
}

div.updatenotice{
width: 60%;
font-family: Calibri;
font-size: 12px;
padding: 3px;
border: 1px solid #009900;
background-color: #CCFF99;
text-align: center;
}
div.updatefail{
width: 100%;
font-family: Arial;
font-size: 10px;
padding: 3px;
background-color: #F7D4D4;
text-align: center;
}

div.mailcontents{
width: 100%;
height: 100%;
padding: 5px;
}
div.mailheader{
border:1px solid #D1D1D1;
padding:20px 20px 10px;
position:relative;
width:630px;
height: 100px;
}
div.mailfrom{
width: 30%;
float: left;
height: 100%;
padding: 5px 0 0 0;
}
div.mailmessage{
float: left;
width: 65%;
padding: 10px 5px 0 10px;
height: 100%;
}
div.myreply_left{
width: 30%;
float: left;
padding-top: 25px;
}
div.myreply_right{
float: left;
width: 65%;
padding: 10px 0 0 1px;
}

#book_container{
width: 600px;
clear: both;
border-top: 1px solid #ddd;
padding-left: 10px;
}
div.book_container{
width: 600px;
clear: both;
border-top: 1px solid #ddd;
padding-left: 10px;
}
#book_container_nodot{
width: 600px;
clear: both;
padding-left: 10px;
}
#book_pic{
float: left;
padding: 20px 0 20px 0;
width: 75px;
margin-left: 1px;
}
#book_view_pic{
float: left;
padding: 0px;
width: 100%;
margin-left: 1px;
}
#book_contents{
float: left;
padding: 10px 0 0 5px;
width: 850px;
margin-left: 1px;
}
div.book_contents{
float: left;
padding: 10px 0 0 5px;
width: 350px;
margin-left: 1px;
}

img.mailheaderTop{
left:-1px;
position:absolute;
top:-1px;
}
img.mailheaderBottom{
bottom:-1px;
left:-1px;
position:absolute;
}

span.instruction{
width: 300px;
color:#8C8C8C;
display:block;
font-size: 11px;
padding:5px 25px 0 0;
text-transform:none;
}
span.rs_instruction{
width: 300px;
color:#8C8C8C;
display:block;
font-size: 11px;
padding:5px 25px 0 0;
text-transform:none;
margin: 9px 0 0 5px;
}
span.ca_initial_instruction{
width: 300px;
color:#8C8C8C;
display:block;
font-size: 11px;
padding:5px 25px 0 0;
text-transform:none;
margin: 9px 0 0 5px;
}
span.instruction2{
color:#8C8C8C;
font-size:80%;
padding:5px 25px 0 0;
text-transform:none;
font-weight:normal;
}
span.errormsg{
color: red;
}
span.goodmsg{
color: green;
}

button{
font-family: Arial, Sans-Serif;
font-size: 13px;
}

td{
color: black;
padding: 0px;
margin: 0px;
vertical-align: top;
}
td.line{
background-color: #ddd;
height: 1px;
}
td.form{
padding: 0px 0px 5px 15px;
vertical-align:bottom;
}
td.formTOPROW{
padding: 10px 5px 5px 10px;
}
td.heading{
padding: 5px;
font-weight: bold;
}
td.fieldheading{
padding: 5px;
font-weight: bold;
font-size: 13px;
font-family: Tahoma;
}
td.field{
padding: 5px;
}
td.columnheading{
padding: 5px 0px 10px 0px;
font-weight: bold;
font-size: 12px;
}
td.note{
padding: 10px;
border: 1px;
border-color: black;
font-size: 12px;
}
td.inbox{
font-family: Tamoha, Sans-Serif;
font-size: 11px;
}

p.heading{
font-weight: bold;
font-size: 16px;
}

#logo{
width: 1024px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}

#mid_body{
clear: both;
background-repeat: repeat;
height: 100%;
}

#content{
width: 900px;
min-height: 100%;
margin-left: auto;
margin-right: auto;
}

#footer{
width: 900px;
margin-left: auto;
margin-right: auto;
padding-top: 25px;
}

.one{
float: left;
clear: left; 
width: 55px;
padding: 14px 0 0 30px;
font-size: 12px
}

.not1{
float: left;
width: 55px;
padding-top: 14px;
font-size: 12px
}

.bookrow {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.bookrownoline {margin-bottom: 10px; padding-bottom: 10px;}
.bookrow h2{font-size: 16px; margin: 0 0 1px 0; padding: 0; font-family: Calibri;}
.bookrownoline h2{font-size: 16px; margin: 0 0 1px 0; padding: 0; font-family: Calibri;}

/* New CSS */

#content_standard{
float: left;
width: 100%;
height: 100%;
}

#content_standard_blue{
float: left;
background-color: #EAECFF;
height: 100%;
padding: 15px 5px 5px 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}

#content_standard_round{
float: left;
border-radius: 5px;
}

.round_box_green{
background-color: #C2EDA8;
border: 1px solid #B0DB87;
}

.round_box_yellow{
background-color: #E5E1AC;
border: 1px solid #DBD55E;
}

.round_box_grey{
background-color: #EAECFF;
border: 1px solid #ddd;
}

.round_box_blue{
background-color: #BEC8E0;
border: 1px solid #90A7DD;
}

.standardtext{
font-family: Arial;
font-size: 13px;
}

.standardnumber{
font-family: Calibri, Arial;
font-size: 14px;
}

textarea.standard {
padding: 5px;
border: 1px solid #aaa;
color: black;
resize: none;
font: normal 13px Verdana, sans-serif; 
}

input.standard {
color: black;
border: 1px solid #aaa; 
height: 15px;
padding: 5px;
font: normal 13px Verdana, sans-serif; 
}

input.large {
color: #666;
font: normal 13px Verdana, sans-serif; 
display: block;
padding: 6px;
}

select.standard {
border:1px solid #AAAAAA;
font-size: 13px;
height: 30px;
line-height: 23px;
padding: 5px; 
}

.submitbutton {
padding: 3px 8px 4px 8px;
width: 59px;
height: 26px;
}

#theformheading{
float: left;
width: 90px;
font: bold 13px Arial, sans-serif; 
padding: 6px 0 0 10px;
}

/* End of New CSS */

#form_container{
float: right;
width: 850px;
height: 500px;
padding-top: 15px;
}
#form_content{
float: left;
width: 70%;
height: 100%;
padding: 0px;
background-color: #ddd;
}

#user_form_container {
width: 850px;
padding-top: 23px;
}

#user_form_content {
float: left;
width: 100%;
height: 100%;
}

#email_check {
padding: 5px 0 0 105px;
clear: left;
}

#pass_check {
padding-top: 2px;
}

#name_check {
padding-top: 5px;
}

#inbox_content {
float: left;
width: 100%;
height: 100%;
padding: 0 5px 5px 5px;
background-color: #fff;
}

#inbox_header {
float: left;
width: 840px;
background-color: #EAECFF;
margin-left: 5px;
padding-top: 15px;
}

#inbox_controls {
float: left;
width: 30%;
height: 200px;
background-color: #eee;
padding: 5px 0px 5px 5px;
}

#top_border {
width: 846px ;
margin-left: auto ;
margin-right: auto ;
margin-top: 50px ;
}

#directory_heading1 {
font-family: calibri;
font-size: 14px;
font-weight: bold;
color: #555;
}

#fieldheading{
padding: 5px;
font-weight: bold;
font-size: 13px;
font-family: Tahoma; 
}

div.directory_heading1 {
font-family: Segoe UI Semibold, Arial;
font-size: 15px;
}

#directory_heading2 {
font-family: calibri;
font-size: 13px;
}

div.directory_heading2 {
font-family: calibri;
font-size: 13px;
}

#directory_school{
padding: 0 0 2px 1px;
}
div.directory_school{
padding: 0 0 2px 1px;
float: left;
width: 190px;
font-size: 11px;
}
.udir_bullet{
float: left;
clear: both;
color: #666;
font-size: 7px;
padding: 2px 4px 0 0
}

h2, p {
margin-right: 7px;
}

h2 {
font-family: Arial;
}

h1.comic {
font-family:Comic Sans MS,Verdana,Helvetica,sans-serif;
font-size: 20px;
color: #003366;
}

h2.pagetitle {
font-size:240%;
letter-spacing:-1px;
color: #525B7D;
padding: 0px;
margin: 0 0 10px 10px;
font-weight: normal;
font-family: Segoe UI, Arial;
}

h3.pagesubtitle {
font-size:180%;
color: #525B7D;
margin: 10px 0 0 0;
padding: 0px;
font-family: Arial;
font-weight: normal;
}

h3.pagesubtitle2 {
font-size:160%;
color: #525B7D;
margin: 10px 0 0 0;
padding: 0px;
font-family: Arial;
font-weight: normal;
}

p.sidemenu {
font-family:Comic Sans MS,Verdana,Helvetica,sans-serif;
font-size: 12px;
color: #003366;
}

h1 {
margin: 0;
padding: 5px;
}

h1.heading1 {
letter-spacing:-0.5px;
color: #525B7D;
margin: 10px 0 0 0;
padding: 0px;
font-family: Arial;
}

h1.mainhead {
color: #525B7D;
letter-spacing: -1px;
margin: 10px 0 0 0;
padding: 0px;
font-family: Segoe UI,Arial;
font-weight: normal;
font-size: 22px;
}

h2 {
margin-top: 0;
padding-top: 7px;
}

h2.heading2 {
font-size: 20px;
color: #525B7D;
margin: 0px;
font-weight: normal;
font-family: Segoe UI, Arial;
}

h3.heading2 {
font-size: 16px;
color: #525B7D;
margin: 0px;
padding: 0px;
font-weight: normal;
font-family: Segoe UI, Arial;
}

hr {
color: blue;
height: 2px;
}

#hr2 {
color: blue;
height: 1px;
width: 100%;
}

input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly] {
background-color: #ccc;
color: #000000;
cursor: default;
}

/* /////////// form.css START //////////// */

.showload {
margin-left: 175px;
}

.reqschool {
visibility: hidden;
}

label {
width: 20%;
padding: 0px;
margin: 0px;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
font-size: 15px;
font-weight: bold;
font-family: Calibri;
}

/* New Buttons for editing */

.buttons a, .buttons button{
display:block;
float:left;
margin:0 7px 0 0;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:100%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
width:auto;
overflow:visible;
padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
padding:5px 10px 5px 7px; /* Firefox */
line-height:17px; /* Safari */
}
*:first-child+html button[type]{
padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}
.buttons a:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
background-color: #fff;
border: 1px solid #ddd;
color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}
.buttons a.positive:active{
background-color:#529214;
border:1px solid #529214;
color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
background-color:#fff;
border: 1px solid #ddd;
color: #d12f19;
}
.buttons a.negative:hover, button.negative:hover{
background:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;
}
.buttons a.negative:active{
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
}

/* DISABLED */

.buttons a.disabled, button.disabled{
background-color:#fff;
border: 1px solid #ddd;
color: #ccc;
}

/* END... new buttons for editing */

.buttongroup .button {
background-color: #525B7D;
border: medium none;
color: #FFFFFF;
display: block;
margin-top: 10px;
margin-left: 175px;
padding: 5px;
font-weight: bold;
text-transform: lowercase;
}

input {
padding: 0px;
margin: 0px;
}

input.form {
height: 15px;
font-size: 12px;
width: 57%;
}

input.sitebuttonorange {
background-color: #FBB917;
border: 1px #666 solid;
color: #FFFFFF;
display: block;
margin-top: 0px;
padding: 5px;
font-weight: bold;
font-family: candara;
text-transform: lowercase;
font-size: 14px;
}

input.sitebuttongreen {
background-color: #4CC417;
border: 1px #666 solid;
color: #FFFFFF;
display: block;
margin-top: 0px;
padding: 5px;
font-weight: bold;
text-transform: lowercase;
font-family: candara;
font-size: 14px;
}

input.wider {
border:1px solid #AAAAAA;
margin-right:3px;
margin-top:10px;
padding:6px 2px;
font-size: 12px;
display: block;
}

input.wider_eb {
border:1px solid #AAAAAA;
margin-right:3px;
padding: 3px 3px 3px 4px;
font-size: 14px;
width:340px;
}

input.wider_eb1 {
border:1px solid #AAAAAA;
margin-right:3px;
padding: 3px 3px 3px 4px;
font-size: 14px;
width:50px;
}

input.wider_eb2 {
border:1px solid #AAAAAA;
margin-right:3px;
padding: 3px 3px 3px 4px;
font-size: 14px;
width:150px;
}

input.wider_ebcourse {
border:1px solid #AAAAAA;
margin-right:3px;
padding: 3px 3px 3px 4px;
font-size: 14px;
width:92px;
}

input.greybutton {
background-color:#FBB917;
border:1px solid #666;
font-size:1em;
padding:4px 8px;
margin-left: 34px;
}

input.greybutton:hover {
background-color:#4CC417;
}

p.form {
font-family: Arial;
font-size: 14px;
line-height: 1.4;
}

span.form_label {
padding: 0px 0px 0px 4px;
font-family: Arial;
font-size: 17px;
font-weight: bold;
}
span.form_label_no_icon {
font-family: Arial;
font-size: 17px;
font-weight: bold;
}

select {
padding: 4px 2px;
}

select.wider {
border:1px solid #AAAAAA;
margin-right:3px;
margin-top:10px;
margin-bottom: 7px;
padding: 4px 2px;
font-size: 11px;
}

hr {
height: 1px;
width: 400px;
text-align: left;
}

#theformsubheading{
float: left;
margin: 2px 0 0 15px;
color: #888;
font-family: Calibri;
font-size: 11px;
}

/* form.css END */
/* chromeblue.css START */

.chromestyle {
width: 100%;
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
color: #fff;
font-size: 11px;
font-weight: bold;
border-bottom: 1px solid #61768b;
}

.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.chromestyle ul {
border: 1px solid #61768b;
width: 100%;
/*background: url(chromebg2.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 1px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li {
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
color: #fff;
border-right: 1px solid white;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background-color: #61768b;
color: white;  /*THEME CHANGE HERE*/
}

.chromestyle a, .chromestyle a:hover, .chromestyle a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background-color: #61768b;
color: white;  /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #61768b; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
font-size: 11px;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #61768b; /*THEME CHANGE HERE*/
padding: 5px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #61768b;
color: #fff;
}

.menubar {
width: 900px;
margin-left: auto;
margin-right: auto;
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
font-size:11px;
color: white;
}

.spiffy{display:block}

.spiffy *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#61768b}

.spiffy1{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #d6e1c6;
border-right:1px solid #d6e1c6;
background:#b7cc9c}

.spiffy2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #f5f8f1;
border-right:1px solid #f5f8f1;
background:#b2c794}

.spiffy3{
margin-left:1px;
margin-right:1px;
border-left:1px solid #b2c794;
border-right:1px solid #b2c794;}

.spiffy4{
border-left:1px solid #d6e1c6;
border-right:1px solid #d6e1c6}

.spiffy5{
border-left:1px solid #b7cc9c;
border-right:1px solid #b7cc9c}

.spiffyfg{
background:#61768b;
color: white;}

/* chromeblue.css END */