@charset "UTF-8";
/* CSS Document */

/* @group Default */

/* @group global */

/* @group Resets */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background-color:#FFFFFF;
}
/*
ol, ul {
list-style: none;
}*/
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th {
text-align: left;
font-weight: normal;
}
td {
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
p {
padding-bottom: .5em;
}

/* @end */

.clear {
clear: both;
display: block;
float:none;
}

.header {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #04A033;
}

body {
font-family: Arial, Helvetica, sans-serif;
}

body.front {
background-image: url(../elements/vertical600.gif);
background-repeat: repeat-y;
background-position: center top;
}

em {
font-style: italic;
}

strong {
font-weight: bold;
}

.wrapper {
font-size: 68%;
}

/* @end */

/* @group layout */

/* @group header */

a {
color: #038029;
}

a:hover {
color: #003399;
}
.topBar {
background-color: #175283;
height: 25px;
color: #FFFFFF;
padding-right: 5px;
}

.breadcrumb {
display: block;
background-color: #0e4878;
float: left;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #5092c8;
line-height: 25px;
height: 25px;
padding-right: 5px;
padding-left: 5px;
}

.breadcrumb a {
color: #FFFFFF;
font-weight: bold;
}

.breadcrumb a:hover {
color: #B7DA8C;
}

/* @group tiny icons in head */

/* Top navigation tiny icons on the far left */

.smallButtons a,
#switcher {
display: block;
background-image: url(../elements/btnBlueTop.gif);
background-repeat: no-repeat;
background-position: left top;
float: right;
text-decoration: none;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 5px;
padding-right: 5px;
color: #000000;
line-height: 1em;
background-color: #dbedfb;
margin-left: 0.3em;
margin-right: 0.3em;
margin-top: 4px;
text-transform: uppercase;
}

/* switcher works in IE now 
*html #switcher {
display: none;
}*/

.smallButtons a:hover {
color: #FFFFFF;
background-color: #04A033;
}

.smallButtons a span,
.switcherEnd {
display: block;
background-image: url(../elements/btnBlueBottom.gif);
background-repeat: no-repeat;
background-position: right bottom;
margin-top: -1px;
margin-right: -5px;
margin-bottom: -1px;
margin-left: -5px;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}

.smallButtons .disabled,
.smallButtons .disabled:hover {
background-color: WHITE;
color: #7AADE2;
cursor: default;
border-top-color: #7AADE2;
border-right-color: #7AADE2;
border-bottom-color: #7AADE2;
border-left-color: #7AADE2;
}

/*switcher*/

#switcher {/* see smallButtons a  for base format*/
}

.switcherEnd {/* see smallButtons a span for base format*/
}

#switcher a {
padding:0px 5px;
}

#switcher a:hover {
background-color:#04a033;
color:#FFFFFF;
}

/* @end */

/* @group logos
*/

.logos {
background-image: url(../elements/bigMountain.gif);
background-color: #76A9D6;
background-repeat: no-repeat;
background-position: right bottom;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
}

