html, body 
{
    margin:0; 
    padding:0; 
    width:100%; 
    height:100%; 
    overflow:hidden;
}

body 
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:.75em;
}

sup
{
    font-size:.7em;
}

input[type=file]
{
    border: 1px solid #000000;
    font-weight: bold;
    font-size:10px;
}

textarea, select
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:1em;
}
/*
 * CSS Classes
 */
 
 .headerLink
 {
    padding:5px;
 }
 
 .headerLink a
 {
    font-size:1em !important;
    color:#ffffff !important;
 }
 
 .headerLink a:hover
 {
    text-decoration:underline;
 }
 
 .noBorder td
 {
    border:0px !important;
    white-space:nowrap;
 }
 
 .noPadding
 {
    padding:0px;
 }
 
 .padding
 {
    padding:5px;
 }
 
 .greyBackground
 {
    background-color: #CFCFCF;
 }
 
 .fesCalender .ajax__calendar_container
 {
    background-color: #ffffff; 
    border:solid 1px #cccccc;
 }
 
 .fesCalender .ajax__calendar_container table td
 {
    border:0px;
 }
 
 .fesCalender .ajax__calendar_header
 {
    background-color: #ffffff;
    margin-bottom: 4px;
 }
 
 .fesCalender .ajax__calendar_title,
 .fesCalender .ajax__calendar_next,
 .fesCalender .ajax__calendar_prev
 {
    color: #000000;
    padding-top: 3px;
 }
 
 .fesCalender .ajax__calendar_body
 {
    background-color: #e9e9e9;
    border: solid 1px #cccccc;
 }
 
 .fesCalender .ajax__calendar_dayname
 {
    text-align:center;
    font-weight:bold;
    margin-bottom: 4px;
    margin-top: 2px;
    color:#032666;
 }
 
 .fesCalender .ajax__calendar_day
 {
    text-align:center;
 }
 
 .fesCalender .ajax__calendar_hover .ajax__calendar_day,
 .fesCalender .ajax__calendar_hover .ajax__calendar_month,
 .fesCalender .ajax__calendar_hover .ajax__calendar_year,
 .fesCalender .ajax__calendar_active
 {
    color: #017EB6; 
    font-weight:bold; 
    background-color: #ffffff;
    border: none;
 }
 
 .fesCalender .ajax__calendar_today
 {
    font-weight  :bold;
 }

 .fesCalender .ajax__calendar_other
 {
    color : #bbbbbb;
 }
 
 .fesCalender .ajax__calendar_hover .ajax__calendar_today,
 .fesCalender .ajax__calendar_hover .ajax__calendar_title
 {
    color : #017EB6;
 }

 .ajax__tab_xp .ajax__tab_body
 {
    font-family: Arial, Helvetica, Sans-Serif !important;
    font-size:1em !important;
    padding: 0px !important;
 }
 
 /* Accordion */
 .accordionHeader
 {
    border: 1px solid #000000;
    color: white;
    background-color: #5D9732;
	font-size: 1em;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
 }

 .accordionHeader a
 {
	color: #FFFFFF;
	background: none;
	text-decoration: none;
 }

 .accordionHeader a:hover
 {
	background: none;
	text-decoration: underline;
 }

 .accordionHeaderSelected
 {
    border: 1px solid #000000;
    color: white;
    background-color: #5D9732;
	font-size: 1em;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
 }

 .accordionHeaderSelected a
 {
	color: #FFFFFF;
	background: none;
	text-decoration: none;
 }

 .accordionHeaderSelected a:hover
 {
	background: none;
	text-decoration: underline;
 }

 .accordionContent
 {
    background-color: #DFEEFF;
    border: 1px solid #000000;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
 }
 
 .menuTab
 {
    font-size:1em;
    color:#ffffff; 
    font-weight:bold;
    text-align: center;
    padding:5px;
    border-right: 1px solid #000000;
    background-color:#5D9731;
    border-top: 1px solid #000000;
 }
 
 .menuTab a:hover
 {
    text-decoration:underline;
 }
 
 .menuTab a:link, a:active, a:visited
 {
    background-image: none;
 }
 
 .selectedMenuTab
 {
    font-size: 1.167em;
    color:#000000;
    font-weight:bold;
    text-align: center;
    padding:5px;
    height:20px;
    background-color:#94CF5A;
    white-space:nowrap;
    border-top: 1px solid #000000;
 }
 
 .selectedMenuTab a:hover
 {
    text-decoration:none;
 }
 
 .selectedMenuTab a:link, a:active, a:visited
 {
    background-image: none;
 }
 
.revertButton
{
    border: 1px solid #000000;
    background-color: #9D3520;
    color: #ffffff;
    font-weight: bold;
    font-size:0.833em;
    cursor:pointer;
}

.revertButton:hover
{
    background-color: #FFBD47;
    cursor:pointer;
    color:#000000;
}

.proceedButton
{
    border: 1px solid #000000;
    background-color: #5D9732;
    color: #ffffff;
    font-weight: bold;
    font-size:0.833em;
    cursor:pointer;
}

