/* ---------------------------------------- 
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 0;
}

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

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

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

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

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

.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;
}

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