.oaks {
background-image: url(../elements/bigOak_2.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

.oaks a {
width: 300px;
display: block;
height: 65px;
text-indent: -9999px;
}

.roots {
background-image: url(../elements/bigRoots.gif);
background-color: #B7DA8C;
background-repeat: no-repeat;
background-position: left top;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #04A033;
height: 2.5em;
}

.roots h3 {
font-size: 2.5em;
padding-right: 0.5em;
padding-bottom: 0em;
padding-left: 80px;
line-height: 1em;
color: #FFFFFF;
margin-top: 0.1em;
margin-bottom: -0.1em;
}

/* @end */

/* @end */

/* @group footer
*/

.footer {
text-align: right;
padding-right: 2em;
padding-top: 1em;
color: #999999;
padding-bottom: 2em;
clear:both;
}

.footer span,
.footer a {
font-size: 1.2em;
font-weight: bold;
color: #9DBF73;
text-decoration: none;
}

/* @end */

/* @group grid stuff front */

.across {
text-align: center;
}

.front .level1 {
background-image: url(../elements/gradients600top.gif);
background-repeat: no-repeat;
background-position: center bottom;
margin-top: 20px;
}

.front .level2 {
background-image: url(../elements/gradients600middle.gif);
background-repeat: repeat-y;
background-position: center top;
}

.front .level2 .groupLeft{border-right-width: 1px;
border-right-style: solid;
border-right-color: #B7DA8C;}

/* fixes overflow issues for IE 6 and 5.5 */
*html .front .level2 {
height: 170px;
/*overflow: hidden;*/
}

.front .level3 {
background-image: url(../elements/gradients600bottom.gif);
background-position: center top;
background-repeat: no-repeat;
}
.groupLeft {
height:16em;
float: left;
width: 450px;
/*border-right-width: 1px;
border-right-style: solid;
border-right-color: #B7DA8C;*/
}
.groupRight {
float: left;
width: 149px;
}

.width4 {
margin-right: auto;
margin-left: auto;
text-align: left;
width: 600px;
}

/*IE width issues*/
*html .groupLeft {width: 455px;}

*html .groupRight {
width: 149px;
}

*html .width4 {
width: 610px;
}

.welcomeText {
position: relative;
z-index: 1;
}

.welcomeText h1 {
font-size: 1.8em;
padding-right: 5px;
}

.welcomeText p {
font-size: 1.2em;
line-height: 1.2em;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
}

.chooseUser {
color: #04A033;
font-size: 2.5em;
position: relative;
margin-top: -0.9em;
font-weight: normal;
/*	text-transform: capitalize;
font-variant: small-caps;*/
z-index:100;
}


/* user buttons */
.front .level2 .groupLeft a {
margin-top: -0.3em;
}

*html .front .level2 .groupLeft a {
width: 149px;
}

/* @end */

/* @group public buttons */

.downloads {
display: block;
background-image: url(../elements/downloads_2.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
height: 169px;
text-indent: -9999px;
}
.downloads {
margin-top:1px;
}
.announcementsPublic h3 {
font-size: 1.4em;
margin-top: .5em;
font-weight: bold;
}
.announcementsPublic p  {
padding-top: 0.2em;
padding-right: 1em;
padding-bottom: .5em;
font-size: 1.2em;
line-height:1.2em;
}
.announcementsPublic ul{
padding-top: 0.2em;
padding-right: 1em;
padding-bottom: .5em;
padding-left: 1em;
font-size: 1.2em;
line-height:1.2em;
}
.announcementsPublic li {
list-style-type: disc;
padding-bottom: .5em;
}
.announcementsPublic li ol {
margin-top:.5em;
margin-left:1em;
}
.announcementsPublic ol li {
padding-bottom: .5em;
list-style: decimal;
}
.announcementsPublic a {
}
.announcementsPublic .date, .date {
font-size:0.8em;
color:#999999;
text-transform:capitalize;
font-variant: small-caps;
display:block;
}
.announcementsPublic .urgent {
color:#000;
font-weight:bold;
}
/*see global def of a tag*/

.miniNews {
font-size: 1.1em;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
.miniNews h4 {
font-weight: bold;
}

/* @end */

/* @group normal grid stuff */

.level1 {
background-image: url(../elements/gradientTopLight.gif);
background-repeat: repeat-x;
background-position: left bottom;
}

.level3 {
background-image: url(../elements/gradientBottomLight.gif);
background-repeat: repeat-x;
background-position: left top;
}

/* The following adjust the height of the bottom group left to accomadate an infinite number of announcements, not that I think it is a good idea.  */

.level3 .groupLeft {
height:auto;
}

.width5 {
height:auto;
width: 750px;
text-align: left;
margin-right: auto;
margin-left: auto;
}

.width5 .welcomeText {
padding-bottom:.5em;
}

.jump .welcomeText {
padding-top: 4em;
}

.jump .announcementsPublic {
padding-top: 1em;
}

/* @end */

/* @group big stuff middle of page
*/

/*------------------A tags for big stuff in the middle of the page 	--------------------------------------------*/

*html .jump .level2 a {
width: 149px!important;
}
/*Fade revisited  the following is a modification to http://jqueryfordesigners.com/image-fade-revisited/ */

/* @group fade */

.level2 li, .groupRight li {
list-style:none;
display:inline;
}

.level2 a *, .groupRight a * {
display: none;
}
.level2 a {
display: block;
margin:0px;
padding:0px;
background-position: 0px 0px;
background-repeat: no-repeat;
height: 170px;
float: left;
width: 150px;
overflow:hidden;
position: relative;
}
.level2 a:hover{
background-position: 0 -168px;
}
/*
.level2 a span.hover {
position: absolute;
top: 0;
left: 0;
display: block;
height: 170px;
width: 150px;
background: 0 -168px;
}*/


.level1 .groupRight a {
display: block;
margin:0px;
padding:0px;
background-position: 0px 0px;
background-repeat: no-repeat;
height: 85px;
float: left;
width: 150px;
}
.level1 .groupRight a:hover {
background-position: 0 -85px;}

body.front .groupRight a {
margin-left:2px;
}


/*---------------- Custom Definitions ----------------------------------------------*/

/* .highlight will be remove if JS is enabled */

/* @group homepage */

.level2 .userStudent {
background: url(../elements/userStudent.jpg);
}
.level2 .userTeacher {
background: url(../elements/userTestAdmin.jpg);
}
.level2 .userAdmin {
background: url(../elements/userTesCoord.jpg);
}
.level2 .userSysadmin {
background-image: url(../elements/userSysAdmin.jpg);
height: 170px;
}

.level3 .downloads {
background-image: url(../elements/downloads_2.gif);
height: 168px;
margin-top:1px;
background-position: 0px 0px;
}
.level3 .downloads:hover {
background-position: 0px -170px;
}

/* @end */

/* @group right col */

.level1 .contactUs {
background-image: url(../elements/contactUs.gif);
}
		
.level1 .generalResources {
background-image: url(../elements/resourcesPublic.gif);
}

/* @end */

/* @group test admins and others */

.jump .level2 a.ums {
background-image: url(../elements/ums.gif);
}

.jump .level2 a.tds {
background-image: url(../elements/tdsLive.gif);
}

.jump .level2 a.tdsPractice {
background-image: url(../elements/tdsPractice_2.gif);
}

.jump .level2 a.tdsTrain {
background-image: url(../elements/tdsPractice_3.gif);
}

.jump .level2 a.tdsTAWorkstation {
background-image: url(../elements/tdsTAWork.gif);
width: 149px !important;
}

.jump .level2 a.tdsStudentWorkstation {
background-image: url(../elements/tdsStudentWork.gif);

}

.jump .level2 a.tdsPartipReport {
background-image: url(../elements/tdsPartReports.gif);
}

.jump .level2 a.reporting {
background-image: url(../elements/reporting.gif);
}

.jump .level2 a.resourcesOnline {
background-image: url(../elements/userResource.jpg);
}

.jump .level2 a.certify {
background-image: url(../themes/lighthouse/images/certificationTraining.jpg);
}

/* @end */

/* @group hoverstates */

/*homepage*/

/* @group homepage */

/* @end */



/* interior pages*/

/* @group interior pages */
.jump .level2 .highligh a.certify:hover {
background-image: url(../themes/lighthouse/images/certificationTraining.jpg);
background-position: 0 -168px;
width: 150px;
}

/* @end */


/**/

.jump .level2 a.tdsSoon,
.tdsSoon:hover {
background-image: url(../elements/tdsSoon.gif);
width: 300px !important;
background-position: 0px 0px !important;
cursor: default;
}

/*inactive*/

/* @group inactive */

.userStudent_disabled,
.userStudent_disabled:hover {
background-image: url(../elements/userStudentDisabled.gif);
background-position: 0px 0px!important;
cursor: default;
}

.userTeacher_disabled,
.userTeacher_disabled:hover {
background-image: url(../elements/userTeacherDisabled.gif);
background-position: 0px 0px!important;
cursor: default;
}


.tdsPracticeInactive {
width: 149px !important;
background: url(../elements/tdsPractice_inactive.gif);
background-position: 0px 0px !important;
cursor: default;
}

.tdsLiveInactive {
width: 149px !important;
background: url(../elements/tdsLive_inactive.gif);
background-position: 0px 0px !important;
cursor: default;
}

.tdsPartipReportInactive {
width: 149px !important;
background: url(../elements/tdsPartReports_inactive.gif);
background-position: 0px 0px !important;
cursor: default;
}

/* @end */

/* @end */

/* @end */

/* @end */


/* @group Content Page */

.roundedContainer {
margin-right: 25px;
margin-bottom: 20px;
margin-left: 25px;
position: relative;
z-index: 3;
margin-top: -5px;
}

.roundedTop {
display: block;
background-image: url(../lighthouse/images/shadowboxes/topLeft.png);
background-repeat: no-repeat;
background-position: left top;
height: 8px;
padding-left: 0px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

.roundedTop span {
background-image: url(../lighthouse/images/shadowboxes/topRight.gif);
display: block;
height: 8px;
background-repeat: no-repeat;
background-position: right top;
margin: 0px;
padding: 0px;
float: right;
width: 9px;
background-color: #FFFFFF;
}

.roundedBottom {
background-image: url(../lighthouse/images/shadowboxes/bottomLeft.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
height: 8px;
padding-left: 9px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
background-color: #FFFFFF;
}

.roundedBottom span {
display: block;
background-image: url(../lighthouse/images/shadowboxes/bottomRight.gif);
background-repeat: no-repeat;
background-position: right top;
height: 8px;
margin: 0px;
padding: 0px;
}

.leftRounded {
background-image: url(../lighthouse/images/shadowboxes/left.gif);
background-repeat: repeat-y;
background-position: left top;
padding-left: 9px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

.rightRounded {
background-image: url(../lighthouse/images/shadowboxes/right.gif);
background-repeat: repeat-y;
background-position: right top;
padding-right: 9px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

.roundbuffer {
display: block;
height: 30px;
}

.padding {
background-color: #FFFFFF;
padding: 10px;
}

.tabs {
padding-top: 10px;
padding-right: 40px;
padding-left: 40px;
/* fixes hover shifting crap in IE */
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}

.tabs ul {
display: block;
list-style-type: none;
}

.tabs li {
display: block;
float: left;
margin-right: 3px;
}

.tabs a {
display: block;
background-color: #B7DA8C;
background-image: url(../elements/tabLeft.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 5px;
color: #000000;
text-decoration: none;
font-size: 1.2em;
margin-top: 6px;
}

.tabs a:hover {
background-color: #04A033;
color: #ffffff;
text-decoration: underline;
}

.tabs a span {
background-image: url(../elements/tabRight.gif);
background-repeat: no-repeat;
background-position: right top;
display: block;
padding-right: 8px;
padding-top: 5px;
padding-bottom: 5px;
height: 2em;
}

/*sad ie 6*/
*html .tabs a span {
height:auto;
}

.tabs .Active a {
background-image: url(../elements/tabLeftActive.gif);
background-color: #badbec;
color: #000000;
font-weight: bold;
margin-top: 0px;
}

.tabs .Active a span {
background-image: url(../elements/tabRightActive.gif);
padding-top: 10px;
padding-bottom: 6px;
}

.tabs .Active a:hover {
background-color: #FFFFFF;
color: #000000;
text-decoration:none;
}

.tabs .inActive a,
.tabs .inActive a:hover {
background-color: #DBDBDB;
color: #666666;
text-decoration: none;
cursor: default;
}

.
Page {
display: block;
float: right;
height: 25px;
width: 30px;
background-image: url(../elements/printRequest.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
position:relative;
margin-left: 1em;
}

.printPage:hover {
background-position: 0px -25px;
}

.printPage .pusher {
display: block;
height: 25px;
width: 30px;
}

.contentPage .padding h1 {
font-size: 3em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #04A033;
margin-top: .5em;
margin-bottom: .5em;
}

.contentPage .padding h2 {
font-size: 2.3em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #B7DA8C;
margin-bottom: .5em;
}

.contentPage .padding h3 {
font-size: 1.8em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DBDBDB;
margin-bottom: .5em;
}

.contentPage .padding h4 {
font-size: 1.3em;
margin-bottom: .5em;
font-weight:bold;
line-height:1.2em;
}


.contentPage .padding a {
color: #04A033;
}

.contentPage .padding a:hover {
color: #003399;
}

.contentPage .padding p,
contentPage .padding table,
.contentPage .padding li,
table.portalTable td li {
font-size: 1.3em;
line-height: 1.2em;
}

.contentPage .padding li li {
font-size: 1em;
line-height: 1.2em;
}

/* @end */



/* @end */

/* @group Pages */

/* @group Browser */

.contentPage .padding .browsers .importantNote, p.importantNote {
display:block;
border:1px dotted red;
display:block;
padding:5px;
}

p.importantNote {
margin-bottom:10px;

}

.contentPage .padding .browsers .importantNote strong {
font-weight:bold;
color:#FF0000;
}

.contentPage .padding .browsers h2 {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
border-bottom:none;
}

.contentPage .padding .browsers h3 {
border:none;
}

.browsers p,
.browsers li {
/*		line-height: 1.3em;*/
}

.contentPage .padding .browsers li {
padding-top:5px;
padding-left:0px;
padding-right:0px;
padding-top:5px;
}

.contentPage .padding .browsers li li {
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
}

ul.noBul {
padding-top:10px;
}

ul.noBul li {
list-style:none;
}

ul.noBul li ol li {
list-style:lower-roman;
margin-left:20px;
}
/*
.browsers a {
color: #000000;
display: block;
background-image: url(../elements/browser1.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 70px;
padding-top: 20px;
margin-top: 1em;
margin-bottom: -40px;
text-decoration: none;
height: 65px;
margin-left: -65px;
}

*:first-child+html .browsers a {
margin-bottom: -26px;
}

*html .browsers a {
margin-bottom: -26px;
}

.browsers a:hover {
color: #000000;
background-image: url(../elements/browser2.gif);
}

.browsers a:visited {
color: #666666;
}
*/
.browsers a:hover h2 {
text-decoration: underline;
}

.browsers ol,
.browsers p {
}

.browsers ol ol {
font-size: 1em;
}

.subBrowser {
padding-left: 65px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #B7DA8C;
margin-bottom: 1em;
padding-bottom: 2em;
}

.extraLinks {
margin-top: 20px;
text-align: left;
}

.icon {
vertical-align: middle;
}

a.notBrowser {
display: inline;
margin: 0;
height: auto;
width: auto;
text-decoration: underline;
padding: 0px;
background-image: none;
}

a.notBrowser:hover {
display: inline;
margin: 0;
height: auto;
width: auto;
text-decoration: underline;
padding: 0px;
background-image: none;
font-style: italic;
}

.lastUpdate {
margin: 0px;
padding: 0px;
line-height: 0.5em !important;
font-style: italic;
}

/* @group tabs */

.ui-tabs-nav{
position: relative;

}

.padding ul.tabsNav{
float: left;
list-style: none;
padding: 0px;
margin: 20px 0px 0px 0px;
/*display: block;*/
/*display:none !important;*/

}

*html .ui-tabs-nav ul.tabsNav{
position: absolute;
padding: 0px;
left: -249px;
float: none;}

/* @group tabs li */

ul.tabsNav li{
width: 249px;
display: block;

}



.tabsNav li a strong{font-size: 1.5em;
display: block;
color: #000000;
padding-top: .3em;}




#tabs .tabsNav li a {
position: relative;
height: 100%;
width: 100%;
border-right: none;
display: block;
background-color: #efefef;
text-decoration: none;

}

.topLeft,  #tabs ul.tabsNav li.inactive a:hover .topLeft{
position: absolute;
top: 0px;
left: 0px;
width: 7px;
height: 7px;
background: url(../elements/bg_sprite.jpg) no-repeat scroll -35px 0;
overflow: hidden;
}
.middleLeft{
/*position: absolute;
top: 4px;
left: 0px;
width: 1px;
height: 69px;
background: url(../elements/bg_sprite.jpg) no-repeat scroll -30px -394px;
overflow: hidden;	*/
}
.bottomLeft,  #tabs ul.tabsNav li.inactive a:hover .bottomLeft{
position: absolute;
bottom: 0px;
left: 0px;
width: 7px;
height: 7px;
background: url(../elements/bg_sprite.jpg) no-repeat scroll -35px -9px;	
overflow: hidden;
}

.contentLi, #tabs ul.tabsNav li.inactive  a:hover .contentLi{
border: 1px solid #ccc;
border-right:none;
padding: 10px;
background: url(../elements/bg_sprite.jpg) no-repeat scroll 0px -275px;	
}
/*selected*/

ul.tabsNav li.ui-tabs-selected {
width: 250px;
}
#tabs ul.tabsNav li.ui-tabs-selected a{
font-weight: bold;
background-color: #fff;
color: #000;
text-decoration: none;
background-image: none!important;
}
#tabs ul.tabsNav li.ui-tabs-selected .contentLi{
background-image: none!important;
}


#tabs ul.tabsNav li.ui-tabs-selected a .topLeft, 
#tabs ul.tabsNav li.ui-tabs-selected a:hover .topLeft{
background: url(../elements/bg_sprite.jpg) no-repeat scroll 0px 0;
}
#tabs ul.tabsNav li.ui-tabs-selected a .bottomLeft, 
#tabs ul.tabsNav li.ui-tabs-selected a:hover .bottomLeft{

background: url(../elements/bg_sprite.jpg) no-repeat scroll 0px -8px;}

#tabs ul.tabsNav li.ui-tabs-selected a:hover .contentLi{
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;

}


/*inactive*/

.tabsNav li.inactive{
cursor: not-allowed;
}

.tabsNav li.inactive a strong  {
color: #a3a3a3;
}

.tabsNav li.inactive a .subOS{
color: #333;
}



#tabs .tabsNav li.inactive a:hover{
background-color: #efefef;
color: #ccc;

}

/*hover*/

#tabs .tabsNav li a:hover{
background-color: #04a033;
color: #fff;

}

