body{font-size: .75em; font-family: Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; color: #696969;background:url('/Content/Images/bg/main-loggedin.gif') repeat-x;}

a:link { color: #034af3; text-decoration: underline;}
a:visited {color: #505abc;}
a:hover {color: #1d60ff; text-decoration: none;}
a:active {color: #12eb87;}
p, ul{margin-bottom: 20px; line-height: 1.6em;}
form {margin:0px;padding:0px}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{font-size: 1.5em; color: #655556; font-family: Arial, Helvetica, sans-serif;}
h1 {font-size: 2em; padding-bottom: 0; margin-bottom: 0;}
h2 {padding: 0 0 10px 0;font-size:1.3em;margin-top:0px}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#siteContainer {width:753px;margin:0px auto;border-width:0px 1px 1px 1px;border-color:#fcab14;border-style:solid;padding:10px 15px 0px 15px;background-color:#FFF}

#header {position: relative;margin-bottom: 0px;color: #000;padding: 0;}
#header img {display:inline;margin:0px;padding:0px;float:left}

#main {background-color: #fff;margin:27px 0px 0px 0px;_height: 1px; /* only IE6 applies CSS properties starting with an underscrore */}
#menuContainer {float:left;clear:left;}
#contentContainer {float:left;clear:right;margin-left:29px;min-height:450px;width:571px}

#footer{color: #999;text-align: center;line-height: normal;margin: 27px 0px 15px 0px;font-size: .9em;}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {padding: 0 0 2px;position: relative;margin: 0;text-align: right;}
ul#menu li {list-style: none;width:149px}
ul#menu li#greeting {padding: 10px 20px;font-weight: bold;text-decoration: none;line-height: 2.8em;color: #fff;}
ul#menu li a {width:149px;height:33px;line-height:31px;font-weight: bold;display:block;text-decoration: none;line-height: 2.8em;background: url('/Content/Images/bg/nav-button-off.gif') no-repeat;color: #655556;text-align:center;margin-bottom:17px}
ul#menu li a:hover {background: url('/Content/Images/bg/nav-button-on.gif') no-repeat;text-decoration: none;color:#FFF}
ul#menu li a:active {background-color: #a6e2a6;text-decoration: none;}
ul#menu li a.selected {background: url('/Content/Images/bg/nav-button-on.gif') no-repeat;color: #FFF;}

/* LOGIN BOX   
----------------------------------------------------------*/
#loginbox {width:521px}
#loginbox .top,
#loginbox .bottom {height:7px;width:521px;}
#loginbox .top img,
#loginbox .bottom img {display:block}
#loginbox .middle {background-color:#dedede;padding:5px 17px}
#loginbox .col {float:left;margin-right:10px;}
#loginbox .label {float:none}
#loginbox .input {float:none;margin:0px}
#loginbox .controls {margin:12px 0px 0px 0px}

.greybox {width:521px}
.greybox .top img,
.greybox .bottom img{display:block}
.greybox .middle {background-color:#dedede;padding:20px 20px;color:#655556;}
.greybox .middle a {color:#655556;font-weight:bold}
.greybox .middle .quickLinks {margin-top:10px}
.greybox .middle .quickLinks .right {float:right}

/* BUTTONS   
----------------------------------------------------------*/
input[type=button].styled,
input[type=submit],
a.button {width:128px;height:33px;font-weight: bold;border-width:0px;line-height:2.8em;background: url('/Content/Images/bg/button-off.gif') no-repeat;color: #655556;text-align:center;cursor:pointer}
input[type=button].styled:hover,
input[type=submit]:hover,
a.button:hover {background: url('/Content/Images/bg/button-on.gif') no-repeat;text-decoration: none;color:#FFF}
a.button {display:block;text-decoration:none}

input[type=button].white,
input[type=submit].white,
a.whiteButton {width:128px;height:33px;font-weight: bold;border-width:0px;line-height:2.8em;background: url('/Content/Images/bg/white-button-off.gif') no-repeat;color: #655556;text-align:center;cursor:pointer}
input[type=button].white:hover,
input[type=submit].white:hover,
a.whiteButton:hover {background: url('/Content/Images/bg/white-button-on.gif') no-repeat;text-decoration: none;color:#FFF}
a.whiteButton {display:block;text-decoration:none}

/* POPUP   
----------------------------------------------------------*/
.popup {padding:10px;border:1px solid #fcab14;position:relative;background:#dedede}
.popup .close {position:absolute;right:3px;top:3px}
.popup a {text-decoration:none;}

/* BOXES   
----------------------------------------------------------*/
.boxes {margin-bottom:10px}
.boxes .ml {margin-left:8px}
.boxes img {display:block}
.smallbox {float:left;}
.smallbox .middle {width:142px;background:url('/Content/Images/small-box-sides.gif') repeat-y;padding:5px 13px}
.smallboxGrey .middle {background:none;background-color:#dedede}
/* FORM
----------------------------------------------------------*/
.label {float:left;width:120px;margin-top:5px;clear:left;margin-right:10px;}
.input {float:left;margin-top:5px;clear:right;}
.row {margin-top:5px;clear:both}
.controls {clear:both;margin:10px 0px 0px 130px}
.buttons {margin-top:10px}
fieldset {margin:0px 0px 10px 0px;padding:0px;border-width:0px}
.fileUpload {margin-top:10px}
input[type=text],input[type=password] {width:160px}
input.date {width:230px}

.password {width:325px}
#psContainer {height:18px;width:100px;position:relative;border:1px solid #000;float:right;margin-left:5px;background-color:#DDDDDD;}
#psStrength {background-image:url('/Content/Images/strength.jpg');height:18px;width:0px;}
#psMessage {position:absolute;top:0px;left:0px;z-index:2;height:18px;line-height:18px;width:100px;text-align:center;color:#000}


/* ACCREDITATION
----------------------------------------------------------*/
.question {margin-bottom:15px}
.question .text {font-weight:bold}
.answer {margin-top:5px;}
.answer input[type=checkbox] {float:left;margin:1px 5px 0px 0px}
.answer input[type=radio] {float:left;margin:1px 5px 0px 0px}
/* AUTO COMPLETE  
----------------------------------------------------------*/
#divAutoComplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  color:#000;
}
#divAutoComplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
#divAutoComplete ul li.selected { background-color: #ffb;}
#divAutoComplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  line-height:16px;
  cursor:pointer;
}

/* MISC  
----------------------------------------------------------*/
.imgButton {cursor:pointer}
.bold {font-weight:bold}
.italic {font-style:italic}
.flr {float:right}
.up5 {margin-top:-5px;}
p.top {margin-top:0px}

.small {font-size:0.8em}

.clear
{
    clear: both;
}

.warning,.error
{
    color:Red;
}

.green {color:Green}



#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:#000;
}

#logindisplay a:link
{
    color: #000;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}


#SchoolIndex.greybox .middle {padding:15px;}
#SchoolIndex .alphabet .action{padding-left:10px;}
#SchoolIndex .alphabet img{vertical-align:middle;}