/* ---------------------------------------------------------------------------- styled html */

h1 {
	color: #106fbf;
}

h2 {
	margin: 20px 0 10px 0;
}

a.navLeft, 
a.navRight, 
a.navCenter, 
a.navPrev, 
div.navCenter a.arrow {
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0 5px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #002C5D;
}

/* ---------------------------------------------------------------------------- global elements */

#content {
	margin: 0;
}

#content .hrule {
	margin: 1px 0 1px 0;
}

#content td {
	font-size: 11px;
}

.appForm div.hr {
	margin: 0;
}

#content .innernav a,
#content .innernav a:visited,
#content .innernav a:hover {
	color: #002C5D;
}
.innernav {
	margin-top: -9px;
}
#content > .innernav {
	margin-top: 1px;
}

#b2tests {
	float: right;
	text-align: right;
	width: 150px;
}

#b2tests a,
#b2tests a:visited,
#b2tests a:hover {
	color: #000;
}

#toplinks {
	float: right;
	width: 225px;
	text-align: right;
	margin-top: 24px;
}

.nbr {
	width: 1.6em;
	height: 14px;
	margin-right: 4px;
	text-align: center;
	border: 1px solid #ccc;
	background-color: #e4e2f4;	
	margin-top: 5px;
	padding-bottom: 2px;
}

.nbr.current {
	background-color: #B7D9F5;	
}

#content #toplinks a,
#content .nbr a {
	text-decoration: none;
	color: #036;
}

/* ---------------------------------------------------------------------------- enter answers */

#section {	
	display: inline;
}

#enter-answers {
	clear: both;
}

#enter-answers #c1,
#enter-answers #c2 {
	float: left;
	width: 365px;
}

#enter-answers c1,
#enter-answers c2 {
	float: left;
	width: 365px;
}

#enter-answers > #answers {
	height: auto;
}

#enter-answers.appForm {
	margin: 0;
}

#answers div.hr {
	margin: 5px 0;
	margin-right: 15px;
}

#answers div.hr {
	display: none;
	background-color: #fff;
}
/* commented backslash \ hack for ie mac */
#answers div.hr { display: block; background-color: transparent;}
/* end */

#answers {
	margin-bottom: 10px;
	height: 1px;
}

#answers div.vrule {
	height: 545px;
	margin: 0 11px 20px 0;
	width: 3px;
	background-position: top center;
	float: left;
}
#answers > div.vrule {
	height: 540px;
}

.answer {
	margin: 2px 10px 12px 0;
	height: 25px;
}
/* commented backslash \ hack for ie mac */
.answer { margin-bottom: 2px; }
/* end */

.nbr,
.choice,
.clear {
	padding: 3px 1px 0 1px;
	float: left;
}

.answer .nbr {
	background-color: #e7e6f7;
	margin-top: 0px;
	height: 18px;
}

.choice {
	width: 17.3em;
	border:none;
}

.clear {
	width: 10em;
}

.choice,
.clear {
	padding-left: 10px;
	height: 20px;
	border:none;
}

.choice input,
.choice select {
	vertical-align: middle;
	border:none;
}

.choice label {
	font-weight: bold;
	text-transform: uppercase;
}

.clear a {
	text-decoration: underline;
}

/* ---------------------------------------------------------------------------- view sample essays */

#hr1, #hr2 {
	clear: left;
}
#hr1 {
	margin: 10px 0 20px 0;
}
#hr2 {
	height: 30px;
	background-position: 0 10px;
}

#handwrittenessay,
#viewscoringguide {
	margin-top: 5px;
}
#handwrittenessay {
	float: left;
	width: 153px;
}
#viewscoringguide {
	float: right;
	width: 182px;
}

.explanation {
	padding: 5px;
}

/* ---------------------------------------------------------------------------- splash pages */


#promo {
	border: 1px solid #ccc;
	padding: 5px;
	margin-top: 30px;
	color: #000;
}
.welcome #promo {
	margin-top: 10px;
}

#promo img {
	float: right;
}

#promo span {
	line-height: 24px;
	font-weight: bold;
}


