/* ---------------------------------------- 
READ-A-THON PAGE FUNCTIONS STYLESHEET
---------------------------------------- */

/* -----------------------------------------
General definitions for forms
----------------------------------------- */

.closeBtn {
width:100px;
text-align:right;
cursor:hand;
float:right;
margin-bottom:5px;
}

.title {
width:100%;
text-align:center;
float:inline;
margin-bottom:10px;
}

.formFields {
width:100%;
text-align:left;
float:left;
display:block;
}

.formRow {
width:100%;
float:left;
display:block;
position:relative;
margin:5px 0 5px 15px;
}

.formFieldName {
width:25%;
font-family:verdana, arial, geneva, sans-serif;
font-size:small;
float:left;
font-weight:bold;
}

.formFieldName30 {
width:30%;
font-family:verdana, arial, geneva, sans-serif;
font-size:small;
float:left;
font-weight:bold;
}
.formFieldName50 {
width:50%;
font-family:verdana, arial, geneva, sans-serif;
font-size:small;
float:left;
font-weight:bold;
}

.formFieldName80 {
width:80%;
font-family:verdana, arial, geneva, sans-serif;
font-size:small;
float:left;
font-weight:bold;
}

.formFieldName100 {
width:100%;
font-family:verdana, arial, geneva, sans-serif;
font-size:small;
float:left;
font-weight:bold;
}

.formFieldInput {
width:75%;
font-family:verdana, arial, geneva, sans-serif;
font-size:small;
float:left;
clear:right;
}

.formFieldInputright {
font-family:verdana, arial, geneva, sans-serif;
font-size:small;
float:left;
margin-left: 10px;
}

.formFieldInput50 {
width:50%;
font-family:verdana, arial, geneva, sans-serif;
font-size:small;
float:left;
clear:right;
} 

.formFieldInput90 {
width:90%;
font-family:verdana, arial, geneva, sans-serif;
font-size:small;
float:left;
clear:right;
font-weight:bold;
} 

.showForm {
position:absolute;
display:block;
top:50px;
}

.show {display:inline;}

.hide {display:none;}

.hand {cursor:hand;}

.highz { 
position:relative;
display:block;
float:left;
z-index:200;
}

.lowz { 
z-index:1;
}

/* -----------------------------------------
Definitions for "send to a friend" form
----------------------------------------- */

#formWrapperShare {
position:relative;
left:33%;
}

#share {
width:535px;
background-color:#FFFFFF;
border:solid 1px #000000;
padding:10px;
float:left;
} 

#thanksShare {
width:400px;
background-color:#FFFFFF;
border:solid 1px #000000;
padding:15px;
float:left;
}

/* -----------------------------------------
Definitions for registration form selection
----------------------------------------- */

#formWrapperChoose {
position:relative;
left:33%;
}

#choose {
width:535px;
background-color:#FFFFFF;
border:solid 1px #000000;
padding:10px;
float:left;
} 

/* -----------------------------------------
Definitions for teacher registration form
----------------------------------------- */

#formWrapperSchool {
position:relative;
left:33%;
}

#school {
width:535px;
background-color:#FFFFFF;
border:solid 1px #000000;
padding:10px;
float:left;
} 

#thanksSchool {
width:400px;
background-color:#FFFFFF;
border:solid 1px #000000;
padding:15px;
float:left;
}


#Register {
width:535px;
background:url(../../_images/form_bg.gif) no-repeat top; 
min-height:158px;   
float:left;
padding-top:20px;
} 

#formfooter {
width:535px;
background:url(../../_images/form_bg2.gif) no-repeat bottom; 
min-height:93px;   
float:left;
} 

#thanksRegister {
width:400px;
background-color:#FFFFFF;
border:solid 1px #000000;
padding:15px;
float:left;
}

/* -----------------------------------------
Definitions for parent registration form
----------------------------------------- */

#formWrapperParent {
position:relative;
left:33%;
}

#parentForm {
width:535px;
background-color:#FFFFFF;
border:solid 1px #000000;
padding:10px;
float:left;
} 

#thanksParent {
width:400px;
background-color:#FFFFFF;
border:solid 1px #000000;
padding:15px;
float:left;
}

/* -----------------------------------------
Definitions for child registration form
----------------------------------------- */

#formWrapperChild {
position:relative;
left:33%;
}

#childForm {
width:535px;
background-color:#FFFFFF;
border:solid 1px #000000;
padding:10px;
float:left;
} 

#thanksChild {
width:400px;
background-color:#FFFFFF;
border:solid 1px #000000;
padding:15px;
float:left;
}