/*
 *  Empty App CSS styles
 *  
 *  @version 1.0.5
 */

/*
 *  Common styles
 */

html {
    margin: 0px;
}

body {
	font-family: Tahoma; 
	font-size: 10pt;
	margin: 0 5px 5px 5px;
}

h3 {
    font-size: 16pt;
    font-family: Arial;
    margin: 2px 2px 12px 2px;
    text-align: center;
}

select, select option {
    font-size: 10pt;
    font-family: Tahoma;
}

input {
    font-size: 10pt;
    font-family: Tahoma;
}

.Red {color: #e62929}
.Green {color: #1c7700}
.B {font-weight: bold}


span.Warning {color: #e62929;}

img {border: 0px;}

.title2 {
    color: #333333;
    font-weight: bold;
}

.NaviTable {}


td.Version {
    padding: 8px;
}

td.Version, td.Version a, td.Version a:visited {
    color: #cccccc;
}

/* Common styles END */
/* ------------------------- */



/*
 * Login page styles
 */

.Login {
}
 

.LoginCaption {
    font-weight: bold;
    color: #aaaaaa;
}

.LoginName {
    font-weight: bold;
}
 
.LoginInput {
	font-size: 10pt;
	width: 100px;
	margin: 2px;
}

.LoginSubmit {
	font-family: Tahoma;
	font-size: 10pt;
	width: 80px;
	height: 22px;	
}

.LoginUserName {
    padding-right: 6px;
    white-space: nowrap;
    font-size: 8pt;
    font-weight: bold;
}
/* Login page END */
/* ------------------------- */


/* Admin messages */

.MsgAdminName {
    color: Red;
    font-weight: bold;
    text-align: left;
}

.MsgDate {
    line-height: normal;
    font-size: 90%;
    line-height: 90%;
    color: #999999;
    text-align: left;
}

.MsgText {
	padding-bottom: 15px;
	text-align: left;
}

.MsgNoMessages {
    color: #006ab6;
    font-size: 8pt;
    text-align: center;
}

/* Admin messages END */
/* ------------------------- */


/* Standard block styles */

div.BlockContainer, div.BlockContainerFixedWidth {
    position: relative;
    
}

div.BlockContainerFixedWidth {
    width: 920px;
}

table.BlockContainer {
    width: 100%;
    border-collapse: collapse;
    empty-cells: show;
}

table.BlockContainerFixedWidth  {
    width: 920px;    
}

table.BlockContainer td.BlockContainer, table.BlockContainerFixedWidth td.BlockContainer, table.BlockContainer td.BlockContainerTitle, table.BlockContainerFixedWidth td.BlockContainerTitle {
    padding: 10px;
    background-color: #f8f8fd;
    border: 1px solid #2d87e2;
}

table.BlockContainer td.BlockContainerSpacer {
    width: 100%;
    border-bottom: 1px solid #2d87e2;
}

table.BlockContainer td.BlockContainerTitle, table.BlockContainerFixedWidth td.BlockContainerTitle {
    /*padding: 0px 10px 0px 10px;*/
    padding: 0px 5px 0 5px;
    height: 30px;
    font-weight: bold;
}

img.BlockContainerTL, img.BlockContainerTR, img.BlockContainerBL, img.BlockContainerBR, img.BlockContainerTRTitle {
    position: absolute;
    width: 6px;
    height: 6px;
}

img.BlockContainerTL{
    top: -1px;
    top: expression('0px');
    left: -1px;
    left: expression('0px');
}

/*img.BlockContainerTR {
    top: 29px;
    top: expression('31px');
    right: 0px;
}*/

img.BlockContainerTR {
    top: 0px;
    top: expression('0px');
    right: 0px;
}

img.BlockContainerTRTitle {
    top: -1px;
    top: expression('0px');
    float: right;
}       

img.BlockContainerBL {
    bottom: 0px;
    bottom: expression('0px');
    left: -1px;
    left: expression('0px');
}    

img.BlockContainerBR {
    bottom: 0px;
    bottom: expression('0px');
    right: 0px;
}


/* Standard block styles END */
/* ------------------------- */



/*
 * Main menu styles
 */

.main_menu {

    font-size: 10pt;
    font-family: Tahoma;
    color: #002e62;
}

.main_menu_item {
    color: #00094e;
    padding: 0px;
}

.main_menu_item_active {
    color: #d40006;
    padding: 0px;
    font-weight: bold;
}

.main_menu_item_hover {
    color: #0047c8;
    padding: 0px;
}

.main_menu_drop_down {
    /*background-color: #6db3fb;*/
    border: 1px solid #2d87e2;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

.main_menu_drop_down_item {
    color: #00094e;
    padding: 0px;
    background-color: #9ecefe;
    /*width: 100%;*/
    text-align: left;
}

.main_menu_drop_down_item_hover {
    color: #eeeeee;
    padding: 0px;
    background-color: #3b9dff;
    width: 100%;
    text-align: left;
}

.main_menu_drop_down_item_active {
    color: #d40006;
    padding: 0px;
    font-weight: bold;
}

/* Main menu END */
/* ------------------------- */




/*
 * Grid styles
 */

/*
.Grid_Container {border: 1px solid #2d87e2}
.Grid_ContainerTd {padding: 7px; background-color: #f8f8fd}
.Grid_TableAddTd { background-color: #F5F5FF; font-family: Tahoma; font-size: 10pt;}
.Grid_TableAddFooterTd { font-family: Tahoma; font-size: 10pt;}
.Grid_TableFooterTd { font-family: Tahoma; font-size: 10pt;}
.Grid_TableTd {padding: 3px; font-family: Tahoma; font-size: 10pt;}
.Grid_TableATd {padding: 3px;  background-color: #e5e5fa;  font-family: Tahoma; font-size: 10pt;}
.Grid_TableHeaderTd { background-color: #89c3ff; border: solid 1px #FFFFFF; font-weight: bold; color: White; font-family: Tahoma; font-size: 10pt; padding: 3pt;}
.Grid_TableHeaderTd a {color: Blue;}
.Grid_TableTr {border: solid 1px #FFFFFF; font-family: Tahoma; }
.Grid_TableATr {border: solid 1px #FFFFFF; font-family: Tahoma; }
.Grid_FilterTableTd { background-color: #F0F0FF; border: solid 1px #FFFFFF; font-family: Tahoma; font-size: 10pt; font-weight: bold; }
.Grid_InfoString { background-color: #FFFFFF; border: solid 1px #d0d0d0; font-family: Tahoma; font-size: 10pt; font-weight: bold; width: 100%; text-align: center; color: #007000;}*/
/*a.Grid_EditStartButton { float: left; width: 70px; height: 17px; position: relative; display: block; color: #000cff; border: solid 1px #2d87e2; text-align: center; text-decoration: none; margin: 3px; padding: 1px 4px 2px 4px; background-color: #d5e9fd;}
a.Grid_EditStartButton:active{ float: left;width: 70px; height: 17px;  position: relative; display: block; border: solid 1px 2d87e2; text-align: center; text-decoration: none; margin: 4px 2px 2px 4px; background-color: #c8e2fc;}

a.Grid_DeleteButton { float: left; width: 70px; height: 17px; position: relative; display: block; color: #000cff; border: solid 1px #2d87e2; text-align: center; text-decoration: none; margin: 3px; padding: 1px 4px 2px 4px; background-color: #d5e9fd;}
a.Grid_DeleteButton:active{ float: left; width: 70px; height: 17px; position: relative; display: block; border: solid 1px 2d87e2; text-align: center; text-decoration: none; margin: 4px 2px 2px 4px; background-color: #c8e2fc;}*/

.Grid_Table { margin-top: 15px; }

/* Grid styles END */
/* ------------------------- */




input.classic_date {
    width: 80px;
}

table.classic, .Grid_Table {
    border-collapse: collapse;
}

table.classic td, table.classic td.odd, table.classic th, td.Grid_TableTd, .Grid_TableHeaderTd, .Grid_TableAddTd, Grid_TableAddFooterTd, .Grid_TableFooterTd, .Grid_TableAddTr td, .Grid_TableATd, .Grid_TableAddFooterTr td, .Grid_TableAddFooterTd {
    color: #222222;
    padding: 4px;
    border: solid 1px #40b4ff;
    background: #f6fbff;
    text-align: left;
}

table.classic th, .Grid_TableHeaderTd 
{
	padding: 7px;
	background-color: #d8edff;
	text-align: center;
	font-weight: bold;
}

table.classic td.c 
{
	text-align: center;
}

table.classic td.r 
{
	text-align: right;
}

table.classic tr.odd td, .Grid_TableATr td {
   background-color: #fdfeff; 
}

table.classic td.hl {
   background-color: #ffBBBB; 
}

table.classic a, .Grid_Table a, .Grid_MasterTable a
{
	color: #009bff;
	text-decoration: underline;
}
table.classic a:visited, .Grid_Table a:visited
{
	color: #55bcff;
}

.b0, table.b0 td, .ColorPicker
{
	border: none;
}


/*.Grid_Table td table.td, .Grid_TableTd table.td, .Grid_TableHeaderTd table.td, .Grid_TableAddTd table.td, Grid_TableAddFooterTd table.td, .Grid_TableFooterTd, .Grid_TableAddTr td, .Grid_TableATd, .Grid_TableAddFooterTr td, .Grid_TableAddFooterTd table.td 
*/
table.Grid_TableTd
{
	border-collapse: collapse;
}


/*
 * Test styles
 */

table.Test {
    width: 920px;
}

table.Test td.Row {
    background-color: #eff7ff;
    border-left: 2px solid #198bff;
    padding: 9px;
    font-size: 10pt;
    font-weight: bold;
}


table.Test span.Caption {
	color: #198bff;
}

table.std td {
    color: #222222;
    padding: 4px;
    border: solid 1px #40b4ff;
    background: #ecf6ff;
}

table.std1 td {
    padding: 0px;
    border: none;
    background: none;
}    

.info {
    color: #00aa04;
}

.ns, .normal0 {
    padding: 3px;
	font-weight: bold;
	background-color: #f6fff8; /* ffe8e8 */
	border: 1px solid #00389e;
	cursor: pointer;
	color: Blue;
}

.normal1 {
    padding: 3px;
	font-weight: bold;
	background-color: #ffffaf; /* ffe8e8 */
	border: 1px solid #00389e;
	cursor: pointer;
	color: Blue;
}

.normal2 {
    padding: 3px;
	font-weight: bold;
	background-color: #c0ffc2; /* ffe8e8 */
	border: 1px solid #00389e;
	cursor: pointer;
	color: Blue;
}

.normal3 {
    padding: 3px;
	font-weight: bold;
	background-color: #ffc2c0; /* ffe8e8 */
	border: 1px solid #00389e;
	cursor: pointer;
	color: Blue;
}

.active0, .active1, .active2, .active3
{
	padding: 3px;
	font-weight: bold;
	background-color: #d6dff8; /* ffe8e8 */
	border: 1px solid #00389e;
	cursor: pointer;
	color: blue;
}


a.linkbutton
{
	padding: 1px;
	border: solid 1px #4545a0;
	background-color: #e0e9ff;
	margin: 3px;
	color: Black;
	text-decoration: none;
	font: 10pt Tahoma;
	line-height: 25px;
}

a:hover.linkbutton
{
	padding: 1px;
	border: solid 1px #4545a0;
	background-color: #f0f0ff;
	margin: 3px;
	color: Black;
	text-decoration: none;
	font: 10pt Tahoma;
	line-height: 25px;
}


.question
{
	font: bold 12pt Tahoma;
}

.answer
{
	color: Red;
	font: 10pt Tahoma;
}


.testing_questionheader
{
	width: 100%; 
	min-height: 100px; 
	height: 100px;
	font: bold 14pt Tahoma;
	text-align: center;
	vertical-align: middle;
}

.testing_loadingpan
{
	width: 200px;
	height: 120px;
	background: #eff7ff;
	border: solid 1px #000000;
	font:  bold 12pt Tahoma;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 400px;
	left: 300px;
}

.btn { border: solid 1px #000000; font: 9pt Tahoma; background-color: #f7f7ff; }
.questionbuttontext { font: bold 10pt Tahoma; color: Black; }
.questionbutton { padding: 1px; padding-bottom: 0px; display: inline }

.border { background-color: #aaaaf0; }
.answertext { font: 10pt Tahoma; color: #505050; }
.answer { background-color: #f0f0ff; height: 30px; text-align: left; vertical-align: middle; }
.testing_answercontent 
{ 
	width: 100%; 
	text-align: left; 
	vertical-align: top;
	padding: 20px; 
}
.answerheadertext { font: bold 14pt Tahoma; }

div.testheader
{
	
}

div.timerheader
{
}


.AutoCheckBoxListPanel
{
	background-color: #ffffff;
	border: solid 1px #7EACB1;
}

.AutoCheckBoxList
{
	
}

.maindiv
{
    background: url(../images/bg/toper.jpg) no-repeat center bottom;
    height: 35px;
    padding-bottom: 5px;
}

/* Test styles END */
/* ------------------------- */