﻿body
{
  font-size: 10pt;
  font-family: 'Trebuchet MS';
  color: #293381;
  background-color: white;
}
H1
{
	font-size: 12pt;
	font-family: 'Trebuchet MS';
	color: #293381;
}

a 
{
  color: #293381;
  text-decoration: underline;
  font-size: small;
} 

.left 
{
      text-align:left;
}
.right 
{
      text-align:right;
}
.center
{
      text-align:center;
}

.parent_table
{
  width : 100%;
  border : 0;
  margin : 0;
  padding : 8; 
}

.shadowQuarter{
	float:left;
	clear:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 12px 0 12px 12px !important;
	margin: 12px 0 12px 6px;
	width: 175px;
	padding: 0px;
}

.shadowHalf{
	float:left;
	clear:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 12px 0 12px 12px !important;
	margin: 12px 0 12px 6px;
	width: 364px;
	padding: 0px;
}

.noShadowHalf{
	float:left;
	clear:left;
	margin: 12px 0 12px 12px !important;
	margin: 12px 0 12px 6px;
	width: 364px;
	padding: 0px;
}

.shadowSmall{
	float:left;
	clear:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 12px 0 12px 12px !important;
	margin: 12px 0 12px 6px;
	width: 238px;
	padding: 0px;
}

.shadowMedium{
	float:left;
	clear:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 12px 0 12px 12px !important;
	margin: 12px 0 12px 6px;
	width: 488px;
	padding: 0px;
}

.shadowLarge{
	float:left;
	clear:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 12px 0 12px 12px !important;
	margin: 12px 0 12px 6px;
	width: 738px;
	padding: 0px;
}

.shadowInnerSmall{
	float:left;
	clear:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 12px 0 12px 12px !important;
	margin: 12px 0 12px 6px;
	width: 230px;
	padding: 0px;
}

.shadowInnerMedium{
	float:left;
	clear:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 12px 0 12px 12px !important;
	margin: 12px 0 12px 6px;
	width: 488px;
	padding: 0px;
}

.shadowInnerLarge{
	float:left;
	clear:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 12px 0 12px 12px !important;
	margin: 12px 0 12px 6px;
	width: 717px;
	padding: 0px;
}



.shadowInnerHalf{
	float:left;
	clear:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 12px 0 12px 12px !important;
	margin: 12px 0 12px 6px;
	width: 350px;
	padding: 0px;
}

.shadowInnerInnerHalf{
	float:left;
	clear:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 12px 0 12px 12px !important;
	margin: 12px 0 12px 6px;
	width: 340px;
	padding: 0px;
}

.shadowInnerInnerLarge{
	float:left;
	clear:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 12px 0 12px 12px !important;
	margin: 12px 0 12px 6px;
	width: 694px;
	padding: 0px;
}

.innerBox{
	position:relative;
	bottom: 6px;
	right:  6px;
	border: 1px solid #999999;
	padding:4px;
	margin: 0px 0px 0px 0px;
}

.innerbox p{		
	font-size:14px;
	margin: 3px;
}

.masterHeader
{
	font-size: 12pt; 
	color: #293381; 
	height: 28px; 
	text-align: left; 
	padding-left: 5px;
	padding-right: 5px;
}

.innerHeader
{
	font-size: 10pt; 
  font-weight: bold;
	background-image: url(images/glassBar.jpg); 
	color: white; 
	height: 30px; 
	text-align: left; 
	padding-left: 5px;
	padding-right: 5px;
}

.innerHeader2
{
	font-size: 10pt; 
	background-image: url(images/glassBar2.jpg); 
	color: white; 
	height: 20px; 
	text-align: left; 
	padding-left: 5px;
	padding-right: 5px;
}

.innerHeaderBlack
{
	font-size: 10pt; 
	font-weight: bold;
	background-image: url(images/glassBarBlack.jpg); 
	color: Yellow; 
	height: 30px; 
	text-align: left; 
	padding-left: 5px;
}

.innerHeaderBlack2
{
	font-size: 10pt; 
	background-image: url(images/glassBarBlack2.jpg); 
	color: Yellow; 
	height: 20px; 
	text-align: left; 
	padding-left: 5px;
}

.validatorCalloutHighlight 
{
    background-color:Orange;
    color:Black;   
}


.padLeft5px
{
  padding-left: 5px;
}

.padLeft7px
{
  padding-left: 7px;
}

.padRight5px
{
  padding-right: 5px;
}

.padRight7px
{
  padding-right: 7px;
}

.padEnds7px
{
  padding-left: 7px;
  padding-right: 7px;
}

.padEnds5px
{
  padding-left: 5px;
  padding-right: 5px;
}

.padEnds10px
{
  padding-left: 10px;
  padding-right: 10px;
}

.pad5px
{
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}

.pad7px
{
  padding-bottom: 7px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 7px;
}

.tblStandard
{
    width: 100%;
    text-align: left;    
    border-collapse: collapse;
}

