<!--
/**********************************START Defaults***********************************/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, table
{
  margin: 0;
  padding: 0;
	font-family: Arial,sans-serif;
	font-size: 14px;
}
legend {
  color: black;
}
h1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 150%;
}
h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 150%;
}
a:link {
  color: #E6A62A;
  text-decoration: underline;
}
a:visited {
  color: #B07700;
  text-decoration: underline;
}
a:hover, a:active {
  color: #F9E1C5;
  text-decoration: underline;
}

ul, ol
{
  padding-left: .75em;
  margin-left: .75em;
}

body
{
  background-color: #000;
  border-top: 4px solid #E6A62A;
}

th
{
	background-color: #BFBFD9;
}

fieldset
{
  padding-bottom: .25em;
  padding-left: .25em;
  padding-right: .25em;
  margin-bottom: .25em;
  margin-left: .25em;
  margin-right: .25em;
}

input
{
	border-width : 0px 0px 1px 0px;
	border-style: solid;
	border-color : black;
	padding-left: 5px;
}

input,
textarea,
select
{
  background-color: #FFF;
	margin-bottom: 5px;
	margin-left: 5px;
	font-size: 90%;
}

.hidden
{
  display:none;
}

.shown
{
  display:inline;
}

table .even
{
  background-color: silver;
}

table.centered-table
{
	margin-left: auto;
	margin-right: auto;
}

/* START Sortable tables */
table.sortable td
{
  padding: 2px .25em;
}

/* Sortable tables */
table.sortable thead {
  background-color:#eee;
  color:#666;
  font-weight: bold;
  cursor: default;
  text-decoration: none;
}

/* END Sortable tables */

.note
{
  font-weight: lighter;
  font-style: italic;
  font-size: smaller;
}

.attention
{
  color: red;
}

div#content
{
  width: 880px;
  overflow: hidden;
}
div#defUserContent
{
  padding: 10px;
  width: 840px;
  margin: 10px;
}
div#defAdminContent
{
  border: 1px solid black;
  background-color: #FFFFC0;
  padding: 10px;
  width: 840px;
  margin: 10px;
}

/**********************************END Defaults***********************************/
/***************************************FORM INPUT****************************/
/* START data validation */
input.required,
textarea.required,
select.required
{
  font-size: 90%;
	border: 1px solid #00A8E6;
}

input:focus, textarea:focus, select:focus {
  background-color: #ffc;
  border: 1px solid blue;
}

label
{
  font-size: 90%;
}
label.required
{
  font-weight: bold;
}

input.validation-failed,
textarea.validation-failed,
select.validation-failed
{
	border: 1px solid #FF3300;
	background-color: tomato;
	color : white;
}

