#churchMessage {
	position:absolute;
	background-color: #eee;
	border:8px solid #CA3932;
	z-index:9999;
	padding:30px 10px 30px 10px;
	font-family:arial,vedana,helvetica,sans-serif;
	display:none;
	top:-100px;;
	
	box-shadow: rgba(0,0,0,0.4) 12px 12px;
	-moz-box-shadow: rgba(0,0,0,0.4) 12px 12px;
	-webkit-box-shadow: rgba(0,0,0,0.4) 12px 12px;
	
	border-radius:20px; 
	-moz-border-radius:20px; 
	-webkit-border-radius:20px; 
	-khtml-border-radius:20px; 	
}
		.notUsed { background:transparent url(images/BossColor_medfadeWhite.jpg)  no-repeat; }
		#sunSombrero {
			position:relative;
			left:-120px;
			top:110px;
			z-index:300;
		}
		#heart {
			position:relative;
			left:643px;
			top:130px;
			z-index:1500;
		}
		#eyeSmile {
			position:absolute;
			left:-114px;
			top:147px;
			z-index:1500;
		}
		#BloodCells {
			position:absolute;
			left:-114px;
			top:447px;
			left:-80px;
			top:560px;
			z-index:1500;
		}
		#bwlabs {
			position:absolute;
			left:675px;
			top:858px;
			z-index:22;
		}
		#spaceGirl {z-index:200;position:fixed;border:0;margin:0;left:0px;bottom:0;width:166px;height:135px;background-attachment:fixed;background:transparent url(images/spaceGirlsm.png) bottom left no-repeat;}
		#themeTitle {
			color: #B80808;
			/* color: #3D86AF; */
			font-weight:bold;
			font-size:20pt;
			text-shadow: 1px 1px 1px #E27B55;
		}
		#vbsWhatWhen {
			background-color:#fff7d8;
			/* border:8px solid #EE9749;  */
			/* border:8px solid #3D86AF;  */
			border:8px solid #E27B55; 
			border:8px solid #DB4141;
			text-align:center;
			font-size:16pt; 
			
			top:130px;
			position:absolute;
			left:50%;
			width:530px;
			margin-left: -265px;		
		}
		#centerMain {
			position:absolute;
			left:50%;
			width: 800px;
			margin-left:-400px;
		}
		#bannerImg {
			position:absolute;
			left:50%;
			width:962px;
			margin-left:-481px;
		}
		#topHeader {
			position:absolute;
			left:50%;
			width:962px;
			height:112px;
			background-color:#0091CC;
			margin-left:-481px;
			
			background-repeat:no-repeat;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13557f', endColorstr='#4994bc'); /* for IE */
			background: -webkit-gradient(linear, left top, left bottom, from(rgb(19,85,127)), to(rgb(73,148,188))) ; /* for webkit browsers */
			background: -moz-linear-gradient(top,  rgb(19,85,127),  rgb(73,148,188)); /* for firefox 3.6+ */ 	
				
		}
		#topMenu {
			position:absolute;
			left:50%;
			top:112px;
			width:962px;
			height:44px;
			background-color:#f7f9f8;
			margin-left:-481px;
		}
		#topMenuBar {
			position:absolute;
			left:50%;
			top:0px;
			width:962px;
			/* height:27px; */
			height:4px;
			background-color:#f7f9f8;
			margin-left:-481px;
			
			/* #6c6d71 --> #4d5258 */
background: #6C6D71; /* Old browsers */
background: -moz-linear-gradient(top, #6C6D71 0%, #4D5258 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6C6D71), color-stop(100%,#4D5258)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6C6D71 0%,#4D5258 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6C6D71 0%,#4D5258 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #6C6D71 0%,#4D5258 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6C6D71', endColorstr='#4D5258',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #6C6D71 0%,#4D5258 100%); /* W3C */			
			
			
		}
		#applyForVBS {
			z-index:500;
			/* margin-left:190px; */
			height:52px;
			color:white;
			font-size:22pt;
			text-align:center;
			border:2px solid white;
			padding-top:10px;
			
			top:30px;
			position:absolute;
			left:50%;
			width:360px;
			margin-left: -180px;
			text-shadow: 1px 1px 0px #C0C0C0;	
		}
		#mainTable {
			margin-left: auto;
			margin-right: auto;
			width:700px;
		}
		.fieldsetWrapper {
			top:20px;
			width:620px;
			margin-left: -310px;
			left:50%;	
			z-index:900;
			margin-top:20px;
		}
		#mainFooter {
			/* position:absolute; */
			/* top:945px; */
			position: relative;
			top: 95px;
			
			width:946px;
			margin-left:-482px;
			left:50%;
			border:1px solid black;
			background-color: #EFF2F4;
			padding:8px;
		}
		#footerSpacer {
			height:10px;
			width:200px;
			position:absolute;
			top:1010px;
		}
		#mainFooter a { color:#FF6400; }
		

