﻿/**********  Color Master  **********/
.colorPallet 
{
	/* color1: /*color1*//* #FFD8AA; /*light orange*/
	/* color1: /*color1*//* #FFF2E2; /*faded light orange*/
	/* color2: /*color2*//* #F18200; /*dark orange*/	
	/* color25: /*color2*//* #E06400; /*darkest orange*/	
	/* color3: /*color3*//* #4CA2C2; /*blue*/
	/* color4: /*color4*//* #96E3FF; /*light light blue*/
	/* text1: /*text1*//* #000; /*black*/
	/* text2: /*text2*//* #F5F5F5; /*off white*/
}

/**********  Generic HTML Elements  **********/
h1, .H1
{
	display:none;
	color: /*color2*/#F18200;
	font-size:x-large;
	font-weight:bold;
	text-align:center;
}
h2, .H2
{
	text-align: center;
	font-size:large;
	margin: 10px;
}
h3, .H3
{
	font-size:medium;
	text-decoration:underline;
	font-weight:bold;
}
h5 
{
	display:inline;
	font-size: small;
	font-weight:bold;
	margin: 0px;
	margin-right: 10px;
}
body
{
	font-family: "verdena",arial;
	font-size: small;
	color: /*text1*/#000;
	text-align: center;
}
.content 
{
	width: 90%;
	min-width: 700px;
	margin: 0px auto;
}
#left 
{
	text-align: left;
	margin: 0px;
}
#left table
{
	margin: 0px;
}
table
{
	border-color:/*text2*/#F5F5F5;
	border-width: 1px;
	margin: 0px auto;
}
td
{
}
p span.b 
{
	font-weight:bold;
}
p span.bu 
{
	font-weight:bold;
	text-decoration:underline;
}
a:link
{
    color: /*color3*/ #0099CC;
}     /* unvisited link */
a:visited
{
    color: /*color4*/ #0099FF;
}  /* visited link */
a:hover {color: /*color4*/#0099FF;}   /* mouse over link */
a:active {color: /*color3*/#4CA2C2;}   /* selected link */

.error 
{
	color: Red;
	font-size:x-small;
}
#loading 
{
	font-size:small;
	font-weight:bold;
	clear:both;
	display:block;
	width: 100%;
	text-align: right;
}
.comment 
{
	font-size:x-small;
	font-weight: bold;
	/*font-style:italic;*/
}
.bold 
{
	font-weight:bold;
	margin: 1px;
}
.footer 
{
	margin-top: 20px;
	font-size:x-small;
	font-weight: bold;
}
#fontSelector 
{
	float: right;
	clear: left;
	border: dashed 2px black;
	margin-top: 8px;
	padding: 5px;
}
#fontSelector p
{
    margin: 0px;
    font-weight: bold;
    font-size: x-small;
}
#fontSelector img 
{
	border: none;
	/*display: block;*/
	margin-left: 2px;
	margin-right: 2px;
}
.timer 
{
	border: none;
	background-color: Transparent;
	width: 27px;
	font-weight:bold;
}
.loggedIn 
{
	width: 90%;
	border: solid 1px #78b5e3;
	background-color: #eef4f9;
	margin: 5px auto;
	padding: 2px;
}
img.instructionImage 
{
	position:relative;
	top:3px;
}
.printOnly 
{
	display: none;
}
/**********  Generic Site Design  **********/
#divHeader
{
	margin-top: 10px;
	background-image: url(../images/pattern_dark.gif);
	border: solid 1px black;
	clear: both;
}
#divInstructions
{
	padding: 5px;
}
#divContent
{
	padding: 10px;
}
.faqs 
{
	width: 700px;
	margin: 0px auto;
}
.faqHeader 
{
	display:block;
	color: /*color2*/#F18200;
	font-size:medium;
	font-weight:bold;
	margin-bottom: 15px;
	margin-top: 20px;
}
.faqQuestion 
{
	display:block;
	font-size:small;
	font-weight:bold;
	margin-bottom: 5px;
	text-align: left;
}
.faqAnswer 
{
	display:block;
	font-size:small;
	margin-bottom: 10px;
	text-align: left;
	margin-left: 20px;
}
/**********  Testing Tables  **********/
table.test 
{
	border-color: Black;
	border-width:1px;
}
table.test tr 
{
	height:25px;
}
table td
{
	padding-left:10px;
	padding-right:10px;
	border-color:Black;
	text-align: left;
}
.TestQheader td
{
	font-weight:bold;
	text-align: center;
}
.colCenter 
{
	text-align: center;
	width: 0px;
}
.colLeft 
{
	text-align: left;
	width: 0px;
}
.colRight 
{
	text-align: right;
	width: 0px;
}
.mcAnswer 
{
	width:670px;
	}
.mcAnswerCol 
{
	padding-left:10px;
	padding-right:2px;
	width:1px;
	}
table.match1
{
	float:left;
	border-color: Black;
	border-width:1px;
	width: 30%;
}
table.match2
{
	float:right;
	border-color: Black;
	border-width:1px;
	width: 60%;
}
.matchSpacer 
{
    display: block;
    clear: both;
    height: 20px;
}
#qGroup 
{
	display: block;
	clear: both;
}
.mcQuestion td
{
	padding-top:10px;
}
.mcImage 
{
	text-align:center;
	padding: 10px;
}
/**********  Grade Tables  **********/
.gradeRow
{
	background-color: /*color1*/#FFF2E2;
	padding: 5px;
}
.gradeTable
{
	border-color:Black;
}
.gradeTable th
{
	padding: 5px;
	background-color:#F7F7F7;
}
.gradeTable td
{
	text-align:center;
}
.instrTable
{
    border-color: Black;
    border-collapse: collapse;
}
.instrTable th
{
    text-align: center;
    color: #0000FF !important;
    background-color: #FFFFCC;
    text-decoration: none;
}
.instrTable td
{
    padding: 0px;
    margin: 0px;
    text-align: center;
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
}
.schTable
{
    border-color: Black;
    border-collapse: collapse;
}
.schTable th
{
    text-align: center;
    color: #0000FF !important;
    background-color: #FFFFCC;
    text-decoration: none;
}
.schTable td
{
    padding: 0px;
    margin: 0px;
    text-align: center;
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
}
.correctAnswer 
{
	color:Green;
	text-align: center;
    font-size: small;
}
.wrongAnswer 
{
	color:Red;
	text-align: center;
}
.grade 
{
	font-size:xx-large;
	font-weight:bold;
}
/**********  Test Development Tables  **********/
.questions 
{
	position:relative;			/** Tweek gridview position **/
	/**left: 1px;					 Tweek gridview position **/
	border: solid 1px /*color2*/#E0E0E0; /* was #F18200 */
	width:100%;
    top: 4px;
    left: 1px;
}
.gridpager
{
	position:relative;			/** DPC 11/2009 Test Display Grid **/
	border: solid 1px /*color2*/#E0E0E0; /* was #F18200 */
	width:100%;
    top: -2052px;
    left: -108px;
}
.gridpager td
{
	position:relative;			/** DPC 11/2009 Test Display Grid **/
	border: 0px;
	width:auto;
    top: 2px;
    left: 1px;

}
.gridpager td table td
{
	position:relative;			/** DPC 11/2009 Test Display Grid **/
	border: 0px;
	width:100%;
    top: 2px;
    left: 1px;
	text-align:right;          /** Align pager numbers at bottom right **/
}
.gridheaderRow 
{
	background-color: /*color2*/#E0E0E0; /* was F18200 */
	color: /*text2*/#000000; /* was F5F5F5 */
	font-weight:bold;
	text-align:center;
}
.row
{
	background-color: /*color1*/#F7F7F7; /* was FFD8AA */
}
.headerRow 
{
	background-color: /*color2*/#F18200;
	color: /*text2*/#F5F5F5;
	font-weight:bold;
	text-align:center;
}
.hide
{
	display: none;
}
.altRow
{
	background-color: /*color1*/#FFFFFF;/* was FFF2E2 */
}
.altRowltGreen
{
	background-color: #E8FFE8;
}
.userSettingsForm
{
    background-color: /*color1*/ #E8FFE8;
    padding: 10px;
    border-top-style: solid;
    border-top-width: 1px;
    margin: 0px auto;
    border: 1px solid #008000 /*color2*/;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
}
table.limit700W
{
    width: 650px;
	border-color: /*text2*/#F7F7F7; /* was #F5F5F5 */
}
.qForm
{
    background-color: /*color1*/ #F7F7F7; /* was #FFF2E2 */
    padding: 5px;
    margin: 0px auto;
    border: solid 1px /*color2*/ #E0E0E0;
    font-size: small;
}
.qForm table td
{
	border-spacing: 0px;
	padding-right: 10px;
	margin: 0px;
    text-align: left;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.qHeader
{
    background-color: /*color2*/ #E5FFCC; /* was $CC6600 */
    padding: 5px;
    color: /*text2*/ #000000; /* was #F5F5F5 */
    font-size: large;
    font-weight: bold;
    margin: 0px auto;
    text-align: center;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E0E0E0; /* was #F18200 */
}
.qFooter
{
    background-color: /*color2*/ #E5FFCC; /* was $CC6600 */
    padding: 5px;
    color: /*text2*/ #000000; /* was #F5F5F5 */
    margin: 0px auto;
    text-align: center;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E0E0E0;
    vertical-align: middle;
}
.userSettings
{
    border: thin double #000000;
    margin: 0px;
    padding: 5px;
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    font-style: normal;
    color: #000000;
    background-image: none;
    background-color: /*color2*/ #9DCF96;
}
.loginHeader
{
    border: thin double #000000;
    margin: 0px;
    padding: 2px;
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    font-style: italic;
    color: #000000;
    background-image: none;
    background-color: /*color2*/ #E5FFCC;
}
.loginBody
{
    border: thin solid #000000;
    margin: 0px;
    padding: 2px;
    font-family: Arial;
    color: #000000;
    background-image: none;
    background-color: /*color2*/ #F7F7F7;
}
.tdRjust
{
    text-align: right;
    vertical-align: middle;
}
.tdLjust
{
    text-align: left;
    vertical-align: middle;
}
.footerTextRight
{
    float: right;
    margin-right: 5px;
    font-size: smaller;
}
.bCenter
{
	float:inherit;
}
.bRight
{
	float:right;
	margin-right: 5px;
}
.bLeft
{
	float:left;
	margin-left: 5px;
	margin-right: 5px;
}
.flushRight
{
	float:right;
	margin-right: 0px;
}
.flushLeft
{
	float:left;
	margin-left: 0px;
}
.calendar td 
{
	text-align: center;
	font-size: small;
	text-decoration: none;
}
.calendar tbody
{
	margin: 0px auto;
	text-align: center;
	text-decoration: none;
}
.correctAnswerHighlight 
{
    background-color: #87e461;
}
.incorrectAnswerHighlight 
{
    background-color: #ffdbd6;
}
.incorrectAnswerHighlightLeftJ 
{
    background-color: #ffdbd6;
	padding-left:10px;
    text-align:left;
}
.incorrectAnswerHighlightRightJ 
{
    background-color: #ffdbd6;
    text-align:right;
}
.incorrectAnswerHighlightCenterJ
{
    background-color: #ffdbd6;
    text-align: center;
}
.lowpctHighlight 
{
    background-color: #ffffff;
    color: #FF0000;
    text-align: center;
    font-weight:bold;
}
.highpctHighlight 
{
    background-color: #ffffff;
    text-align: center;
}
.mcCorrectAnswerHighlight 
{
    border-top: solid 20px white;
}
.mcIncorrectAnswerHighlight 
{
    background-color: #ffdbd6;
    border-top: solid 20px white;
}
table.reviewLegend tr td
{
    border: solid 1px black;
    padding: 5px;
    text-align: center;
}
table.reviewLegend tr th
{
    border: solid 1px black;
    padding: 5px;
}
table.reviewLegend 
{
    border-collapse: collapse;
}
a.sFont img 
{
    padding: 0px;
}
a.mFont img 
{
    background-color: Blue;
    padding: 1px;    
}
a.lFont img 
{
    padding: 0px;
}
a.xlFont img 
{
    padding: 0px;
}
.minwidth
{
    display: none;
    width: 750px;
    margin: 0px;
    padding: 0px;
    height: 5px;
    font-size: 0pt;
    border-color: Lime;
    background-color: #000000;
    color: #FFFFFF;
}
a.aNavSelected
{
    color: Black;
    background-color: #eaf3ee;
}


    .NavItem
    {
        margin-top: 3px;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-right: 10px;
        padding-left: 2px;
        text-align: left;
        background-color: #1c5e55;
        color: white  !important;
        width: 100%;
        font-size: 12px;
    }
    .NavItem a, .NavItem a:visisted, .NavItem a:link, .NavItem a:active, NavLink
    {
        color: White !important;
    }
    .NavItem a:hover
    {
        color: #ebc00f !important;
        font-weight: bolder;
    }
    .NavItem:hover
    {
        border: solid 1px #ebc00f;
        background-color: Black !important;
        margin-top: 1px;
        padding-left: 0px;
    }
    .NavLink
    {
        color: White !important;
    }
    .ModuleDescription
    {
        padding: 0 5px 3px 0;
    }
    .ModuleTab
    {
        text-decoration: none;
        font-size: 15px;
        color: white !important;
    }
    .ModuleTab_active
    {
        text-decoration: none;
        font-size: 15px;
        color: #ebc00f;
        font-weight: bold; /*color:#e9c608;*/ /*background-color:Red;*/
    }
    .ModuleTab_active a, .ModuleTab_active a:visit, .ModuleTab_active a:link, .ModuleTab_active a:active
    {
        color: #ebc00f !important;
    }
    .SignOutArea a, .SignOutArea a:visited, .SignOutArea a:link, .SignOutArea a:active
    {
        color: white !important;
    }
    .SignOutArea a:hover
    {
        color: #ebc00f !important;
    }
    .DownloadGrid
    {
        padding: 0px;
        margin: 0px;
        color: #333333 !important;
        width: 615px;
    }
    .TabHolder a, .TabHolder a:visit, .TabHolder a:active
    {
        color: white !important;
    }
    .TabHolder a:hover
    {
        color: #ebc00f !important; /*background-color:silver;*/
        font-weight: bold; /*background-color:#1c5e55;*/
    }
  a.aAdminNavSelected
{
    color: Black;
    background-color: #6699FF;
}


  .AdminNavItem
{
    margin-top: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 10px;
    padding-left: 2px;
    text-align: right;
    background-color: #0000CC;
    color: white !important;
    width: 140px;
    font-size: 12px;
}
    .AdminNavItem a, .AdminNavItem a:visisted, .AdminNavItem a:link, .AdminNavItem a:active, AdminNavLink
    {
        color: White !important;
    }
    .AdminNavItem a:hover
    {
        color: #ebc00f !important;
        font-weight: bolder;
    }
    .AdminNavItem:hover
    {
        border: solid 1px #ebc00f;
        background-color: Black !important;
        margin-top: 1px;
        padding-left: 0px;
    }
    .AdminNavLink
    {
        color: White !important;
    }