#tabs ul.tabsNav li a:hover .topLeft{
background: url(../elements/bg_sprite.jpg) no-repeat scroll -35px -16px;
}
#tabs ul.tabsNav li a:hover .bottomLeft{

background: url(../elements/bg_sprite.jpg) no-repeat scroll -35px -24px;}
#tabs ul.tabsNav li a:hover .contentLi{
border-top: 1px solid #03842a;
border-bottom: 1px solid #03842a;
border-left: 1px solid #03842a;
background-image: none;
}	

/* @end */
/* main style for primary container */

.ui-tabs-panel{
margin-left: 249px;

}
.ie6 .ui-tabs-panel{
/*	margin-left: 0px;*/
}


.ui-tabs-hide{
display: none;
visibility: hidden;
}
.clearLeft{
clear: left;
}

.OSicon{
display: block;
float: left;
height: 50px;
width: 50px;
background: url(../elements/bg_sprite.jpg) no-repeat -51px -137px;
margin-top: -10px;
}

.ui-tabs-selected  .OSicon {}


/*default - not selected */

.Windows .OSicon{
background-position: -3px -136px;
}

.OSX .OSicon{
/*default*/	
}

.OS9 .OSicon{
/*default*/
}

.Linux .OSicon{
background-position: -98px -137px;
margin-top: -8px;
}

