BODY
{
    MARGIN: 10px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    background: url('img/bg_blue.gif');
	background-repeat: repeat-x;
	background-color: #67a1cd;
}
TD
{
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
BODY.bbDefault
{
    FONT-SIZE: 0.8em
}
BODY.bbDefault TD
{
    FONT-SIZE: 0.8em
}
BODY.bbDefault A:link
{
    COLOR: #003366
}
BODY.bbDefault A:visited
{
    COLOR: #003366
}
BODY.bbDefault A:active
{
    COLOR: #669999
}
.bWhite
{
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff
}
.bLight
{
    BORDER-LEFT-COLOR: #eeeeee;
    BORDER-BOTTOM-COLOR: #eeeeee;
    COLOR: #000000;
    BORDER-TOP-COLOR: #eeeeee;
    BACKGROUND-COLOR: #eeeeee;
    BORDER-RIGHT-COLOR: #eeeeee
}
.bLight A
{
    BORDER-LEFT-COLOR: #eeeeee;
    BORDER-BOTTOM-COLOR: #eeeeee;
    COLOR: #000000;
    BORDER-TOP-COLOR: #eeeeee;
    BORDER-RIGHT-COLOR: #eeeeee
}
.bMedium
{
    BORDER-LEFT-COLOR: #cccccc;
    BORDER-BOTTOM-COLOR: #cccccc;
    COLOR: #990000;
    BORDER-TOP-COLOR: #cccccc;
    BACKGROUND-COLOR: #cccccc;
    BORDER-RIGHT-COLOR: #cccccc
}
.bDark
{
    COLOR: #fefae9;
    BACKGROUND-COLOR: #333333
}
.bDark A:link
{
    COLOR: #ff0000
}
.bDark A:visited
{
    COLOR: #ff0000
}
.bDark A:active
{
    COLOR: #eeeeee
}
.bBlack
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #000000
}
.bAccentLight
{
    COLOR: #000000;
    BACKGROUND-COLOR: #fefae9
}
.bAccentMedium
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #669999
}
.bAccentDark
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #336666
}
.bAccentNeutral
{
    COLOR: #000000;
    BACKGROUND-COLOR: #cccc99
}
.warnFont
{
    COLOR: #8b0000
}
.required
{
    FONT-SIZE: 1em;
    COLOR: red
}
.copyright
{
    FONT-SIZE: 10px;
}
.titlebar
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.3em
}
.breadcrumb
{
    FONT-SIZE: 0.7em
}
.stepTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em
}
.label
{
    FONT-WEIGHT: bold
}
.receiptDate
{
    FONT-SIZE: 0.7em
}
.caretTitle
{
    FONT-WEIGHT: bold
}
.contentTitle
{
    FONT-WEIGHT: bold
}
.recordCounter
{
}
.colHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.7em;
    LINE-HEIGHT: 10pt
}
.listItem
{
    FONT-SIZE: 0.9em
}
.sessionCount
{
    FONT-WEIGHT: bold
}
.recordMarker
{
}
.pagingNav
{
}
.paging
{
    FONT-SIZE: 0.9em;
    TEXT-DECORATION: none
}
DIV.space
{
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 7px
}
.actionButton
{
    BORDER-RIGHT: #dddddd 1px outset;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #dddddd 1px outset;
    PADDING-LEFT: 5px;
    FONT-SIZE: 10px;
    BORDER-LEFT: #dddddd 1px outset;
    COLOR: #003366;
    BORDER-BOTTOM: #dddddd 1px outset;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #eeeeee;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.inputTypeButton
{
    BORDER-RIGHT: #cccccc 1px outset;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #cccccc 1px outset;
    PADDING-LEFT: 3px;
    FONT-SIZE: 0.7em;
    BORDER-LEFT: #cccccc 1px outset;
    COLOR: #336699;
    BORDER-BOTTOM: #cccccc 1px outset;
    BACKGROUND-COLOR: #f0f0f0
}
.inlineAction
{
    BORDER-RIGHT: #cccccc 1px outset;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #cccccc 1px outset;
    PADDING-LEFT: 5px;
    FONT-SIZE: 0.85em;
    MARGIN-BOTTOM: 5px;
    MARGIN-LEFT: 5px;
    BORDER-LEFT: #cccccc 1px outset;
    COLOR: #003366;
    MARGIN-RIGHT: 5px;
    BORDER-BOTTOM: #cccccc 1px outset;
    BACKGROUND-COLOR: #eeeeee
}
A.inlineAction:link
{
    TEXT-DECORATION: none
}
A.inlineAction:visited
{
    BORDER-RIGHT: #eeeeee 1px outset;
    BORDER-TOP: #eeeeee 1px outset;
    BORDER-LEFT: #eeeeee 1px outset;
    COLOR: #003366;
    BORDER-BOTTOM: #eeeeee 1px outset;
    TEXT-DECORATION: none
}
A.inlineAction:hover
{
    BORDER-RIGHT: #eeeeee 1px inset;
    BORDER-TOP: #eeeeee 1px inset;
    BORDER-LEFT: #eeeeee 1px inset;
    COLOR: #006699;
    BORDER-BOTTOM: #eeeeee 1px inset;
    TEXT-DECORATION: none
}
A.inlineAction:active
{
    BORDER-RIGHT: #eeeeee 1px inset;
    BORDER-TOP: #eeeeee 1px inset;
    BORDER-LEFT: #eeeeee 1px inset;
    COLOR: #006699;
    BORDER-BOTTOM: #eeeeee 1px inset;
    TEXT-DECORATION: none
}
DIV.sidebar
{
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 5px;
    BORDER-LEFT: #cccccc 1px solid;
    COLOR: #000000;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #cccccc 1px solid;
    HEIGHT: 100%;
    BACKGROUND-COLOR: #fefae9
}
DIV.sidebarTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.8em;
    FONT-FAMILY: Arial,Helvetica,sans-serif
}
DIV.sidebarDesc
{
    FONT-SIZE: 0.7em;
    MARGIN-LEFT: 17px;
    FONT-FAMILY: Arial,Helvetica,sans-serif
}
DIV.caretlistTitle
{
    FONT-WEIGHT: bold;
    PADDING-TOP: 10px
}
DIV.caretlistDesc
{
    MARGIN-LEFT: 25px
}
.toolboxBorder
{
    WIDTH: 150px;
    COLOR: #000000;
    BACKGROUND-COLOR: #336666
}
.toolboxTitle
{
    PADDING-LEFT: 8px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.7em;
    COLOR: #ffffff;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    HEIGHT: 5px;
    BACKGROUND-COLOR: #336666
}
.toolboxBody
{
    PADDING-LEFT: 4px;
    FONT-SIZE: 0.8em;
    COLOR: #000000;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    BACKGROUND-COLOR: #eeeeee
}
.moduleBorder
{
    COLOR: #000000;
    BACKGROUND-COLOR: #336699
}
.moduleHead
{
    COLOR: #000000;
    BACKGROUND-COLOR: #336699
}
.moduleBody
{
    FONT-SIZE: 0.8em
}
.moduleTitle
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff
}
.moduleTitlePm
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.8em;
    COLOR: #ffffff;
    FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD.actionBarc2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
