/* CSS Document */

*,
*:focus {
	outline:none;
	margin:0;
	padding:0;
}
body {
	background:url(../fw/notebook-bg.jpg);
	font-family:arial;
	font-size:12px;
	color:#666;

}
div.Paint {
	background: url(../fw/paint.jpg) repeat-x top center;
}
div.Paint2 {
	background: url(../fw/paint2.jpg) repeat-x top center;
}
ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
div.Header {

}
div.Header div.HeaderContent {
	width:900px;
	margin:0 auto;
}
div.Header div.HeaderContent a.Logo {
	float:left;
	margin:15px 20px 0 0;
}
div.Header div.HeaderContent div.LoginArea {
	float:right;
	margin:20px 0 0 0;
	text-align:right;
	font-size:15px;
	color:#666;
	width:572px;
}
div.Header div.HeaderContent div.LoginArea a,
div.Header div.HeaderContent div.LoginArea a:visited {
	color:#00A5EA;
	font-size:14px;
	text-decoration:none;

}
div.Header div.HeaderContent div.LoginArea a:hover {
	text-decoration:underline;
}

/* General forms */
div.Form input
{
	border:none;
	background:#FFF8D4;
	height:15px;
	padding:5px;
	color:#666;
	margin:3px;
	.margin:2px 3px 4px 3px;
	font-weight:bold;
	width:130px;
	font-family:arial;
}
div.Form div
{
	background: url(../fw/login-box-bg.jpg) repeat-x top left;
	float:left;
}
.Button {
	width:94px;
	height:34px;
	text-align:center;
	color:#fff;
	border:none;
	float:left;
	background: url(../fw/btn-login.jpg) no-repeat top left;
	font-size:12px;
	font-weight:bold;
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}
.ButtonMedium {
	width:144px;
	height:30px;
	text-align:center;
	color:#fff;
	border:none;
	float:left;
	background: url(../fw/btn-med.jpg) no-repeat top left;
	font-size:12px;
	font-weight:bold;
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	line-height:30px;
}
.ButtonMedium:hover {
	text-decoration:underline;
}
.ButtonMediumBlue {
	width:144px;
	height:34px;
	text-align:center;
	color:#fff;
	border:none;
	float:left;
	background: url(../fw/btn-med-blue.jpg) no-repeat top left;
	font-size:12px;
	font-weight:bold;
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}

div.Header div.HeaderContent div.LoginArea div.UserBox,
div.Header div.HeaderContent div.LoginArea div.PwBox {
	float:left;
	margin:0 10px 0 0;
}
div.Header div.HeaderContent div.LoginArea div.UserBox label,
div.Header div.HeaderContent div.LoginArea div.PwBox label {
	font:15px arial;
	color:#666;
	float:left;
	margin:0 2px 0 0;
	line-height:31px;
	height:31px;
}
div.Header div.HeaderContent div.LoginArea div.UserBox label:hover,
div.Header div.HeaderContent div.LoginArea div.PwBox label:hover {
	background:none;
}
div.Header div.HeaderContent div.LoginArea div.UserBox div,
div.Header div.HeaderContent div.LoginArea div.PwBox div {
	background: url(../fw/login-box-bg.jpg) repeat-x top left;
	float:left;
}
div.Header div.HeaderContent div.LoginArea div.UserBox div input,
div.Header div.HeaderContent div.LoginArea div.PwBox div input {
	border:none;
	background:#FFF8D4;
	height:15px;
	padding:5px;
	color:#666;
	margin:3px;
	.margin:2px 3px 4px 3px;
	font-weight:bold;
	width:130px;
	font-family:arial;
}
div.Header div.HeaderContent div.LoginArea div.PwBox div input:focus,
div.Header div.HeaderContent div.LoginArea div.UserBox div input:focus {
	background:#fff;
}
div.Header div.HeaderContent div.LoginArea .BtnLogin {
	width:94px;
	height:34px;
	text-align:center;
	color:#fff;
	border:none;
	float:left;
	background: url(../fw/btn-login.jpg) no-repeat top left;
	font-size:12px;
	font-weight:bold;
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}
div.Header div.HeaderContent div.LoginArea .BtnLogout {
	width:94px;
	height:34px;
	text-align:center;
	color:#fff;
	border:none;
	float:right;
	background: url(../fw/btn-login.jpg) no-repeat top left;
	font-size:12px;
	font-weight:bold;
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}
div.homeTopBG {
	width: 960px;
	height: 162px;
	margin: 35px auto 0 auto;
	padding: 130px 0 0 0;
	background: url(../fw/homeTopBG.jpg) no-repeat top left;
	}