input.validation-passed,
textarea.validation-passed,
select.validation-passed
{
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice
{
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.validation-advice-text,
.validation-advice-select-one,
.validation-advice-radio,
.validation-advice-checkbox,
.validation-advice-password
{
	z-index: 10;
	margin: 2px 0 0 1px;
	padding: 4px;
	/*background-color: #D37C7C;*/
	background-color: tomato;
	color : #FFF;
	font-weight: bold;
}

.validation-advice-textarea
{
	float: left;
	width: 441px;
	margin: 0 0;
	padding: 3px;
	/*background-color: #D37C7C;*/
	background-color: tomato;
	color : #FFF;
	font-weight: bold;
}
/* END data validation */

/* display the user submitted data */
p.inputData
{
  background-color: yellow;
  display: inline;
}

/********************************START Support Files********************************/
/* START header.asp */
.tableHeader
{
  background-color: #000000;
  color: white;
  width: 880px;
}
/* END header.asp */

/* START breadcrumb */
#bread
{
  font-size: 80%;
	color: #ccc;
	background-color: #40408D;
	width: 1024px;
}

#bread ul
{
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
}

#bread ul li
{
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}

#bread .selected
{
  color: red;
}

#bread .notselected
{
  color: #ccc;
}
/* END breadcrumb */

/* START menu */
/* BEGIN REFERENCE: http://www.strictlycss.com/articles/article/59/horizontal-and-tabbed-css-menu-with-sub-menu */
#menucontainer * /* "Universal rule". Set's border, padding and margin to 0 for all CSS values*/
{
  padding: 0;
  margin: 0;
  border: 0;
}
#menucontainer {
  vertical-align: top;
}
#menucontainer .menu
{
  font-family: Arial, sans-serif;
  font-size: 11px;
  padding: 0 0 3px 0;
  text-align: right; /* We are using text-align: left on ul to left align our menu to the page. If you want the menu aligned centered or right just change text-align to either center or right */
}

#menucontainer .menu li
{
  border-bottom: none;
  display: inline; /* Menu links are horizontally aligned using display: inline */
}

#menucontainer .menu li a
{
  padding: 3px 12px 3px 12px; /* Display: block won't work in this example, instead we are using padding */
  color: white;
  text-decoration: none;
  background: #E6A62A;
}

#menucontainer .menu li a:hover
{
  background: #F9E1C5;
  color: #000;
}

#menucontainer .menu li#active
{
  background: #FFCC99;
  color: black;
  padding: 3px 12px; /* Display: block won't work in this example, instead we are using padding */
}

#menucontainer .menu .submenu
{
  float: left;
  margin: 3px 0 5px 0;
  padding: 3px 0;
  width: 100%;
}

* html .menu .submenu
{
  margin: 2px 0 5px 0; /* IE hack */
}

#menucontainer .menu .submenu li
{
  border: 0;
  padding: 3px 0;
}

#menucontainer .menu .submenu li a
{
  background-color: #fc9;
  border: 0;
}

#menucontainer .menu .submenu li a:hover
{
  background: #d4de7c;
}

#menucontainer .menu .submenu li#subactive
{
  background-color: #fc9;
  color: black;
  padding: 3px 6px 3px 8px;
}
/* END REFERENCE: http://www.strictlycss.com/articles/article/59/horizontal-and-tabbed-css-menu-with-sub-menu */
/* END menu */

/* START aspfileview */
SPAN.TreeviewSpanArea A {
    font-size: 10pt;
    font-family: verdana,helvetica;
    text-decoration: none;
    color: black
}

SPAN.TreeviewSpanArea A:hover {
    color: #820082;
}
/* END aspfileview */
/********************************END Support Files********************************/

/* Calendar display - needs to be removed and replaced with the calendar.js code
  AppStatementOfAgreement.asp
  AppStudentInformation.asp
*/
table.calendarDateInput
{
	display: inline;
}

/* START default page */
li #complete
{
  list-style-position: inside;
	list-style-image: url(../images/save.png);
	list-style-type: disc;
}

li #edit
{
  list-style-position: inside;
	list-style-image: url(../images/modify.png);
	list-style-type: disc;
}

li #incomplete
{
  list-style-position: inside;
	list-style-image: url(../images/modify.png);
	list-style-type: disc;
}

li #warning
{
  list-style-position: inside;
	list-style-image: url(../images/warning.png);
	list-style-type: disc;
}

li#add
{
  background-image:url(../images/add.png);
  background-repeat:no-repeat;
  background-position:0px 8px;
  padding-left:24px;
  list-style-type:none;
  line-height:36px;
}
/* END default page */

/* START Admission Address Book */
form#adabForm input
{
	border-width : 1px;
	border-style: solid;
	border-color : black;
	background-color: #CCC;
	padding-left: 0;
	width: 1.5em;
}
form#adabForm span#Adults
{
  width:50%;
  display:inline;
  float:left;
}
form#adabForm div#Kids
{
  text-align:center;
  width:100%;
/*  float:clear;*/
  float:inherit;
}
/* End Admission Address Book */

/* START Admission Details */
form#addeForm label
{
  display: block;
  margin-top: 1em;
  padding: 0em 2em 0em 0em;
  position: relative;
  width: 8em;
}
table.fainForm, table.paquForm, table.scinForm, table.stagForm, table.stinForm, table.stinqForm, table.stquForm, table.ccpmtForm, #delStudent{
  margin: 40px;
  width: 800px;
}
form#addeForm label input
{
  left : 14em;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 0px;
  position : absolute;
  top : -2px;
  width : 8em;
  text-align: right;
}

form#addeForm label span#images
{
  position : absolute;
  left : 10em;
  top : -1px;
  width: 4em;
}

form#addeForm label select,
form#addeForm label span.inline,
form#addeForm label input.checkbox
{
  left : 100%;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 0px;
  position : absolute;
  top : -2px;
  width : 11em;
}

form#addeForm label input.checkbox
{
  width: auto;
}

form#addeForm span#left
{
  display:inline-block;
  padding:10px;
  width:350px;
}

form#addeForm span#middle
{
  float:left;
  width:34%;
  border-left-style:dotted;
  border-left-width:1px;
  border-left-color:silver;
  border-right-style:dotted;
  border-right-width:1px;
  border-right-color:silver;
  padding-left: .5em;
}

