﻿body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #555;
	background: #fff url(../Images/body_bg.png) repeat-x 0 0;
	line-height: 20px;
	margin:0px;
}

.page
{
	width: 950px;
	margin: 10px auto 0px auto;
}

h1
{
	font-size: 120%;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	display: inline;
	border-bottom: 1px #cccccc;
	border-bottom-style: solid;
}

h2
{
	font-size: 100%;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	display: inline;
	border-bottom: 1px #cccccc;
	border-bottom-style: dashed;
}

td
{
	vertical-align: top;
}

th
{
	vertical-align: top;
	text-align: left;
}


input, select, textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 2px;
	padding: 2px;
}

input[type="text"], input[type="password"], select, textarea
{
	border: solid 1px #999;
}

input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus
{
	border: solid 1px #666;
}

a
{
	/*color: #000099;*/
	color: #F26522;
	text-decoration: underline;
	font-weight: bold;
}

a:hover
{
	text-decoration: none;
}

a.NoUnderLine
{
	text-decoration: none;
}

/* NEW BREADCRUMBS */
#breadcrumbs
{
	color: #444;
	background: url(../Images/breadcrumb_bg.png) no-repeat;
	height: 36px;
	line-height: 34px;
	font-weight: bold;
	width: 890px;
}

#breadcrumbs .PageTitle
{
	max-width: 250px;
	height: 40px;
	overflow: hidden;
	text-decoration: none;
	float: left;
	padding: 0 10px;
	position: relative;
	margin-left: 10px;
}

#breadcrumbs .MenuItem
{
	color: #444;
	text-decoration: none;
	float: left;
	padding: 0 10px;
	position: relative;
	margin-left: 10px;
	cursor: hand;
}

#breadcrumbs .zKeep
{
	float: left;
	margin: 0 10px 0 0;
	position: relative;
	height: 0;
	padding-top: 34px;
	margin-top: 1px;
	overflow: hidden;
	background: url(../Images/breadcrumb_sep.png) no-repeat;
}

#PageContent
{
	margin-top: 20px;
}

.VrsWelcome
{
	clear: both;
	left: 60%;
	top: 20px;
	position: absolute;
}

#FooterContent
{
	border-bottom: solid 1px #e5e5e5;
	border-top: solid 1px #e5e5e5;
	margin: 10px;
	margin-top: 50px;
	padding: 5px;
}

.tableDiv
{
	width: 900px;
	background: url(../Images/containerBG.png) no-repeat;
	clear: both;
	min-height: 300px;
	padding: 10px;
}

.tableDivWithLeftWelcome
{
	width: 660px;
	background: url(../Images/containerBGLeftWelcome.png) no-repeat;
	clear: both;
	min-height: 560px;
	padding: 10px;
}

.tableDivWithLeft
{
	width: 660px;
	background: url(../Images/containerBGLeft.png) no-repeat;
	clear: both;
	min-height: 300px;
	padding: 10px;
}

.FirstRow
{
	padding: 5px 0px;
}

.PostRow
{
	padding: 5px 0px;
	clear: left;
}

.cell1
{
	float: left;
	margin: 0;
	padding: 0;
	width: 98%;
	
}

.cell2
{
	float: left;
	margin: 0;
	padding: 0;
	width: 49%;
}

.cell3
{
	float: left;
	margin: 0;
	padding: 0;
	width: 30%;
}

.cell4
{
	float: left;
	margin: 0;
	padding: 0;
	width: 23%;	
}

.cell5
{
	float: left;
	margin: 0;
	padding-right: 5px;
	width: 19%;	
}