/*selected */

.ui-tabs-selected a .OSicon {}

.ui-tabs-selected a.Windows .OSicon, .ui-tabs-selected a.Windows:hover .OSicon{
background-position: -3px -70px;
}

.ui-tabs-selected  a.OSX .OSicon, .ui-tabs-selected  a.OSX:hover .OSicon{
background-position: -51px -70px;
}

.ui-tabs-selected  a.OS9 .OSicon, .ui-tabs-selected  a.OS9:hover .OSicon{
background-position: -51px -70px;
}

.ui-tabs-selected  a.Linux .OSicon, .ui-tabs-selected  	a.Linux:hover .OSicon{
background-position: -98px -72px;
}

/*hover */

a.Windows:hover .OSicon{
background-position: -3px -194px;
}

a.OSX:hover .OSicon{
background-position: -51px -194px;
}

a.OS9:hover .OSicon{
background-position: -51px -194px;
}

a.Linux:hover .OSicon{
background-position: -98px -195px;
}

/*inactive*/

.inactive	a.Windows:hover .OSicon{
background-position: -3px -136px;
}

.inactive	a.OSX:hover .OSicon{
background-position: -51px -137px;
}

.inactive	a.OS9:hover .OSicon{
background-position: -51px -137px;
}

.inactive	a.Linux:hover .OSicon{
background-position:  -98px -137px;
}

