* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0 0 20px 0;
	text-align: center;
	font: 11px/14px Verdana, Arial, sans-serif;
	color: #333;
	background: #fff url(../images/common/gray_bkgd.jpg) repeat-x;
}
h1, h2, h3, h4, p, ul, ol, blockquote {
	padding-bottom: 1em;
}
ul, ol, blockquote {
	margin-left: 32px;
	line-height: 1.3em;
}

h1 {
	font: bold 17px/20px Arial, sans-serif;
	color: #8c0808;
	border-bottom: solid 1px #ebebeb;
	padding-bottom: 0.6em;
	margin-bottom: 0.8em;
}
h1 .subhead { font-size: 13px; }
h2 { font: bold 14px/17px Arial, sans-serif; color: #ab3923; }
body#public h2 { font: normal 21px/25px Arial, Helvetica, sans-serif; color: #6699cc; padding-bottom: 0; }
h3 { font: bold 12px/15px Verdana, Arial, sans-serif; color: #036; padding-top: 0.2em; }
h4 { font: bold 11px/14px Verdana, Arial, sans-serif; color: #333; }

p { font: 13px/15px Arial, Helvetica, sans-serif;}

hr {
	border: 0;
	color: #ebebeb;
	background-color: #ebebeb;
	height: 1px;
	margin: 9px 0 10px;
}
a, a:active {
	outline: none;
}

a {
	color: #8c0808;
	text-decoration: underline;
}
a:active {

}
a:hover {
	color: #ab3923;
	text-decoration: none;
}
a:visited {
	color: #8c0808;
	text-decoration: underline;
}
a:visited:hover {
	color: #ab3923;
	text-decoration: none;
}
img {
	border: 0;
}

/* misc */
.clear {
	display: none;
}
.required {
    color: red;
}

.message {
  background: #fff url(../images/common/check.gif) no-repeat 8px 2px;
  width: 350px;
  margin-top: 10px;
  height: 18px;
}

.message p {
  color: #12790f;
  font: 12px Arial, sans-serif;
  font-weight: 600;  
  padding-top: 3px;
  padding-left: 36px;
}

div.errorMessage {
	background: #fffde3 url(../images/common/error_icon_yellow.gif) no-repeat;
	border: solid 2px #ebd483;
	color: #1f1f1f;
	font-weight: normal;
	font-size: 11px;
	padding: 9px 9px 9px 73px; 
}

div.errorMessage p {
	font: 12px Verdana, Arial, sans-serif;
	background-color: #fbf7c9;
	padding: 5px 8px;
	margin-bottom: 10px;
	font-weight: bold;
}
div.errorMessage ul {
	padding-bottom: 0;
}
div.errorMessage li {
	margin-left: 5px;
}
div.errorMessage li b {
	color: #850606;
}

div.errorMessageSmall {
	background: #fffde3 url(../images/common/error_icon_yellow_sm.gif) no-repeat scroll;
	background-position: 0 50%;
	border: solid 2px #ebd483;
	color: #1f1f1f;
	font-weight: normal;
	font-size: 10px;
	padding: 4px 4px 4px 35px; 
	margin-bottom: 6px;
	width:520px;
}

.tableForm .errorMessageSmall { width: 425px; }

div.errorMessageSmall p {
	font: 11px Verdana, Arial, sans-serif;
	background-color: #fbf7c9;
	padding: 5px 5px;
	margin-bottom: 0;
	font-weight: bold;
	width: auto;
}
div.errorMessageSmall ul {
	padding-bottom: 0;
}
div.errorMessageSmall li {
	margin-left: 5px;
}
div.errorMessageSmall li b {
	color: #850606;
}

.printOnly {
	display: none;	
}

/* structure styles ----------------------------------------------------------*/

#dualColumnWrap {
	background: #eee url(../images/common/chalk_boards.png) no-repeat right bottom;
}

#dualColumnLeft {
	background: #fff url(../images/common/left-bkgd.png) repeat-y right top;
	width: 563px;
	padding: 20px 10px 20px 16px;
	vertical-align: top;
	min-height: 150px;
}
#dualColumnRight {
	float: right;
	width: 163px;
	padding-right: 10px;
	vertical-align: top;
	margin-top: 20px;
}