form#addeForm span#middle label
{
  display: block;
  /*margin-bottom: 1em;*/
  margin-top: 1em;
  padding: 0em 2em 0em 0em;
  position: relative;
  width: 10em;
}

form#addeForm span#middle label input,
form#addeForm span#middle label select,
form#addeForm span#middle span.inline
{
  left : 16em;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 0px;
  position : absolute;
  top : -2px;
  width : 8em;
  text-align: right;
}

form#addeForm span#middle label span#images
{
  position : absolute;
  left : 12em;
  top : -1px;
  width: 4em;
}

form#addeForm span#right
{
  float:right;
  width:340px;
  padding-left:.5em;
}

form#addeForm span#right label
{
  display: block;
  /*margin-bottom: 1em;*/
  margin-top: 1em;
  padding: 0em 2em 0em 0em;
  position: relative;
  width: 8.5em;
}

/* END Admission Details */

/* START Login pages */
form#login label
{
  line-height: 150%;
}

form#login label input
{
  margin-left: 0px;
  width : 250px;
}

form#lomaForm label
{
  display: block;
  margin-top: 1em;
  padding: 0em 2em 0em 0em;
  position: relative;
  text-align: right;
  width: 8em;
}

form#lomaForm label input
{
  left : 11em;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 0px;
  position : absolute;
  top : -2px;
  width : 15em;
}

form#lomaForm label input.checkbox
{
  border: 0px none #fff;
  width : auto;
}
/* END Login pages */

.FaInChildData
{
  border: 1px black solid;
}

table#dataTbl
{
  margin-top: 10px;
  border-collapse: collapse;
}

table#dataTbl tr
{
  border: 1px;
  border-color: #000000;
  border-style: solid;
}

table#dataTbl td
{
  border: 1px;
  border-color: #000000;
  border-style: solid;
  padding: 2px;
}

.selected
{
  color: red;
}

input.button
{
  background-color: black;
  border-color: black;
  border-width: 1px 1px 1px 1px;
  color: white;
  cursor: pointer;
  display: inline;
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 2px;
  position: relative;
}

#message_box {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background:#ffc;
  padding:5px;
  border:1px solid #CCCCCC;
  text-align:center;
  font-weight:bold;
  width:99%;
  color:red;
}

th#frontPage {
  background:black;
  color:white;
}
table#frontPageTbl {
  border-collapse: collapse;
}
#frontPageTbl td, #frontPageTbl th {
  padding: 5px;
  border: 1px solid black;
}
#frontPageTbl td {
  background: #E6D3A5;
}
td#emptyCell, th#emptyCell{
  background-color: white;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
#makeObvious {
  color:#F09600;
  background:black;
  font-weight:bold;
}
#attentionBox {
  float: right;
  background: #FFFFC0;
  padding: 10px;
  margin: 5px;
  border: 1px solid black;
}
#loginBox {
  width:250px;
  padding:40px;
}
.error {
  background:tomato !important;
}
#signupBox {
  padding:40px;
  width:250px;
}
.signupBtn {
  cursor: pointer;
  text-align: center;
}
.signupBtn a {
  color: black;
  font-size: 14px;
  font-weight: bold;
  padding: 0 7px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
#signupBtnL {
  background: transparent url(../images/greybtn.png) no-repeat scroll 0 0;
  height: 45px;
  width: 14px;
}
#signupBtnM {
  background: transparent url(../images/greybtn.png) no-repeat scroll -14px 0;
  height: 45px;
}
#signupBtnR {
  background: transparent url(../images/greybtn.png) no-repeat scroll -365px 0;
  height: 45px;
  width: 14px;
}
#contentWrapper{
  margin: 0 auto;
  width: 880px;
}
#homeContent {
  background-color: #fff;
  border: 5px solid #676767;
  color: #000;
  overflow: auto;
  width: 880px;
}
#loginContainer {
  float:right;
}
#loginReminder {
  font-size:smaller;
  float:right;
}
#descContainer {
  float:left;
  width:450px;
  margin:45px;
	font-family: Arial,sans-serif;
	font-size: 14px;
}
#descSteps{
  font-size: 16px;
  font-weight: bold;
  line-height:150%;
}
#descContainer ul{
  padding-left:30px;
}
#descContainer img{
  vertical-align:middle;
  padding-top: 10px;
}
/* garbage?
submit
{
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-color : black;
}

.table1
{
	font-family: "Tahoma";
	font-size:12px;
}

.tableMenu
{
  background-color: #000066;
  color: white;
}
*/