/* general declarations */
body 
{
	margin: 0px;
	background-color: #9fa9b3;
	background-image: url(../images/background.jpg);
	background-position: top;
	background-repeat: repeat-x;
	
	/* hover-whatever ( < IE7 ) */
	behavior: url("content/csshover.htc");
	
	font-family: Arial;
	font-size: 11px;
}
PRE
{
	font-family: Arial;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
}
P, LABEL, TH.text, TD.text
{
	font-family: Arial;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
}
P.grey
{
	color: #aaaaaa
}
SPAN.error, P.center
{
	text-align: center;
}
P.large
{
	font-size: 14px;
}
.error
{
	font-weight: bold;
	color: #ff0000;
}
A.copyright, A.copyright:hover
{
	font-size: 11px;
	text-decoration: none;
	color: #aaaaaa;
	margin: 0px;
}
A.tagLink {
	font-weight: bold;
}
A IMG
{
	border: solid 0px #ffffff;
}
H1
{
	font-family: Arial;
	font-size: 14px;
	margin-top: 2px;
	margin-bottom: 2px;
}
H2
{
	font-family: Arial;
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 2px;
}
H2.center
{
	text-align: center;
}
A
{
	text-decoration: none;
	font-family: Arial;
	color: #2647a0;
}
A:hover
{
	color: #eab719;
}
LI
{
	font-family: Arial;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
}
LABEL
{
	font-family: Arial;
	font-size: 11px;
}
FORM
{
	margin: 0px;
	padding: 0px;
}
P.loggedInMessage
{
	text-align: right;
	float: right;
	padding: 2px 0px;
}
IMG.contentImgLeft
{
	float: left;
	margin: 5px;
}
IMG.listItem
{
	position: relative;
	top: 8px;
}
DIV.hidden
{
	display: none;
}
.largeLink {
	font-size: 14px;
	font-weight: bold;
}

/* site body */
DIV.masterDivTop
{
	width: 950px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/master-top.jpg);
	background-repeat: repeat-x;
}
DIV.masterDivTop P
{
	color: #ffffff;
	margin: 5px 0px 0px 50px;
}
DIV.masterDivHeader 
{
	width: 950px;
	height: 30px;
	background-image: url(../images/master-header.jpg);
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}
DIV.masterDivFooter
{
	width: 950px;
	height: 60px;
	background-image: url(../images/master-footer.jpg);
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}
DIV.masterDivFooter DIV
{
	padding: 30px 0px 0px 40px;
}
DIV.masterDivFooter DIV P
{
	color: #aaaaaa;
	margin: 0px;
}
TABLE.masterContent
{
	width: 950px;
	background-image: url(../images/master-content.jpg);
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}
TD.masterContentLeft
{
	width: 20px;
	height: 290px;
	background-image: url(../images/master-content-left-lower.jpg);
	background-repeat: repeat-y;
}
TD.masterContentRight
{
	width: 20px;
	height: 290px;
	background-image: url(../images/master-content-right-lower.jpg);
	background-repeat: repeat-y;
}
TD.masterContentCenter
{
	width: 910px;
	height: auto;
	background-color: #ffffff;
}
DIV.masterContentCenter
{
	width: 910px;
	height: 340px;
	background-color: #ffffff;
}
TABLE.headerTable
{
	width: 890px;
}
TD.headerTableRight
{
	text-align: right;
}


/* common ui styles */
DIV.containerDiv
{
	background-color: #eeeff0;
	border: solid 1px #d4dbdf;
}
TABLE.containerTable
{
	width: 100%;
	background-color: #eeeff0;
	border: solid 1px #d4dbdf;
	border-top: 0px;
}
TD.headerCell
{
	background-color: #2647a0;
	height: 30px;
}
TD.headerCell P
{
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 5px;
}
TD.contentCell
{
	background-color: #eeeff0;
}
DIV.popupDiv 
{
	background-color: #ffffff;
	border: solid 1px #d4dbdf;
	position: absolute;
}
DIV.clearDiv {
	clear: both;
}
.commonTable {
	width: 100%;
	border-bottom: solid 1px #D4DBDF;
}
.commonTable THEAD {
	background: #2647a0;
	color: #ffffff;
	text-align: left;
}
.commonTable TBODY {
}
.commonTable TBODY .oddRow {
	background-color:#E9EAEB;
}
.commonTable TBODY .evenRow {
	background-color:#F3F4F5;
}
.commonTable TBODY .firstCol {
	border-left: solid 1px #D4DBDF;
}
.commonTable TBODY .lastCol {
	border-right: solid 1px #D4DBDF;
}
.commonTable TD, .commonTable TH  {
	padding: 2px 2px 2px 5px;
	height: 20px;
}
.commonTable TH  {
	height:30px;
	line-height: 30px;
}
TD.commonTableLargeCol {
	width: 40%;
}
TD.commonTableMediumCol {
	width: 30%;
}
TD.commonTableSmallCol {
	width: 20%;
}


.wordlistTable .folderLanguageColumn {
	width: 125px;
}
.wordlistTable THEAD TH IMG {
	margin-right: 6px;
	position: relative;
	top: 2px;
}
.wordlistTable THEAD .bookmark {
	text-align: right;
}
.wordlistTable TBODY A IMG {
	border: solid 0px #ffffff;
	margin-right: 6px;
}

TD.dayPlanningTable {
	padding:0;
}
TD.planningTableWide {
	width: 60%;
	height: 20px;
}
TD.planningTableSmall {
	width: 20%;
	height: 20px;
}
TD.planningTableSmall P {
	margin: 2px 0 2px 0;
}

TD.wordTableLanguage {
	width: 19%;
}
TD.wordTableRemark {
	width: 28%;
}