div.innerTopBG {
	width: 900px;
	margin: 35px auto 0 auto;
	}	
div.TopContent {
	width:900px;
	margin:0 auto;
	}
div.TopContent div.navBar {
	margin-top: 30px;
	}
div.TopContent div.FeaturedContent {
	margin-top: 23px;
	float:left;
	width:510px;
	color:#fff;
}
div.TopContent div.FeaturedContent h1 {
	font-family:Trebuchet MS;
	font-size:25px;
}
div.TopContent div.FeaturedContent p {
	line-height:1.2em;
	font-size:18px;
	font-weight: bold;
}
div.TopContent div.RightSide {
	float:right;
	height:100px;
	width:360px;
}
div.TopContent div.RightSide a.Tour {
	display:block;
	width: 160px;
	height: 70px;
	position:relative;
	top: 0px;
	left: 132px;
	}
img 
{
    border:0px;
}
a.BtnReadMore,
a.BtnReadMore:visited {
	background: url(../fw/btn-readmore.jpg) no-repeat top left;
	width:140px;
	height:34px;
	text-align:center;
	text-decoration:none;
	float:right;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	line-height:34px;
	margin: -5px 0 0 0;
}
a.BtnReadMore:Hover {
	text-decoration:underline;
}
div.TopContent ul {
	width:900px;
	height:32px;
}
div.TopContent ul li {
	float:left;
	height:32px;
}
div.TopContent ul li a,
div.TopContent ul li a:visited {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:7px 10px;
	background:#02669B;
	font-size:15px;
	margin:0 3px 0 0;
	font-weight:bold;
}
div.TopContent ul li a:hover {
	text-decoration:underline;
}
div.TopContent ul li a.On,
div.TopContent ul li a.On:visited {
	background:url(../fw/tab-on.jpg) repeat-x top left;
	color:#70B319;
}

div.Content {
	width:858px;
	margin:0 auto;
	padding:25px;
	background: transparent url(../fw/content-bg.png) repeat-y top center;
}
div.Content p {
	color:#666;
	line-height:22px;
	font-size:15px;
	padding:0 0 20px 0;
}
div.Content div.ContentBlockSkinnier {
	width:320px;
	margin-right:10px;
}
div.Content div.ContentBlock {
	width:410px;
	margin-right:10px;
}
div.Content div.ContentBlockWider {
	width:510px;
	margin-right:10px;
}
div.ContentBottom {
	background:transparent url(../fw/content-bg-bottom.png) no-repeat bottom center;
	width:908px;
	height:4px;
	margin:0 auto;
}
div.Content a,
div.Content a:visited {
	color:#00A5EA;
	text-decoration:none;
}
div.Content a:hover {
	text-decoration:underline;
}
div.Content div.homeColumnR {
	width: 290px;
	margin: 0 8px 0 0;
	float:right;
	}
div.Content div.homeColumnR div.homeLeaderboard	{
	background: url(../fw/homeLeaderboard-bg.jpg) no-repeat top left;
	width: 229px;
	height: 179px;
	padding: 45px 20px 0 40px;
	margin: 0 0 14px 0;
	}
div.Content div.homeColumnR div.homeLeaderboard	div.name {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #239DE6;
	width: 125px;
	height: 1em;
	margin: 0 0 9px 0;
	float:left;
	}
