@charset "utf-8";
/* CSS Document */
/*Developed By Aurora Media*/
/*October 2009*/

body{
background-color:#E4EBB8;
background-image:url(../images/page/leapfrogpagebg.jpg);
background-repeat:repeat-x;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:medium;
color:#606060;
}

#outercontainer{
margin:0 auto;
width:928px;
}

#leftedge {
background-color:#E4EBB8;
background-image:url(../images/page/left-green-edge.jpg);
background-position:center top;
background-repeat:no-repeat;
clear:right;
float:left;
height:188px;
width:9px;
}

#rightedge {
background-color:#E4EBB8;
background-image:url(../images/page/right-green-edge.jpg);
background-position:left top;
background-repeat:no-repeat;
float:left;
height:188px;
width:9px;
}

#newheader {
background-image:url(../images/page/bannerandlogo.jpg);
height:188px;
width:910px;
float:left;
}

a{
color:#606060;
}

.spacer{
width:100%;
clear:both;
}

img{
border:none;
}

#container{
width:910px;
margin:0px auto;
background-color:#FFFFFF;
}

#header{
width:910px;
height:146px;
background-image:url(../images/headerbg.jpg);
background-repeat:no-repeat;
}

#logoholder{
width:325px;
height:144px;
background-image:url(../images/froglogo.png);
background-repeat:no-repeat;
float:left;
clear:right;
}

#topmenuholder{
float:right;
width:400px;
height:105px;
margin:25px 25px 0 0;
}


.menuiconholder{
width:85px;
height:85px;
float:left;
clear:right;
margin-top:44px;
margin-left:30px;
}

#leftcolumn{
width:183px;
float:left;
clear:right;
padding-top:10px;


}

#rightcolumn{
width:725px;
padding-left:2px;
float:right;
padding-top:10px;
vertical-align:top;
}

#footerlinks{
width:910px;
clear:both;
padding:0px;
}

#footermenu{
width:910px;
text-align:center;
padding:0px;

}

#footermenu li{
display:inline;
list-style-type:none;
padding-right:5px;
padding-left:5px;
font-size:14px;
}

#footermenu a, 
#footermenu a:visited{
text-decoration:none;
color:#999999;
}

#footermenu a:hover{
text-decoration:underline;
}

#footerhome,#footerabout, #footerhelp,#footersuggest, #footercontact, #footerlegal, #footerpress, #footerlogin{
border-right:1px solid #CCCCCC;
}


#tickaholder{
width:100%;
clear:both;
height:30px;
width:910px;
margin-top:30px;

}

#bottomtextholder{
width:840px;
margin:0px auto;
text-align:center;
}

.bottomtext{
font-size:x-small;
}


/* CSS for the left panel */


.leftbox{
width:183px;
background-color:#FFFFFF;
clear:both;


}

.leftboxtop{
background-image:url(../images/leftcolumnboxes/leftboxtop.jpg);
width:183px;
height:15px;
}

.leftboxcentre{
width:183px;
background-image:url(../images/leftcolumnboxes/leftboxcentre.jpg);
background-repeat:repeat-y;
}

.leftboxbottom{
width:183px;
height:15px;
background-image:url(../images/leftcolumnboxes/leftboxbottom.jpg);

}

.leftboxtext{
margin:0px 15px;
text-align:center;
}

#adobeholder{
margin-left:10px;
margin-right:10px;
}

.adobelogoholder{
margin-top:5px;

}

#slot2adholder{
width:710px;
min-height:90px;
margin-top:10px;
margin-left:185px;
/*border:2px solid #CCCCCC;*/
}


#title{
background-image:url(../images/boxes/green.png);
background-repeat:no-repeat;
width:710px;
height:45px;
text-align:center;
color:#FFFFFF;
font-size:1.7em;
padding-top:5px;
}

#title span{
}


.greentabholder{
height:37px;
margin-top:15px;
width:710px;
float:left;
}

.greentab-left{
width:19px;
height:38px;
background-image:url(../images/greentab-left.jpg);
background-repeat:no-repeat;
float:left;
clear:right;
}

.greentab-right{
width:22px;
height:38px;
background-image:url(../images/greentab-right.jpg);
background-repeat:no-repeat;
float:left;
}