/* Login Help ---------------------------------------------------------------------- */

ul#SignInArea {
	position: absolute;
	top: 0px;
	right: 4px;
	height: 38px;
	background: transparent url(../images/common/utah_signin_bkgd.png) no-repeat;
}
ul#SignInArea li {
	display: block;
	float: left;
	padding: 12px 11px 8px 16px;
	color: #35608F;
	font: bolder 12px/15px Arial, sans-serif;
	height: 15px;
}
ul#SignInArea li a { font-weight: bolder; padding: 0; color: #0A2B4F; text-decoration: none; }
ul#SignInArea li a:hover { color: #0d2949; text-decoration: underline; }

ul#SignInArea li { border-left: solid 1px #b4cad8; border-right: solid 1px #6185a9; }
ul#SignInArea li.first { border-left: none; }
ul#SignInArea li.last { border-right: none; }

/*  Removed circled question-mark icon from help button  */
/*ul#SignInArea li#help a { padding-left: 17px; }
ul#SignInArea li#help { background: transparent url(../images/common/help.gif) no-repeat 5px 9px; }*/
ul#SignInArea li#help a { padding-left: 0px; }
ul#SignInArea li#help { background: transparent no-repeat 5px 9px; }

/* main Tab Nav ----------------------------------------------------------------- */

ul#mainTabNav {
	position: absolute;
	bottom: -1px;
	right: 14px;
	/*top: 88px;*/
	/*left: 302px;*/
	margin: 0;
	padding: 0;
	/*width: 400px;*/
}
ul#mainTabNav li {
	display: inline;
	margin: 0;
}

ul#mainTabNav li a {
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	background: transparent url(../images/common/utah_maintab.png) no-repeat;
	color: #fff;
	text-decoration: none;
	float: left;
	padding: 8px 0 0 15px;
	margin: 0 -12px 0 0px;
	width: 107px;
	height: 19px;
	text-align: left;
}
ul#mainTabNav li a:hover {
	color: #fff;
	background: transparent url(../images/common/utah_maintab_hover.png) no-repeat;
}
ul#mainTabNav li a.active, ul#mainTabNav li a.active:hover {
	color: #446e97;
	background: transparent url(../images/common/utah_maintab_active.png) no-repeat;	
}


ul#mainTabNav li a span {
	padding: 3px 0 3px 26px;
}
ul#mainTabNav li a span#home {
	background: transparent url(../images/common/icon_home.gif) no-repeat 1px 0;
}
ul#mainTabNav li a span#learn {
	background: transparent url(../images/common/icon_learn.gif) no-repeat 1px 1px;
}
ul#mainTabNav li a span#practice {
	background: transparent url(../images/common/icon_practice.gif) no-repeat 1px 1px;
}
ul#mainTabNav li a span#portfolio {
	background: transparent url(../images/common/icon_port.gif) no-repeat 2px 1px;
}

ul#mainTabNav li a span#roster {
	background: transparent url(../images/common/icon_student.gif) no-repeat 1px 1px;
}

ul#mainTabNav li a.active span#roster {
	background: transparent url(../images/common/icon_student_active.gif) no-repeat 1px 1px;
}

ul#mainTabNav li a span#classreports, 
ul#mainTabNav li a span#schoolreports{
	background: transparent url(../images/common/icon_reports.gif) no-repeat 1px 1px;
}

ul#mainTabNav li a span#users {
	background: transparent url(../images/common/icon_users.gif) no-repeat 1px 1px;
}

ul#mainTabNav li a span#topics {
	background: transparent url(../images/common/icon_topics.gif) no-repeat 1px 1px;
}

ul#mainTabNav li a span#reports {
	background: transparent url(../images/common/icon_reports.gif) no-repeat 1px 1px;
}

ul#mainTabNav li a span#schools {
	background: transparent url(../images/common/icon_schools.gif) no-repeat 3px 1px;
}

/* third level nav (right column) ------------------------------------------------ */