div.Content div.homeColumnR div.homeLeaderboard	div.points {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #239DE6;
	width: 100px;
	height:1em;
	margin: 0 0 9px 0;
	float: right;
	text-align:right;
	}	
div.Content a.BtnStudy,
div.Content a.BtnStudy:visited {
	background:url(../fw/btn-start-studying.jpg) no-repeat top left;
	width:255px;
	height:48px;
	text-align:right;
	color:#79B924;
	text-decoration:none;
	padding:25px 35px 0 0;
	margin: 0 0 12px 0;
	display:block;
	font: bold 17px Arial, Helvetica, sans-serif;
}
div.Content a.BtnStudy:hover {
	text-decoration:underline;
}

div.Content a.BtnSAT,
div.Content a.BtnSAT:visited {
	background:url(../fw/btn-sat-vocab.jpg) no-repeat top left;
	width:235px;
	height:36px;
	text-align:right;
	color:#79B924;
	text-decoration:none;
	padding:22px 55px 0 0;
	margin: 0 0 12px 0;
	display:block;
	font: bold 17px Arial, Helvetica, sans-serif;
}
div.Content a.BtnSAT:hover {
	text-decoration:underline;
}

div.Content a.BtnGRE,
div.Content a.BtnGRE:visited {
	background:url(../fw/btn-gre-vocab.jpg) no-repeat top left;
	width:235px;
	height:36px;
	text-align:right;
	color:#79B924;
	text-decoration:none;
	padding:22px 55px 0 0;
	margin: 0 0 15px 0;
	display:block;
	font: bold 17px Arial, Helvetica, sans-serif;
}
div.Content a.BtnGRE:hover {
	text-decoration:underline;
}

div.Content a.BtnLeaderboard,
div.Content a.BtnLeaderboard:visited {
	width: 212px;
	height: 1em;
	text-align:right;
	color:#79B924;
	text-decoration:none;
	display:block;
	font: bold 17px Arial, Helvetica, sans-serif;
	margin: 14px 38px 0 0;
}
div.Content a.BtnLeaderboard:hover {
	text-decoration:underline;
}
div.Content a.BtnFeedback,
div.Content a.BtnFeedback:visited {
	float:left;
	background:url(../fw/btn-feedback.jpg) no-repeat top left;
	width:245px;
	height:43px;
	text-align:right;
	color:#79B924;
	text-decoration:none;
	padding:25px 45px 0 0;
	display:block;
	font: bold 17px Arial, Helvetica, sans-serif;
}
div.Content a.BtnFeedback:hover {
	text-decoration:underline;
}
div.Content h2 {
	font-family:Trebuchet MS;
	font-size:20px;
	color:#5CA501;
	padding-left:50px;
	height:42px;
	line-height:42px;
	background:url(../fw/icon-books.jpg) no-repeat top left;
	margin:10px 0;
}
div.Content ul.LeftFeatures {
	width: 530px;
	margin: 0 0 0 10px;
	}