TD.actionBarc1
{
    PADDING-RIGHT: 0px
}
.actionType
{
    FONT-WEIGHT: bold
}

.actionItemInactive
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px
}

A.actionItem
{
    BORDER-RIGHT: 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: 1px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 1px solid;
    TEXT-DECORATION: none
}
A.actionItem:hover
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-BOTTOM: #999999 1px solid
}
.actionTypePm
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.9em
}
.actionItemPm
{
    BORDER-RIGHT: #eeeeee 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #eeeeee 1px solid;
    PADDING-LEFT: 2px;
    FONT-SIZE: 0.9em;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #eeeeee 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #eeeeee 1px solid
}
A.actionItemPm
{
    TEXT-DECORATION: none
}
A.actionItemPm:hover
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-BOTTOM: #999999 1px solid
}
A.actionItemPm:link
{
    COLOR: #0000ff;
    BACKGROUND-COLOR: #f0f0f0
}
A.actionItemPm:visited
{
    COLOR: #0000ff;
    BACKGROUND-COLOR: #f0f0f0
}
.captionText
{
    FONT-SIZE: 0.8em;
    FONT-STYLE: italic
}
.fontLarge
{
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.fontStandard
{
    FONT-SIZE: small;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.fontStandardBold
{
    FONT-WEIGHT: bold
}
.fontSmall
{
    FONT-SIZE: x-small;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.toolbarElement
{
    TEXT-DECORATION: none
}
.toolbarElementText
{
    DISPLAY: inline;
    VERTICAL-ALIGN: middle
}
.toolbarElementImage
{
    VERTICAL-ALIGN: middle
}
A.textBoxItem
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    MARGIN: 1px;
    PADDING-TOP: 2px;
    TEXT-DECORATION: none
}
A.textBoxItem:hover
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    MARGIN: 0px;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-BOTTOM: #999999 1px solid
}
.fontOrange
{
    FONT-SIZE: 1em;
    COLOR: #cd6600
}
.productBox
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid
}
.menuList
{
    LIST-STYLE-TYPE: disc
}
.borderBottom
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: #bbbbbb 1px solid
}
.fontXSmall
{
    FONT-SIZE: 0.85em
}
/*********************************************************
  Usage:    Attach to Question Completion <DIV>. To be 
  			used if total number of assessment questions 
			< or = 75
  Example:  <DIV class="container">
**********************************************************/
.container{
	overflow:auto;

}