#recentAuditChanges thead { background-color: #CCC; color:black; font-weight:bold; }
#applyByDate thead { background-color: #CCC; color:black; font-weight:bold; }
#gradeStats thead { background-color: #CCC; color:black; font-weight:bold; }

#bodyID {  }
#bodyID { 
    /*  background:url("images/page_bg.png") repeat-x scroll 0 0 #ACC549;  */

	/* need background: fixed to have gradient fill whole viewport (when need to scroll) */
background-repeat:no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0e263', endColorstr='#8c7e46'); /* for IE */
background-color: #8c7e46; /* ending color for IE */
background: -webkit-gradient(linear, left top, left bottom, from(rgb(240,226,99)), to(rgb(140,126,70))) fixed; /* for webkit browsers */
background: -moz-linear-gradient(top,  rgb(240,226,99),  rgb(140,126,70)) fixed; /* for firefox 3.6+ */ 


background: #FCF9DB; /* Old browsers */
background: -moz-linear-gradient(top, #f1da36 0%, #FCF9DB 99%) fixed; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1da36), color-stop(99%,#FCF9DB)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f1da36 0%,#FCF9DB 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f1da36 0%,#FCF9DB 99%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f1da36 0%,#FCF9DB 99%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#FCF9DB',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f1da36 0%,#FCF9DB 99%); /* W3C */	

background: #F7B8A8; /* Old browsers */
background: -moz-linear-gradient(top, #EFDA37 0%, #F7B8A8 100%) fixed; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFDA37), color-stop(100%,#F7B8A8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #EFDA37 0%,#F7B8A8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #EFDA37 0%,#F7B8A8 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #EFDA37 0%,#F7B8A8 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFDA37', endColorstr='#F7B8A8',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #EFDA37 0%,#F7B8A8 100%); /* W3C */

background: #F48E75; /* Old browsers */
background: -moz-linear-gradient(top, #EFDA37 0%, #F48E75 100%) fixed; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFDA37), color-stop(100%,#F48E75)) fixed; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #EFDA37 0%,#F48E75 100%) fixed; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #EFDA37 0%,#F48E75 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #EFDA37 0%,#F48E75 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFDA37', endColorstr='#F48E75',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #EFDA37 0%,#F48E75 100%); /* W3C */


background: #4B730D; /* Old browsers */
background: -moz-linear-gradient(top, #EFDA37 0%, #4B730D 100%) fixed; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFDA37), color-stop(100%,#4B730D)) fixed; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #EFDA37 0%,#4B730D 100%) fixed; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #EFDA37 0%,#4B730D 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #EFDA37 0%,#4B730D 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFDA37', endColorstr='#4B730D',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #EFDA37 0%,#4B730D 100%); /* W3C */


}
html {
    /* height: 100%; */ /* height 100% causes a problem with scrolling in IE8 */
}
body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
}


body {
	font-family:Arial,Verdana, sans-serif;
	font-size : 10pt;
	/* background-color:#999; */
	/* background:transparent url(images/page_img.jpg)  no-repeat;	*/
	background-position:top center;	
}

/* DEAF61 --> DE7061 --> 709ADE  --> B3CBD9  --> D97466, F4E7BF --> E27B55 */
/* EE9749 --> EE494D --> 2189E3  --> 145781 */
/* EDD693 --> EDA993 --> 6B89E3  --> F0C647 --> F6DB8C --> D9E5EC --> EAEDF0 */
/* EDE793  --> 6B73E3 */



/* div.indent, #applyHdr, #applyHdrTD, #applyHdr span, #applyHdrPre, #applyHdrDIV, #mainTable, #bannerHdr, #bodyID { background-color: #555; } */
#applyHdr, #applyHdrTD, #applyHdr span, #applyHdrPre, #applyHdrDIV { background-color: #555;}
#mainTable, #bannerHdr { background-color: #885D3A; }
#mainTable { background-color:transparent; }

/* .appSep { table-collapse:collapse;height:8px;background-color:#E27B55;border:0px} */
.appSep { table-collapse:collapse;height:8px;background-color:#EE9749;border:0px}

#legendParentsLine, #legendChildLine, #legendChildrenLine, #legendEmergencyContactLine, #legendNextLine { background-color:transparent; }
#legendParents, #legendChild, #legendChildren, #legendEmergencyContact, #legendNext { color:black; border-top:1px solid black; background-color: #E27B55; 
	border-left:1px solid black; border-right:1px solid black;
}

#regComplete, #backToApp { background-color: #E27B55; }
#regComplete { position:absolute; top:80px; width:500px; padding: 14px; font-size:larger; margin-left:-266px; left:50%; z-index:1995; 
   /* border:8px solid #684C34; */ 
   border:8px solid #555; 
}

input { background-color:#FFF7D8;}
#loginSection input { background-color:#FFF7EB;}
#login input { background-color: #EEE;}

.fieldcell input {
 width: 200px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
 margin-right: 0px;
}
input#fname, input#fnameSpouse, input#lname, input#city { width:190px; }  /* 25 chars */
input#addr1, input#addr2 { width:260px; }  /* 75 chars */
input#state { width:35px; }   /* 2 chars */
input#zip { width:82px }      /* 10 chars */
input#phone1, input#phone2 { width: 100px }  /* 20 chars */
input#email, input#neighborhood { width:225px; }  /* 25 chars */
input#hearAboutVBSList { width: 100px; }
input#hearAboutVBSInvite { width: 210px; }
input#numKidsAttending, input#numAdultsAttending { width:40px }
input#churchName { width:318px }
input#emergencyContact { width:295px }
input#emergencyRelToChild { width:295px }
input#emergencyPhone { width: 100px }  /* 20 chars */

input.klname, input.kfname { width:180px }  /* 25 chars */


.smallfieldcell input {
 width: 100px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
}

select {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #F4E7BF; /* #DEAF61  #EE9749; */ /* #A8C6A8;	*/
 color: #102132;
 border: 1px solid #284279;
}


#vbsRegistration table {
 background-color: #EDD693;  /* D3E2D3,  F9FBFD */
 color: #000000;
 width: 600px;
 border: 3px solid #EE9749; /* #A8C6A8;	*/ /* D7E5F2 */
 border-collapse: collapse;
 top:5px;
 
  position:relative;
  margin:0; padding:0;
}

#vbsRegistration td {
 border: 1px solid #EE9749; /* #A8C6A8;	*/ /* D7E5F2 */
 padding-left: 4px;
}

