body
{
  font-size: small;
  font-family: Trebuchet MS;
  color: #293381;
  background-color: white;
  text-align: left;
}
H1
{
	font-size: 12pt;
	font-family: Trebuchet MS;
	color: #293381;
}

a 
{
  color: #293381;
  text-decoration: underline;
  font-size: small;
}

.lightBlueControlWith1pxBlackBorder 
{
  border-style:groove;
/*
  border-color: Black;
  border-width: 1px;
  border-style: solid;
*/
  background-color: #e8f2fd; 
}

.adjustedZIndex {
    z-index: 100;
}

.left 
{
      text-align:left;
}
.right 
{
      text-align:right;
}
.center
{
      text-align:center;
}

.parent_table
{
  width : 100%;
  border : 0;
  margin : 0;
  padding : 8; 
}

/***************************************************
Wide Shadows For 2009-2010 School Year and forward
****************************************************/
.wide_shadow_whole{
	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: 936px;
	padding: 0px;
}

.wide_shadow_three_quarters{
	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: 699px;
	padding: 0px;
}

.wide_shadow_half{
	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: 462px;
	padding: 0px;
}

.wide_shadow_quarter{
	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: 225px;
	padding: 0px;
}


.wide_shadow_one_third{
	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: 302px;
	padding: 0px;
}

.wide_shadow_two_thirds{
	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: 620px;
	padding: 0px;
}

/* Inner Shadow */
.inner_wide_shadow_whole{
	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: 918px;
	padding: 0px;
}

.inner_wide_shadow_half{
	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: 453px;
	padding: 0px;
}

/***************************************************
This is to be embedded inside a wide_shadow_half
****************************************************/
.inner_inner_wide_shadow_half{
	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: 440px;
	padding: 0px;
}

.inner_wide_shadow_quarter{
	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: 220px;
	padding: 0px;
}

.inner_wide_shadow_quarter_right{
	float:right;
	clear:right;
	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: 220px;
	padding: 0px;
}

.inner_wide_shadow_three_quarter{
	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: 685px;
	padding: 0px;
}

.inner_wide_shadow_two_thirds{
	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: 604px;
	padding: 0px;
}

.inner_wide_shadow_one_third{
	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: 294px;
	padding: 0px;
}

/***********************************************
Obsolete Shadows
***********************************************/
.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;
}

.inner_box{
	position:relative;
	bottom: 6px;
	right:  6px;
	border: 1px solid #999999;
	padding:4px;
	margin: 0px 0px 0px 0px;
  text-align: left;
}

.innerbox p{		
	font-size:14px;
	margin: 3px;
}


.masterHeader
{
	font-size: 12pt; 
	color: #293381; 
	height: 28px; 
	text-align: left; 
	padding-left: 10px;
	padding-right: 10px;
  font-style: italic;
}


/*.masterHeader
{
	font-size: 14pt; 
  font-style:italic;
	color: #293381; 
	height: 28px; 
	text-align: left; 
	padding-left: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
}*/

.innerHeader
{
	font-size: 11pt; 
	background-image: url(images/glassBar.jpg); 
	color: white; 
	height: 30px; 
	text-align: left; 
	padding-left: 5px;
	padding-right: 5px;
}

/*
.innerHeader
{
	font-size: 11pt; 
  font-style: italic; 
	color: #293381;  
	height: 30px; 
	text-align: left; 
	padding-left: 5px;
	padding-right: 5px;
}
*/

.innerHeaderLightBlue20pxTall
{
	font-size: 11pt; 
  font-style: italic; 
	background-image: url(images/glassBar20pxTall.jpg); 
	height: 20px; 
	text-align: left; 
	padding-left: 5px;
  color: White;
}

.innerHeaderLightBlue25pxTall
{
	font-size: 11pt; 
  font-style: italic; 
	background-image: url(images/glassBar25pxTall.jpg); 
	height: 25px; 
	text-align: left; 
	padding-left: 5px;
  color: White;
}

.innerHeader2
{
	font-size: 11pt; 
	background-image: url(images/glassBar2.jpg); 
	color: white; 
	height: 20px; 
	text-align: left; 
	padding-left: 5px;
	padding-right: 5px;
}

.innerHeader2SmallFont
{
	font-size: 8pt; 
	background-image: url(images/glassBar2.jpg); 
	color: white; 
	height: 12px; 
	text-align: left; 
	padding-left: 5px;
	padding-right: 5px;
}

.innerHeaderYellow
{
	font-size: 9pt; 
	background-image: url('images/yellow_header.jpg'); 
	color: black; 
	height: 20px; 
	text-align: center; 
	padding-left: 5px;
	padding-right: 5px;
}

.innerHeaderYellow30px
{
	font-size: 10pt; 
	background-image: url('images/yellow_30px_header.jpg'); 
	color: black; 
	height: 25px; 
	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: 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 2px 2px 2px;
  border-color: #00c000;
  background-color: #C0FFC0;
  color: Green;
  padding: 5px;
}

.failTheme
{
  border-style : solid hidden solid hidden;
  border-width: 2px 2px 2px 2px;
  border-color: red;
  background-color: #ffcccc;
  color: red;  
  font-weight:bold;
  padding: 5px;
}

.errorTheme
{
  border-style: solid hidden solid hidden;
  border-width: 2px 2px 2px 2px;
  border-color: red;
  background-color: Yellow;
  color: Red;
  padding: 5px;
}

/*
.errorTheme
{
  border-style : solid hidden solid hidden;
  border-width: 2px 2px 2px 2px;
  border-color: red;
  color: red;
  font-weight:bold;
  background-color: Yellow;
  padding: 5px;
}
*/


.messageTheme
{
  color: #804000;
  background-color: #F5EDD8;
  padding: 5px;
}

.messageTheme2
{
  color: #FFFFFF;
  background-color: #FFFFFF;
  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
{
  z-index: 1;
  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;
}

.silverHeader2
{
	font-size: 9pt; 
	background-image: url(images/silverBar02.jpg); 
	color: Black; 
	height: 20px; 
	text-align: left; 
	padding-left: 5px;
	padding-right: 5px;
}