/*

eTest Colors
------------

blue		: #096993;	RGB: 0  ;105;147
orange		: #e76318;	RGB: 231;99 ;24
green		: #109c4a;	RGB: 16 ;156;74
yellow		: #ffce00;	RGB: 255;206;00

gray		: #cccccc;

paleBlue	: #e1e1ff;	RGB: 225;225;255
paleRed		: #ffe1e1;	RGB: 255;225;225
paleGreen	: #e1ffe1;	RGB: 225;255;225
paleYellow	: #ffffe1;	RGB: 255;255;225

*/

/*
removed 2006-02-20 (rp)
The following CSS definition cannot be used because it breaks the formatting
in the rich media editors.
*/

/* * {font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 10px;} */

/*Debug only*/
.testBorder {border:2px solid Red;}


/******************
**    General    **
******************/


html
{
	height				: 100%;
}
body, form, iframe, p
{
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 10px;

	padding				: 0px;
	margin				: 0px;
	background-color	: #ffffff;
}
th, td, input, select
{
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 10px;
}
img
{
	border				: 0;
}
a:link, a:active, a:visited
{
	color				: #096993;
}
a:hover
{
	color				: #109c4a;
}

.contentBodyPadding{margin:5px; padding:5px;}

.headingReports
{
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 10px;
	font-weight			: bold;
}

.linkImage {border: 0px none transparent; margin-left: 10px;}
.noSidePadding {padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;}
.noPadding {padding:0px; margin:0px;}
.noWrap {white-space: nowrap;}
.mediumTopMargin {margin-top: 10px;}

/*Main controls*/
.mainTable {padding-bottom: 0px; padding-top:0px; margin:0px; width:900px;}
.topBar {padding-bottom: 0px; padding-top:0px; margin:0px; width:100%; height:70px;}
.mainContent {margin:0px; padding:0px;}
.leftBar {width:15%; padding-top:5px; margin-top:5px;}

/*Table Round Corners*/
.tl {padding: 0px; width: 2px; height:2px; text-align: left; vertical-align: top;}
.tr {padding: 0px; width: 2px; height:2px; text-align: right; vertical-align: top;}
.bl {padding: 0px; width: 2px; height:2px; text-align: left; vertical-align: bottom;}
.br {padding: 0px; width: 2px; height:2px; text-align: right; vertical-align: bottom;}

/*TitleTable*/
.titleTableLabel
{
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 10px;
	font-weight			: bold;
	color				: #246793;
	white-space			: nowrap;
	text-align			: right;
	
	margin-right		: 4px;
}
.titleTableValue
{
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 10px;
	font-weight			: normal;
	color				: Black;
	white-space			: normal;
}