/* @group Curvey Edges */

.top, .bottom{
height: 7px;
position: relative;
}

.left{
position: absolute;
top: 0px;
left: 0px;
height: 7px;
width: 7px;
background: url(../elements/bg_sprite.jpg) no-repeat scroll 0px 0;
overflow: hidden;
}
.right{

position: absolute;
top: 0px;
right: 0px;
height: 7px;
width: 7px;
background: url(../elements/bg_sprite.jpg) scroll -8px 0;
overflow: hidden;
}

.bottom .left{
background-position: 0 -10px;
}

.bottom .right{
background-position: -6px -10px;
}
.middle{
background: url(../elements/bg_sprite.jpg) repeat-x scroll 0px -41px;
height: 7px;
margin: 0px 7px;
}

.bottom .middle{
background-position: 0px -38px;}




/* @end */

#tabs div .content{
padding: 1em;
border: 1px solid #ccc;
border-bottom: none;
border-top: none;
}
.downloadcontent {
padding: 1em;
border: 1px solid #ccc;
border-bottom: none;
border-top: none;

}

/*icon holder*/
.downloadIcons{
height: 100px;
}
.downloadIcons a {
display: block;
/*border: 1px solid green;width: 490px;*/
padding: 1em;
margin-right: 5px;

float: left;
cursor: pointer;
text-decoration: none;
}

.downloadIcons a span.icon{
display: block;
float: left;
background-image: url(../elements/download_button1.jpg);
background-repeat: no-repeat;
background-position: left top;
width:150px;
height:83px;
}



.downloadIcons a:hover span.icon  {
background-image: url(../elements/download_button2.jpg);
}

.downloadIcons a strong
{font-size: 2em;
display: block;
margin-left: 180px;
margin-top: 20px;}

.downloadIcons a em{
display: block;
color: #333;
margin-left: 180px;
}

/*additional download icon styles for added 3.0 lighthouse*/
.downloadIconsb{
height: 100px;
}
.downloadIconsb a {
display: block;
/*border: 1px solid green;width: 490px;*/
padding: 1em;
margin-right: 5px;

float: left;
cursor: pointer;
text-decoration: none;
}

.downloadIconsb a span.icon{
display: block;
float: left;
background-image: url(../elements/download_button1.jpg);
background-repeat: no-repeat;
background-position: left top;
width:150px;
height:83px;
}

.downloadIconsb a:hover span.icon  {
background-image: url(../elements/download_button2.jpg);
}
.downloadIconsb a span.icon{
display: block;
float: left;
background-image: url(../themes/lighthouse/images/download_button1b.jpg);
background-repeat: no-repeat;
background-position: left top;
width:150px;
height:83px;
}



.downloadIconsb a:hover span.icon  {
background-image: url(../themes/lighthouse/images/download_button2b.jpg);
}