.innerPromo {
	padding: 5px;
}

.subscribe {
	text-align: right;
	margin-bottom: 5px;
}



#comments {
	width: 100%;
	height: 8em;
}

#scoreessay table {
	width: 100%;
	margin-bottom: 10px;
}

#welcome {
	width: 550px;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

#welcome td,
#welcome th {
	padding: 5px;
	border: 1px solid #ccc;
}

#welcome thead td {
	font-weight: bold;
	font-size: 12px;
}

#welcome tbody th {
	color: #fff;
	background-color: #999;
	vertical-align: top;
}

#welcome tbody td {
	padding: 8px 5px;
}

#welcome td.view {
	padding-right: 5px;
	width: 120px;
}

#welcome td.view a {
	padding-left: 20px;
	background-image: url(/common/shared/images/icon-view-blue.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#scoringguide {
	width: 93%;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

#scoringguide th {
	color: #fff;
	background-color: #999;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
}

#scoringguide th, 
#scoringguide td {
	padding: 10px 7px;
	border: 1px solid #ccc;
}

#welcome,
#middle {
	width: 550px;
}

#middle .appForm {
	margin: 30px 0 20px 0;
}

#middle .appForm h1 {
	background-color: #369;
	font-size: 14px;
	font-weight: bold;
}

#middle .appForm h3 {
	background-color: transparent;
	padding: 0;
}

#middle .appForm .hrule {
	margin: 4px 0 !important;
}

#middle .appSection h2 {
	margin: 0;
}

.sectionnav {
	padding: 2px 0 2px 3px;
	height: 3px;	
}

.sectionnav ul li a {
	width: 124px;
	text-decoration: none;
	font-weight: bold;
	background-color: #f2f2f2;
	color: #444 !important;
	text-align: left;
	padding: 3px 5px;
	border-right: 2px solid #fff;
}

.sectionnav ul li.last a {
	border-right: none;
}

.sectionnav ul li a:hover,
.sectionnav ul li a.current {
	background-color: #dadada;
}

#ie-fix-1 {
	margin-top: -15px;
}
.appForm > #ie-fix-1 {
	margin: 0;
}

#print {
	float: right;
	text-align: right;
	width: 25em;
	margin-top: -18px;
}

#print a {
	text-decoration: none;
}

#print a:hover {
	color: #000 !important;
}

#print a img {
	width: 18px;
	height: 9px;
	background-color: #0060ad;
}

#print a:hover img {
	background-color: #000;
}

.correctItems {
	color: #036;
	font-weight: bold;
	float: right;
	text-align: right;
	width: 15em;
}

#report {
	width: 100%;
}

#report .hd,
#report thead {
	background-image: url(/common/shared/images/dottedrule.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

#report th,
#report td {
	padding: 3px;
}

#report thead th,
#report tbody td {
	text-align: center;
}

#report thead th#subj {
	text-align: left;
}

.normal {
	font-weight: normal;
}

#report .hd {
	background-position: top left;
}

#sat-online-course-img {
	width: 760px;
	height: 89px;
}

#sat-online-course-gif {
	width: 390px;
	height: 71px;
}

div#sat-online-course {
	margin-left: 4px;
	margin-bottom: 10px;
	width: 475px;
	height: 405px;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 20px;
}
#outer > div#sat-online-course {
	width: 518px;
}

#sat-online-course .hrule {
	margin: 20px 0;
}

#sat-online-course h1,
#sat-online-course h2 {
	color: #004491;
}

#sat-online-course h1 {
	margin: 0;
	font-size: 21px;
}

#sat-online-course h2 {
	font-weight: normal;
}

#sat-online-course ul li {
	list-style: disc;
}

#sat-online-course p,
#sat-online-course h2 {
	margin: 0 0 20px 0;
}

#sat-online-course #list1,
#sat-online-course #list2 {
	width: 195px;
	color: #000000;
}

#sat-online-course #list2 {
	float: right;
	margin-right: 20px;
}

#bottom.hrule {
	margin-bottom: 10px;
}