div.Content ul.RightFeatures {
	width:410px;
}
div.Content ul.LeftFeatures li,
div.Content ul.RightFeatures li {
	background:url(../fw/icon-check.jpg) no-repeat 0 0;
	padding:4px 0 0 35px;
	color:#666;
	margin:0 0 10px 0;
	min-height:27px;
	height:auto !important;
	height:27px;
	font-size:15px;
	font-weight:bold;
}
div.Content ul.LeftFeatures li ul,
div.Content ul.RightFeatures li ul {
	list-style-type:disc;
	margin:20px 0 0 20px;
}
div.Content ul.LeftFeatures li ul li,
div.Content ul.RightFeatures li ul li {
	background:none;
	font-size:12px;
	padding:0 0 0 0;
	margin:0 0 8px 0;
	min-height:auto;
	height:auto !important;
	height:auto;
}
div.Bubble {
	background:url(../fw/comment-box.jpg) no-repeat top left;
	width:309px;
	height:211px;
	padding:40px 20px 0 20px;
	color:#2FA2EA;
	font-family:Trebuchet MS;
}
div.Bubble p {
	color:#2FA2EA;
}
div.Bubble h3 {
	font-size:22px;
	color:#2FA2EA;
	margin:0 0 10px 0;
}
div.Bubble p {
	line-height:19px;
	font-size:13px;
}
div.Footer {
	width:900px;
	margin:0 auto;
	text-align:right;
}
div.Footer p {
	color:#666;
	padding:0;
	margin:0 8px 15px 0;
	font-size:10px;
}
div.Footer a,
div.Footer a:visited {
	color:#008DE5;
	text-decoration:none;
}
div.Footer a:hover {
	text-decoration:underline;
}
div.Footer ul {
	width:525px;
	float:right;
	margin:8px 0 10px 0;
}
div.Footer ul li {
	float:left;
	margin:0 20px 0 0;
	text-align:right;
}
div.Footer ul li.Last {
	margin:0;
}
div.Footer ul li a,
div.Footer ul li a:visited {
	color:#008DE5;
	text-decoration:none;
}
div.Footer ul li a:hover {
	text-decoration:underline;
}


/* -- Shared Classes -- */


div.Clear {
	clear:both;
}
.Left {
	float:left;
}
.Right {
	float:right;
}



/* -- UI Pages -- */

h1 a,
h1 a:visited {
	font-size:18px;
}
ol.Leaderboard {
	margin:0 0 0 50px;
}
ol.Leaderboard li {
	margin:5px 0;
	font-size:15px;
}
ol.Leaderboard li.TopThree {
	font-weight:bold;
}

/* Validation CSS
----------------------------------------------------------*/
.error
{
    color:Red !important;
}
.field-validation-error
{
    color: #ff0000 !important;
}

.input-validation-error
{
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee !important;
}

.validation-summary-errors
{
    font-weight: bold !important;
    color: #ff0000 !important;
}

.message
{
    font-weight: bold !important;
    color: #ff0000 !important;
}

/* Testing Styles  */
.QuestionLeft
{
	width:400px;
}
blockquote
{
	padding-left:35px;
	padding-top:15px;
}
input.ButtonMediumBlue {
	width:144px;
	height:30px;
	text-align:center;
	color:#fff;
	border:none;
	float:left;
	background: url(../fw/btn-med-blue.jpg) no-repeat top left;
	font-size:12px;
	font-weight:bold;
	margin:20px 0 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}
input.ButtonMediumBlue:hover {
	text-decoration:underline;
}
input.ButtonMediumGreen {
	width:144px;
	height:30px;
	text-align:center;
	color:#fff;
	border:none;
	float:left;
	background: url(../fw/btn-med.jpg) no-repeat top left;
	font-size:12px;
	font-weight:bold;
	margin:20px 10px 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	
}
input.ButtonMediumGreen:hover {
	text-decoration:underline;
}
h1.Correct
{
	color:#408040;
	height:46px;
	padding:0 0 0 60px;
	background:url(../fw/icon-correct.jpg) no-repeat center left;
	line-height:46px;
	margin:0 0 10px 0;
	display:block;
}
h1.Incorrect
{
	display:block;
	color:#DC371B;
	height:46px;
	padding:0 0 0 60px;
	background:url(../fw/icon-incorrect.jpg) no-repeat center left;
	line-height:46px;
	margin:0 0 10px 0;
}