.downloadIconsb a strong
{font-size: 2em;
display: block;
margin-left: 180px;
margin-top: 20px;}

.downloadIconsb a em{
display: block;
color: #333;
margin-left: 180px;
}
.browsers h3{
clear: right;
}
/* @end */

/* @end */


/* @group Min requirements */

table.portalTable {
width:700px;
border:1px solid #ccc;
margin-bottom:20px;
}

table.portalTable th,
table.portalTable td {
border-bottom:1px solid #ccc;
padding:5px;
}

table.portalTable th {
/*width: 150px;*/
background-color:#efefef;
font-weight:bold;
}
table.portalTable th em{
display:block;
font-weight:normal;
color:#666;
font-style:normal;
}

table.portalTable td {
}

table.portalTable caption {
font-size:1.3em;
font-weight:bold;
padding:0px 0px 10px 0px;
color:#666666;
}

table.portalTable td li {
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
}

.padding .top a {
color:#999999;
font-size:.8em;
}

.padding ul,
.padding ol {
margin-left:20px;
margin-bottom:10px;
}

.note {
color:#990000;
}

.tip {
}

.accordion li {
padding-top:5px;
padding-bottom:5px;
}

.accordion h4 {
border:1px solid #009900;
border-bottom:none;
padding:10px;
margin:10px 0px 0px 0px!important;
width:700px;
background: #D5FFD5;
}

.accordion .acc_body {
border:1px solid #009900;
border-top:none;
padding:10px;
margin:0px 0px 10px 0px!important;
width:700px;
}

p.feedback a {
width:300px;
display:block;
background: url(../elements/feedback_02.gif) no-repeat scroll right center;
color:#000!important;
}

p.feedback a span {
display:block;
background: url(../elements/feedback_01.gif) no-repeat scroll left center;
padding:20px 10px;
padding-left:140px;
}

p.feedback a span strong {
font-size:1.5em;
}

p.feedback a:hover {
background: url(../elements/feedback_02.gif) no-repeat scroll right center;
}

p.feedback a:hover span {
background: url(../elements/feedback_01.gif) no-repeat scroll left center;
}

/* @end */

/* note for training site - makes the note tiny*/
span.SmallNote {
font-size:.9em;
}



/* @group Contact */

.contentPage .contact h4 {
color:#060;
}

.esd{
display:block;
padding-bottom:2em;}

.esd p{
padding-left:1em;}

/* @end */
/* @end */

/* @end */

/* @group Lighthouse Theme */

/* @group Header Stuff */

.header {
background-color: #bad8ee;
border-bottom-color: #0f6797;
}
.logos {
background: transparent url(../themes/lighthouse/images/lighthouse_top.gif) no-repeat right bottom;
}
.oaks {
background-image: url(../themes/lighthouse/images/logo_delaware_large.gif);
margin-left: 22px;
}
.oaks h2 {
text-indent: -9999px;
}
.topBar {
background-color: #0f6797;
color: #fff;
}
.header .titleThing {
color: #000;
background-color: #9ebec4;
background-image: url(../images/breadcrumb.gif);
}
.studentInfo {
background-color: #0f6797;
border-right: none;
}
.sessionID {
border-right: none;
}

/* @end */

/* @group super tabs */

.smallButtons a:hover {
background-color: #2c6787;
}
.roots {
background: transparent url(../themes/lighthouse/images/lighthouse_bottom.gif) no-repeat right top;
border-top: none;
height: 28px;
}
.roots h3 {
border-left: none;
float: left;
color: #fff;
margin-left: 85px;
background: #3983ac url(../themes/lighthouse/images/gradientH3.gif) repeat-x right top;
padding: 3px 5px;
height: 20px;
line-height: 20px;
margin-top: 3px;
font-size:14px;
}

.smallTabs a {
background-color:#fef7eb;
background-image:url(../themes/lighthouse/images/smallNotActiveLeftClear.gif);
}
.smallTabs a span {
background-image:url(../themes/lighthouse/images/smallNotActiveRightClear.gif);
}
.smallTabs a:hover {
background-image: url(../themes/lighthouse/images/smallActiveLeftClear.gif);
}
.smallTabs a span:hover {
background-image:url(../themes/lighthouse/images/smallActiveRightClear.gif);
}
.smallTabs .currentTab{
background-color:#FFFFFF;
background-image:url(../themes/lighthouse/images/smallActiveLeftClear.gif);
}
.smallTabs .currentTab span{
background-image:url(../themes/lighthouse/images/smallActiveRightClear.gif);
}

/* @end */

/* @group main tabs */

.tabs a {
background-color: #bed2d9;
}
.tabs a:hover {
background-color: #2c6787;
}
.tabs .Active a {
background-image: url(../themes/lighthouse/images/tabLeftActive.gif);
}
.tabs .Active a span {
background-image: url(../themes/lighthouse/images/tabRightActive.gif);
}

/* @end */

/* @group Rounded Container */

.roundedTop {
background-image: url(../themes/lighthouse/images/shadowboxes/topLeft.png);
}
*html .roundedTop {
background-image: url(../themes/lighthouse/images/shadowboxes/topLeft.gif);
}
.roundedTop span {
background-image: url(../themes/lighthouse/images/shadowboxes/topRight.gif);
}
*html .roundedTop span {
background-image: url(../themes/lighthouse/images/shadowboxes/topRight2.gif);
}
.roundedBottom {
background-image: url(../themes/lighthouse/images/shadowboxes/bottomLeft.gif);
}
.roundedBottom span {
background-image: url(../themes/lighthouse/images/shadowboxes/bottomRight.gif);
}
.leftRounded {
background-image: url(../themes/lighthouse/images/shadowboxes/left.gif);
}
.rightRounded {
background-image: url(../themes/lighthouse/images/shadowboxes/right.gif);
}