.sectionNav h5 {
	background: #12406f url(../images/common/sectionnav_bkgd.gif) no-repeat;
	color: #fff;
	padding: 7px;
	font: normal 11px Verdana, Arial, sans-serif;
}
.sectionNav ul {
	margin: 0;
	padding: 0;
}
.sectionNav ul li {
	list-style: none;
}
.sectionNav ul a,
.sectionNav ul a:visited {
	font: 10px/13px Verdana, Arial, sans-serif;
	background: #fff url(../images/common/section_bullet.gif) no-repeat 9px 10px;
	color: #369;
	text-decoration: none;
	border: solid 1px #dbdbdb;
	border-top: 0;
	padding: 8px 3px 8px 24px;
	width: 134px;
	display: block;
}

.sectionNav ul a:hover,
.sectionNav ul a:visited:hover {
	background: #f7f7f7 url(../images/common/section_bullet_hover.gif) no-repeat 9px 10px;
	color: #036;
}

.sectionNav li.document a,
.sectionNav li.document a:visited 
{
	background-image: url(../images/common/section_bullet_pdf.png);
}

.sectionNav li.document a:hover,
.sectionNav li.document a:visited:hover 
{
	background-image: url(../images/common/section_bullet_pdf_hover.png);
}


/* Registration page */
#dualColLeftReg {
	float: left;
	width: 240px;
	padding: 0 50px 0 20px;
	vertical-align: top;
}
#dualColRightReg {
	float: left;
	width: 310px;
	padding: 0 58px 0 38px;
	border-left: solid 1px #ebebeb;
	vertical-align: top;
}
#dualColRightReg img.photoRight {
	float: right;
	margin: 1em 0 6px 6px;
}
fieldset.formBox {
	border: 1px solid #e6e4e4;
	background: #fff url(../images/reg/formbox_bkgd.gif) repeat-x left bottom;
	padding: 14px;
	font-size: 10px;
	font-weight: bold;
}

fieldset.formBox input {
	font: 13px Verdana, Arial, sans-serif;
	background-color: #fff;
	border: solid 1px #bbb;
	padding: 3px 2px;
	width: auto;
}
fieldset.formBox select {
	font: 13px Verdana, Arial, sans-serif;
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 1px;
	height: 22px;
}
fieldset.formBox input.button {
	background: #ccc url(../images/common/button_bkgd.gif) repeat-x;
	border: 2px solid #BFBFBF;
	color: #333;
	padding: 4px 8px;
	font: bold 10px Verdana, Arial, sans-serif;
	width: auto;
	cursor: pointer;
	cursor: hand; 
}

fieldset.formBox input.purchaseBtn {
	background: transparent url(../images/reg/reg_btn.gif) no-repeat;
	border: 0;
	color: #5e2600;
	text-align: left;
	padding-left: 25px;
	font: normal 17px Arial, sans-serif;
	width: 148px;
	height: 33px;
	cursor: pointer;
	cursor: hand;
	margin-top: 8px; 
}

fieldset.formBox input.orangeBtn 
{
	background: transparent url(../images/common/button_orange.gif) no-repeat;
	border: 0;
	color: #5e2600;
	text-align: left;
	padding-left: 25px;
	font: normal 17px Arial, sans-serif;
	width: 148px;
	height: 33px;
	cursor: pointer;
	cursor: hand; 
}

.writingPrompt 
{
	font: italic 13px/17px Verdana, Arial, sans-serif; 
}

        
div.Notice {
	border: 1px solid #e6e4e4;
	background: #fff url(../images/reg/formbox_bkgd.gif) repeat-x left bottom;
	padding: 14px;
	font-size: 11px;
	font-weight: bold;

	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
}


/* graphing styles (for WPPGraph) ------------------------------------------------ */
.GraphTable 
{
	border: solid 0px black;
}

.GraphTitle
{
	text-align: center;
		font: bold 16px/18px Verdana, Arial, sans-serif;
	color: #036;
	padding-top: 0.2em;
}