.myCalendar .ajax__calendar_container 
{
    border:1px solid #646464;
    background-color: #F0F8FF;
    color: #293381;
}
.myCalendar .ajax__calendar_other .ajax__calendar_day,
.myCalendar .ajax__calendar_other .ajax__calendar_year 
{
    color: black;
}
.myCalendar .ajax__calendar_hover .ajax__calendar_day,
.myCalendar .ajax__calendar_hover .ajax__calendar_month,
.myCalendar .ajax__calendar_hover .ajax__calendar_year 
{
    color: black;
}
.myCalendar .ajax__calendar_active .ajax__calendar_day,
.myCalendar .ajax__calendar_active .ajax__calendar_month,
.myCalendar .ajax__calendar_active .ajax__calendar_year 
{
    color: black;
    font-weight:bold;
}



.TextIndicator_TextBox1 {
         background-color:Gray;
         color:White;
         font-family:Arial;
         font-size:x-small;
         font-style:italic;  
         padding: 2px 3px 2px 3px;   
    }

.BarIndicator_TextBox2 {
        color:Blue;
        background-color:Blue;
        padding-bottom:0px;
    }

.BarBorder_TextBox2 {
        border-style:solid;
        border-width:0px;
        width:150px;
        height: 50px;
        vertical-align:middle;
    }

.TextIndicator_TextBox3 {
         background-color:Blue;
         color:Yellow;
         font-size:small;
         font-variant:small-caps;  
         padding: 2px 3px 2px 3px;   
    }

.TextIndicator_TextBox3_Handle {
        width:16px;
        height:14px;
        background-image:url(images/Question.png);
        overflow:hidden;
        cursor:help;
    }
    
.subheading {
	padding:1em 0 0.8em 0;
	color:#0F2543;
	font-weight:bold;
	font-family:Arial, Sans-Serif;
	font-size:1.2em;
}

.dynamicPopulate_Normal {	
	border:silver 1px inset;
	padding:2px;
	text-align:center;
	height:2em;
	margin:5px;
	width:400px;
}

.dynamicPopulate_Updating {
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	border:silver 1px inset;
	text-align:center;
	padding:2px;
	height:2em;
	margin:5px;
	width:400px;
}

.dragContainer {
	background-color: #FFC0FF;
	height: 282px;
	width: 357px;
	border-bottom-color: black;
}

.dragHeader {
	background-color: #8080FF; 
	height: 48px;
	width: 358px;	
}

.dragBody {
	background-color: #FFC0FF;
	height: 213px; 
	width: 357px;	
}

.collapsePanel {
	width: 640px;
	height:0px;
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader {	
	width:640px;		
	height:20px;
	color: Yellow;
	background-color: Black;
	font-weight:bold;
	float:left;
	padding:5px; 
	cursor: pointer; 
	vertical-align: middle;
}

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
 background-color: #D3DEEF;
    color:  White;
}

.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

/*
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
*/

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

.successTheme
{
  border-style: solid hidden solid hidden;
  border-width: 2px 0px 2px 0px;
  border-color: #00c000;
  background-color: #C0FFC0;
  color: Green;
  padding: 5px;
}

.failTheme
{
  color: red;
  background-color: #ffcccc;
  border-style: solid hidden solid hidden;
  border-width: 2px 0px 2px 0px;
  padding: 5px;
}

.errorTheme
{
  color: red;
  background-color: Yellow;
  border-style: solid hidden solid hidden;
  border-width: 2px 0px 2px 0px;
  padding: 5px;
}

.messageTheme
{
  color: #804000;
  background-color: #F5EDD8;
  border-style: solid hidden solid hidden;
  border-width: 2px 0px 2px 0px;
  padding: 5px;
}

.messageTheme2
{
  color: #FFFFFF;
  background-color: #FFFFFF;
  border-style: solid hidden solid hidden;
  border-width: 2px 0px 2px 0px;
  padding: 5px;
  background-image: url( 'images/glassBar2.jpg' );
}

.BarIndicator_TextBox2_weak
{
    color:Red;
    background-color:Red;
}
.BarIndicator_TextBox2_average
{
    color:Blue;
    background-color:Blue;
}
.BarIndicator_TextBox2_good
{
    color:Green;
    background-color:Green;
}

.BarBorder_TextBox2
{
    border-style:solid;
    border-width:1px;
    padding:1px 1px 1px 1px;
    width:200px;
    height: 6px;
    vertical-align:top;
}

.menuStyle01
{
  border-style:solid;
  border-width:1px; 
  padding:4px; 
  vertical-align:top; 
  text-align:left; 
  background-image:url(menu_sec/images/menu_background.jpg);
  font-size: 10pt; 
	color:White;
}

.waitTheme
{
  font-size: 12px;
  background-image: url( 'file:///E:/Bill\'s Docs/Documents/Visual Studio 2008/WebSites/MySchoolFees AJAX 199014/menu_sec/images/menu_background.jpg' );
  height: 20px;
  color: #FFFFFF;
  text-align: center;
}

.silverHeader
{
	font-size: 9pt; 
	background-image: url(images/silverBar.jpg); 
	color: Black; 
	height: 30px; 
	text-align: left; 
	padding-left: 5px;
	padding-right: 5px;
}