.cell75
{
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

.cell25
{
	float: left;
	margin: 0;
	padding: 0;
	width: 19%;
}

.cellAuto
{
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
}

.DataRow
{
	padding: 0px 2px 0px 2px;
	background-color: #E5E9EC;
	vertical-align: top;
}

.DataRow2
{
	padding: 0px 2px 0px 2px;
	background-color: #F1F3F5;
	border-bottom: solid 4px #A1B4F1;
	vertical-align: top;
	/*
	background-color: #F7F8F9;
	*/
}

.DataCell
{
	
}

Table.TableForm
{
	border: 1px #F26522;
	padding: 8px;
	border-style: dashed;
	background: #fff url(../Images/FormBg.png)  repeat-x top;
}

div.StyledHr
{
  height: 15px;
  background: #fff url(../Images/hr.jpg) no-repeat scroll center;
}

div.StyledHr hr {
  display: none;
}

.BorderNone
{
	border: none;
}

.Control
{
	border: none;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.HelpPosition
{
	float: right;
	margin-top: -35px;
}

.HelpImage
{
	background: url('../Images/controls.png') no-repeat left;
	background-position: -8px -704px;
	width: 16px;
	height: 16px;
	margin: 3px 1px 0px 1px;
}

.ExclemationImage
{
	background: url('../Images/controls.png') no-repeat left;
	background-position: -8px -680px;
	width: 16px;
	height: 16px;
	margin-bottom: 5px;
}

.DeleteImage
{
	background: url('../Images/controls.png') no-repeat left;
	background-position: -8px -640px;
	width: 16px;
	height: 16px;
	margin-bottom: 5px;
}

.AddImage
{
	background: url('../Images/controls.png') no-repeat left;
	background-position: -8px -420px;
	width: 16px;
	height: 16px;
	margin: 1px;
}

.SelectImage
{
	background: url('../Images/controls.png') no-repeat left;
	background-position: -8px -658px;
	width: 18px;
	height: 16px;
	margin: 3px 1px 1px 1px;
}

.ExpandImage
{
	background: url('../Images/controls.png') no-repeat left;
	background-position: 0px -610px;
	width: 9px;
	height: 9px;
	margin-right: 5px;
	text-decoration: none;
	color: White;
	overflow: hidden;
}

.CollapseImage
{
	background: url('../Images/controls.png') no-repeat left;
	background-position: 0px -627px;
	width: 9px;
	height: 9px;
	margin-right: 5px;
	text-decoration: none;
	color: White;
	overflow: hidden;
}

.CheckBoxUnSelectedImage
{
	background: url('../Images/controls.png') no-repeat left;
	background-position: -8px -747px;
	width: 13px;
	height: 13px;
	margin: 3px 1px 0px 1px;
}

.CheckBoxSelectedImage
{
	background: url('../Images/controls.png') no-repeat left;
	background-position: -8px -726px;
	width: 14px;
	height: 13px;
	margin: 3px 1px 0px 1px;
}

.ExpandContent
{
	display: block;
}

.CollapseContent
{
	display: none;
}

th.Header
{
	background: #A1B4F1;
	color: White;
	padding: 2px;
	font-weight: bold;
}

.Header
{
	font-weight: bold;
}

.InputInfo
{
	font-size: 80%;
}

.ContainerTitle 
{
	margin: 2px; 
	padding: 2px;
}

input.SmallButton, div.SmallButton
{
	background: url(../Images/smallBut.png) no-repeat left;
	color: #f2f2f2;
	height: 23px;
	width: 76px;
	border: none;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
}

input.MediumButton, div.MediumButton
{
	background: url(../Images/mediumBut.png) no-repeat left;
	color: #f2f2f2;
	height: 23px;
	width: 120px;
	border: none;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
}

input.LargeButton, div.LargeButton
{
	background: url(../Images/largeBut.png) no-repeat left;
	color: #f2f2f2;
	height: 23px;
	width: 150px;
	border: none;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
}

.tdStyle
{
	border-bottom: solid 1px white;
	border-right: solid 1px white;
	background-color: #E5E9EC;
	height: 25px;
}

.RemoveLinkStyle
{
	text-decoration: none;
	font-weight: normal;
}

.LinkSimulateButton
{
	text-decoration: none;
	color: #f2f2f2;
	font-weight: normal;
}

#chart
{
	width: 100%;
	height: 350px;
}

.chart_title
{
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.4em;
}

.msg
{
	color: red;
	font-weight: bold;
}

.ValidationMessage
{
	padding: 10px;
	margin: 5px 5% 5px 5%; 
	width: 90%;
	border: solid 1px #A1B4F1;
	border-style:dashed;
	color: red;
	background-color: #E5E9EC;
	list-style-image:  url(../Images/bullet.gif);
}

.grid
{
	width: 98%;
	margin-bottom: 10px;
}

.CbTerms
{
	border: solid 1px black;
	width:90%;
	height: 150px;			 
}

.HighlightLink
{
    background: #F5F5F5;
    border: solid 1px #E5E5E5;
    padding: 3px;
    margin: 10px;
    line-height: 20px;
    color:#F26522;
    text-decoration: none;
    display: block;
}

.HighlightLink:hover
{
	text-decoration: underline;
}

.CursorHelp
{
	cursor: help;
}

.SmallText
{
	font-size: 80%;
}

.SchoolTable1
{


}

.HomePageListTitle
{
	color:#F26522;
	padding-bottom:15px;
	font-weight:bold;
}

.HomePageListItem
{
	line-height: 1.6em;
	color: #8998A9;
}

.SchoolTable2
{

}

.SchoolDataRow1
{
	text-align: left;
	padding-left: 2px;
	margin: 0px;
	vertical-align: middle;
	background-color: #F2F2F2;
}

.SchoolDataRow1b
{
	text-align: center;
	padding-left: 2px;
	margin: 0px;
	vertical-align: middle;
	background-color: #F2F2F2;
}

.SchoolDataRow2
{
	text-align: left;
	padding-left: 2px;
	margin: 0px;
	vertical-align: middle;
	background-color: #E5E9EC;
}

.SchoolDataRow2b
{
	text-align: center;
	padding-left: 2px;
	margin: 0px;
	vertical-align: middle;
	background-color: #E5E9EC;
}

.BorderBottom
{

}

/*Timeline classes */
.TimeLine
{
	border: solid #333 1px;
	background-color: #333;
	left: 0%;
	width:75%;
	height: 50px;
}

.SavingsLineOuter
{
	border: solid blue 1px;
	position: absolute;
	left: 5%;
	width:100%;
}

.SavingsLineInner
{
	height: 20px;
	color: Black;
	background-color: blue;
	opacity:0.5;
	*filter:alpha(opacity=50); /* IE */
}

.FeesLineOuter
{
	border: solid red 1px;
	position: absolute;
	left: 45%;
	width:30%;
}

.FeesLineInner
{
	height: 20px;
	color: Black;
	background-color: red;
	opacity:0.5;
	*filter:alpha(opacity=50); /* IE */
}

.BreakHelpIcon
{
	clear: both;
	line-height: 1px;
}

.ScrollOverflow
{
	overflow: auto; height: 250px;
	border: solid 1px #E5E9EC;
	padding: 5px;
	margin: 1px;
	/*scrollbar-face-color: #FFC20E !important;	
	*/
}

.GraphKey
{
	color: White;
	margin: 0px 10px 0px 10px;
	padding: 6px;
}

.SavingsKey
{
	 background-color:#0000ff; 
}

.BalanceKey
{
	background-color:#000; 
}

.FeesKey
{
	background-color:#ff0000; 
} 