/* CSS Document */

.pro_table{
background-color:#D4FFA2
}

.pro_table th{
font-weight:bold;
background-color:#66FF66;
}

.pro_table td{
background-color:#FFFFFF;

text-align:center;
}

.pro_table .pro{
font-weight:bold;

background-color:#99FF99;
}

.pro_table .feature{
width:80%;
text-align:left;
}


body{
	font-size: 62.5%; /* Resets 1em to 10px */
	text-align:center;
	margin: 0 0 20px 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	background:#D0EBFD;
}

#container{
	border:1px solid #0066CC;
	width:810px;
	font-size:1.2em;
	padding:10px 20px 20px 20px;
	background-color:#ffffff;
	text-align:left;
	margin:auto;
}

#content{
	width:500px;
	padding-bottom:10px;
	padding-right:10px;
	float:left;
}

#content.learn{
	width:470px;
}

#sidebar{
	float:left;
	width:270px;
	padding: 10px 0 10px 0;
}

#sidebar.learn{
	width:310px;
}
	
#popWrap{
	text-align:center;
}

#contentPop{
	width:400px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	margin-top:30px;
	padding-left:20px;
	padding-right:20px;
}

#logo{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}
#logo .logoText{
	font-size:2.5em;
	font-weight:bold;
	color:0099CC;
}
#logo .tagline{
	font-size:1.2em;
	color:blue;
	margin-left:10px;
	padding-top:5px;
}

#sat_link{
	font-size:10px;
	padding-top:33px;
	float:left;
	padding-left:20px;
}

#home h4{
	font-size:16px;
	color:#333333;
}

#home{
color:#666666;
}

#home p{
font-size:16px;
}

#menu{
	clear:left;
	margin-top:20px;
	margin-bottom:0px;
	padding-left:7px;
	padding-right:7px;
	padding-top:10px;
	padding-bottom:1px;
}

a {
color:#0099CC;
}
a:visited {
color:#0099CC;
}

#menu a {
	font-size:1.4em;
	padding:5px 6px 5px 6px;
	background:#FFFFFF;
	text-decoration:none;
	border-bottom:none;
}
#menu a:visited {
	color:#0099CC;
}
#menu a .currPage{
	color:#009933;
}

#subMenu{
	margin:5px;
	padding:4px;
	text-align:left;
	font-size:11px;
}

#subMenu a{
	font-size:1.3em;
	padding:4px 6px 4px 6px;
	text-decoration:none;
}

#userMenuContain{
	font-size:1em;
	text-align:right;
	float:right;
}

#userMenu a{
text-decoration:none;
}

/* START NAVS */
#tabsNav{
	text-align:left;
	border-bottom: 1px solid #b2b2b2;
	padding:5px;
	font-size:1em;
}
.tabContent{
	border-left: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	padding:10px;
}
.tab{
	border: 1px solid #b2b2b2;
	background-color:#f2f2f2;
	padding:5px;
	text-decoration:none;
}
.tabSelected{
	border: 1px solid #b2b2b2;
	background-color:#ffffff;
	border-bottom: 1px solid #ffffff;
}
#smallNav{
	padding:2px;
	font-size:1em;
	margin-bottom:5px;
}
.small{
text-decoration:none;
font-size:12px;
}
.smallSelected{
color:#009933;
}

/* END NAVS */



a{
font-size:1.1em;
}

.insetBox{
	border:1px solid #d2d2d2;
	padding:10px;
	margin-bottom:10px;
}

#login{
	font-size:1.1em;
	text-align:left;
	color:black;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:-15px;
}

#login form{
	margin:0px;
	padding:0px;
}

#login input{
	font-size:1em;
	margin-bottom:5px;
	margin-top:5px;
	border:1px solid #0066CC;
}

.logInput{
	width:150px;
}

.status{
	font-size:.9em;
	margin-left:5px;
	margin-right:5px;
	color:red;
	font-weight:bold;
	font-style:italic;
}

ul{padding-left:15px;}
li{padding-left:5px;}