/*********************************************************
  Usage:    Attach to Question Completion <DIV> to set
  			the size of the scrollable area. To be used if 
			total number of assessment questions > 75
  Example:  <DIV class="containerLarge">
**********************************************************/
.containerLarge{
	overflow:auto;
	height: 75px;
}

/*********************************************************
  Usage:    Attach to the <SPAN> around the question 
  			number. Sets the text style of a question for 
			answered or unanswered questions.
  Example:  <SPAN class="qIncomplete">1</SPAN>
  			<SPAN class="qComplete">1</SPAN>
**********************************************************/
.qIncomplete{
	color: #003366;	
	font-weight:bold;
}

.qComplete{
	color: #003366;	
	background-color: #cccccc;
	border:1px solid #999999;
	font-weight:bold;
}

/*********************************************************
  Usage:    Attach to the <DIV> containing the question 
  			numbers. Expands or Collapses the <DIV>.
  Example:  <SPAN class="qIncomplete">1</SPAN>
**********************************************************/
.qShow{
	display: block;
}

.qHide{
	display: none;
}

TD.qStatus{
	padding: 4px 1px;
	width: 5%;
}

.questionNumber
  {
    font-weight : bold;
  } 
  .questionType
  {
    font-weight : bold;
  }   
  .questionText
  {
    
  }   
  .points
  {
	font-weight : bold;
} 
 .subtitle
  {
	font-weight : bold;
	font-size : small;
	margin-bottom : 2px;
	margin-top : 10px;
	margin-left : 0px;
	margin-right : 0px;
} 

 .questionScroll
  {	
	/*border : 1px solid #cccccc;*/
	font-size:.9em
} 

.colHead
{
	font-size : .7em;
}

.login {
font-family: verdana;
color: #174976;
font-size: 11px;
padding-right:10px;
}
.content {
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
color: #333333;
font-size: 14px;
background-color: #73a8d1;
}
.footer {
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
color: #666666;
font-size: 14px;
}
a:link {
color: #174976;
text-decoration: none;
}
a:hover {
color: #b7d3e7;
text-decoration: underline;
}
a:visited:hover {
color: #b7d3e7;
text-decoration: underline;
}
a:visited {
color: #174976;
text-decoration: none;
}
a:active {
color: #b7d3e7;
text-decoration: underline;
}
.navigation {
padding-left: 5px;
padding-top: 0px;
color: #333333;
font-size: 12px;
background-color: #73a8d1;
}
.header {
padding: 2px;
}
input {
 width: 100px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #73a8d1;
 color: #174976;
 border: 1px solid #174976;
 padding-left: 5px;
}
.option {
font-size: 22px;
font-weight: bold;
text-decoration: underline;
}
img.floatLeft {
float: left;
padding-right: 10px;
}
img.floatRight {
float: right;
padding-left: 10px;
}
.heading1 {
font-size: 20px;
font-weight: bold;
}
.heading2 {
font-size: 30px;
font-weight: bold;
color: #174976;
}
.heading3 {
font-size: 16px;
font-weight: bold;
color: #333333;
}

h1 {
font-size: 22px;
}