/* @end */

/* @group Login */

.green {
background-color: #fff0d8;
background-image: url(../themes/lighthouse/images/shadowboxes/greenGradient.gif);
}
.green .shadowBox .bottomShadow {
background-image: url(../themes/lighthouse/images/shadowboxes/greenBottomCenter.gif);
}
.ie6 .green .shadowBox .bottomShadow {
background-image: url(../themes/lighthouse/images/shadowboxes/greenBottomCenter.gif);
background-color: #FFF;
padding-bottom: 2em;
border: solid 1px red;
}
.green .shadowBox .bottomShadow em {
background-image: url(../themes/lighthouse/images/shadowboxes/greenBottomLeft.gif);
}
.green .shadowBox .bottomShadow strong {
background-image: url(../themes/lighthouse/images/shadowboxes/greenBottomRight.gif);
}
.shadowBox .content h2 {
border-bottom-color: #94b6d9;
}
.login .greenBtn {
background-image: url(../themes/lighthouse/images/btnGreenTopGreen.gif);
}
.login .greenBtn span {
background-image: url(../themes/lighthouse/images/btnGreenBottomGreen.gif);
}
.forgotLink a {
color: #0d4373;
}
/* @end */

/* @group general elements */

.footer span, .footer a {
color: #0d4373;
}
.report th a {
color: #0d4373;
}
/* @end */

a {
color: #175283;
}
.smallButtons a,
#switcher {
background-image: url(../themes/lighthouse/images/btnBlueTop.gif);
background-color: #bfd4d7;
}
.smallButtons a span,
.switcherEnd {
background-image: url(../themes/lighthouse/images/btnBlueBottom.gif);
}
#switcher a:hover {
background-color:#175283;
}


.chooseUser {
color: #175283;
/*margin-bottom: 1px;*/
}
.level1 {
background-image: url(../themes/lighthouse/images/gradientTopLight.gif);
}

.level3 {
background-image: url(../themes/lighthouse/images/gradientBottomLight.gif);
min-height: 150px;
}

.front .level1 {
background-image: url(../themes/lighthouse/images/gradients600top.gif);
}

.front .level2 {
background-image: url(../themes/lighthouse/images/gradients600middle.gif);
}
.front .level2 .groupLeft {
border-right-color: #bfd4d7;
}
.front .level3 {
background-image: url(../themes/lighthouse/images/gradients600bottom.gif);
}
body.front {
background-image: url(../themes/lighthouse/images/vertical600.gif);
}

.breadcrumb {
background-color: #0f6797;
border-right-color: #0f6797;
}
.breadcrumb a {
color: #ffffff;
float: left;
}
.breadcrumb a:hover {
color: #77aadf;
}
.crumb {
display: block;
background: url(../themes/lighthouse/images/breadcrumb.gif) no-repeat center center;
width: 25px;
float: left;
text-indent: -9999px;
margin-right: 5px;
}
.contentPage .padding h1 {
border-bottom-color: #2c6787;
}
.contentPage .padding h2 {
border-bottom-color: #175283;
}
.contentPage .padding h3 {
border-bottom-color: #9ebec4;
}
.contentPage .padding a {
color: #175283;
}
.contentPage .padding a:hover {
color: #bbd6e4;
}
.contentPage .contact h4 {
color:#2c6787;
}

p.feedback a {
background: url(../themes/lighthouse/images/feedback_02.gif) no-repeat scroll right center;
}

p.feedback a span {
background: url(../themes/lighthouse/images/feedback_01.gif) no-repeat scroll left center;
}
p.feedback a:hover {
background: url(../themes/lighthouse/images/feedback_02.gif) no-repeat scroll right center;
}
p.feedback a:hover span {
background: url(../themes/lighthouse/images/feedback_01.gif) no-repeat scroll left center;
}
.accordion h4 {
border:1px solid #9ebec4;
background: #badbec;
}
.accordion .acc_body {
border:1px solid #9ebec4;
}
.downloadIcons a span.icon{
background-image: url(../themes/lighthouse/images/download_button1.jpg);
}
.downloadIcons a:hover span.icon  {
background-image: url(../themes/lighthouse/images/download_button2.jpg);
}

.topLeft,  #tabs ul.tabsNav li.inactive a:hover .topLeft{
background: url(../themes/lighthouse/images/bg_sprite.jpg) no-repeat scroll -35px 0;
}
.bottomLeft,  #tabs ul.tabsNav li.inactive a:hover .bottomLeft{
background: url(../themes/lighthouse/images/bg_sprite.jpg) no-repeat scroll -35px -9px;	
}
.contentLi, #tabs ul.tabsNav li.inactive  a:hover .contentLi{
background: url(../themes/lighthouse/images/bg_sprite.jpg) no-repeat scroll 0px -275px;	
}
#tabs ul.tabsNav li a:hover .contentLi{
border-top: 1px solid #f26522;
border-bottom: 1px solid #f26522;
border-left: 1px solid #f26522;
}	
#tabs ul.tabsNav li.ui-tabs-selected a .topLeft, 
#tabs ul.tabsNav li.ui-tabs-selected a:hover .topLeft{
background: url(../themes/lighthouse/images/bg_sprite.jpg) no-repeat scroll 0px 0;
}
#tabs ul.tabsNav li.ui-tabs-selected a .bottomLeft, 
#tabs ul.tabsNav li.ui-tabs-selected a:hover .bottomLeft{
background: url(../themes/lighthouse/images/bg_sprite.jpg) no-repeat scroll 0px -8px;}
#tabs ul.tabsNav li a:hover .topLeft{
background: url(../themes/lighthouse/images/bg_sprite.jpg) no-repeat scroll -35px -16px;
}
#tabs ul.tabsNav li a:hover .bottomLeft{
background: url(../themes/lighthouse/images/bg_sprite.jpg) no-repeat scroll -35px -24px;
}
#tabs ul.tabsNav li a:hover .contentLi {
border-top: 1px solid #f26522;
border-bottom: 1px solid #f26522;
border-left: 1px solid #f26522;
}	
.OSicon{
background: url(../themes/lighthouse/images/bg_sprite.jpg) no-repeat -51px -137px;
}
#tabs .tabsNav li a:hover{
background-color: #f26522;

}