a.bigButton {
	display: block;
	width: 180px;
	border: 1px solid #ccc;
	text-decoration: none;
	background-image: url(../images/arrow-ef7908.gif);	
	background-repeat: no-repeat;
	background-position: 6px 50%; 
	background-color: #fff;
}

.bigButton span {
	display: block;
	margin-left: 20px;
	border-left: 1px solid #ccc;
	padding: 2px;	
	padding-left: 4px;
	color: #fff;
	background-color: #ef7908;
	font-weight: bold;	
}

#subscribe {
	float: left;
}

a#subscribe.bigButton:hover {
	background-image: url(../images/white-arrow.gif);	
	background-color: #ef7908;	
}

a#subscribe.bigButton:hover span {
	color: #ef7908;
	background-color: #f2f2f2;	
}


#sat-online-course > .right {
	height: 15px;
}

#copyright {
	float: right;	
}

#faqs {
	margin-top: 40px;
	text-align: right;
	width: 333px;
}
/* commented backslash \ hack for ie mac */
#faqs {	width: auto; }
/* end */

#official-sat-study-guide {
	width: 70px;
	height: 91px;
	float: right;
}
#college-handbook {
	width: 70px;
	height: 91px;
	float: right;
}

#prof-sign-in .head,
#prof-sign-in .body,
#sign-in .head,
#sign-in .body {
	width: 169px;
}

#prof-sign-in > .head,
#prof-sign-in > .body,
#sign-in > .head,
#sign-in > .body {
	width: auto;
}

#splash-promo,
#prof-sign-in,
#sign-in {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 1px;
	margin-bottom: 10px;
}
#right > #sign-in {
	margin-bottom: 10px;
}

#prof-sign-in {
	margin-top: 35px;
	margin-bottom: 0px;
}
#right > #prof-sign-in {
	margin-top: 35px;
}

#prof-sign-in .head,
#sign-in .head {
	padding: 3px;
	background-image: url(../images/sign-in.jpg);
	background-repeat: no-repeat;
	background-position: 0 0; 
	color: #002C5D;
}
#prof-sign-in .head {
	background-image: url(../images/professional-sign-in.gif);
}

#prof-sign-in .head h1,
#sign-in .head h1 {
	font-size: 13px;
	font-weight: bold;
	color: #002C5D;
}
#prof-sign-in .head h1,
#prof-sign-in .body .button {
	color: #d48d4d;
}

#prof-sign-in .head div,
#sign-in .head div {
	font-weight: bold;
}

#prof-sign-in .body,
#sign-in .body {
	padding: 3px 2px 3px 6px;
}

#prof-sign-in label,
#sign-in label {
	width: 7em;
	display: block;
	float: left;
	margin-bottom: 2px;
}

#prof-sign-in .body .button,
#sign-in .body .button {
	margin-top: 4px;
}

#prof-sign-in .body input,
#sign-in .body input {
	width: 6.5em;
	float: left;
	margin-bottom: 2px;
}

#prof-sign-in #submitProf,
#sign-in #submit {
	float: right;	
	display: block;
	margin: 2px 0 3px 0;
	width: 6em;
}

#prof-sign-in .body .hrule,
#sign-in .body .hrule {
	clear: both;
	margin: 4px 0;
}

#prof-sign-in .body span,
#sign-in .body span {
	letter-spacing: -.1em;
}

#splash-promo .head {
	background-color: #f2f2f2;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 2px 3px 6px;
}

#splash-promo .body {
	padding: 3px 2px 3px 6px;
}

#splash-promo a.arrow {
	color: #ef7908;
	background-image: url(../images/arrow-ef7908.gif);	
}
#splash-promo a.arrow:hover {
	color: #000;
	background-image: url(/common/shared/images/arrows/default_hover_arrow_right.gif);	
}


#iemac-hack { 
	width: 172px; 
}

/* commented backslash \ hack for ie mac */
#iemac-hack { width: auto; }
/* end */

#book-owners-jpg {
	width: 302px;
	height: 207px;
	border: 1px solid #ccc;
}

.promo {
	padding: 20px 40px 20px 0;
}

