/* styles added by SH for CGP Education site style tweaks */

/* main content */
.backgroundblue {
	background-color: #E3ECF2;
}
.backgroundgold {
/*	background-image: url(../images/bg_div.jpg);
	background-repeat: repeat-x;
	background-position: 50% 50%;*/
}
.backgroundgrey {
	background-color: #EBEBEB;
}

.error {
	color: #228b22;
	font-size: 1.4em !important;
	font-style: italic;
	line-height: 1.6em;
}

.intrial {
	font-weight:;
	color:#003756;
}
.notintrial {
	color: #666;
}

/* whats this buttons */
.more {
	float: right;
	/*margin-right:50px;*/
}
.none {
	background-color: #FFFFFF;
	background-image: none !important;
}
.none li {
	border: 0px;
	padding: 1px;
	margin: 1px 1px 1px 4px;
	line-height: normal;
}

.smallprint {
	font-size: smaller !important;
}
.noborder {
	border: none !important;
}
.news {
	border-bottom: 1px;
	border-left: 1px;
	border-right: 1px;
	border-top: 0px;
	border-style: solid;
	border-color: #AAAAAA;
	padding: 5px;
	line-height: 20px;
}
.highlight {
	background: #fff;
	padding: 2px;
	margin: 6px 2px;
	border:1px dashed #8b1f43;
}
.top_main_heading {
	margin-top: 15px;
}

div#preload { display: none; }

/* rounded tab navigation */
#header {
	float: left;
	width: 100%;
	margin-bottom: -40px;
	background: transparent url("../images/bg.gif") repeat-x bottom;
	font-size: 94%;
	line-height: normal;
	position: relative;
	top: -60px; /*height of logo */
}
#header .current {
	border-width: 0;
	background-image: url("../images/left_on.gif");
	background-color: #FFFFFF;
}
#header .current a, #header .current a:visited {
	padding-bottom: 5px;
	background-image: url("../images/right_on.gif");
	background-color: #FFFFFF;
	color: #003366;
}
#header .current a:hover,  #header .current a:active {
	padding-bottom: 5px;
	background-image: url("../images/right_on_hover.gif");
	background-color: #FFFFFF;
	color: #B99552;
}
/* Commented Backslash Hack
       hides rule from IE5-Mac \*/
#header a {
	float: none;
}
#header a, #header a:visited {
	float: left;
	padding: 5px 15px 4px 6px;
	display: block;
	background: url("../images/right.gif") no-repeat right top;
	background-color: #EFEFEF;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
/* End IE5-Mac hack */
#header a:hover,  #header a:active {
	color: #E7C07B;
	background: url("../images/right_hover.gif") no-repeat right top;
	background-color: #FFFFFF;
}
#header li {
	float: left;
	margin: 0;
	padding: 0 0 0 9px;
	background: url("../images/left.gif") no-repeat left top;
}
#header ul {
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
}

/*home page */
.hometag {
	padding-top: 240px; /*Size of the image*/
	width: 600px; /*The image*/
	text-align: center;
	background-image: url(../images/new_group5.gif);
/*	background-image: url(../images/cat_cover_montage_text.jpg);*/
	background-repeat: no-repeat;
}
.tagline {
	voice-family: "\"}\"";
	voice-family: inherit;
	position: relative; /* img over text */
	top: 2px; /*Hide the text*/
	left: 80px;
	overflow: hidden; /* WIN IE5 hack */
	height: 133px;
	height: 0;
}
.homeimg {
	padding-left: 20px;
}
.homestrap {
	color:	#003c61;
	font-size: 150%;
/*	word-spacing: 0.5em;*/
	line-height: 1.2em;
	font-family: Tahoma;
	font-weight:	bold;
	text-align: center;
}
.homestrap span {
/*	font-size: 115%;
	word-spacing:	0.4em;
	font-weight: ;*/
}
.homeministrap {
	color:	#003c61;
	font-size: 100%;
	line-height: 1.2em;
	font-family: Tahoma;
	font-weight: bolder;
	position: relative;
	top: 0px;
	left: -12px;
	text-align: center;
}
div.homebutton  {
	text-align: center;
	background-color:	#003756;
	width: 340px;
	padding: 6px;
	margin-top: 50px;
	float: right;
	position: relative;
	left: -5px;
}
.homebutton p {
	color:#fff;
	text-align: left;
	background-color:	#003756;
}