.greentab-middle{
height:38px;
background-image:url(../images/greentab-middle.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
font-size:24px;
font-weight:bold;
float:left;
clear:right;
padding-top:4px;
}


.redtabholder{
height:37px;
margin-top:15px;
width:710px;
float:left;
}

.redtab-left{
width:19px;
height:38px;
background-image:url(../images/redtab-left.jpg);
background-repeat:no-repeat;
float:left;
clear:right;
}

.redtab-right{
width:22px;
height:38px;
background-image:url(../images/redtab-right.jpg);
background-repeat:no-repeat;
float:left;
}

.redtab-middle{
height:38px;
background-image:url(../images/redtab-middle.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
font-size:24px;
font-weight:bold;
float:left;
clear:right;
padding-top:4px;
}

/* page right col content common areas */

#pagedesc{
float:left;
font-weight:bold;
text-align:justify;
margin:0px 10px 10px;
width:auto;
}

#pagemastimg{
float:right;
width:auto;
margin:2px 0px 0px 10px;
text-align:center;
} 

#pagemastimg img{
height:138px;
}

.secholder {
clear:both;
margin-top:10px;
width:708px;
}

.seccontentholder {
border:1px solid #999999;
width:100%;
float:left;
}

.secinnertext{
/*margin:0 10px 0 10px;*/
margin:10px;
width:auto;
text-align:justify;
float:left;
}

/* for forms */

.form_line{
width:100%;
clear:both;
margin-top:10px;
float:left;
}

label{
float:left;
width:150px;
}

input{
width:200px;
}

input[type = checkbox],
input[type = submit],
input[type = button]{
width:auto;
}

.rightcontainer{
width:710px;
}

.rightcontainer a, a:visited{
text-decoration:none;
}

.rightcontainer a:hover{
text-decoration:underline;
}




.uneven {
background-color:#EFEFEF;
float:left;
clear:both;
width:100%;
}

.even {
background-color:#FFFFFF;
float:left;
clear:both;
width:100%;
}

p{
margin-top:2px;
}

.error{
color:#FF0000;
}

.success{
color:#009900;
}

input[type = radio]{
width:auto;
}


/* Blurry box dimensions and layout for all pages begins */

#compintro,
#loginintro,
#signupintro,
#year0mast,
#year1mast,
#year2mast,
#year3mast,
#year4mast,
#year5mast,
#year6mast,
#year7mast,
#askateacherintro,
#workoutintro,
#progressintro,
#benefitintro{
width:710px;
background-repeat:no-repeat;
background-color:#E5E6E7;
float:left;
margin-bottom:10px;
}

#compintro {
background-image:url(../images/boxes/green.png);
}

#loginintro{
background-image:url(../images/boxes/blue.png);
}

#signupintro{
background-image:url(../images/boxes/orange.png);
}

#year0mast{
background-image:url(../images/boxes/green.png);
}

#year1mast{
background-image:url(../images/boxes/blue.png);
}

#year2mast{
background-image:url(../images/boxes/orange.png);
}

#year3mast{
background-image:url(../images/boxes/green.png);
}

#year4mast{
background-image:url(../images/boxes/blue.png);
}

#year5mast{
background-image:url(../images/boxes/orange.png);
}

#year6mast{
background-image:url(../images/boxes/green.png);
}

#year7mast{
background-image:url(../images/boxes/blue.png);
}

#askateacherintro{
background-image:url(../images/boxes/orange.png);
}

#workoutintro{
background-image:url(../images/boxes/green.png);
}

#progressintro{
background-image:url(../images/boxes/blue.png);
}

#benefitintro{
background-image:url(../images/boxes/orange.png);
}


#signupimg{
margin-top:.2em;
}

.leftbox a,
.leftbox a:hover,
leftbox a:visited{
text-decoration:underline;
color:#59A2B2;
background-color:#FFFFFF;
}

#pagetitle{
height:50px;
text-align:center;
color:#FFFFFF;
font-size:1.7em;
padding-top:5px;
}

#pagedesc p{
font-size:14px;
margin-bottom:5px;
}

.note{
color:#00CCFF;
}


/* Landing page css begins here */