.xAxisLabel 
{
	text-align: center;
	font: bold 14px/16px Verdana, Arial, sans-serif;
}


/***********************************
 * Begin new header CSS
 */
#top-wrapper {
	background: #fff url(../images/common/utah_header-bkgd.png) repeat-x;
	width: 100%;
	height: 180px;
	}
#top-inner-wrap {
	background: transparent url(../images/common/utah_header-main-bkgd.jpg) no-repeat center top;
	width: 780px;
	height: 180px;
	margin: 0 auto;
	position: relative;
	}
	
#top-wrapper.short 
{
	height: 127px;
}	
#top-wrapper.short #top-inner-wrap 
{
	background: transparent url(../images/common/utah_header-short-bkgd.jpg) no-repeat center top;
	height: 127px;
}
p#wpp-logo a {
	display: block;
	text-indent: -100000px;
	width: 220px;
	height: 74px;
	background: transparent url(../images/common/utah_wpp-logo-tall.png) no-repeat 0 0;
	position: absolute;
	top: 63px;
	left: 45px;
	}
p#wpp-logo a:hover {
	background-position: 0 -74px;
	}
p#wpp-logo.short a {
	display: block;
	text-indent: -100000px;
	width: 220px;
	height: 74px;
	background: transparent url(../images/common/utah_wpp-logo.png) no-repeat 0 0;
	position: absolute;
	top: 23px;
	left: 45px;
	}
p#wpp-logo.short a:hover {
	background-position: 0 -74px;
	}
#top-inner-wrap h1 {
	margin-top: 0px;
	text-indent: -100000px;
	width: 434px;
	height: 64px;
	position: absolute;
	top: 128px;
	left: 33px;
	/*background: transparent url(../images/common/wpp-tag.jpg) no-repeat 0 0;*/
	border: none;
	}
#top-inner-wrap h2 {
	text-indent: -100000px;
	}
	
/* login */

fieldset#login-form {
	width: 424px;
	height: 44px;
	position: absolute;
	top: 0px;
	right: 4px;
	border: 0;
	background: transparent url(../images/common/utah_login-bkgd.png) no-repeat 0 0;
	}
fieldset#login-form .sign-in {
	font-family: Arial,Verdana,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	float: left;
	display: block;
	width: 78px;
	padding: 11px 0 0 33px;	
	}
#login-form input#Username, #login-form input#Password, #login-form input#FakePassword {
	width: 103px;
	height: 16px;
	background-color: transparent;
	border: 0;
	float: left;
	margin: 8px 6px 0 0;
	padding: 3px 4px 1px;
	font-size: 11px;
	color: #424242;
	}
input#login-submit {
	padding: 1px 0 2px;
	width: 60px;
	border: 1px solid #949494;
	background: #fefefe url(../images/common/login-btn-bkgd.png) repeat-x left bottom;
	color: #333;
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
	float: left;
	margin-top: 8px;
	cursor: pointer;
	}
input#login-submit:hover {
	background-image: none;
	}
#content-wrapper {
	background: #fff url(../images/common/content-bkgd.png) repeat-x left top;
	width: 100%;
	}
#content-inner-wrap {
	width: 780px;
	margin: 0 auto;
	background: transparent url(../images/common/content-main-bkgd.png) repeat-y;
	}
#content-inner {
	background: transparent url(../images/common/content-maintop-bkgd.png) no-repeat center top;
	padding: 16px 15px 30px;
	text-align: left;
	height: 1%;
	}
#CoursePages #content-inner 
{
	padding: 0 4px;
}	
	
p.screen-shot img {
	border: 1px solid #dbdbdb;
	margin-bottom: 8px;
	}
p.screen-descript {
	font-size: 14px;
	width: 450px;
	}
#footer-wrapper {
	width: 100%;
	}
#footer-inner-wrap {
	width: 780px;
	margin: 0 auto;
	padding: 15px 0 60px;
	text-align: left;
	background: transparent url(../images/common/footer_bkgd.gif) no-repeat;
	}
#footer-inner-wrap p.foot-print {
	padding-left: 15px;
	float:left;
	width:auto;
	}