a.ButtonNext,
a.ButtonNext:visited {
	background: url(../fw/btn-med.jpg) no-repeat top left;
	width:144px;
	height:30px;
	text-align:center;
	text-decoration:none;
	color:#fff !important;
	font-weight:bold;
	font-size:13px;
	line-height:30px;
	margin:10px 0 0 0;
	cursor:pointer;
	display:block;
}
a.ButtonNext:Hover {
	text-decoration:underline;
}
h3 {
	font-size:20px;
	margin:0 0 15px 0;
}
input.Radio {
	display:block;
	margin:0 5px 10px 0;
	float:left;
	
}
label {
	height:20px;
	padding:5px;
	margin:10px 0 0 0;
	.line-height:20px;
}
label:hover {
	background:#FFF8D4;
	/*font-weight:bold;*/
	cursor:pointer;
}
div.ScoreArea {
	text-align:right;
}
div.ScoreArea a,
div.ScoreArea a:visited {
	margin:5px;
}
div.ScoreArea p {
	font-weight:bold;
	margin:0;
	padding:0;
}
div.ScoreArea span {
	color:#64AA0A;
}
ul.WordList {
	padding:0 0 0 20px;
	list-style-type:disc;
}
ul.WordList li {
	margin:0 0 5px 0;
	font-size:15px;
}
div.Line {
	height:10px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
/*----------------------------------------NATHAN----------------------------------------------*/

/*******************************
	FORMS
*******************************/

.feedbackForm {
	width: 155px;
	margin: 0 0 15px 0;
	float: left;
	}
.feedback label {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0 5px 0 0;
	}

.feedback .name {
	width: 190px;
	margin: 0 30px 15px 0;
	float: left;
	}
.feedback .email {
	width: 190px;
	margin: 0 0 15px 0;
	float: left;
	}
.feedback .subject {
	width: 320px;
	margin: 0 0 15px 0;
	float: left;
	}
.feedback .message {
	width: 190px;
	margin: 0 0 15px 0;
	float: left;
	}	
		
.feedbackFormField {
	background:#FFF8D4;
	border: solid 2px #bbe1f8;
	padding: 4px;
	width:180px;
	}
.feedbackFormFieldSubject {
	background:#FFF8D4;
	border: solid 2px #bbe1f8;
	padding: 4px;
	width: 300px;
	}	

.feedbackTextArea {
	width: 396px;	
	height: 100px;
	padding: 4px;
	background:#FFF8D4;
	border: solid 2px #bbe1f8;
	font: normal 12px Arial, Helvetica, sans-serif;
	}

.feedbackSend {
	width: 80px;
	height: 32px;
	background: url(../fw/btn-send.jpg);
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #FFF;
	border: 0;
	float: right;
	margin-bottom:25px;
	}
.feedbackSend:hover {
	cursor: pointer;
	}
	
	
/*****************************
	BUBBLE SMALL
*****************************/
div.Bubble {
	background:url(../fw/comment-box.jpg) no-repeat top left;
	width:300px;
	height:211px;
	padding:40px 25px 0 25px;
	color:#2FA2EA;
	font-family:Trebuchet MS;
}
div.Bubble p {
	color:#2FA2EA;
	line-height:19px;
	font-size:13px;
}
div.Bubble h3 {
	font-size:22px;
	color:#2FA2EA;
	margin:0 0 5px 0;
}

div.bubbleSmall {
	width: 249px;
	height: 160px;
	background: url(../fw/bubble-small.jpg) no-repeat top left;
	padding: 36px 20px 20px 20px;
	margin: 15px auto;	
	}
div.bubbleSmall h3 {
	font-size:18px;
	color:#239DE6;
	margin: 0 0 5px 4px;
	}	
div.bubbleSmall p {
	color:#239DE6;
	line-height:19px;
	font-size:12px;
	margin: 0 0 0 10px;
	}

/**************************
	LEADERBOARD
**************************/

div.leaderboardBlock {
	width: 355px;
	margin:0;
	padding:0;
	float:right;
	}
div.leaderboardBlock ol {
	margin: 0 0 0 15px;
	padding:0;
	}
div.leaderboardBlock li {
	font: 14px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom: 10px;
	}
	
div.leaderboardBlock h2 {
	font-family:Trebuchet MS;
	font-size:20px;
	color:#5CA501;
	background: none;
	margin:0;
	padding:0;
	}

/**************************
	INNER CONTENT
***************************/

.innerContent {
	width: 535px;
	float: left;
	padding: 8px 0 0 0;
	}
.innerContent h1 {
	text-align: center;
	font: bold 34px Trebuchet MS;
	line-height: 1.2em;
	color: #28599c;
	margin: 0 0 20px 0;
	}
.innerContent p {
	text-indent: 2.2em;
	}
	

/**************************
	METRICS
***************************/
.Positive
{
    font-weight:bold;
    color:Green;
}
.Negative
{
    font-weight:bold;
    color:Red;
}
.Neutral
{
    font-weight:bold;
}


/**************************
	REGISTRATION PAGE
***************************/

div.RegForm label {
	font-weight:bold;
	display:block;
	height:20px;
	padding:0;
	margin:0;
	width:120px;
}
div.RegForm label.Checkbox {
	width:auto;
}
div.RegForm label:hover {
	background:none;
	cursor:auto;
}
div.RegForm h3 {
	font-family:trebuchet ms;
	font-size:16px;
	margin:5px 0 10px 0;
	color:#02669B;
}

div.RegForm input.Box,
div.RegForm input.Box2,
div.RegForm input.Box3,
div.RegForm select,
div.RegForm select.Box2 {
	background:#FFF8D4;
	border:2px solid #8DCCF4;
	color:#666;
	padding:2px;
	font-size:12px;
	font-family:arial;
	margin:0 0 5px 5px;
}
div.RegForm select option {
	padding-left:5px;
}
div.RegForm input.Box2,
div.RegForm select.Box2 {
	width:75px;
}
div.RegForm input.Box3 {
	width:270px;
}
div.RegForm textarea {
	background:#FFF8D4;
	font-family:arial;
	font-size:12px;
	color:#666;
	padding:5px 5px 5px 5px;
	width:390px;
	line-height:16px;
	border:2px solid #8DCCF4
}
/****************************
    Content Misc.
***************************/

div.innerContent .prehead {
	background: none;
	font-weight: normal;
	font: italic 16px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin: 5px 0 -8px 15px;
	padding:0;
	line-height:1em;
	}	


div.innerContent .headline {
	text-align: center;
	font: bold 34px Georgia, "Times New Roman", Times, serif;
	line-height: 1.2em;
	color: #28599c;
	margin: 0 0 15px 0;
	padding:0;
	}	

div.innerContent .subhead {
	text-align:center;
	background: none;
	font-weight: normal;
	font: 18px Arial, Helvetica, sans-serif;
	letter-spacing:.2px;
	color: #666;
	margin: 20px;
	padding:0;
	line-height:1.2em;
	}	

div.innerContent .noIndent {
	text-indent:0;
	}

.contentH3 {
	text-align: center;
	font: bold 22px Arial;
	line-height: 1.2em;
	color: #28599C;
	margin: 10px 0 30px 0;
	}
.contentH3 .hilite {
	color: #0099CC;
	}	
div.Content ul.LeftList {
	width: 520px;
	margin: 0 0 0 10px;
	}
div.Content ul.LeftList li {
	background:url(../fw/icon-check-small.jpg) no-repeat 0 0;
	padding:0 0 0 24px;
	color:#666;
	margin:0 0 16px 0;
	min-height:27px;
	height:auto !important;
	height:27px;
	font-size:15px;
}
div.Content ul.LeftList li ul {
	list-style-type:disc;
	margin:20px 0 0 20px;
}
div.Content ul.LeftList li ul li {
	background:none;
	font-size:12px;
	padding:0 0 0 0;
	margin:0 0 8px 0;
	min-height:auto;
	height:auto !important;
	height:auto;
}
div.joinBox {
	width: 450px;
	padding: 20px;
	margin: 10px auto 20px auto;
	border: 3px dashed #0066CC;
	background-color: #FFFFCC;
}
.joinStyle {
	font-size: 24px;
	font-weight: bold;
	}
	
/*********************************
Facebook related
*********************************/
.facebookHeader
{
	position:absolute;
	margin-left:-194px;
}