#pop_leftCol{
	float:left;
	width:180px;
	padding-right:10px;
}
#pop_centerCol{
	margin-left:10px;
	float:left;
	width:340px;
	padding-left:20px;
	padding-right:20px;
	border-left:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
}
#pop_rightCol{
	float:left;
	width:110px;
	padding-left:10px;
}

#footer{
	font-size:1em;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	width:100%;
	text-align:center;
}
.boxLeft{
	float:left;
	width:185px;
	padding:5px;
	border:1px solid #d2d2d2;
	min-height:250px;
}

.boxRight{
	font-size:1.1em;
	float:right;
	width:185px;
	padding:5px;
	border:1px solid #d2d2d2;
	min-height:250px;
}

.tools{
text-align:right;
margin-bottom:10px;
color:#999999;
font-size:1em;
margin-top:5px;
}

.tools a{
font-size:1em;
font-weight:bold;
text-decoration:none;
padding-left:4px;
padding-bottom:2px;
padding-top:5px;
padding-right:4px;
border-left:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
}

ul, ol{
text-align:left;
}

h1, h2, h3{
font-weight: normal;
font-family:trebuchet ms, lucida grande,tahoma, arial;
color:#2A4273;
}

h1{
font-size:1.5em;
text-align:left;
padding:0px;
margin:0px;
margin-bottom:1.4em;
}

h2 a{
text-align:left;
padding:0px;
margin:0px;
margin-bottom:.5em;
text-decoration:none;
text-align:left;
color:#339900;
font-size:1.2em;
}

h2 a:visited{
color:#339900;
}

.popTitle{
 color:#33900;
 font-size:1.2em;
}
 


h2{
	font-size:1.3em;
	margin-top:1.2em;
	margin-bottom:1.2em;
}

h2 small{
	font-size:.6em;
}

h3{
font-size:1.4em;
margin-top:1.1em;
margin-bottom:1.1em;
}

h3 small{
font-size:.6em;
}

h5 {
	font-size:1.2em;
}

small{font-size:11px}

.inactiveTool{
font-size:1em;
font-weight:bold;
padding:4px;
border-left: 1px solid #999999;
}
.answer{
font-size:2.2em;
padding:5px;
margin:5px;
}

th{
font-weight:normal;
padding:8px;
}

td{
padding:8px;
}

.contain{

width:400px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.email_preview{
padding:20px;
border:2px solid #B5DCE2;
text-align:left;
background:url(graphics/home_gradient.jpg) repeat-x;
}
.add_list{margin:0px;padding:0px;}

.add_list li{margin:0px;padding:0px;float:left;margin-right:5px;list-style:none;}


.cardContent{
	padding:20px;
}

.card{
	border:2px solid #B5DCE2;
	padding:14px;
	background:url(/graphics/card-bg.jpg)  repeat-x bottom #FFFFFF;
	text-align:center;
	width:400px;
	/*
	display:inline;
	min-height:180px;
	vertical-align: middle; 
	*/
}

.card p{
text-align:center;
}

.card label{
font-size:1.4em;
margin:5px;
}

#cardTag{
font-size:11px;
font-weight:bold;
padding:5px;
background-color:#99CC00;
color:#ffffff;
font-family:Geneva, Arial, Helvetica, sans-serif;
float:right;
margin-top:-10px;
margin-right:10px;

}

#cardScore{
font-size:11px;
font-weight:bold;
padding:5px;
background-color:#f2f2f2;
color:#d2d2d2;
font-family:Geneva, Arial, Helvetica, sans-serif;
float:right;
}

#cardTag.fulllist{
background-color:#66CCFF;
}

#cardTag.missed{
background-color:#990000;
}

#cardTag.Easy{
background-color:#66CC66;
}

#cardTag.Hard{
background-color:#CC6633;
}

#cardTag.tryagain{
background-color:#990000;
}

#userAnswerContain{
	padding:5px;
	margin:5px;
}




/* POPLING TOOLS */