.level2 .userStudent {
background: url(../themes/lighthouse/images/student.jpg);
}
.level2 .userTeacher {
background: url(../themes/lighthouse/images/testAdmin.jpg);
}
.level2 .userAdmin {
background: url(../themes/lighthouse/images/testCoordinator.jpg);
}
.level2 .userSysadmin {
background-image: url(../themes/lighthouse/images/sysAdmin.gif);
}
.level3 .downloads {
background-image: url(../themes/lighthouse/images/download.jpg);
}
.level1 .contactUs {
background-image: url(../themes/lighthouse/images/contactUs.gif);
}
.level1 .generalResources {
background-image: url(../themes/lighthouse/images/resources.gif);
}


.jump .level2 a.ums {
background-image: url(../themes/lighthouse/images/ums.jpg);
}
.jump .level2 a.tds {
background-image: url(../themes/lighthouse/images/testadmin_card.jpg);
}
.jump .level2 a.tdsPractice {
background-image: url(../themes/lighthouse/images/training.jpg);
}
.jump .level2 a.tdsTrain {
background-image: url(../themes/lighthouse/images/training.jpg);
}
.jump .level2 a.tdsTAWorkstation {
background-image: url(../elements/tdsTAWork.gif);
}
.jump .level2 a.certify {
background-image: url(../elements/certificationTraining.jpg);
}
.jump .level2 a.tdsStudentWorkstation {
background-image: url(../elements/tdsStudentWork.gif);
}
.jump .level2 a.tdsPartipReport {
background-image: url(../elements/tdsPartReports.gif);
}
.jump .level2 a.reporting {
background-image: url(../themes/lighthouse/images/reporting.jpg);
}
.jump .level2 a.resourcesOnline {
background-image: url(../themes/lighthouse/images/resources_card.jpg);
}
.jump .level2 a.certify {
background-image: url(../themes/lighthouse/images/certificationTraining.jpg);
}
.jump .level2 a.tdsTAWorkstation {
background-image: url(../themes/lighthouse/images/taTraining.jpg);				
}
.jump .level2 a.tdsStudentWorkstation {
background-image: url(../themes/lighthouse/images/studentTraining.jpg);
}
.jump .level2 a.tdsPartipReport {
background-image: url(../themes/lighthouse/images/particpationreports.jpg);
}
.jump .level2 a.manuals {
background-image: url(../themes/lighthouse/images/manuals.jpg);
}

.jump .level2 a.nope, 
.jump .level2 a.nope:hover {
	background-position: 0px 0px !important;
	cursor: default;
	filter: alpha(opacity=30);
	-khtml-opacity: 0.3;
	-moz-opacity: 0.3;
	opacity: 0.3;
}
/*styles the 'coming soon' message*/
.jump .level2 a em {
	display: block;
	position: absolute;
	top: 140px;
	width: 135px;
	height: 1.2em;
	line-height: 1em;
	left: 7px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}

.smallButtons a {
display: none;
}

/* @end */

.searchStyle {
text-align: right;
color: #990033;
}
.callout {
color: #f8376f;
font-size: 1.3em;
font-variant: small-caps;
}
ul.innerannouncements{
	font-size: 90%;
	text-indent: .5em;
	margin-left: 1em;
	font-style: italic;
}

/* @styles for faq page*/

p.answer{
	padding-left: 20px;	
}

.faq_question{
	border: 1px solid #9EBEC4;
	border-width:1px;
	width:700px;
	margin-bottom: 15px;
}

.faq_question p{
	margin:10px 0 0 !important;
	padding: 0 10px 5px 10px;
}
.faq_question ol{
	margin-left: 50px;
}

.faq_title{
	background:none repeat scroll 0 0 #badbec;
	border-color:#9EBEC4;
	border-style:solid solid none;
	border-width:1px 1px medium;
	margin:0 0 0 !important;
	padding:10px;
}

table.browser_table{
	font-size: 12px;
	border: 1px solid gray;
	width: 900px;
	}

table.browser_table td{
	width: 200px;
	padding: 5px;
	border-bottom: 1px solid gray;
}

table.browser_table td.header{
	height: 50px;
	font-size: 130%;
	border-bottom: 1px solid gray;
}

table.browser_table tr{
	margin-bottom: 10px;	
}

table.browser_table tr.tablelist td ul li{
	font-size: 100%;
	padding-bottom: 5px;
	}

.footer {
	background: url(../themes/lighthouse/images/bookFoot.gif) no-repeat right top;
	padding-right: 50px;
	margin-right: 30px;
}
	
ul.testschedule{
	font-size: 120%;
	}

ol.faqlist li span{
	font-size: 80%;
}