.homebutton a {
	color:#fff !important;
}
.homebutton a:visited {
	color:#fff !important;
}
.homebutton a:hover {
	color:#ffffcc !important;
	border: none !important;
	text-decoration: underline !important;
}
.homebutton a:active{
	color:#fff !important;
}
/*.homebutton {
	text-align: center;
	width: 100%;
}
.homebutton p {
	color:#fff;
}
.homebutton span {
	color:#fff;
	background-image: url(../images/home_button_left.gif);
	background-repeat: no-repeat;
	background-position:	left;
	padding: 15px 5px;	
	position: relative;
	top: 50px;
	left: ;
	height: 45px;
}

.homebutton a {
	color:#fff !important;
	background-image: url(../images/home_button_right.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 15px 5px;
	border: none !important;
	font-family: Tahoma;
	font-weight: bolder;
	font-size: 100%;
	height: 45px;
}
.homebutton a:visited {
	color:#fff !important;
}
.homebutton a:hover {
	color:#fff !important;
}
.homebutton a:active{
	color:#fff !important;
}
*/

/*products*/
.productstag {
	padding-top: 220px; /*Size of the image*/
	width: 420px; /*The image*/
	background-image: url(../images/calif_standards_driven.gif);
	background-repeat: no-repeat;
}

/*lists*/
.componentlist {
	margin-left: 20px;
}

.gradelist ul, .gradelist li {
	margin-left: 20px !important;
	width: 50%;
}

.jobs li {
	background-color: #E4F1ED;
}

#jobtitles {
	width: 400px;
	margin-left: 20px;
}
#jobtitles th {
	width: 50%;
}


/* online resources */
.onlinevert {
/* fix for safari list display problem */
	display: -moz-inline-box; /* For FF<3 */
	-moz-box-orient: vertical; /* For FF<3 */
	display: inline-block; /* IE <8 needs this tripped back to display: inline; to make it work on block elements - see conditional below */
	vertical-align: middle; /* explicitly declare your preference as Moz inline-box auto aligns to top */
	text-align: left; /* to left align text within divs when container has been set to center */

}
.onlinevert li, #onlinevert li {
	padding: 6px 4px;
	list-style-position: outside;
}
.onlinevert ul {
	margin-left: 10em;
}
.onlinevert li a, #onlinevert li a {
	margin-left: 0;
}
#onlinevert td {
	border-top: 1px solid #003756;
	padding: 22px 4px 10px 4px;
	line-height: 1.3em;
	vertical-align: top;
	}
#onlinevert .firsttd {
	width: 150px;
	padding: 0px
}
#onlinevert .firsttd h2 {
	margin-top: 2px;
}
#onlinevert ul {
	margin-left: 10px;
}

#delphigrades {
	margin-left: -10px !important;
}
#delphigrades li {
	list-style: none !important;
	padding: 2px;
	border: 1px solid #ccc;
	width: 300px;
	margin: 4px;
	text-align: left;
	background-color: #fff;
	line-height: 2em;
	height: 46px;
	height: auto;
	min-height: 46px;
}
#delphigrades li a {
	margin-left:0px;
}

.delphicomps li {
	list-style: none !important;
	padding: 4px;
	border: 1px solid #ccc;
	width: 95%;
	margin: 4px;
	text-align: left;
	background-color: #fff;
}
.delphichapters li {
	list-style: none !important;
	padding: 4px;
	border: 1px solid #ccc;
	width: 95%;
	margin: 4px;
	text-align: left;
	background-color: #fff;
}