#poplingTools{
float:left;
}
/*
#poplingTools a{
font-size:.8em;
font-weight:bold;
text-decoration:none;
background-color:E3EFFF;
}

#popTools{
margin-bottom:25px;
margin-top:1px;
}

#popTools a{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
text-decoration:none;

padding:2px;
padding-left:3px;
padding-right:3px;
background-color:E3EFFF;
}

#popTools a:hover{
background-color:D2EFFF;
}
*/



#recentWords{
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
	line-height:140%;
}

#commentsContain{
	text-align:left;
	margin-top:40px;
}

#comments{
text-align:left;
font-size:1em;
}


.comment{
font-size:1.1em;
margin:0px;
padding:10px 5px 10px 5px;
border-bottom:1px solid #d2d2d2;
line-height:110%;
}

.comment_error{
color:red;
}

.greyBG{
background-color:#f2f2f2;
}

.sidebar_note{
padding:10px;
background-color:lightblue;
}

#leaveComment{
margin-top:10px;
text-align:left;
font-size:1em;
}

hr{
border:none;
border-top: 1px solid #d2d2d2;
}

.popTitle{
	font-family: Trebuchet MS, Tahoma, Arial;	
	color:#009933;
}

.grade{
	margin:10px;
	margin-top:30px;
	font-size:1.8em;
}

.grade img{
	margin-bottom:4px;
}

.correct{
margin-left:4px;
color:#339933;
}

.incorrect{
margin-left:4px;
color:#E54D1F;
}


.formLeft {
	text-align:left;
	margin-left:20px;
	margin-right:20px;
}

.qImage{
	margin:20px;
}

p{
	font-size:1.2em;
	text-align:left;
	line-height:120%;
}


/* SCORING */
.score{
	font-size:1.3em;
	color:#FF6600; 
	padding: 10px;
	text-align:center;
}
.scoreNum{
	font-size:1.2em;
	color:#CC3300;
	font-weight:bold;
}

.wordListDisp{
	overflow:visible;
}

.footerMenu{
	font-size:1.2em;
}

textarea{
border:1px solid #999999;
}

.commentTools{
text-align:right;
}

.category{
text-align:left;
margin-top:10px;
line-height:150%;
}

.category h4{
font-size:1.4em;
margin:0px;
padding:0px;
margin-bottom:5px;
}

.category a{
text-decoration:none;
}

#example{
font-size:1.2em;
line-height:130%;
}

#example strong{
color:#c1c1c1;
font-size:1.1em;
padding:2px;
border:1px solid #dddddd;
background-color:#eeeeee;
font-weight:normal;
}

.stats{
text-align: left;
margin-bottom:10px;
padding:10px;
border: 1px solid #d2d2d2;
}
.stats ul{
list-style:none;
margin:0;
padding:0;
margin-left:20px;
}

.stats li {
padding:2px;

}
.statsLeft{
float:left;
margin-left:10px;
font-weight:bold;
text-align:right;
}
.statsRight{
float:left;
margin-left:10px;
}

.popInfo{
float:left;
width:380px;
margin-left:10px;
}

ol ul li,li p {
font-size:1em;
}


.message{
	background-color:#FFFFCC;
	color:#003399;
	padding:20px;
	font-size:1.1em;
	font-weight:bold;
	margin:10px;
	border:1px solid #D1BE3D;
	text-align:center;
	line-height:120%;
}

.background-yellow{
	background-color:#FFFF99;
}

.error{
font-size:1.4em;
background-color:red;
padding:5px;
color:white;
font-weight:bold;
margin:20px;
text-align:center;
}

.box{
	margin-bottom:10px;
	margin-right:2px;
	width:281px;
	background-image:url(graphics/box-bg.gif);
	background-repeat:repeat-y;
}

.yellow{
background-color:#FFFFCC;

}

.box div{
	padding-left:15px;
	padding-right:15px;
}


.box:before {
    display: block;
    line-height: 0;
    content: url("graphics/box-top.gif");
 }
.box::after {
    display: block;
    line-height: 0;
   content: url("graphics/box-bottom.gif")
 }
 