#footer-inner-wrap p.foot-print, 
#footer-inner-wrap p.foot-print a, 
#footer-inner-wrap p.foot-print a:visited {
	font-size: 11px;
	line-height: 12px;
	color: #fff;
	}
#footer-inner-wrap p.foot-print a:hover, 
#footer-inner-wrap p.foot-print a:visited:hover {
	text-decoration: none;
	color: #666;
	}	
	
	
#footer-inner-wrap .Revision {
    float: right;
    color: #fff;
    margin-right: 20px;
    margin-top: 1px;
    font-size: 16pt;
    line-height: 16pt;
	} 
	
#footer-inner-wrap .RevisionError {
	float: right;
	color: #fff;
	margin-right: 20px;
	margin-top: 5px;
	font-size: 16px;
}

#footer-inner-wrap .RevisionError a {
	color: #fff;
}

#dualColumnRight ul 
{
	margin-bottom: 15px;
}

#Master_InactiveCourseMessage 
{
	margin: 0 90px 15px;
}

.toolbar
{
	float: right;
	margin: 0 0 5px 0;
	padding: 0;
    background: url(../Images/Common/toolbar/right.png) no-repeat right;
}

.toolbar ul
{
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0 1px 0 1px;
	float: left;
	list-style: none;
	background: url(../Images/Common/toolbar/left.png) no-repeat left;
}

.toolbar ul li
{
	font-size: 12px;
	font-weight: bold;
	display: block;
	float: left;
    background: url(../Images/Common/toolbar/item_right.png) no-repeat right;
    height: 100%;
}
.toolbar ul li:hover, .toolbar ul li.hover { background: url(../Images/Common/toolbar/item_right_hover.png) no-repeat right; }
.toolbar ul li.last { background: url(../Images/Common/toolbar/item_last_right.png) no-repeat right; }
.toolbar ul li.last:hover, .toolbar ul li.last.hover { background: url(../Images/Common/toolbar/item_last_right_hover.png) no-repeat right; }
.toolbar ul li.nohover { background: url(../Images/Common/toolbar/item_last_right.png) no-repeat right !important; }