#vbsGrades { font-size:9pt}

#vbsLoginWrapper {
	position:absolute;
	width:962px;
	margin-left:-481px;
	left:50%;
	top:270px;
	border:1px solid black;
	background-color: #EFF2F4;
	height:600px;
	height:auto;
	padding:5px;
}
#vbsAppWrapper {
	position:absolute;
	width:962px;
	margin-left:-481px;
	left:50%;
	top:270px;
	border:1px solid black;
	background-color: #EFF2F4;
background-color: transparent;
/* background-color: #aca; */
border-color: transparent;
	padding-bottom:1px;
	/* height:648px; */
}

.fieldsetWrapper {
	/* width:620px; /
	/* margin-left:-310px; */
	/* left: 50%; */
	position:relative;
		
	border:1px solid black;
	background-color: #E27B55; /* #EEF4EE; */
}


.fieldset {
	width:610px;
    margin-left: 10px;
	background-color: #E27B55;  /* #EEF4EE; */
  /* background-color:transparent; */
}

.required { color: #4c1a03; font-weight:bold; padding-left:1px;}
.errMsgWapper {
	background-color:#EDD693; 
	border:8px solid #DD4455;
	top:150px;
	z-index:950;
	padding:30px;
	padding-top: 40px;
	width:620px;
	margin-left:-344px;
	left:50%;
	position:absolute;
}
.requiredErr { 
	color: #4c1a03; 
	font-weight:bold; 
}
.closeBtn {
	color:#DD4455;
	font-weight:bold;
	position:absolute;
	top:5px;
	right: 10px;	
	font-size:14pt;
	cursor:pointer;
}
.errMsgTitle {
	position:absolute;
	top:5px;
	width:500px;
	left:50%;
	margin-left: -250px;
	text-align:center;
	
	font-weight:bold;
	font-size:14pt;
}
.notrequired { visibility:hidden }

/* * - denotes a required field */
.requiredLegend {
  position:absolute;
  /* float:right; */
  /* top:-20px; */
  top:0px;
  right:10px;
  width:190px;
  height:18px;
  color:#4c1a03;
  /* border:1px solid blue; */
  margin:0; padding:0;
  overflow:hidden;
  display:inline;
}
.requiredLegendSpacer {
  width:10px;
  height:8px;
  overflow:hidden;
  border:1px solid green;
  margin:0; padding:0;
  position:absolute;
  top: 0px;
}


#legendParents {
   position:relative;
   top:-11px;
   left:3px;
   width:130px;
   /* border:1px solid blue; */
   margin:0;padding:0;
   overflow:hidden;
   font-weight:bold;
   font-family:Arial, Verdana, Helvetica, sans-serif;
   font-size:10pt;
   padding-left:4px;
}
#legendParentsLine {
    /* hide a portion of the top border */
	width:126px;
	height:3px; max-height:3px;
	overflow:hidden;
	position:relative;
	top:-3px;
	left:1px;
}