.box h2{
	font-size:1.4em;
	color:#2A4273;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}


.box h3{
	font-size:1.2em;
	color:#2A4273;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}

.box ul{
	list-style:none;
	margin:4px;
	padding:0px;
}

.box li{
	font-size:1em;
	margin-bottom:8px;
}

.vert{
	width:130px;
	border:0px;
	float:left;
	text-align:left;
}

.num{
	text-align:right;
	font-weight:bold;
}

.label{
	padding-left:10px;
}

.listExplain{
	font-size:1.2em;
	background-color:#E4F8FB;
	line-height:150%;
	padding:5px;
	color:#66CCCC;
}

.lw_input{
	width:40px;
}

.listExplain strong{
	color:#6699FF;
}

.listWeight{
	font-weight:bold;
	color:blue;
	font-size:1.4em;
}
.mediumMenu{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:10px;
}
.css_button{
	text-decoration:none;
	border:1px solid #999999;
	padding:5px;
	margin-left:1px;
}

.bottomColumn{
	margin-top:40px;
}
.bottomColumn .boxHeader{
	font-size: 1.2em;
	color:#555555;
	text-decoration:none;
}

li{
	font-size:1em;
	margin-bottom:4px;
}

.floatLeft{
	float:left;
}
.clearBoth{
	clear:both;
}

.marginLeft10{
	margin-left:10px;
}

.copywrite{
	margin-top:10px;
	font-size:1em;
	text-align:center;
}
.floatRight{
	float:right;
}

.green{
	color:#009933;
}
.red{
	color:#FF0000;
}

.largeNum {
	font-size:2.7em;
	font-weight:bold;
}

.center{
	text-align:center;
}

.form_button{
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:white;
	background-color:#001199;
	padding:4px 8px;
	border:1px solid #D0EBFD;
	cursor:pointer;
}
.form_grey_button{
	font-size:1em;
	text-decoration:none;
	font-weight:bold;
	color:white;
	background-color:#666666;
	padding:.2em;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #D0EBFD;
	line-height:120%;
}
.form_button:hover{
	color:#D0EBFD;
}


.button a {
	font-size:1em;
	text-decoration:none;
	font-weight:bold;
	color:white;
	background-color:#0099CC;
	margin-top:5px;
	padding:4px;
	border:1px solid #D0EBFD;
	line-height:120%;
	display:block;
}

.button a:hover {
	color:#D0EBFD;
}

.inline{
display:inline;
}

.header {
	font-size:1.2em;
}
.topBottom20{
	margin-top:20px;
	margin-bottom:20px;
}

#relatedPoplings{
	text-align:left;
}
#relatedPoplings ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

.greyedOut{
	color:#999999;
}

.stats_table{
	width:95%;
}

.stats_table th{
	font-size:.8em;
	font-weight:lighter;
}

.stats_table td{
	padding:6px 10px 3px 10px;
	background-color:#f2f2f2;
}

input {
border: 1px solid #cccccc;
padding:2px;
font-size:14px;
padding:4px;
}

textarea {
border: 1px solid #cccccc;
}

.selectCardType{
	float:left;
	font-size:1em;
	text-align:center;
	padding:2px;
	padding-bottom:5px;
}

.selectCardSelected{
	background-color:#e8e8e8e;
}
.selectCardType:hover{
	background-color:#e8e8e8e;
}
.selectCardType img{
	padding-bottom:5px;
}

.boxRight #login{
	margin-left:15px;
}

.loginBox #login{
	margin-left:0px;
}

.startList{
	font-family:trebuchet ms, lucida grande,arial;
	font-weight:bold;
	list-style:none;
	margin:0px;
	padding:0px;
	color:#003399;
}
.startList li{
	margin-left:0px;
	font-size:15px;
	padding:4px;
}

.startList li a{
	text-decoration:underline;
}

.startList li a img{
	border:2px solid;
	padding:2px;
	background-color:#FFFFFF;
}

.startList ul{
	margin-left:30px;
	font-size:12px;
	font-weight:normal;
	list-style:disc;
	line-height:100%;
}

.startList ul li{
	font-size:12px;
}


.pluginFAQs li{
	font-size:1.1em;
}

.pluginFAQs h3{
	font-weight:bold;
	font-size:1.3em;
}