#landing_rightcol{
width:352px;
height:808px;
float:left;
background-image:url(../landingpage_images/orangebox.png);
background-position:left;
background-repeat:no-repeat;
margin:0px;
z-index:6;
}

#landing_rightcol_error{
width:352px;
height:761px;
float:left;
background-image:url(../landingpage_images/errorPanel.png);
background-position:left;
background-repeat:no-repeat;
margin:0px;
z-index:6;
}

#landing_rightcol_success{
width:352px;
height:761px;
float:left;
background-image:url(../landingpage_images/successPanel.png);
background-position:left;
background-repeat:no-repeat;
margin:0px;
z-index:6;
}


#feedback{
width:288px;
height:122px;
background-image:url(../landingpage_images/feedbacks.jpg);
background-repeat:no-repeat;
float:left;
clear:right;
}

#epdqholder{
width:262px;
height:122px;
background-image:url(../landingpage_images/logo_epdq.jpg);
background-repeat:no-repeat;
float:right;
}

#landingarrow{
background-image:url(../landingpage_images/Arrow.png);
width:181px;
height:78px;
margin:0px;
z-index:0;
position:absolute;
margin-left:512px;
margin-top:175px;
float:left;

}

#flashcards{
width:352px;
height:192px;
margin:0px 0px 0px 3px;
clear:both;
}

#promotiontext{
text-align:center;
}

.promtext_line1{
color:#000000;
font-size:16px;
font-weight:bold;
}

#selectedaccount{
margin:40px 0px 0px 2px;
font-size:16px;
text-align:center;
font-weight:bold;
}

.hilite{
color:#000000;
}

.promtext_line2{
color:#086632;
font-size:16px;
font-weight:bold;
}

.splitterholder{
text-align:center;
margin:5px 0;
}

#signupinfo{
width:90%;
clear:both;
/*margin:10px auto;*/
margin:0px auto;
}

#landingpageform{
width:90%;
margin:0px auto;
clear:both;
font:Arial, Helvetica, sans-serif;
}

#curonholder{
text-align:center;
width:100%;
clear:both;
margin-top:15px;
}

.whitetext{
color:#FFFFFF;
font-size:12px;
}

.blacktext{
color:#000000;
font-size:12px;
}

#whitepoints{
color:#FFFFFF;
font-size:14px;
list-style-image:url(../landingpage_images/green_bullet_point.png);
}

#whitepoints li{
margin-bottom:4px;
vertical-align:middle;
}

.form_line_landing label{
width:120px;
float:left;
}

.form_line_landing input{
width:180px;
}

#formsubmit{
margin-left:60px;
margin-top:5px;
}
/* landing page css ends here */

/* registration error page */

#errornote{
margin:30px 20px 10px 20px;
}

#signuperror{
color:#FF0000;
font-weight:bold;
margin-right:15px;
}

#signuperror li{
margin-bottom:5px;
}

#errorform{
text-align:center;
position:static;
margin-top:30px;
}

#errorfooter{
font-weight:bold;
color:#FFFFFF;
margin-left:20px;
margin-right:20px;
position:static;
margin-top:10px;
font-size:smaller;
}

#errorcontainer{
height:350px;
}

#successcontainer{
height:260px;
}

#successnote{
margin-top:250px;
margin-left:20px;
margin-right:20px;
}

#successfooter{
font-weight:bold;
color:#FFFFFF;
margin-left:20px;
margin-right:20px;
position:static;
margin-top:10px;
font-size:smaller;
}

.form_line_landing{
width:100%;
clear:both;
margin-top:5px;
float:left;
}


/* Landing page css for new landing pages*/

#landing_leftcol{
width:552px;
float:left;
clear:right;
margin:10px 0px 0px;
z-index:50;
}

#landingvideo{
min-width:240px;
min-height:180px;
padding:0px 10px;
float:left;
}

#landingintro{

}

#landingintro h1{

}

#sheetpreview{
float:left;
width:100%;
clear:both;
}

#sheetpreview h2{
}

.sheetthumb{
margin:5px;
width:58px;
float:left;
}

#landingfeatures{

}

#featureheading{
}

#landingleftfooter{
}

.greenhilite{
}

.bluehilite{
}