.promo .vrule {
	margin-top: 10px;
	margin-left: 15px;
	height: 390px;
}	
.or > .vrule {
	margin-left: 40px;
}	

.promo .or {
	text-align: center;
	font-size: 16px;
	margin-top: 20px;
	width: 80px;
	color: #106fbf;
	float: right;
}

.promo #c1,
.promo #c2 {
	width: 300px;
	float: right;
}

.promo h1 {
	margin-bottom: 10px;
}

.promo h1,
.promo .intro,
.promo p.receive {
	text-align: center;
}

#c1 p.discount span,
p.receive {
	font-weight: bold;
}

#free-tour {
	float: left;
	margin-left: 10px;
}

a#free-tour {
	float: right;
	background-color: #ef7908;
	background-image: url(../images/white-arrow.gif);	
}

a#free-tour.bigButton:hover span {
	color: #ef7908;
	background-color: #f2f2f2;	
}


a#free-tour span,
#content #free-tour a,
#free-tour a:hover,
#c1 p.discount span,
.promo #c1 p.receive,
.promo #c1 h1 {
	color: #ef7908;
}

a#enter-answers span,
.promo #c2 p.receive {
	color: #106fbf;
}

a#free-tour span,
#c1 #subscribe span,
a#enter-answers span {
	background-color: #fff;
}

a#enter-answers {
	background-color: #106fbf;
	background-image: url(../images/white-arrow.gif);	
}

a#enter-answers:hover {
	background-color: #036;
}

#c1 a#subscribe {
	background-color: #ef7908;
	background-image: url(/common/shared/images/arrows/default_hover_arrow_right.gif);	
}

#c1 a#subscribe span {
	color: #ef7908;
}

#c1 a#subscribe:hover {
	background-image: url(../images/white-arrow.gif);	
}

div.receive {
	background-color: #f2f2f2;
	padding: 10px 5px;
}

#c1 div.receive {
	line-height: 16px;
}

a#enter-answers,
.promo #subscribe {
	float: right;
}

p.discount {
	text-align: center;
	width: 180px;
	float: right;
}

#c2 p.discount {
	text-align: left;
}

#c1 #subscribe,
a#enter-answers {
	margin: 10px 0;
}

a#subscribe-now,
a#start-tour {
	background-image: url(../images/arrow-66b1ea.gif);	
	background-color: #fff;
}
a#subscribe-now.bigButton:hover,
a#start-tour.bigButton:hover {
	background-image: url(../images/white-arrow.gif);
	background-color: #036;	
}
a#subscribe-now.bigButton span,
a#start-tour.bigButton span {
	color: #036;
	background-color: #eef5ff;
}

.toc {
	margin-top: 20px;
}

.tourScreenShot {
	width: 336px;
	height: 331px;
	margin-right: 10px;
}

dl.explanation {
	background-color: transparent;
	margin: 0;
}
dl.explanationmath{
	background-color: transparent;
	margin: 0;
	color: black;
}


.explanation dd,
.explanation dt {
	padding: 3px;
}

.explanation dt {
	width: 165px;
	padding-left: 30px;
	float: left;
}

.explanation dd {
	margin-left: 200px;
	height: 1px;
}
.explanation > dd {	height:auto; }

dl.correct {
	background-color: #f2f2f4;
}

.correct dt {
	font-weight: bold;
}

#nav-view-explanations .appSection {
	margin: 2px;
	color:  #036;
}

#nav-view-explanations .appSectionmath {
	margin: 2px;
	color:  black;
}

#nav-view-explanations h3 {
	width: 13px;
	height: 13px;
	margin-top: 3px;
	margin-left: 4px;
	position: absolute;
	padding: 3px;
	border: 1px solid #ccc;
	font-weight: bold;
	background-color: #fff;
	line-height: 13px;
	text-align: center;
}


#print-buttons {
	text-align: right;
}

#print-buttons a {
	margin-left: 10px;
}


/* ---------------------------------------------------------------------------- common colors */

.shade .choice,
.shade .clear,
#welcome td.shade,
.explanation,
.innerPromo {
	background-color: #f2f2f2;
}