.frequencyForm{
list-style:none;
margin-left:0px;
padding-left:10px;
}


p {
font-size:1.1em;
line-height:140%;
margin-bottom:10px;
}

#thick_content{
text-align:center;
background-color:#FFFFFF;
}

#thick_content .imageHelp {
	background-color:#D0EBFD;
	float:left;
	margin-left:15px;
	border:1px solid #0099CC;
	padding:4px;

}
#thick_content .message{
margin:20px;
}

.screenshots img{
	margin-left:10px;
	margin-top:10px;
}

#screenCast{
margin-top:20px;
margin-bottom:20px;
}

.lgrey_bg{
background-color:#f2f2f2;
}


/*Missed Table*/

.missedTable {font-size: 1em;}
.missedTable th{padding:6px;}
.missedTable td{padding:6px;}
.missedTable .bggrey{background-color:#e2e2e2;}
 .missedTable .bgwhite{background-color:white;}
 
 
 
 /*HOME PAGE*/
 #home #container{
 }
 
 #home #home_top_panel{
 background:url(graphics/home_gradient.jpg) repeat-x;
 margin-left:-20px;
 margin-right:-20px;
  padding-left:20px;
 padding-right:20px;
 padding-top:24px;
 }
 
 .home_header small{
 color:#339900;
 font-size:15px;
 font-family:Helvetica, Arial, sans-serif;
 margin-left:10px;
}

#home h1{
font-size:22px;
}

 .home_header{
 margin-bottom:40px;
}

.mr10{margin-right:10px;}

.home_3_panel{
float:left;
width: 263px;
margin-bottom:10px;
color:#555555;
float:left;
font-size:14px;
}

.home_3_panel img{
margin-bottom:10px;
width:263px;
}
}

#home_bottom_panel{
padding-top:20px;
}

.home_2_panel_left{
float:left;
width: 498px;
margin-right:20px;
}

.home_2_panel_left img{
margin-left:20px;
margin-bottom:20px;
}

.home_2_panel_right{
float:left;
width: 285px;
padding-top:20px;
}

.home_2_panel_right ul{
	margin-top:20px;
}

.home_2_panel_right li{
margin-left:20px;
margin-bottom:10px;
font-size:16px;
color:#666666;
}

#home_screens{
text-align:center;
}
#home_screens img{
	margin-right:20px;
	margin-bottom:10px;
}


#signup{
font-size:12px;
}

#signup input, select{
margin:8px 0px 8px;
padding:2px;
}

#signup small{
font-size:11px;
margin-left:5px;
color:#666666;
}

.ad_block{margin-bottom:20px;}
.ad_block_remove{text-align:center;padding:10px;}


.content_columns{
	width:225px;
	padding:10px;
	background-color:#f2f2f2;
	float:left;
}

.content_columns h3{
	margin:4px;
}
.content_columns ul{
	margin-bottom:25px;
}
.content_columns li{
	margin-left:15px;
	margin-bottom:5px;
}

.home_screenshots .content_columns{
width:180px;

}
.home_screenshots em{
font-size:12px;
}
.home_screenshots ul{
font-size:12px;
}

.home_screenshots img{
margin:0px;
padding:0px;
}
.home_screenshots h3{
margin-top:10px;
}


.gsearch div  {padding-left:0px;}

.pagination {

margin-top:5px;

margin-bottom:10px;
}
.pagination a{
	padding:8px;
	border:1px solid;
}
.pagination a.selected{
	background-color:#e2e2e2;
}
.pagination a:hover{
	color:#FFFFFF;
	background-color:#3399CC;
}




/* FROM LEARN */


#popTools{
margin-top:5px;
margin-bottom:5px;
text-align:center;
}

#popTools a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
padding:5px 10px 5px 10px;
background-color:#ffffff;
background:url(/graphics/button-gradient.jpg) repeat-x top #ffffff;

border:1px solid #B5DCE2;
border-top:0px;
}

#popTools a.exLink {
padding-right:6px;
}

.button_a{
font-size:12px;
}

.text_input{
font-size:12px;
}

#popTools a:hover{
}