.proceedButton:hover
{
    background-color: #94CF5A;
    cursor:pointer;
    color:#000000;
}

.headerText
{
    font-size:1.833em;
    font-weight:bold;
    text-align:center;
}

.headerTd
{
    font-weight:bold;
    text-align:right;
    width:25%;
    vertical-align:top;
}

.userRoleTable
{
    text-align:left;
    z-index:5;
    position:relative;
    color:#000000;
    font-weight:normal;
    min-width:110px;
	cursor:move;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:5px solid #000000 !important;
    border-bottom:5px solid #000000 !important;
}

.userRoleTable th
{
    color:#ffffff;
    background-image:url(Images/Header.png);
}

.lscTable
{
    width:100%;
}

.lscTable th
{
    font-size:1.333em;
    font-weight:bold;
    color:#ffffff;
    text-align:left;
    background-image:url(Images/Header.png);
    border:1px solid #000000;
}

.lscTable a
{
    font-size:1.167em;
    font-weight:bold;
    color:#000000;
    text-align:left;
    cursor:pointer;
    text-decoration:none;
}

.lscTable a:hover, .gridViewPager a:hover
{
    text-decoration:underline;
}

.confirmationText
{
    color:#209D48;
    font-weight:bold;
}

.errorText
{
    color:#9D3520;
    font-weight:bold;
}

.borderedTable
{
    border-right:5px solid #000000 !important;
    border-bottom:5px solid #000000 !important;
}

.borderedTable td
{
    border: 1px solid #000000;
}

.bottomBorder
{
    border-bottom:1px solid #000000;
}

.altTableHeader
{
    font-size:1.167em;
    font-weight:bold;
    color:#000000;
}

.invisibleDiv
{
    visibility:hidden;
    cursor:default;
}

.redLink
{
    font-size:1em;
    font-weight:bold !important;
    color:#F9411C !important;
    cursor:pointer !important;
}

.greenLink
{
    font-size:1em;
    font-weight:bold !important;
    color:#359F13 !important;
    cursor:pointer !important;
}

.buttonLink
{
    font-size:1em;
    color:#000000 !important;
    cursor:pointer !important;
}

.buttonLink:hover
{
    font-size:1em;
    color:#5D9731 !important;
    cursor:pointer !important;
}

.helpText
{
    font-style:italic;
    color:#6f6f6f;
    font-size: 0.833em;
}

.gridView, .altTable
{
    border-right: 5px solid #000000;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.gridView a, .gridViewNoPager a
{
    font-size:1em;
    text-decoration:none;
}

.gridView a:hover
{
    text-decoration:underline;
}

.gridView tr, .gridView tr td, .gridView tr th, 
.altTable tr, .altTable tr td, .altTable tr th
{
    border: 1px solid #000000;
}

.gridViewHeader, .gridViewHeader th, .altTable th
{
    font-size:1em !important;
    font-weight:bold !important;
    color:#ffffff !important;
    text-align:center !important;
    height: 25px !important;
    background-image:url(Images/Header.png) !important;
}

.gridViewHeader a, .gridViewPager a
{
    color:#ffffff;
    text-decoration:none;
}

.gridViewPager
{
    background-color:#000000;
    color:#ffffff;
}

.gridViewPager span
{
    font-weight:bold;
}

.watermark
{	
    border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
	font-size:1em;
    height:20px;
    padding:2px 0 0 2px;
    width:150px;
}

.noWatermark
{
    height:18px;
    width:150px;
}

.rankReportLink a
{
    font-size:1.167em;
    font-weight:bold;
    color:#00274C;
    text-align:left;
    cursor:pointer;
    text-decoration:underline;
}
/*
 * ID CSS Classes
 */
#backgroundImage
{
    position:absolute; 
    z-index:0; 
    width:100%; 
    height:100%;
    top: -2px;
    left: 19px;
}

#mainDiv
{
    margin-left:50px;
    margin-right:50px;
    position: relative;
    z-index: 1;
}

#menuDiv
{
    margin-left:15px;
    border-left:1px solid #000000;
}

#loginDiv
{
    position:absolute; 
    margin-left:88%;
    margin-top:-17px;
    color:#000000;
    font-weight:bold;
    cursor:pointer;
    min-width:110px;
    z-index:3;
    white-space:nowrap;
}

#schoolDiv
{
    margin-left:15px;
    position:absolute;
}

#pagecontentDiv
{
    background-color: #ffffff;
    padding:5px;
    overflow:auto;
    min-height:400px;
    max-height:400px;
    margin-left:15px;
    margin-right:15px;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-bottom:5px solid #000000;
    border-right:5px solid #000000;
}

#pagecontentNoBorderDiv
{
    background-color: #ffffff;
    padding:5px;
    overflow:auto;
    min-height:400px;
    max-height:400px;
    margin-left:15px;
    margin-right:15px;
}

#footer
{
	position: relative;
	padding-top: 2px;
	text-align: center;
	border-top: none;
	font-size: x-small;
	color: #808080;
}