/* Emergency Contact */
#legendEmergencyContact {
   position:relative;
   top:-11px;
   left:3px;
   width:127px;
   /* border:1px solid blue; */
   margin:0;padding:0;
   overflow:hidden;
   font-weight:bold;
   font-family:Arial, Verdana, Helvetica, sans-serif;
   font-size:10pt;
   padding-left:4px;
}
#legendEmergencyContactLine {
    /* hide a portion of the top border */
	width:130px;
	height:3px; max-height:3px;
	overflow:hidden;
	position:relative;
	top:-3px;
	left:1px;
}



/* Send Data */
#legendNext {
   position:relative;
   top:-11px;
   left:3px;
   width:80px;
   /* border:1px solid blue; */
   margin:0;padding:0;
   overflow:hidden;
   font-weight:bold;
   font-family:Arial, Verdana, Helvetica, sans-serif;
   font-size:10pt;
   padding-left:4px;
}
#legendNextLine {
    /* hide a portion of the top border */
	width:70px;
	height:3px; max-height:3px;
	overflow:hidden;
	position:relative;
	top:-3px;
	left:1px;
}
#nextBtn {
	position:relative;
	top:-10px;
	display:inline;
	/* overflow:hidden; */
}
#nextBtn input {
	text-align:center;
	padding:5px 8px;
	width:50px;
	overflow:auto;
}

#nextBtnText {
	position:relative;
	top:-10px !important; /* IE doesn't handle !important */
	top:-12px;
	display:inline;
}

input#back2Start {
	text-align:center;
	padding:5px 8px;
	width:65px !important;
	overflow:auto;
}



#legendChild, #legendChildren {
   position:relative;
   top:-11px;
   left:3px;
   width:39px;
   /* width:<?php if ($numKidsAttending == 1) echo "39"; else echo "57"; ?>px; */
   /* border:1px solid blue; */
   margin:0;padding:0;
   overflow:hidden;
   font-weight:bold;
   font-family:Arial, Verdana, Helvetica, sans-serif;
   font-size:10pt;
   padding-left:4px;
}
#legendChildLine, #legendChildrenLine {
    /* hide a portion of the top border */
	width:37px;
    /* width:<?php if ($numKidsAttending == 1) echo "37"; else echo "55"; ?>px; */
	height:3px; max-height:3px;
	overflow:hidden;
	position:relative;
	top:-3px;
	left:1px;
}

#legendChild { width:39px; }
#legendChildLine { width:37px; }
#legendChildren { width:57px; }
#legendChildrenLine { width:55px; }



#vbsAppSpacer {
	height:20px;width:2px;position:relative;top:90px;
}


html, #bodyID { margin-top:0; padding-top:0;}
#mainHMenu { 
	z-index:200; position:absolute; top:100px; list-style-type:none; 
	width:962px; 
	left:50%;
	margin-left: -481px;
}
#mainHMenu li { display:inline;}
#mainHMenu li a:hover { background-color: #CDD0D2; }
#mainHMenu li a { 
	float:left; 
	padding:1px 15px; 
	border-right:1px solid #aaa; 
	color:black; 
	font-size:13pt; 
	text-decoration:none;  
	padding-bottom:10px; 
	padding-top:10px;
}
#mainHMenu li a#thisPage { color:#AA1428;}
#mainHMenu li a#firstLink { border-left:1px solid #aaa;}
#vbsWhatWhen { 
	z-index: 10; height:80px; 
	top:160px; 
	top:180px;
	padding-top:15px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
/* #vbsWhen { margin-top:15px; color:#00669F; } */
#vbsWhen { margin-top:15px; color:#155882; }
#bannerImg { z-index:20; }
#sunSombrero { top:135px; }
#vbsAppWrapper, .fieldsetWrapper, .fieldset, #mainFooter {  -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#legendParents, #legendEmergencyContact, #legendNext, #legendChild, #legendChildren {  
	-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px; -webkit-border-radius-topright: 5px; 
}
#back2Start, #nextBtn input   {  -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#lastLogin { float:right;}
#ExcelData thead  tr{ font-weight:bold; background-color:#CCC; }
#bidRow { display:none;}