/*
	Knowledge Tracker GLOBAL Sytles
*/

/*
	Default Styles
*/
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	background-color: #FFFFFF;
}
p {
	margin-top: 0px;
	margin-bottom: 15px;
}
h1, h2, h3 {
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
h1 {
	font-size: 16px;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 12px;
}
.clearBoth {
	clear: both;
	font-size: 1px;
	height: 1px;
}
.finePrint {
	font-size: 10px;
	color: #AAAAAA;
}

/*
	Forms
*/
form {
	margin: 0px;
}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #999999;
	background-color: #CCCCCC;
	width: 100%;
	cursor: pointer;
}
.inputText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	width: 100%;
}

/*
	Question Layouts
*/
#questionLayout_01 {
	position: relative;
	width: 485px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
#questionLayout_02 {
	position: relative;
	width: 690px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
#info {
	font-size: 12px;
	color: #339900;
}
.linkAnswer, .linkAnswer:link ,.linkAnswer:hover, .linkAnswer:visited {
	display: block;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}
.iconTick {
	width: 26px;
	height: 26px;
	margin-left: 7px;
	background-image: url(/images/questionnaire/icon_tick.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.selectionBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	width: 100%;
}
.textInputBox {
	width: 445px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.textInput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	width: 100%;
	height: 100%;
}
.numericInputBox {
	width: 175px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.numericInput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid #CCCCCC;
	width: 150px;
	text-align: right;
}
.numericSelector {
	width: 14px;
	height: 30px;
	margin-top: -25px;
	float: right;
}

/*
	Media Layout
*/
#graphics {
	position: relative;
	top: -73px;
	width: 781px;
	padding-top: 73px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -73px;
	text-align: center;
}
#graphicFile {
}
.selectArea {
	position: absolute;
	border: 2px solid #FFFF00;
	background-image: url(/images/questionnaire/transparent_pixel.gif);
	cursor: pointer;
	font: 1px/1px monospace !important;
	font: 0px/0px monospace;
}
.buttonClose {
	float: right;
	margin-top: -2px;
}

/*
	Result Layout
*/
#resultGraph {
	position: relative;
	top: 12px;
	left: 300px;
	margin-bottom: 20px;
}
#resultMaximum {
	position: absolute;
	top: 5px;
	left: 180px;
}
#resultMinimum {
	position: absolute;
	top: 254px;
	left: 180px;
}
#resultScore {
	position: absolute;
	top: 249px;
	left: 370px;
}
.reviewArrow01 {
	position: relative;
	float: left;
	margin-left: -21px;
	margin-top: 9px;
	width: 20px;
	height: 22px;
	background-image: url(/images/questionnaire/review_arrow01.gif);
	background-repeat: no-repeat;
}
.reviewArrow02 {
	position: absolute;
	width: 20px;
	height: 16px;
	background-image: url(/images/questionnaire/review_arrow02.gif);
	background-repeat: no-repeat;
}
.reviewScore {
	font-size: 10px;
	color: #666666;
}
.reviewText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	width: 100%;
	padding: 1px;
	background-color: #FFFFFF;
}