/*Round table*/
.roundTable {padding: 0px; margin: 0px; border-collapse: collapse; text-align: left;}
.roundTableTitle
{
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 10px;
	font-weight			: bold;
	
	padding				: 3px;
}
.roundTableContent {background-color: #ffffff; color: Black; vertical-align: top;}
.roundTableContentRow { vertical-align: top;}
#messageContent {padding:0px; margin:0px; vertical-align: middle;}

/*Colored backgrounds*/ 
.blueBackground { background-color: #096993; color:White;}
.greenBackground { background-color: #109c4a; color:White;}
.orangeBackground { background-color: #e76318; color:White;}
.yellowBackground { background-color: #ffce00; color:Black;}
.redBackground { background-color: #ff0000; color:Black;}
.grayBackground { background-color:#cccccc; color:Black;}
.whiteBackground { background-color:#ffffff; color:Black;}
.paleRedBackground { background-color: #ffe1e1; color:Black;}
.paleYellowBackground { background-color: #ffffe1; color:Black;}
.paleBlueBackground { background-color: #e1e1ff; color:Black;}
.paleGreenBackground { background-color: #e1ffe1; color:Black;}

.disabledBackground { background-color: #cccccc; border: 1px solid;}

/*White Background*/
.whiteBackground { background-color: #ffffff; color:Black;}

/*Text Effects*/
.blueText {color: #246793;}
.greenText {color: #109c4a;}
.redText {color: #ff0000;}
.errorText {color: #ff0000; font-weight:bold; border-width:2px; border-color:#e76318; border-style:solid;}
.boldText {font-weight:bold; line-height: 20px;}
.titleText {font-size: 13px; font-weight: bold; color: #096993; line-height: 25px;}
.infoText {}
.versionText {font-size:13px; color: #096993;}
.rightAlignText {text-align:right;}
.disabledText {color:#cccccc;}
.marginTop {margin-top: 4px;}

/*Option*/
.option
{
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 10px;
	cursor				: pointer;
	text-decoration		: underline;
	margin-top			: 5px;
	margin-bottom		: 5px;
}
.optionFilter
{
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 10px;
	cursor				: pointer;
	text-decoration		: underline;
}
.imageOption {cursor:pointer;padding:0px; margin:0px;}
.inactiveOption {color:Gray; margin-top:5px; margin-bottom:5px;}
.button {cursor:pointer; text-decoration: underline; margin-top:5px; margin-bottom:5px;}
.arrowCursor{cursor:default;}

/* Width, Heights and Display */
.fullWidth {width: 100%;}
.halfWidth {width: 50%;}
.fullHeight {height: 100%;}
.separatorHeight {height: 20px;}
.noDisplay {display:none;}



/*message Area*/
.navigationBar {font-size: 9px;}
.navigationBar a {font-size: 9px;}

/*footer area*/
.footerLeftText {font-size: 8px; font-weight:bold; text-align:left; font-family:Courier New}
.footerText {font-size: 8px; font-weight:bold; text-align:right; font-family:Courier New}
.footerText a {font-size: 8px; font-weight:bold; text-align:right; font-family:Courier New}

/*Register*/
.serialInputCell {width: 64px}

/*richTextInput*/
.richTextInput {height: 200px; width:700px; border-width:2px; border-style:inset; border-color:#bebebe;}

/*Wizards*/
.wizardHeaderList {border: solid 1px black; background-color:#ffffe1; padding:0px; margin:0px;}
.wizardHeaderText {font-size:9px; padding:2px; margin:2px;}
.wizardTitleText {font-size: 14px; font-weight: bold; background-color: #109c4a; color:White;}

.wizardOption {color:#096993; line-height: 18px; }
.wizardTable {padding-top:20px; margin-top:20px; width: 98%}
 
/* Reports */
.reportTable {padding-top:5px; margin-top:5px; width: 98%}

/*Wizard Navigator*/
.wizardNavigatorOptionCell{text-align:center; vertical-align:middle; height:40px; width:60px;}
.wizardNavigatorDescriptionCell{text-align:center; vertical-align:middle; width:60px; overflow:hidden}
.wizardNavigatorOptionSeparator{height:8px; width:15px; text-align:center; vertical-align:middle;}
.wizardNavigatorOptionImage{width:100%; height:40px; text-align:center; vertical-align:middle;}
.wizardNavigatorOptionText{position:absolute; color: White; font-size:18px;}
.wizardNavigatorDescriptionText{color:#109c4a; font-size:9px;}

/*PublicationPreview*/
.publicationPreview {height: 200px; width:700px; border-width:2px; border-style:inset; border-color:#bebebe;}

/*SettingsList*/
.SettingsListTable {padding: 0px; margin:0px;}
.SettingsListHeaderCell {font-size:12px; color: #096993; background-color:White;}
.SettingTableCell {padding: 0px; margin: 0px;}
.SettingTable {padding:0px; margin:0px;}
.SettingHeaderCell {color: #246793; background-color:White;}
.SettingDescriptionCell {color: #109c4a; background-color:White;}
.SettingValueTextCell {color: #246793;}
.SettingValueInputTextCell {width:100px;}
.SettingOverridableCell {padding:0px; margin:0px; text-align:left; width:100px;}
.SettingOverridableInputTextCell {}
.SettingsBottomLine {border-bottom-color:#bbbbbb; border-bottom-style:dotted; border-bottom-width:1px;}

/*AdministrationArea*/
.AdministrationListHeaderCell {font-size:12px; color: #096993; background-color:White;}
.AdministrationDescriptionCell {color: #109c4a; background-color:White;}
.AdministrationBottomLine {border-bottom-color:#bbbbbb; border-bottom-style:dotted; border-bottom-width:1px;}

/* Commom lines*/
.SeparatorRow {padding-top:3px; margin-top:3px;}
.TitleBottomLine {border-bottom-color:#555555; border-bottom-style:solid; border-bottom-width:1px;}

/*Language picker*/
.languageOptionsTable{border-color: #888888; border-style:solid; border-width: 1px; border-collapse:collapse; padding:1px; margin:1px;}
.languageOptionsCell{border-bottom-color: #c9c9c9; border-bottom-style:solid; border-bottom-width: 1px; border-collapse:collapse; padding:0px; margin:0px;}

/*Print*/
.titleTextPrint {font-size: 13px; font-weight: bold; color: #096993;}

.dataGridPrint {border-style: solid; border-color: #999999; border-width:1px; border-collapse:collapse;}
.dataGridPrintTable {background-color: #ffffff; color:Black;}
.dataGridPrintHeadCell {background-color: #096993; color:White;}
.dataGridPrintBodyEven {background-color: #f5f5f5; color:Black;}
.dataGridPrintBodyOdd {background-color: #EaEaEa; color:Black;}

/*Borders and paddings*/
.fullLightBorder {border-color: Black; border-width: 1px; border-style:solid;}
.leftBorder {border-left-color:#bbbbbb; border-left-style:dotted; border-left-width:1px; padding-left:10px; padding-right:10px;}
.rightBorder {border-right-color:#bbbbbb; border-right-style:dotted; border-right-width:1px; padding-left:10px; padding-right:10px;}
.bottomBorder {border-bottom-color:#555555; border-bottom-style:solid; border-bottom-width:1px; padding-bottom:10px; padding-top:10px;}
.dottedBottomBorder {border-bottom-color:#555555; border-bottom-style:dotted; border-bottom-width:1px; padding-bottom:10px; padding-top:10px;}
.noPaddingBottomBorder {border-bottom-color:#555555; border-bottom-style:solid; border-bottom-width:1px;}
.fullBorder {border-color: #999999; border-style: solid; border-width: 1px;}
.fullPadding {padding:10px; margin:10px;}

/*Borders for image buttons*/
.buttonBorder {border-top-style: outset; border-right-style: outset; border-left-style: outset; border-bottom-style: outset; border-width: 2px; }
.selectedButtonBorder {border-top-style: inset; border-right-style: inset; border-left-style: inset; border-bottom-style: inset; border-width: 2px; }


/************************
**    ETestTreeView    **
************************/


.eTestUnselectedTreeNode
{
	color				: #096993;
	background-color	: white;
}
.eTestSelectedTreeNode
{
	color				: white;
	background-color	: #e1e1ff;
}


/************************
**    ETestDataGrid    **
************************/


.ETestDataGrid
{
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 10px;

	border-style		: solid;
	border-color		: #c7c7c7;
	border-width		: 1px;
	border-collapse		: collapse;
}
.ETestDataGrid td
{
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 10px;
}
.ETestDataGridFilterBorder
{
	padding				: 2px;

	border-style		: solid;
	border-color		: #c7c7c7;
	border-width		: 1px;
	border-collapse		: collapse;
}
.ETestDataGridFilter
{
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 10px;

	height				: 30px;
	background-color	: #e5e5e5;
}
.ETestDataGridTable
{
	color				: Black;
	background-color	: #ffffff;
}
.ETestDataRowEven
{
	color				: Black;
	background-color	: #f5f5f5;
}
.ETestDataRowNotEven
{
	color				: Black;
	background-color	: #fcfcfc;
}
.ETestHeaderRow
{
	color				: White;
	background-color	: #1E6CB9;
}
.ETestHeaderCell
{
	font-family			: Verdana,Arial,Helvetica,sans-serif;
	font-size			: 10px;
	color				: White;
}
.ETestDataGridPaging
{
	text-align			: center;
	color				: Black;
	
	background-color	: #e5e5e5;
}
.ETestDataGridCell
{
}


/***********************
**    ETestListBox    **
***********************/

.ETestListBoxTable
{
	border-style		: solid;
	border-color		: #c7c7c7;
	border-width		: 1px;
}
.ETestListBoxRow
{
	color				: Black;
	background-color	: #f5f5f5;
	
	margin-top			: 3px;
	margin-bottom		: 2px;

	padding-top			: 3px;
	padding-bottom		: 2px;
}
.ETestListBoxSelectedRow
{
	color				: Black;
	background-color	: #e1e1ff;
	
	padding-top			: 3px;
	padding-bottom		: 2px;
	
	margin-top			: 3px;
	margin-bottom		: 2px;
}
.ETestListBoxHeaderCell{background-color: #096993; color:White;}
.ETestListBoxCell {padding-top:3px; margin-top:3px; padding-bottom:2px; margin-bottom:2px; text-align:left; overflow:hidden;} 
.ETestListBoxImageCell {text-align:center; padding-top:3px; margin-top:3px; padding-bottom:2px; margin-bottom:2px; width:10%;}
.ETestListBoxBottomLine {border-bottom-color:#555555; border-bottom-style:solid; border-bottom-width:1px;}
.ETestListBoxPagingTable {background-color: #e1e1ff; color:Black; text-align:center;}
/*.ETestListBoxAutoFilterRow {background-color: #ffffe1; color:Black;}*/
.ETestListBoxAutoFilterRow {background-color: #e1e1ff; color:Black;}

.ETestListBoxOptionsRow {text-align:right; width: 80px;}
.ETestListBoxOptionsCell {padding-left:2px; margin-left:2px; padding-right:2px; margin-right:2px;}


/************************************
**    Questions vs Users Report    **
************************************/


.questionVsUsers_ReportTable
{
	color				: black;

	background-color	: #ffffe1;
	border				: 1px solid #cccccc;
}
.questionVsUsers_ReportHeaderCell
{
	font-size			: 12px;
	font-weight			: bold;

	line-height			: 20px;

	background-color	: #e1e1ff;
	border				: 1px solid #cccccc;
}
.questionVsUsers_ColumnTitleCell
{
	font-weight			: bold;
	font-size			: 10px;

	line-height			: 16px;

	background-color	: #ffffe1;
	border				: 1px solid #cccccc;
}
.questionVsUsers_ValueCell
{
	font-weight			: normal;
	font-size			: 9px;

	background-color	: #ffffff;
	border				: 1px solid #cccccc;
}

#reportTable {
	border-collapse: collapse;
}
#reportDescriptionCell {
	padding-top: 10px;
	padding-bottom: 10px;
}
table.activity 
{
	width: 100%;
	border: 1px solid gray;
}
td.activityTitle, td.activitySecondaryTitle {
	border-bottom: 1px solid gray;
}
table.activity {
	width: 100%;
	border-collapse: collapse;
}
td.activityTitle, td.activitySecondaryTitle {
	background-color: #EEEEEE;
}
td.activityTitle {
	font-weight: bold;
}
td.activitySecondaryTitle {
	text-align: right;
}
td.activityMaterial, td.activityResponse {
	padding: 5px;
}
td.activityResponse {
	padding-top: 10px;
}
table.etest-table
{
	width: 100%;
	border-collapse: collapse;
}
.etest-title
{
	font: normal normal bold 12pt Arial;
	padding-left: 5px;
	padding-right: 5px;
	color: #009999;
}
.etest-subtitle
{
	font: normal normal normal 10pt Arial;
	padding-left: 5px;
	padding-right: 5px;
	color: black;
}
.etest-group
{
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid gray;
	background-color: #F5F5F5;
}
.etest-grouptitle
{
	font: normal normal bold 11pt Arial;
	color: black;
}
.etest-grouptext
{
	font: normal normal bold 11pt Arial;
	color: #009999;
}
.etest-header
{
	font: normal normal bold 9pt Arial;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid gray;
	color: black;
	background-color: #F5F5F5;
}
.etest-value
{
	font: normal normal normal 8pt Arial;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid gray;
	color: #009999;
}
.etest-numeric
{
	text-align: right;
}
.etest-nonnumeric
{
	text-align: left;
}
.etest-groupfornext
{
	padding-left: 25px;
}
.etest-footermaster
{
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid gray;
	background-color: #F5F5F5;
}
.etest-footerdetail
{
	padding-left: 25px;
	padding-right: 5px;
	border: 1px solid gray;
}
.etest-footertitle
{
	font: normal normal bold 9pt Arial;
	color: black;
}
.etest-footertext
{
	font: normal normal bold 9pt Arial;
	color: #009999;
}