.toolbar ul li a
{
	display: block;
	float: left;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

.toolbar ul li a span
{
	background-repeat: no-repeat;
	background-position: 12px 8px;
    padding: 0px 14px 0px 32px;
    display: block;
    text-decoration: none;
    color: #7096BA;
    float: none;
}

.toolbar div.dropdown  {
	background-repeat: no-repeat;
	background-position: 9px 7px;
	padding: 5px 5px 0px 29px;
	color: #7096BA;
}

.toolbar div.dropdown select { margin: 0px 0 0 3px; }

.toolbar ul li:hover a span { color: #326698; }

.toolbar span.remove { background-image: url(../Images/Common/toolbar/remove.png); }
.toolbar span.remove:hover, .toolbar span.remove.hover { background-image: url(../Images/Common/toolbar/remove_hover.png); }
 .toolbar span.add { background-image: url(../Images/Common/toolbar/add.png); }
.toolbar span.add:hover, .toolbar span.add.hover { background-image: url(../Images/Common/toolbar/add_hover.png); }
 .toolbar span.edit { background-image: url(../Images/Common/toolbar/edit.png); background-position: 11px 7px;}
.toolbar span.edit:hover, .toolbar span.edit.hover { background-image: url(../Images/Common/toolbar/edit_hover.png); background-position: 11px 7px;}
 .toolbar span.print { background-image: url(../Images/Common/toolbar/print.png); background-position: 11px 7px; }
.toolbar span.print:hover, .toolbar span.print.hover { background-image: url(../Images/Common/toolbar/print_hover.png); background-position: 11px 7px; }

#divRevisions a.retry  
{
    /*background-image: url(../Images/Reports/revise-button.gif);*/
    width: 95px;
    height: 27px;
    cursor: pointer;
    /* background-position: 11px 7px; */
}
#divRevisions a.retry:hover, #divRevisions a.retry.hover  
{
    /*background-image: url(../Images/Reports/revise-button-hover.gif); */
    /* background-position: 11px 7px; */
}

.toolbar div.dropdown.table { background-image: url(../Images/Common/toolbar/table.png); }
.toolbar div.dropdown.student { background-image: url(../Images/Common/toolbar/student.png); }

.toolbar div.dropdown.revision { padding:0 14px; }
.toolbar div.dropdown.revision select { width: 100px; }



ul.breadCrumbs {
	padding: 0;
	margin: 0;
	list-style: none;
	background: #FFFFFF url(../Images/Common/breadcrumbs/breadcrumbs-bkgd.png) scroll left bottom;	
	color: #666666;
	margin: 0 0px;
	padding: 0 4px;
	font-size: 11px;
	line-height: 15px;
	width: 772px;
	height: 28px;
	}
	
ul.breadCrumbs li {
	margin: 0;
	display: inline;
	position: relative;
	float: left;
	z-index: 15;
	}
	
ul.breadCrumbs a,
ul.breadCrumbs span {
	color: #369;
	text-decoration: none;
	display: block;
	height: 22px;
	padding: 6px 18px 0 10px;
}

ul.breadCrumbs a:visited { text-decoration: none; color: #369; }	
	
* html ul.breadCrumbs a,
* html ul.breadCrumbs span { display: inline-block; }	
	
ul.breadCrumbs a { background: transparent url(../Images/Common/breadcrumbs/breadcrumb-arrow.png) no-repeat right center; }

ul.breadCrumbs span { color: #666666; }
	
ul.breadCrumbs a:hover { text-decoration: underline; }
	
ul.breadCrumbs li.course-name a {
	background: transparent url(../Images/Common/breadcrumbs/course-change-bkgd.png) no-repeat right top;
	padding-right: 18px;
}

	
ul.breadCrumbs li.course-change a {
	display: block;
	width: 30px;
	padding-right: 0;
	padding-left: 0;
	height: 22px;
	text-indent: -1000000px;
	background: transparent url(../Images/Common/breadcrumbs/course-change-arrow.png) no-repeat 0 0;
	cursor: pointer;
	cursor: hand; 
}

ul.breadCrumbs li.course-change a:hover { background-position: 0 -28px; }

ul.breadCrumbs li.course-change li a { width: auto; height: auto; text-indent: 0; }
		 
ul.breadCrumbs ul a { float: none; }
	 
/* drop-downs */

ul.breadCrumbs li ul {
	position: absolute;
	top: -999em;
	left: 4px;
	width: 220px;
	background: #fff;
	padding: 0;
	margin: 0;
	z-index: 800;
}

ul.breadCrumbs li li { width: 220px; }
ul.breadCrumbs li li.separate { border-top: solid 1px #bbb; }

ul.breadCrumbs li:hover ul,
ul.breadCrumbs li.sfHover ul { margin: 0; top: 28px; }

ul.breadCrumbs li.course-change li a,
ul.breadCrumbs li.course-change li a:visited {
	color: #3475ab;
	padding: 8px 8px 8px 24px;
	width: 188px !important;
	text-decoration: none;
	display: block;
	font: bold 12px/17px Arial, sans-serif;
	text-align: left;
	background: transparent url(../Images/Common/breadcrumbs/menu-bkgd.png) repeat 0 0;
	cursor: pointer;
}

.sf-sub-indicator { }

ul.breadCrumbs li.course-change li a:hover,
ul.breadCrumbs li.course-change li a:visited:hover {
	text-decoration: none;
	background-color: #e4f2fd;
	background-image: none;
	color: #036;
	cursor: pointer;
}
	

/*** shadows for all but IE6 ***/
.sf-shadow li.course-change ul {
	background:	url(../Images/Common/breadcrumbs/menu-shadow.png) no-repeat bottom right;
	padding: 0 8px 9px;
}

.sf-shadow li.course-change ul.sf-shadow-off {
	background: transparent;
}
	
* html li.course-change ul {
	border: 1px solid #69c;
	left: 12px;
}

/* WPPValidator invalid class to highlight fields */
.validator-invalid {   background-color: #fffcd7 !important;   }