/*online reources forms*/
#login {
	border: none;
	line-height: 2.5em;
}
#login #submit {
	margin: 0 0 0 16em;
	padding: 0 0.5em;
	color: #7F0132;
	background-color: #FFFFFF;
	font-weight: bold;
}
#login label {
	float: left;
	width: 7em;
	margin-left: 6em;
	font-weight: bold;
}

#pwdrem {
	border: none;
	line-height: 2.5em;
}
#pwdrem #submit {
	margin: 0 0 0 14em;
	padding: 0 0.5em;
	color: #7F0132;
	background-color: #FFFFFF;
	font-weight: bold;
}
#pwdrem label {
	float: left;
	width: 10em;
	margin-left: 6em;
	font-weight: bold;
}

#contact {
	border: none;
	line-height: 2.5em;	
}
#contact #submit {
	margin: 0 0 0 14em;
	padding: 0 0.5em;
	color: #7F0132;
	background-color: #FFFFFF;
	font-weight: bold;
}
#contact label {
	float: left;
	width: 12em;
	margin-left: 6em;
	font-weight: bold;
}

#terms {
	position: relative;
	left: 8px;
}

/* bullet points for online components */
.asp {
	list-style-image: url(../online_resources/images/asp_icon.gif);
}
.pdf {
	list-style-image: url(/online_resources/images/pdf_icon.gif);
}
.pps {
	list-style-image: url(../online_resources/images/ppt_icon.gif);
}
.swf {
	list-style-image: url(../online_resources/images/swf_icon.gif);
}

/* rollover hover images for spanish samples */
.homework_sp01 a {
	float: left;
	padding: 1px 100px 280px 100px;
	background-image: url(../images_samples/0_homework_sp_01_small_d.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.homework_sp01 a:hover {
	background-image: url(../images_samples/0_homework_sp_01_small_u.jpg);
}

.homework_sp02 a {
	float: left;
	padding: 1px 100px 280px 100px;
	background-image: url(../images_samples/0_homework_sp_02_small_d.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.homework_sp02 a:hover {
	background-image: url(../images_samples/0_homework_sp_02_small_u.jpg);
}

.student_sp01 a, .student_sp02 a, .student_sp03 a, .student_sp04 a, .skillsreview_sp01 a, .skillsreview_sp02 a {
	float: left;
	padding: 1px 100px 280px 100px;
	background-repeat: no-repeat;
	background-position: bottom;
}

.student_sp01 a {
	background-image: url(../images_samples/0_student_sp_01_small_d.jpg);
}
.student_sp01 a:hover {
	background-image: url(../images_samples/0_student_sp_01_small_u.jpg);
}

.student_sp02 a {
	background-image: url(../images_samples/0_student_sp_02_small_d.jpg);
}
.student_sp02 a:hover {
	background-image: url(../images_samples/0_student_sp_02_small_u.jpg);
}

.student_sp03 a {
	background-image: url(../images_samples/0_student_sp_03_small_d.jpg);
}
.student_sp03 a:hover {
	background-image: url(../images_samples/0_student_sp_03_small_u.jpg);
}

.student_sp04 a {
	background-image: url(../images_samples/0_student_sp_04_small_d.jpg);
}
.student_sp04 a:hover {
	background-image: url(../images_samples/0_student_sp_04_small_u.jpg);
}

.skillsreview_sp01 a {
	background-image: url(../images_samples/0_skillsreview_sp_01_small_d.jpg);
}
.skillsreview_sp01 a:hover {
	background-image: url(../images_samples/0_skillsreview_sp_01_small_u.jpg);
}

.skillsreview_sp02 a {
	background-image: url(../images_samples/0_skillsreview_sp_02_small_d.jpg);
}
.skillsreview_sp02 a:hover {
	background-image: url(../images_samples/0_skillsreview_sp_02_small_u.jpg);
}