/*
	Pods
*/
#pod01Top, #pod01Bottom, .questionPod01Top, .questionPod01Bottom, .questionPod02Top, .questionPod02Bottom, .iconPodTop, .iconPodBottom, .answerPod01Top, .answerPod01Bottom, .answerPod02Top, .answerPod02Bottom, .pod03Top, .pod03Bottom, .mediaPod01Top, .mediaPod01Bottom {
	padding: 0;
	margin: 0;
	font: 1px/1px monospace !important;
	font: 0px/0px monospace
}
#pod01Content {
	width: 260px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
	padding-right: 9px;
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
#pod01Top, #pod01Bottom {
	width: 280px;
}
#pod01Top {
	background-image: url(/images/pods/pod01_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 4px;
}
#pod01Bottom {
	background-image: url(/images/pods/pod01_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 12px;
}
.questionPod01 {
	background-color: #FFFFFF;
	width: 465px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
	padding-right: 9px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.questionPod01Top, .questionPod01Bottom {
	width: 485px;
}
.questionPod01Top {
	background-image: url(/images/pods/questionpod01_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 4px;
}
.questionPod01Bottom {
	background-image: url(/images/pods/questionpod01_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 12px;
}
.questionPod02 {
	background-color: #FFFFFF;
	width: 670px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
	padding-right: 9px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.questionPod02Top, .questionPod02Bottom {
	width: 690px;
}
.questionPod02Top {
	background-image: url(/images/pods/questionpod02_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 4px;
}
.questionPod02Bottom {
	background-image: url(/images/pods/questionpod02_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 12px;
}
.iconPod {
	position: absolute;
	left: 0px;
	width: 40px;
	cursor: pointer;
}
.iconPodTop, .iconPodBottom {
	width: 40px;
}
.iconPodTop {
	background-image: url(/images/pods/iconpod_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 4px;
}
.iconPodBottom {
	background-image: url(/images/pods/iconpod_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 12px;
}
.iconPodContent {
	background-color: #FFFFFF;
	width: 38px;
	height: 30px;
	padding-top: 2px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.answerPod01 {
	width: 440px;
	margin-left: 45px;
	cursor: pointer;
}
.answerPod01Top, .answerPod01Bottom {
	width: 440px;
}
.answerPod01Top {
	background-image: url(/images/pods/answerpod01_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 4px;
}
.answerPod01Bottom {
	background-image: url(/images/pods/answerpod01_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 12px;
}
.answerPod01Content {
	background-color: #FFFFD0;
	width: 430px;
	height: 32px;
	padding-left: 4px;
	padding-right: 4px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.answerPod02 {
	background-color: #FFFFD0;
	width: 670px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
	padding-right: 9px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.answerPod02Top, .answerPod02Bottom {
	width: 690px;
}
.answerPod02Top {
	background-image: url(/images/pods/answerpod02_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 4px;
}
.answerPod02Bottom {
	background-image: url(/images/pods/answerpod02_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 12px;
}
.explPod01 {
	position: absolute;
	left: 490px;
	width: 200px;
	height: 36px;
}
.explPod02 {
	position: absolute;
	left: 490px;
	width: 200px;
	height: 33px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	overflow: auto;
}
.pod03 {
	background-color: #FFFFFF;
	width: 560px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
	padding-right: 9px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.pod03Top, .pod03Bottom {
	width: 580px;
}
.pod03Top {
	background-image: url(/images/pods/pod03_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 4px;
}
.pod03Bottom {
	background-image: url(/images/pods/pod03_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 12px;
}
.mediaPod01Top, .mediaPod01Bottom {
	width: 690px;
}
.mediaPod01Top {
	background-image: url(/images/pods/mediapod01_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 4px;
}
.mediaPod01Bottom {
	background-image: url(/images/pods/mediapod01_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 4px;
}
.mediaPod01Title {
	font-weight: bold;
	width: 678px;
	background-color: #DDDDDD;
	padding-left: 6px;
	padding-right: 4px;
	padding-bottom: 3px;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #999999;
}
.mediaPod01 {
	text-align: center;
	background-color: #FFFFFF;
	width: 680px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}
#loadingPod {
	position: relative;
	width: 280px;
	top: 150px;
	margin-left: auto;
	margin-right: auto;
}
#loaderBar {
	height: 10px;
	width: 258px;
	border: 1px solid #666666;
	background-color: #DDDDDD;
}
#loaded {
	width: 0%;
	height: 100%;
	background-color: #937070;
}

/*
	Page setup
*/
#body02 {
	background-color: #FFFFFF;
}
#questionnaireLayout {
	position: relative;
}
#pageLayout {
	position: relative;
	background-repeat: repeat-y;
}
#pageLayoutHeader {
	background-repeat: no-repeat;
}
#pageLayoutFooter {
	background-repeat: no-repeat;
}
#sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebar a {
	display: block;
}
#sidebar a:link, #sidebar a:visited {
	text-decoration: none;
}
#sidebar .spacer {
	width: 100%;
}
#pageContent {
	float: right;
}
#footer {
	width: 100% !important;
	background-color: #FFFFFF !important;
}
#siteFooter {
	position: relative;
	width: 100%;
	color: #999999;
	text-align: center;
	font-size: 10px;
	padding-top: 15px;
	padding-bottom: 5px;
}
#loginPod {
	position: absolute;
	z-index: 1000;
}
#processing {
	position: absolute;
	z-index: 1000;
}
#mediaPod {
	position: absolute;
	z-index: 1000;
}

/*
	Links
*/
td a {
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 100%;
	font-weight: bold;
}
td a:link, td a:visited {
	text-decoration: none;
}

/*
	Tables
*/
.cellHighlight_Header td {
	background-color: #937070;
	font-weight: bold;
	color: #DDDDDD;
}
.cellHighlight_0 td {
	background-color: #FFFFFF;
}
.cellHighlight_1 td {
	background-color: #DDDDDD;
}
.rowHighlight_0 {
	background-color: #DDDDDD;
}
.rowHighlight_1 {
	background-color: #FFFFFF;
}

/*
	Question Frame Layouts
*/
#frame {
	position: absolute;
	background-repeat: repeat-y;
}
#frameHeader {
	background-repeat: no-repeat;
	background-position: center top;
}
#frameContents {
	position: relative;
}
#frameFooter {
	background-repeat: no-repeat;
	background-position: center top;
}
#frameTitle {
	position: absolute;
}
#frameCounter {
	position: absolute;
}
#frameText {
	position: relative;
}

/*
	Question Navigation
*/
#navButtons {
	position: relative;
}
#cancelButton {
	position: absolute;
}
#mediaButton {
	position: absolute;
}
#backButton {
	position: absolute;
}
#nextButton {
	position: absolute;
}

/*
	Reports
*/
.rline1 {
	font-weight: bold;
	color: #000000;
	margin-right: 20px;
}
.rline2 {
}
.rline3 {
	font-style: italic;
}
.hline {
	border-bottom: 1px solid #CCCCCC;
	height: 3px;
	width: 100%;
	margin-bottom: 3px;
}
.rPrint {
	float: right;
	margin: 0px 0px 0px 0px;
}
.rPrint a:link, .rPrint a:visited {
	text-decoration: none;
}
.rPrint a {
	display: block;
	padding-top: 2px;
	cursor: pointer;
}
.rPrint a:hover {
}


