body { 
color: #000; 
background-color: #298DFF;
background-color: #FFFFFF;
}

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000;}
a:visited { color: #222; color: #888; }
a:hover { color: blue; }


.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.popup {
  color:#000033; 
  layer-background-color:#cccccc;
  position:absolute; 
  top:100px; 
  left:25%;
  width:480px; 
  height:274px;
  border:1px solid black;
  margin-left: auto; 
  margin-right: auto;
  visibility:hidden;
  background-color: white;
  z-index:1004;
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 101%;
	height: 101%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.1;
	filter: alpha(opacity=10);
}

.kidsummary{
width: 100%;
background-color: white;
}

.signinbox
{
  padding: 5px 0px 0px 5px;
  position:absolute; 
  top:2px; 
  left:65%;
  width : 240px;
  height: 105px;
  background-color : #298DFF;
  background-color : #CCCCCC;
  color: White;
}

.footer{
	text-align: center;
	color: #666666;
	font-size: 10px;
}

.footer a { color: #888; }
.footer a:visited  { color: #888; }
.footer a:hover { color: yellow; }


label {
	float: left;
	text-align: right;
	margin-right: 5px;
	width: 80px;
}
textarea:focus, input:focus {
	border: 2px solid black;
}

.kidname{
font-size: 19px;
color: white;
width: 100%;
margin-left: 0px; 
margin-top: 0px; 
text-align: center;
background-color: blue;
padding: 0px 0px 3px 0px;
background-color: blue;
}

.kidoverview{
padding: 4px 10px 2px 110px;
}

.kidlinks{
font-size: 12px;
padding: 5px 15px 5px 30px;
width: 100%;
text-align: center;
}

.content{
padding: 15px 25px 20px 25px;
# position:absolute; 
top:11px; 
left:200px;
width:664px;
background-color: white;
}

.title{
font-size: 22px;
padding: 5px 5px 5px 0px;
}

.formarea{
background-color: white;
font-size: 16px;
border: solid blue 1px; 
width:99.9%;
}

.formcontents{
padding: 5px 5px 10px 20px;
}

.areatitle{
width: 100%;
font-size: 16px;
text-align: center;
border: 0px;
color: white;
background-color: blue;
padding: 0px 0px 3px 0px;
}

.corners_blue_on_white{display:block}
.corners_blue_on_white *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:blue}
.corners_blue_on_white1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #a2cde4;
  border-right:1px solid #a2cde4;
  background:#5ea9d0}
.corners_blue_on_white2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e9f3f8;
  border-right:1px solid #e9f3f8;
  background:#51a2cc}
.corners_blue_on_white3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #51a2cc;
  border-right:1px solid #51a2cc;}
.corners_blue_on_white4{
  border-left:1px solid #a2cde4;
  border-right:1px solid #a2cde4}
.corners_blue_on_white5{
  border-left:1px solid #5ea9d0;
  border-right:1px solid #5ea9d0}
.corners_blue_on_whitefg{
  background:blue}

  .corners_blue_on_black{display:block}
.corners_blue_on_black *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:blue}
.corners_blue_on_black1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #113c52;
  border-right:1px solid #113c52;
  background:#1e6990}
.corners_blue_on_black2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #040e13;
  border-right:1px solid #040e13;
  background:#21729c}
.corners_blue_on_black3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #21729c;
  border-right:1px solid #21729c;}
.corners_blue_on_black4{
  border-left:1px solid #113c52;
  border-right:1px solid #113c52}
.corners_blue_on_black5{
  border-left:1px solid #1e6990;
  border-right:1px solid #1e6990}
.corners_blue_on_blackfg{
  background:blue}
  
.corners_blue_on_gray{display:block}
.corners_blue_on_gray *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:blue}
.corners_blue_on_gray1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #99c4da;
  border-right:1px solid #99c4da;
  background:#5aa5cc}
.corners_blue_on_gray2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #dae4e9;
  border-right:1px solid #dae4e9;
  background:#4e9fc9}
.corners_blue_on_gray3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #4e9fc9;
  border-right:1px solid #4e9fc9;}
.corners_blue_on_gray4{
  border-left:1px solid #99c4da;
  border-right:1px solid #99c4da}
.corners_blue_on_gray5{
  border-left:1px solid #5aa5cc;
  border-right:1px solid #5aa5cc}
.corners_blue_on_grayfg{
  background:blue}


.grey_on_white{display:block}
.grey_on_white *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#EFEFEF}
.grey_on_white1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;
  background:#f3f3f3}
.grey_on_white2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f2f2f2}
.grey_on_white3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2;}
.grey_on_white4{
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8}
.grey_on_white5{
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3}
.grey_on_whitefg{
  background:#EFEFEF}
  
  
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ 
	background: transparent url(c:\src\PiggyBank\images\img.php.png) no-repeat bottom right;
	background: transparent url(http://www.piggybankinc.com/images/img.php.png) no-repeat bottom right;
	color: white;
}
.cssbox{ 
	width:335px !important; 
	width: 320px; 
	padding-right:15px;
	margin:20px auto
} 

.cssbox_head{
	background-position:top right; 
	margin-right:-15px; 
	padding-right:40px
}

.cssbox_head h2{
	background-position:top left; 
	margin:0;
	border:0;
	padding:25px 0 15px 40px; 
	height:auto !important; 
	height:1%;
	text-align: center;
}

.cssbox_body{
	background-position:bottom left;
	margin-right:25px;
	padding:15px 0 15px 40px;
	text-align: center;
}


.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {
height:1px; background:blue; margin:0 5px;
height:1px; background:blue; margin:0 5px;
}
.b2h, .b2bh {
height:1px; background:blue; border-right:2px solid blue; border-left:2px solid blue; margin:0 3px;
height:1px; background:blue; border-right:2px solid blue; border-left:2px solid blue; margin:0 3px;
}
.b3h, .b3bh {
height:1px; background:blue; border-right:1px solid blue; border-left:1px solid blue; margin:0 2px;
height:1px; background:blue; border-right:1px solid blue; border-left:1px solid blue; margin:0 2px;
}
.b4h, .b4bh {
height:2px; background:blue; border-right:1px solid blue; border-left:1px solid blue; margin:0 1px;
height:2px; background:blue; border-right:1px solid blue; border-left:1px solid blue; margin:0 1px;
}
.b2bh, .b3bh, .b4bh {background: #fff;}
.headh {
background: blue; border-right:1px solid blue; border-left:1px solid blue;
background: blue; border-right:1px solid blue; border-left:1px solid blue;
}
.headh h3 {
width: 95%;
font-size: 16px;
font-weight: bold;
text-align: center;
border: 0px;
color: white;
background-color: blue;
padding: 0px 0px 3px 0px;
margin: 0px 10px 0px 10px; 
padding-bottom: 3px; 
color: white;
background: blue;
}
.contenth {
background: #fff; 
border-right:1px solid blue; border-left:1px solid blue;
border-right:1px solid blue; border-left:1px solid blue;
font-size: 12px;
font-weight: bold;
}
.contenth div {
margin-left: 1px; padding-top: 1px;
}
.contenth td {
font-size: 14px;
}
.contenth input {
font-size: 14px;
}




.p1h, .p2h, .p3h, .p4h, .p2bh, .p3bh, .p4bh{font-size:1px; overflow:hidden; display:block; background:white; }
.p1h {
height:1px; background:blue; margin:0 5px;
height:1px; background:white; margin:0 5px;
}
.p2h{
height:1px; background:white; border-right:2px solid blue; border-left:2px solid blue; margin:0 3px;
height:1px; background:white; border-right:2px solid white; border-left:2px solid white; margin:0 3px;
}
.p3h{
height:1px; background:white; border-right:1px solid blue; border-left:1px solid blue; margin:0 2px;
height:1px; background:white; border-right:1px solid white; border-left:1px solid white; margin:0 2px;
}
.p4h{
height:2px; background:white; border-right:1px solid blue; border-left:1px solid blue; margin:0 1px;
height:2px; background:white; border-right:1px solid white; border-left:1px solid white; margin:0 1px;
}
.p2bh {
height:1px; background:blue; border-right:2px solid blue; border-left:2px solid blue; margin:0 3px;
height:1px; background:white; border-right:2px solid white; border-left:2px solid white; margin:0 3px;
}
.p3bh {
height:1px; background:blue; border-right:1px solid blue; border-left:1px solid blue; margin:0 2px;
height:1px; background:white; border-right:1px solid white; border-left:1px solid white; margin:0 2px;
}
.p4bh {
height:2px; background:blue; border-right:1px solid blue; border-left:1px solid blue; margin:0 1px;
height:2px; background:white; border-right:1px solid white; border-left:1px solid white; margin:0 1px;
}
.p2bh, .p3bh, .p4bh {background: #fff;}
.headp {
background: blue; border-right:1px solid blue; border-left:1px solid blue;
background: white; border-right:1px solid white; border-left:1px solid white;
}
.headp h3 {
width: 95%;
font-size: 18px;
font-weight: bold;
text-align: center;
border: 0px;
color: white;
background-color: blue;
padding: 0px 0px 3px 0px;
margin: 0px 10px 0px 10px; 
padding-bottom: 3px; 
color: white;
}
.contentp {background: #fff; 
border-right:1px solid blue; border-left:1px solid blue;
border-right:1px solid white; border-left:1px solid white;
}
.contentp div {margin-left: 1px; padding-top: 1px; }



.ap1h, .ap2h, .ap3h, .ap4h, .ap2bh, .ap3bh, .ap4bh{
font-size:1px; overflow:hidden; display:block; background:white; 
position:absolute; 
width:664px;
left:200px;
}
.ap1h {
height:1px; background:blue; margin:0 5px;
top:8px; 
}
.ap2h{
height:1px; background:white; border-right:2px solid blue; border-left:2px solid blue; margin:0 3px;
top:9px; 
}
.ap3h{
height:1px; background:white; border-right:1px solid blue; border-left:1px solid blue; margin:0 2px;
top:10px; 
}
.ap4h{
height:2px; background:white; border-right:1px solid blue; border-left:1px solid blue; margin:0 1px;
top:11px; 
}
.ap2bh {
height:1px; background:blue; border-right:2px solid blue; border-left:2px solid blue; margin:0 3px;
}
.ap3bh {
height:1px; background:blue; border-right:1px solid blue; border-left:1px solid blue; margin:0 2px;
}
.ap4bh {
height:2px; background:blue; border-right:1px solid blue; border-left:1px solid blue; margin:0 1px;
}
.ap2bh, .ap3bh, .ap4bh {
background: #fff;
}
.headap {
background: blue; border-right:1px solid blue; border-left:1px solid blue;
}
.headap h3 {
width: 95%;
font-size: 18px;
font-weight: bold;
text-align: center;
border: 0px;
color: white;
background-color: blue;
padding: 0px 0px 3px 0px;
margin: 0px 10px 0px 10px; 
padding-bottom: 3px; 
color: white;
}
.contentap {background: #fff; border-right:1px solid blue; border-left:1px solid blue;}
.contentap div {margin-left: 1px; padding-top: 1px; }