/* menu */
TABLE.menuTable
{
	margin: 10px;
	width: 890px;
	z-index:1;
	position: relative;
}
TD.menuTableLeft
{
	background-image: url(../images/menubar-left.jpg);
	background-repeat: no-repeat;
	width: 10px;
	height: 30px;
}
TD.menuTableSpacer
{
	background-image: url(../images/menubar-button.jpg);
	background-repeat: repeat-x;
	width: 50px;
	height: 30px;
}
TD.menuTableRight
{
	background-image: url(../images/menubar-right.jpg);
	background-repeat: no-repeat;
	width: 10px;
	height: 30px;
}
TD.menuTableFiller
{
	background-image: url(../images/menubar-button.jpg);
	background-repeat: repeat-x;
	height: 30px;
}
TD.menuTableButtonCell
{
	width: 100px;
	height: 30px;
	overflow: visible;
}
DIV.menuTableButtonBase
{
	width: 100px;
	height: 30px;
	background-image: url(../images/menubar-button.jpg);
	background-repeat: repeat-x;
	
	position: relative;
	padding: 0px 0px 0px 5px;
}
DIV.menuTableButtonBase:hover
{
	background-image: url(../images/menubar-button-hover.jpg);
}
DIV.menuTableButtonBase A
{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	position: relative;
}
A.menuTableButtonLink {
	position: relative;
	top: 5px;
}
DIV.menuTableButtonBase DIV
{
	display: none;
	position: absolute;
	top: 30px;
	left: 0px;
	z-index: 10;
}
DIV.menuTableButtonBase:hover A, DIV.menuTableButtonBase:hover A:hover, DIV.menuTableButtonBase A:hover
{
	color: #ffffff;
}
DIV.menuTableButtonBase:hover DIV
{
	display: block;
}
DIV.menuTableSubDiv 
{
	padding: 20px 0px 0px 0px;
	background-image: url(../images/menu-panel-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
UL.menuList
{
	list-style: none;
	width: 150px;
	margin: 0;
	padding: 0;
	background-color: #747474;
}
LI.menuListItem
{
	position: relative;
	margin: 0;
	padding: 5px 0px 5px 5px;
	z-index:1000;
}
LI.menuListItem A
{
	font-weight: normal;
}
LI.menuListItem:hover
{
	background-color: #242424;
}
UL.menuList ul 
{
	position: absolute;
	display: none;
	left: 150px;
}
LI.menuListItem:hover ul ul
{
	display: none;
}
LI.menuListItem:hover ul, LI.menuListItem:hover LI.menuListItem:hover ul
{
	display: block;
}


/* homepage news */
DIV.homePageLoginDiv
{
	width: 250px;
	height: 110px;
	float: right;
	padding: 5px 5px 5px 15px;
	margin: 5px 0px 5px 5px;
	background-image: url(../images/index-login-bg.png);
	clear: both;
}
DIV.homePageNewsDiv
{
	width: 250px;
	height: 160px;
	float: right;
	margin: 5px 0px 5px 5px;
	padding: 5px 5px 5px 15px;
	background-image: url(../images/index-news-bg.png);
	clear: both;
}
P.homePageNewsP
{
	border-bottom: dashed 1px #aaaaaa;
}


/* homepage planning */
DIV.homePagePlanningDiv
{
	background-color: #eeeff0;
	border: solid 1px #d4dbdf;
	margin: 0px 5px 5px 0px;
	float: left;
}
TABLE.homePagePlanningTable
{
	width: 180px;
}
TD.homePagePlanningTableHeader
{
	background-color: #2647a0;
	height: 30px;
}
TD.homePagePlanningTableHeader P 
{
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px 0px 0px 5px;
}
TD.homePagePlanningTableHeader A
{
	margin: 5px 2px 0px 2px;
}
TD.homePagePlanningTableContent
{
	background-color: #eeeff0;
}
DIV.homePagePlanningIcon
{
	float: right;
	cursor: pointer;
	width: 16px;
	height: 16px;
	overflow: hidden;
}



/* info message */
DIV.messageInfo
{
	background-color: #e7e7e7;
	padding: 2px;
}
DIV.messageInfo IMG
{
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 4px;
}

/* warning message */
DIV.messageWarning
{
	background-color: #ffee00;
	padding: 2px;
}
DIV.messageWarning IMG
{
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 4px;
}

/* error message */
DIV.messageError
{
	background-color: #ff7575;
	padding: 2px;
}
DIV.messageError IMG
{
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 4px;
}

/* message parts */
P.messageBody
{
	color: #000000;
	margin: 0px;
}
P.messageCode
{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
}
P.messageDebug
{
	font-size: 10px;
	margin: 0px;
}

/* form div */
DIV.formDivContainer
{
	background-color: #eeeff0;
	border: dashed 1px #d4dbdf;
	padding: 10px;
}
DIV.smallFormDivContainer
{
	border: dashed 1px #d4dbdf;
	padding: 10px;
	width: 250px;
	margin: auto;
}

/* quicksearch form */
DIV.quickSearchFormDiv
{
	border: dashed 1px #d4dbdf;
	padding: 10px;
	width: 220px;
}

/* content div */
DIV.contentDivContainer
{
	background-color: #eeeff0;
	border: solid 1px #d4dbdf;
	border-top: solid 5px #2647a0;
	padding: 2px;
}
DIV.contentDivFloating
{
	float: right;
	border-top: dashed 1px #d4dbdf;
	border-bottom: dashed 1px #d4dbdf;
	width: 250px;
	clear: both;
	margin: 0px 5px 0px 5px;
}

/* half content form div */
DIV.halfContentDivContainer
{
	background-color: #eeeff0;
	border: solid 1px #d4dbdf;
	border-top: solid 5px #2647a0;
	padding: 2px;
	width: 445px;
}
TD.halfContentCenterSpacer
{
	width: 20px;
}


/* forms */
TEXTAREA {
	font-family: Arial;
	font-size: 11px;
}
TEXTAREA.mediumTextArea
{
	width: 250px;
	height: 100px;
}
TEXTAREA.largeTextArea
{
	width: 400px;
	height: 100px;
}
TEXTAREA.fullTextArea
{
	width: 100%;
	height: 400px;
}
SELECT.smallSelect
{
	width: 100px;
	font-family: Arial;
	font-size: 11px;
}
SELECT.mediumSelect
{
	width: 250px;
	font-family: Arial;
	font-size: 11px;
}
SELECT.largeSelect
{
	width: 400px;
	font-family: Arial;
	font-size: 11px;
}
INPUT
{
	font-family: Arial;
	font-size: 11px;
}
INPUT.largeInput
{
	width: 400px;
}
INPUT.mediumInput
{
	width: 250px;
}
INPUT.mediumSmallInput
{
	width: 220px;
}
INPUT.smallInput
{
	width: 100px;
}
INPUT.largeButton
{
	width: 400px;
	cursor: pointer;
}
INPUT.mediumButton
{
	width: 250px;
	cursor: pointer;
}
INPUT.smallButton
{
	width: 100px;
	cursor: pointer;
}

/* toolbox style */
DIV.toolboxDivContainer
{
	background-color: #eeeff0;
	border: solid 1px #d4dbdf;
	border-top: solid 5px #2647a0;
	padding: 2px;
	width: 445px;
}
DIV.toolboxDivContainer P
{
	margin: 2px;
}
DIV.toolboxDivContainer P A IMG
{
	border: solid 0px #ffffff;
	margin-right: 6px;
	position: relative;
	top: 2px;
}

/* right floating toolbox */
DIV.toolboxFloatingDivContainer
{
	background-color: #eeeff0;
	border: solid 1px #d4dbdf;
	border-top: solid 5px #2647a0;
	padding: 2px;
	margin: 10px 1px 10px 1px;
	width: 445px;
	float: right;
}
DIV.toolboxFloatingDivContainer P
{
	margin: 2px;
}
DIV.toolboxFloatingDivContainer P A IMG
{
	border: solid 0px #ffffff;
	margin-right: 6px;
	position: relative;
	top: 2px;
}

/*
DIV.floatingPanelContainer {
}
DIV.floatingPanelContainer:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
*/

/* content layout table */
TABLE.contentLayoutTable
{
	width: 100%;
}

/* editor */
DIV.editorDiv
{
	background-color: #eeeff0;
	border: solid 1px #d4dbdf;
}
TABLE.editorTable
{
	width: 100%;
	height: 400px;
}
TD.editorTableHeaderButtons
{
	background-color: #2647a0;
	height: 30px;
	width: 225px;
}
TD.editorTableHeaderButtons INPUT
{
	margin: 0px 5px 0px 5px;
}
TD.editorTableHeader
{
	background-color: #2647a0;
	height: 30px;
	width: 690px;
}
TD.editorTableHeader P
{
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 5px;
}
TD.editorTableToolbar
{
	background-color: #d4dbdf;
	height: 30px;
	padding: 0px 0px 0px 10px;
}
TD.editorTableToolbar P
{
	margin: 0px 0px 0px 5px;
}
TD.editorTableToolbarRight
{
	background-color: #d4dbdf;
	height: 30px;
	text-align: right;
}
TD.editorTableToolbarRight INPUT
{
	margin: 0px 5px 0px 0px;
}
TD.editorContentCell
{
	height: 350px;
}
DIV.editorContentDiv
{
	width: 100%;
}
DIV.editorLoadingDiv 
{
	width: 100%;
	height: 200px;
	cursor: wait;
}
DIV.editorLoadingDiv P
{
	text-align: center;
	margin-top: 100px;
}
TABLE.editorWordTable
{
	width: 908px;
	margin: auto;
}
TD.editorWordTableHeader
{
	background-color: #d4dbdf;
	height: 20px;
}
TD.editorWordTableHeader P
{
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 0px 5px;
}
TD.editorWordTableLanguageCell
{
	width: 195px;
}
TD.editorWordTableLanguageCell INPUT
{
	margin: 0px 0px 0px 2px;
	width: 185px;
	font-family: Arial;
	font-size: 11px;
	background-color: #ffffff;
	border: solid 1px #d4dbdf;
}
TD.editorWordTableRemarkCell
{
	width: 250px;
}
TD.editorWordTableRemarkCell INPUT
{
	margin: 0px 0px 0px 2px;
	width: 240px;
	font-family: Arial;
	font-size: 11px;
	background-color: #ffffff;
	border: solid 1px #d4dbdf;
}
TD.editorWordTableSelectCell
{
	width: 20px;
}

/* toolbars */
DIV.toolbarDiv
{
	height: 16px;
	cursor: pointer;
	background-color: #d4dbdf;
	border: solid 1px #d4dbdf;
	float: left;
	padding: 2px;
}
DIV.toolbarDiv LABEL
{
	font-family: Arial;
	font-size: 11px;
	margin: 0px 5px 0px 5px;
	position: relative;
	top: -4px;
}
DIV.toolbarDivHover
{
	height: 16px;
	cursor: pointer;
	background-color: #b4bbbf;
	border: solid 1px #949b9f;
	float: left;
	padding: 2px;
}
DIV.toolbarDivHover LABEL
{
	font-family: Arial;
	font-size: 11px;
	margin: 0px 5px 0px 5px;
	position: relative;
	top: -4px;
}
DIV.toolbarSpacerDiv
{
	border-left: solid 5px #d4dbdf;
	background-color: #949b9f;
	border-right: solid 5px #d4dbdf;
	float: left;
	height: 16px;
	width: 1px;
}

/* line input dialog */
TABLE.lineInputTable
{
	width: 800px;
	height: 300px;
}
TD.lineInputTableHeader
{
	background-color: #2647a0;
	height: 30px;
	width: 800px;
}
TD.lineInputTableHeader P
{
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 5px;
}
TD.lineInputTableContent
{
	height: 240px;
	width: 800px;
	background-color: #eeeff0;
}
TEXTAREA.lineInputTextArea
{
	width: 800px;
	height: 240px;
	background-color: #ffffff;
	border: solid 1px #d4dbdf;
	font-family: Arial;
	font-size: 11px;
}
TD.lineInputTableFooter
{
	background-color: #2647a0;
	height: 30px;
	width: 800px;
	text-align: right;
}
TD.lineInputTableFooter INPUT
{
	margin: 0px 5px 0px 0px;
}
TD.lineInputTableFooter SELECT
{
	position: relative;
	left: -150px;
}
TD.lineInputTableFooter LABEL
{
	color: #ffffff;
	position: relative;
	left: -150px;
}
INPUT.lineInputTableFooter
{
	position: relative;
	left: -150px;
}

/* character picker */
DIV.characterPickerContainer
{
	position: absolute;
	width: 300px;
	height: 81px;
	background-color: #ffffff;
	border: solid 1px #000000;
	z-index: 2;
}
DIV.characterPickerHeader
{
	height: 15px;
	width: 300px;
	background-color: #2647a0;
}
DIV.characterPickerHeader P
{
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
	margin: 0px 0px 0px 5px;
	cursor: pointer;
	float: left;
}
P.characterPickerHeaderClose
{
	float: right;
	padding: 0px 0px 0px 120px;
}
DIV.characterPickerButton
{
	height: 20px;
	width: 20px;
	cursor: pointer;
	background-color: #ffffff;
	border: solid 1px #ffffff;
	float: left;
	text-align: center;
	cursor: pointer;
}
DIV.characterPickerButton P
{
	color: #000000;
	margin: 2px 0px 0px 0px;
	font-size: 14px;
}
DIV.characterPickerButtonHover
{
	height: 20px;
	width: 20px;
	cursor: pointer;
	background-color: #b4bbbf;
	border: solid 1px #949b9f;
	float: left;
	text-align: center;
	cursor: pointer;
}
DIV.characterPickerButtonHover P
{
	color: #000000;
	margin: 2px 0px 0px 0px;
	font-size: 14px;
}

/* wordlist property dialog */
TABLE.wordlistPropertyTable
{
	width: 400px;
	height: 350px;
}
TD.wordlistPropertyTableHeader
{
	background-color: #2647a0;
	height: 30px;
	width: 400px;
}
TD.wordlistPropertyTableHeader P
{
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 5px;
}
TD.wordlistPropertyTableContent
{
	height: 290px;
	width: 400px;
	background-color: #eeeff0;
	padding: 5px;
}
TD.wordlistPropertyTableContent INPUT
{
	width: 390px;
	font-family: Arial;
	font-size: 11px;
}
TD.wordlistPropertyTableContent SELECT
{
	width: 390px;
	font-family: Arial;
	font-size: 11px;
}
TD.wordlistPropertyTableContent TEXTAREA
{
	width: 390px;
	height: 100px;
	font-family: Arial;
	font-size: 11px;
}
TD.wordlistPropertyTableFooter
{
	background-color: #2647a0;
	height: 30px;
	width: 400px;
	text-align: right;
}
TD.wordlistPropertyTableFooter INPUT
{
	margin: 0px 5px 0px 0px;
}

/* new test dialog */
TABLE.newTestTable
{
	width: 400px;
	height: 350px;
}
TD.newTestTableHeader
{
	background-color: #2647a0;
	height: 30px;
	width: 400px;
}
TD.newTestTableHeader P
{
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 5px;
}
TD.newTestTableContent
{
	height: 290px;
	width: 400px;
	background-color: #eeeff0;
	padding: 5px;
}
TD.newTestTableContent SELECT
{
	width: 390px;
	font-family: Arial;
	font-size: 11px;
}
TD.newTestTableFooter
{
	background-color: #2647a0;
	height: 30px;
	width: 400px;
	text-align: right;
}


/* Test div components */
DIV.testStatsDiv
{	
	background-color: #eeeff0;
	border: solid 1px #d4dbdf;
	border-top: solid 5px #2647a0;
	padding: 2px;
	margin: 5px;
	width: 435px;
	height: 80px;
	float: left;
}
DIV.testStatsDivLeft
{	
	float: left;
}
DIV.testStatsDivRight
{	
	float: right;
	width: 150px;
}
P.testStatsDivLargeScore
{
	font-size: 32px;
	text-align: center;
	margin: 4px 0px 4px 0px;
}
DIV.testResultsDiv
{	
	background-color: #eeeff0;
	border: solid 1px #d4dbdf;
	border-top: solid 5px #2647a0;
	padding: 2px;
	margin: 10px auto 10px auto;
	width: 600px;
	height: 120px;
}
DIV.testControlDiv
{
	background-color: #eeeff0;
	border: solid 1px #d4dbdf;
	border-top: solid 5px #2647a0;
	padding: 2px;
	margin: 5px;
	width: 435px;
	height: 80px;
	float: right;
}
INPUT.testControlDivButton
{
	width: 205px;
	font-family: Arial;
	font-size: 11px;
	cursor: pointer;
	margin: 5px;
}
DIV.testInputDiv
{
	width: 908px;
	height: 200px;
	float: left;
}
DIV.testInputDiv P
{
	margin-left: 10px;
	margin-right: 10px;
}
P.testInputIdle
{
	font-size: 32px;
	margin-top: 70px;
	text-align: center;
}
P.questionLabel
{
	font-size: 24px;
}
P.questionLabelLanguage
{
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #999999;
}
P.answerErrorLabel
{
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #990000;
}
P.answerError
{
	font-size: 24px;
	color: #990000;
}
P.finalResult
{
	font-size: 24px;
	text-align: center;
	margin: 6px 0px 6px 0px;
}
P.testFinished
{
	font-size: 20px;
	text-align: center;
	margin: 6px 0px 6px 0px;
}
INPUT.questionInput
{
	width: 770px;
	font-family: Arial;
	font-size: 24px;
	margin-right: 5px;
}
INPUT.answerSubmitButton
{
	width: 100px;
	font-family: Arial;
	font-size: 24px;
	margin-left: 5px;
}
DIV.testHistoryTableDiv
{
	width: 908px;
	height: 200px;
	float: left;
}
DIV.testHistoryTableScrollDiv
{
	width: 908px;
	height: 180px;
	overflow: scroll;
}
DIV.testHistoryTableDivHidden
{
	width: 908px;
	height: 200px;
	float: left;
	display: none;
	visibility: hidden;
}
TAVLE.testHistoryHeaderTable
{
	width: 908px;
}
TABLE.testHistoryTable
{
	width: 890px;
}
TD.testHistoryTableHeader
{
	background-color: #d4dbdf;
	height: 20px;
}
TD.testHistoryTableHeader P
{
	font-weight: bold;
	color: #000000;
	margin: 0px 5px 0px 5px;
}
TD.testHistoryTableCell
{
	background-color: #ffffff;
	border: 1px solid #d4dbdf;
}
TD.testHistoryTableCell P
{
	color: #000000;
	margin: 2px 5px 2px 5px;
}
TD.testHistoryTableCellFault
{
	background-color: #ffffff;
	border: 1px solid #d4dbdf;
}
TD.testHistoryTableCellFault P
{
	color: #ff0000;
	margin: 2px 5px 2px 5px;
}
DIV.multipleChoiceQuestionContainer
{
	float: left;
	width: 400px;
	height: 100px;
}
DIV.multipleChoiceAnswerContainer
{
	float: left;
	width: 500px;
}
DIV.multipleChoiceAnswerDiv
{
	width: 500px;
	height: 24px;
	background-color: #eeeff0;
	border: solid 1px #d4dbdf;
	margin-top: 1px;
	overflow: hidden;
}
DIV.multipleChoiceAnswerDiv P
{
	font-size: 16px;
	margin: 2px 0px 0px 0px;
}
DIV.multipleChoiceAnswerDiv IMG
{
	margin: 4px 10px 4px 10px;
	float: left;
}

DIV.multipleChoiceAnswerDivHover
{
	width: 500px;
	height: 24px;
	background-color: #d4dbdf;
	border: solid 1px #d4dbdf;
	margin-top: 1px;
	cursor: pointer;
	overflow: hidden;
}
DIV.multipleChoiceAnswerDivHover P
{
	font-size: 16px;
	margin: 2px 0px 0px 0px;
}
DIV.multipleChoiceAnswerDivHover IMG
{
	margin: 4px 10px 4px 10px;
	float: left;
}

DIV.multipleChoiceAnswerDivFault
{
	width: 500px;
	height: 24px;
	background-color: #e55555;
	border: solid 1px #d4dbdf;
	margin-top: 1px;
	overflow: hidden;
}
DIV.multipleChoiceAnswerDivFault P
{
	font-size: 16px;
	margin: 2px 0px 0px 0px;
}
DIV.multipleChoiceAnswerDivFault IMG
{
	margin: 4px 10px 4px 10px;
	float: left;
}

DIV.multipleChoiceAnswerDivCorrect
{
	width: 500px;
	height: 24px;
	background-color: #55e555;
	border: solid 1px #d4dbdf;
	margin-top: 1px;
	overflow: hidden;
}
DIV.multipleChoiceAnswerDivCorrect P
{
	font-size: 16px;
	margin: 2px 0px 0px 0px;
}
DIV.multipleChoiceAnswerDivCorrect IMG
{
	margin: 4px 10px 4px 10px;
	float: left;
}
DIV.thoughtExerciceQuestionDiv
{
	background-color: #eeeff0;
	border: solid 1px #d4dbdf;
	border-top: solid 5px #2647a0;
	padding: 2px;
	margin: 25px 151px 25px 151px;
	width: 600px;
	height: 120px;
	float: right;
}
DIV.thoughtExerciceProgessBarContainer
{
	padding: 10px 0px 10px 20px;
	width: 596px;
}


/* common dialog */
TABLE.commonDialogTable
{
	width: 100%;
	height: 100%;
}
TD.commonDialogTableHeader
{
	background-color: #2647a0;
	height: 30px;
	width: 100%;
}
TD.commonDialogTableHeader P
{
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 5px;
}
TD.commonDialogTableContent
{
	width: 100%;
	background-color: #eeeff0;
	padding: 5px;
}
TD.commonDialogTableContent SELECT
{
	width: 390px;
	font-family: Arial;
	font-size: 11px;
}
TD.commonDialogTableFooter
{
	background-color: #2647a0;
	height: 30px;
	width: 100%;
	text-align: right;
}
TD.commonDialogTableFooter INPUT
{
	margin: 0px 5px 0px 5px;
}


/* common dhtml dialog */
DIV.commongDialogContainer
{
	position: absolute;
	border: 1px solid #d4dbdf;
	background-color: #eeeff0;
	z-index: 11;
}
DIV.commonDialogTitle
{
	background-color: #2647a0;
	height: 30px;
	width: 100%;
}
DIV.commonDialogTitle P
{
	line-height: 30px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 5px;
}
DIV.commonDialogCloseButton
{
	width: 16px;
	height: 16px;
	cursor: pointer;
	background-image: url(../images/icon-cross-16.png);
	margin: 7px 5px 7px 5px;
	float: right;
}
DIV.commonDialogContent
{
	padding: 15px 5px 15px 5px;
}
DIV.commonDialogFooter
{
	background-color: #2647a0;
	height: 30px;
	width: 100%;
	text-align: right;
}
DIV.commonDialogFooter INPUT
{
	margin: 4px 5px 0px 5px;
}
DIV.commonDialogFooter LABEL
{
	color: #ffffff;
}


/* Error dialog */
DIV.commonErrorDialogTitle
{
	background-color: #ff0000;
	height: 30px;
	width: 100%;
}
DIV.commonErrorDialogTitle P
{
	line-height: 30px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 5px;
}
DIV.commonErrorDialogFooter
{
	background-color: #ff0000;
	height: 30px;
	width: 100%;
	text-align: right;
}
DIV.commonErrorDialogFooter INPUT
{
	margin: 4px 5px 0px 5px;
}
DIV.commonErrorDialogFooter LABEL
{
	color: #ffffff;
}


/* Progress control */
DIV.progressDiv
{
	background-color: #eeeff0;
	border: solid 1px #d4dbdf;
}
TABLE.progressTable
{
	width: 100%;
	height: 400px;
}
TD.progressTableHeader
{
	background-color: #2647a0;
	height: 30px;
	width: 690px;
}
TD.progressTableHeader P
{
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 5px;
}
TD.progressTableToolbar
{
	background-color: #d4dbdf;
	height: 30px;
	padding: 0px 0px 0px 10px;
}
TD.progressDialogTableContent
{
	width: 100%;
	background-color: #eeeff0;
}
DIV.progressLoadingDiv
{
	width: 100%;
	height: 200px;
	cursor: wait;
}
DIV.progressLoadingDiv P
{
	text-align: center;
	margin-top: 100px;
}
DIV.progressGraphTableCellDiv
{
	overflow: visible;
	width: 906px;
	height: 220px;
	background-image: url(../images/graph-bg.jpg);
	background-repeat: repeat-x;
	border: solid 1px #d4dbdf;
}

DIV.graphBarContainer
{
	height: 220px;
	width: 90px;
	position: relative;
	z-index: 2;
	float: left;
}
DIV.graphBarContainerHighlight
{
	height: 218px;
	width: 88px;
	background-color: #ffffff;
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	position: relative;
	z-index: 2;
	float: left;
}
DIV.graphBarDiv
{
	width: 40px;
	background-color: #ff0000;
	background-image: url(../images/graph-bar.jpg);
	background-position: center bottom;
	position: relative;
	cursor: pointer;
	z-index: 3;
}
DIV.progressDetailsDiv
{
	width: 896px;
	height: 100px;
	background-color: #ffffff;
	border: solid 1px #000000;
	margin-top: 7px;
	z-index: 1;
	padding: 0px 5px 0px 5px;
}

/* Quick actions table */
TABLE.quickActionsTable
{
	height: 100px;
	width: 100%;
	clear: both;
}
TD.quickActionsCell
{
	border-top: solid 1px #cacac9;
	border-bottom: solid 1px #cacac9;
	background-image: url(../images/quickactions-cell.jpg);
	background-position: center bottom;
	background-repeat: repeat-x;
	height: 100px;
	width: 25%;
	padding: 5px;
}
IMG.quickActionsIcon
{
	float: left;
	margin: 0px 5px 5px 0px;
}

/* help */
IMG.helpImageLeft
{
	float: left;
}
IMG.helpImageRight
{
	float: right;
}
DIV.helpItemSpacer
{
	border-bottom: dashed 1px #aaaaaa;
	width: 910px;
}
DIV.helpItemSpacer P
{
	text-align: right;
}
DIV.helpButton {
	background: #ffffff url(../images/icon-help2.png) no-repeat;
	background-position: 5px 3px;
	display: inline;
	cursor: pointer;
	border: solid 1px #D4DBDF;
	padding: 5px 10px 5px 30px;
}
DIV.helpButtonLeft {
	float: left;
}
DIV.helpButtonRight {
	float: right;
}
DIV.dialogHelpButton {
	float: right;
	background: url(../images/icon-help2.png) no-repeat;
	font-weight: bold;
	display: inline;
	cursor: pointer;
	color: #ffffff;
	line-height: 30px;
	margin: 0px 10px;
	padding: 0 0 0 24px;
	background-position: 4px 7px;
}
BODY.helpBody {
	background-color: #ffffff;
	background-image: none;
	margin: 10px;
}
BODY.helpBody .adBlock
{
	float: right;
}
BODY.helpBody .hr
{
	width: 100%;
	height: 10px;
	line-height: 10px;
	background-color: #59921C;
}
BODY.helpBody A {
	color: #59921C;
}
A.helpLink {
	color: #59921C;
}
DIV.helpToolboxContainer
{
	width: 445px;
	float: right;
	margin: 10px 1px 10px 1px;
}
DIV.helpToolboxContainer .header {
	height: 30px;
	line-height: 30px;
	background: #59921C url(../images/icon-help2.png) no-repeat 4px 7px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 24px;
}
DIV.helpToolboxContainer .content {
	border: solid 1px #d4dbdf;
	border-top: none;
	padding: 10px 1px 10px 1px;
}
DIV.helpToolboxContainer .content P
{
	margin: 2px;
}
DIV.helpToolboxContainer .content A
{
	margin: 2px;
	color: #59921C;
}
DIV.helpToolboxContainer .content P A IMG
{
	border: solid 0px #ffffff;
	margin-right: 6px;
	position: relative;
	top: 2px;
}


/* file browser */
TABLE.fileBrowserContainer
{
	width: 400px;
	height: 400px;
	background-color: #eeeff0;
}
TD.fileBrowserToolbar
{
	background-color: #d4dbdf;
	height: 30px;
}
DIV.fileBrowserLocationDiv
{
	background-color: #ffffff;
	border: solid 1px #999999;
	width: 250px;
	height: 16px;
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 2px;
	overflow: hidden;
}
TD.fileBrowserFileView
{
	border: solid 1px #d4dbdf;
	background-color: #ffffff;
}
DIV.fileBrowserLoadingDiv
{
	margin: auto;
	text-align: center;
}
DIV.fileBrowserFileViewDiv
{
	background: #ffffff;
	height: 100%;
}
TABLE.fileBrowserFileHeaderTable
{
	width: 100%;
}
TD.fileBrowserFileHeaderTableCell
{
	height: 20px;
	background: #d4dbdf;
	border-bottom: solid 1px #999999;
	padding: 0px 5px 0px 5px;
}
DIV.fileBrowserFileTableDiv
{
	overflow: scroll;
	width: 100%;
}
TABLE.fileBrowserFileTable
{
	width: 100%;
}
TD.fileBrowserFileTableCell
{
	height: 20px;
}

TABLE.filePickerContainer
{
	background-color: #d4dbdf;
}
DIV.fileListContainerDiv
{
	background: #ffffff;
}


/* Form field tip */
DIV.formFieldTipDiv
{
	position: absolute;
	background-image: url(../images/tooltip-bg.png);
	width: 265px;
	height: 69px;
}
DIV.formFieldTipDiv P
{
	padding: 2px 10px 5px 40px;
}


/* planner day */
DIV.plannerDayDiv
{
	width: 180px;
	background-color: #eeeff0;
}

/* planner item */
DIV.plannerItemDiv
{
	background-color: #ffffff;
	border: solid 1px #000000;
	margin: 5px;
	cursor: pointer;
}
DIV.plannerItemDiv P
{
	margin: 2px 5px 2px 5px;
	text-decoration: none;
	color: #000000;
	cursor: pointer;
}


/* planning table */
/* total width = 910px */
DIV.planningTableDiv
{
	background-color: #eeeff0;
	border: solid 1px #d4dbdf;
}
TABLE.planningTable
{
	width: 100%;
}
TD.planningTableHeaderWide
{
	background-color: #2647a0;
	height: 30px;
	width: 60%;
}
TD.planningTableHeaderWide P
{
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 5px;
}
TD.planningTableHeaderSmall
{
	background-color: #2647a0;
	height: 30px;
	width: 20%
}
TD.planningTableHeaderSmall P
{
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 5px;
}
TD.planningTableEvenCell
{
	background-color: #e9eaeb;
	height: 20px;
}
TD.planningTableEvenCell P
{
	margin: 2px;
}
TD.planningTableOddCell
{
	background-color: #f3f4f5;
	height: 20px;
}
TD.planningTableOddCell P
{
	margin: 2px;
}
DIV.planningTableProgressDiv
{
	width: 100px;
	height: 16px;
	background-color: #ffffff;
	border: solid 1px #000000;
	margin: 1px 10px 1px 1px;
	float: left;
}
DIV.planningTableProgressDivFilled
{
	height: 16px;
}



DIV.planningEditorContentCell
{
	overflow: scroll;
	height: 200px;
	width: 908px;
}
DIV.planningEditorDayDiv
{
	width: 180px;
	height: 182px;
}
DIV.planningEditorDayTitleDiv
{
	background-color: #d4dbdf;
	width: 100%;
	height: 17px;
	padding-top: 3px;
}
DIV.planningEditorDayTitleDiv P
{
	text-align: center;
	font-weight: bold;
}
DIV.planningEditorDayBlock
{
	width: 152px;
	margin: 6px;
	padding: 2px 6px 2px 6px;
}
INPUT.planningEditorDayButton
{
	width: 150px;
	margin-left: 13px;
}

/* Date picker control */
DIV.datePickerContainer
{
	background-color: #ffffff;
	border: 1px solid #d4dbdf;
	width: 175px;
	height: 160px;
}
DIV.datePickerDayButtonDiv
{
	float: left;
	width: 25px;
	height: 20px;
	text-align: center;
}
DIV.datePickerDayButtonDivHover
{
	float: left;
	cursor: pointer;
	background-color: #eeeff0;
	width: 25px;
	height: 20px;
	text-align: center;
}
DIV.datePickerDayButtonDivToggled
{
	float: left;
	cursor: pointer;
	background-color: #d4dbdf;
	font-weight: bold;
	width: 25px;
	height: 20px;
	text-align: center;
}
DIV.datePickerDayButtonDivDisabled
{
	float: left;
	width: 25px;
	height: 20px;
	text-align: center;
}
DIV.datePickerDayButtonDivDisabled P
{
	color: #eeeff0;
}
DIV.datePickerLabelDiv
{
	float: left;
	width: 25px;
	height: 20px;
	text-align: center;
}
DIV.datePickerTitleBar
{
	float: left;
	width: 125px;
	height: 20px;
	text-align: center;
	font-weight: bold;
}


DIV.colorPickerContainer
{
	width: 325px;
	height: 122px;
	position: relative;
}
DIV.colorPickerBitmap 
{
	background-image: url(../images/colorpicker-bitmap.png);
	width: 255px;
	height: 122px;
	cursor: pointer;
	position: absolute;
	left: 0px;
	top: 0px;
	border-right: solid 1px #d4dbdf;
}
DIV.colorPickerCursor
{
	cursor: pointer;
	background-image: url(../images/colorpicker-cursor.gif);
	position: absolute;
	width: 8px;
	height: 8px;
}
DIV.colorPickerSampleDiv
{
	width: 50px;
	height: 50px;
	position: absolute;
	left: 265px;
	top: 36px;
	background-color: #ffffff;
	border: solid 1px #d4dbdf;
}

/* Language picker */
DIV.languagePickerFlag 
{
	width: 40px;
	height: 24px;
	background-position: center center;
	background-repeat: no-repeat;
	float: right;
}
DIV.languagePickerFlagHover
{
	width: 38px;
	height: 22px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	background-color: #b4bbbf;
	border: solid 1px #949b9f;
	float: right;
}
DIV.languagePickerOption
{
	padding: 1px;
}
DIV.languagePickerOption P 
{
	position: relative;
	top: -8px;
}
DIV.languagePickerOption P IMG 
{
	margin: 4px 10px 4px 4px;
	position: relative;
	top: 8px;
}
DIV.languagePickerOptionHover
{
	cursor: pointer;
	background-color: #b4bbbf;
	border: solid 1px #949b9f;
}
DIV.languagePickerOptionHover P
{
	position: relative;
	top: -8px;
}
DIV.languagePickerOptionHover P IMG 
{
	margin: 4px 10px 4px 4px;
	position: relative;
	top: 8px;
}

/* Progress bar */
DIV.progressBar
{
	background-color: #ffffff;
	border: solid 1px #000000;
}
DIV.progressBarFiller
{
	background-color: #000000;
}

/* Wrts wordlist importer */
TD.wrtsWordlistImporterControlCell
{
	width: 300px;
	padding: 10px 0px 10px 20px;
}
TD.wrtsWordlistImporterProgressCell
{
	width: 900px;
	padding: 10px 0px 10px 20px;
}


/* Decoration */
.decorationTopRight {
	float: right;
}
.decorationTopRightBorder {
	float: right;
	border: solid 1px #000000;
	background-color: #ffffff;
	padding: 3px;
}
DIV.wordlistLearnNowButton {
	width: 445px;
	height: 64px;
	background-image: url(../images/button-learn-now.png);
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
}
DIV.wordlistLearnNowButton IMG {
	padding: 8px;
}
DIV.wordlistLearnNowButton SPAN {
	position: relative;
	top: -24px;
}


/* Panels */
DIV.panelFloatRight {
	float: right;
}
DIV.panelFloatLeft {
	float: left;
}

.yui-overlay {
	background-color: #ffffff;
}

/* custom css for this example */
#fixedscrolling {
    height:20em;
}
/* customized css for scrolling */
.yui-dt-scrollable  {
    width:100%; /* SET OVERALL WIDTH HERE for ie (make sure columns add up to this total) */
    height:20em; /* SET HEIGHT HERE for ie */
}
.yui-dt-scrollbody {
    height:20em; /* SET HEIGHT HERE for non-ie */
    *height:auto; /* for ie */
}
.yui-dt-scrollable  thead {
    background:#696969; /*dark gray*/ /* ie needs a background color */
    color:#fff;
}

/* SET WIDTHS FOR EACH TH TO HELP ALIGN COLUMNS */
/* IF ALL COLS CAN BE SAME WIDTH USE THIS:
.yui-dt-scrollable th, .yui-dt-scrollbody td {
    width:20em;
}*/
/* OTHERWISE SET EACH COL WIDTH EXPLICITLY:*/
.yui-dt-col-areacode {
    width:10em;
}
.yui-dt-col-state {
    width:20em;
}






.icon {
	line-height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position: 0px 0px;
	padding: 1px 0 1px 24px;
}
.iconGroup {
	background-position: 0px -160px;
}
.iconGroupSystem {
	background-position: 0px -160px;
}
.iconAddGroup {
	background-position: 0px -192px;
}
.iconGroupDelete {
	background-position: 0px -208px;
}
.iconUser {
	background-position: 0px -320px;
}
.iconUserAdd {
	background-position: 0px -336px;
}
.iconUserDelete {
	background-position: 0px -352px;
}
.iconPlannedTest {
	background-position: 0px -368px;
}
.iconPlannedTestAdd {
	background-position: 0px -384px;
}
.iconPlannedTestDelete {
	background-position: 0px -400px;
}
.iconPlannedTestEdit {
	background-position: 0px -416px;
}
.iconAccept {
	background-position: 0px 0px;
	background: url(../images/icon-accept.png) no-repeat;
}
.iconError {
	background-position: 0px 0px;
	background: url(../images/icon-error.png) no-repeat;
}
.iconWarning {
	background-position: 0px 0px;
	background: url(../images/icon-warning.png) no-repeat;
}
.iconInformation {
	background-position: 0px 0px;
	background: url(../images/icon-information.png) no-repeat;
}


div.progressChartChart {
	width: 700px;
	height: 400px;
	float: left;
}
div.progressChartLegend {
	width: 200px;
	height: 400px;
	overflow: auto;
	float: right;
	padding: 10px 0 0 0;
}
input.helpButton {
	background-position: 0px 0px;
	background: url(../images/icon-help.png) no-repeat;
	
}


form.clearForm {
	
}
form.clearForm .formTable {
	width: 850px;
}
form.clearForm .formTable td {
	height: 30px;
}
form.clearForm .formTable td.required {
	width: 10px;
	color: #ff0000;
	font-weight: bold;
	font-size: 14px;
}
form.clearForm .formTable td.label {
	width: 150px;
}
form.clearForm .formTable label {
	font-weight: bold;
	font-size: 12px;
}
form.clearForm .formTable td.field {
	width: 690px;
}
form.clearForm .formTable td.tip {
	width: 850px;
	height: 20px;
	padding: 0 0 0 10px;
}
form.clearForm .yui-calcontainer {
	border: none;
}

div.newsFlash {
	border: solid 1px #D4DBDF;
	width: 610px;
	padding: 5px;
}
div.newsFlash h2 {
	color: #ff0000;
}