/* Testwise redesign Dec 2004 */



/*	Body/Global
	#################################################################################### */

.twBody {
	background-image: url(../images/tw_background.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #010101;
}

input {
    background:#fffffe;
    color: #010101;
}
textarea {
    background:#fffffe;
    color: #010101;
}

select {
  background:#fffffe;
  color: #010101;
}

.omtBody {
	background-image: url(../images/omt_background.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #010101;
}

.twBody img { border: none;}

.twBold { font-weight: bold;}

.alignLeft {text-align: left;}

.alignCenter { text-align: center;}




.twBodyPlain {
	font-size: x-small;
	background-color: #fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.twBodyPlain img { border: none;}

.twBodyPlain td {
	font-size: x-small;
}

.twBodyPlain div {
	text-align: center;
}

/*	HEADER COMPONENT
	##################################################################################### */


/*	SHELL
	---------------------------------------------------------------------------- */
.twContainer {
	padding-top: 5px;
	background-image: url(../images/tw_logos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 20px;
}

.omtContainer {
    padding-top: 15px;
	background-image: url(../images/omt_logos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 17px;
}

/*	ORG LOGO
	---------------------------------------------------------------------------- */
.twOrgLogo {
	/*padding-top: 5px;*/
	text-align: center;
	/*position: relative;
	width: 140px;*/
	height: 35px;
}



/*	SECTION TITLE
	---------------------------------------------------------------------------- */
.twSectionTitle {
	text-align: center;
	font-size: small;
	font-weight: bold;
	color: #fff;
	padding-top: 8px; /*50px;*/
	padding-bottom: 20px;
	z-index: 1;
}

.omtSectionTitle {
    text-align: center;
	font-size: small;
	font-weight: bold;
	color: #fff;
	padding-top: 15px; /*50px;*/
	padding-bottom: 10px;
	z-index: 1;
}

/*	TOP-RIGHT NAVIGATION (Help, Home, Log out)
	---------------------------------------------------------------------------- */
.twTopNavContainer {
	position: absolute;
	right:8px;
	top:14px;
	font-size: xx-small;
	color: #fff;
}

/*	TOP-RIGHT NAVIGATION SPAN (Correct style should have been ".twTopNavContainer span")
	---------------------------------------------------------------------------- */

.twTopNavButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	white-space: nowrap;
	margin-right: 2px;
}

.twTopNavButton img {
	margin-right: 2px;
	vertical-align: middle;
}

.twTopNavButton a:link, .twTopNavButton a:visited, .twTopNavButton a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #fff ! important;
	text-decoration: none;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	font-weight: bold;
	margin-top: -1px;
	margin-bottom: -2px
}

.twTopNavButton a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FFFFFF ! important;
	text-decoration: underline;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	font-weight: bold;
	margin-top: -1px;
	margin-bottom: -2px
}

/*	TAB BAR
	---------------------------------------------------------------------------- */
.twTabBar {
	background-color: #36A0EA; /* added */
	text-align: center;
	border-color: #000000;
	padding-top: 3px;
	padding-bottom: 2px;
	border-style: solid;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	margin-top: 5px;
	font-size: x-small;
	font-weight: bold;
	/*
	background-color: #359FE8;
	*/
}

/*	TAB BAR (EMPTY)
	---------------------------------------------------------------------------- */
.twTabBarEmpty {

	font-size: x-small;
	font-weight: bold;


	text-align: center;
	color: #000;
	padding-top: 3px;
	padding-bottom: 2px;
	margin-top: 5px;
	/*
	background-image:  url(../images/tw_tabLow_bk.gif);
	background-repeat: repeat-x;
	background-position: left center;

	background-color: #fff;
	position: relative;
	*/
}

.twTabHigh a:link, .twTabHigh a:active, .twTabHigh a:visited, .twTabHigh a:visited {
	background-color: #1B6DAD;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
  font-size: x-small;
	font-weight: bold;
	color: #fff ! important;
	text-decoration: none;
	border-color: #195E94 #195E94 #195E94;
	border-width: 1px 1px 0;
	white-space: nowrap;
	margin-right: -1px;
	margin-left: -1px;
	background-image:  url(../images/tw_tabHigh_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


.twTabLow a:link, .twTabLow a:active, .twTabLow a:visited {
	background-color: #F8FAFF;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	border-top: #fff solid 1px;
	border-right: #4C84B2 solid 1px;
	border-bottom: #4C84B2 solid 0;
	border-left: #fff solid 1px;
	font-size: x-small;
	font-weight: bold;
	color: #1368A4;
	text-decoration: none;
	white-space: nowrap;
	margin-right: -1px;
	margin-left: -1px;
	border-width: 1px 1px 0;
	background-image:  url(../images/tw_tabLow_bk.gif);
	background-repeat: repeat-x;
	background-position: left center;
	/*
	border: #000 #195E94 #195E94 #195E94 solid;
	*/
}

.twTabLow a:hover {
	background-color: #43A6ED;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;

	font-size: x-small;
	font-weight: bold;
	color: #1368A4;
	text-decoration: none;
	white-space: nowrap;
	margin-right: -1px;
	margin-left: -1px;
	background-image:  url(../images/tw_tabLowhover_bk.gif);
	/* background-image:  url(../images/tw_tabHigh_bk.gif); */
	background-repeat: repeat-x;
	background-position: left top;

	border-top: #fff solid 1px;
	border-right: #4C84B2 solid 1px;
	border-bottom: #4C84B2 solid 0;
	border-left: #fff solid 1px;
}




/*	SUB TAB
	---------------------------------------------------------------------------- */
.twSubTab {
	background-color: #1B6EAE;
	font-size: 12pt;
	text-align: center;
	vertical-align: middle;
	padding-top: 8px;
	padding-bottom: 10px;
	color: #FFFFFF;
	background-image: url(../images/twSubtab_bk.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-top: solid 1px #72B4E9;
	/*
	border: #f00 solid 1px;
	*/
}

/*	SUB TAB
	---------------------------------------------------------------------------- */
.omtSubTab {
	background-color: #2b772f;
	font-size: x-small;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 8px;
	color: #d4ffd6;
	background-image: url(../images/omtSubtab_bk.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-top: solid 1px #51c156;
	/*
	border: #f00 solid 1px;
	*/
}

/*	SUB TAB (EMPTY)
	---------------------------------------------------------------------------- */
.twSubTabVoid {
	background-color: #fff;
	font-size: x-small;
	text-align: center;
	vertical-align: middle;
	padding-top: 8px;
	padding-bottom: 10px;
	color: #D5E7FF;

	border-top: solid 1px #72B4E9;
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(../images/twSubtab_bk.gif);
	/*

	position: relative;
	background-color: #0E2D92;
	*/
}

.twSubTab a:link, .twSubTab a:active, .twSubTab a:visited {
	font-size: xx-small;
	color: #D5E7FF ;
	text-decoration: none;
	white-space: nowrap;
	padding: 3px;
	margin: 3px;
}

.twSubTab a:hover {
	font-size: xx-small;
	text-decoration: underline;
	white-space: nowrap;
	color: #fff;
	/*
	background-color: #164F7D;
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-bottom: solid 1px #2F82C4;
	border-right: solid 1px #2F82C4;
	margin: 3px;
	padding: 0 3px 0 3px;
	*/
}

.twSubTabBold {
	font-weight: bold;
	color: #fff;
}


/*	TABLE TITLE
	####################################################################################### */
.twTableTitle {
	margin-bottom: 20px;
	border: 0 solid #EDEDBE;
	text-align: center;
	font-weight: bold;
	color: #254379;
}



/*	TABLE CONTROL PANEL / INSTRUCTIONS
		####################################################################################### */


/*	MAIN CONTROL CONTAINER ( SHELL )
	----------------------------------------------------------------- */

.twControl {
	font-size: x-small;
	font-weight: normal;
	padding: 0 0 10px 0; /*10px 10px 10px 10px;*/
	margin: 10px 10px 5px 10px;
	background-color: #eee;
	color: #254379;
	border: 1px solid #e4e4e4; /*#003F83;*/
}

.twControl p {
	margin: 0 0 0 0;
	padding: 10px;
}

.twControl h1 {
	background-color: #e4e4e4; /*#F3EAA3;*/
	color: #254379; /*#254379;*/
	font-size: x-small;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 5px 10px 5px 10px;
}

/*	SUB CONTROL BOX ( SHELL )
	----------------------------------------------------------------- */

.twControl div.twControlSub {
	border: 0 solid #254379;
	border-top: 0 dashed #8E8276;
	border-bottom: 0 dashed #8E8276;
	background-color: #fff;
	margin: 5px 10px 0 10px;
	padding: 5px 7px 3px 7px;
}


/*	SUB CONTROL BOX H2 (e.g. 1. Load Questions)
	------------------------------------------------------------------ */

.twControl div.twControlSub h2 {
	margin: 0 0 15px 0;
	display: block;
	padding: 5px 5px 5px 0;
	font-size: x-small;
	font-weight: normal;
	border-bottom: 1px dashed #DDDAC4;

}

.twControl div.twControlSub h2 strong {
	color: #39f;
}


/*	GET QUESTIONS BUTTON (BLOCK)
	-------------------------------------------------------------------- */

.controlButton {
	padding: 5px 0 10px 6px;
	clear: both;
}

/*	COLUMN BLOCK FOR FILTERS
	-------------------------------------------------------------------- */

.columnShell {
	padding: 0;
	margin: 0;
	border: solid 0 #ff0;
	width: 100%;
}

.column {
	border: solid 0 #999;
	margin: 0;
	padding: 3px;
	position: relative;
	float: left;
	width: 300px;
}

/*	DIV WRAP (for each filter in Columns containing label/form item)
	---------------------------------------------------------------------- */
.column div {
	clear: right;
	width: 270px;
	margin: 0 5px 5px 0;
	padding: 0;
	text-align: left;
}

/*	SUB CONTROL FORM ITEMS (form items in Columns)
	---------------------------------------------------------------------- */

.column div span.form {
	margin: 0;
	float: right;
	padding: 0;
}

.column div span.label {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	/*
	background-color: yellow;
	*/
	width: 110px;
}

.column div span.form select {
	/*
	background-color: purple;
	*/
	margin: 0 10px 4px 0;
}


/*  DATA TABLE
	########################################################################################### */

.twDataTable {
	font-size: xx-small;
	border: 1px #315E84  solid; /*0E2D92*/
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 0; /*Changed for admin page. Was originally 10px 13.03.05*/
	margin-bottom: -10px;
	width: auto;
}

.TableDataBigger
	{ color: #111111; font-weight: bold; padding: 0 0 0 0; border: 0 #999999 solid; vertical-align: middle; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; }
.TableDataBigger a:link, .TableDataBigger a:visited, .TableDataBigger a:active {  color: #111111; text-decoration: none}
.TableDataBigger a:hover {  color: #76afed; }

/*  DATA TABLE CAPTIONS
	------------- (applies to edit tables as well)  :::: May not be needed (check) --------------*/

.twDataTableCaption {
	font-weight: bold;
	padding-bottom: 15px;
	font-size: x-small;
	top: 2px;

	text-align: center;
	color: #254379;
}

.twDataTableCaptionHidden {
	font-weight: bold;
	padding-bottom: 0;
	font-size: 0;
	top: 0;
	position: absolute;
	visibility: hidden;
	text-align: center;
}

.basicTable {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #003566;
}

.basicTable a:visited, .basicTable a:link {
  color:#444;
  text-decoration: none
}

.twDataTableCaptionNone  { display: none}



/*	DATA TABLE HEADER
	------------------------------------------------------ */


.twDataTableHeader { background-color: #4C97D3}

.twDataTableHeader th, .twDataTableHeader td {
	color: #fff;
	font-size: x-small;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	border: #4585BA;
  border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0;

	background-image: url(../images/tw_tableheader_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.twDataTableHeader a:link,
.twDataTableHeader a:active,
.twDataTableHeader a:visited {
	color: #FFFFFF ! important;
	text-decoration: none ! important
}

.twDataTableHeader a:hover {
	color: #D3E4FF ! important;
	text-decoration: none ! important
}


/*	FILTER ROW
	------------------------------------------------------------- */


.twFilterRow { background-color: #CCE2FB;
}

.twFilterRow td {
	text-align: center;
	padding: 6px 6px 6px 4px;
	vertical-align: top;
	border: #4585BA;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 0;
}

.twFilterRow div {
	float: left;
	text-align: left;
}


/*	BUTTON ROW
	------------------------------------------------------------*/

.twButtonRow { background-color: #7AC3FF;
}

.twButtonRow td {
	padding: 6px 6px 6px 4px;
	vertical-align: top;
}



/*  DATA TABLE INDENTATION HANDLING
	--------------controls the amount of indentation in expandable/collapsable table structures----------- */

.twIndent0 { margin-left: 0 ! important}
.twIndent1 { margin-left: 20px ! important}
.twIndent2 { margin-left: 40px ! important}
.twIndent3 { margin-left: 60px ! important}
.twIndent4 { margin-left: 80px ! important}
.twIndent5 { margin-left: 100px ! important}
.twIndent6 { margin-left: 120px ! important}



/*	DATA TABLE ROWS.
	--------------------- Controls the style of the rows in tables. -------------------- */

.twRowOdd {
 	 background-color: #fff;
   }

.twRowOdd td {
	text-align: left;
	padding: 3px;
 	font-weight: normal;
	vertical-align: top;
	border: #4585BA; /*#185485;*/
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 0;
}

.twRowOdd th {
	text-align: left;
	padding: 3px;
 	font-weight: normal;
	vertical-align: top;
	border:  #4585BA; /*#185485;*/
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 0;
  	/*
	white-space: nowrap;
  	*/
}

.twRowEven {
	background-color: #EFF7FF;
}

.twRowEven td {
	text-align: left;
	padding: 3px;
 	font-weight: normal;
	vertical-align: top;
	border:  #4585BA;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 0;
}


.twRowEven th {
	text-align: left;
	padding: 3px;
 	font-weight: normal;
	vertical-align: top;
	border:  #4585BA;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 0;
  	/*
	white-space: nowrap;
 	 */
}
.twRowEven a:link, .twRowEven a:visited, .twRowEven a:active {  color: #000000; text-decoration: none}
.twRowEven a:hover {  color: #76afed; }
.twRowOdd a:link, .twRowOdd a:visited, .twRowOdd a:active {  color: #000000; text-decoration: none}
.twRowOdd a:hover {  color: #76afed; }


div.errorList {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float: left;
    width: 650px;
    padding-left: 50px;
    text-align: left;
    padding-top:10px;
    padding-bottom:6px;
    margin-bottom: 2px;
    font-size: xx-small;
    color: #DD0000;
}

.twTextButton {
    font-weight: bold;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: black;
    height: 20px;
    line-height: 20px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    background-color: #D3EBFE;
    background-image: url(../images/tw_button_bk.gif);
    background-repeat: repeat-x;
    background-position: top;
    white-space: nowrap;

    border: 1px solid rgb(202, 202, 202);
}

.twTextButton a:link,
.twTextButton a:visited,
.twTextButton a:active {
    color: black;
    text-decoration: none;
}

.twTextButton a:hover {
    color: navy;
    text-decoration: none;
}

.twTextButton:hover {
    background-image: url(../images/tw_button_bk_hover.gif);
}


.twTextButton img {
    border: 0;
    vertical-align: middle;
}

/*


*/
/* 	TEXT BUTTONS
	---------------------------------------------------------- *//*


.twTextButton   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #2F4E6F;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	background-color: #D3EBFE;
	font-weight: bold;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-color: #5391C7 #5391C7 #5391C7 #5391C7;
	white-space: nowrap;
	*/
/*
	margin-right: 2px;
	*//*

}

.twTextButton img {
	border: 0;
	vertical-align: middle;
}

.twTextButton a:link,
.twTextButton a:visited,
.twTextButton a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #2B4765 ! important;
	text-decoration: none;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	background-color: #EDF0F6;
	font-weight: bold;
	border: 1px solid;
	border-color: #fff #D3EBFE #D3EBFE #fff;
	margin-top: -1px;
	margin-bottom: -2px;
	background-image: url(../images/tw_button_bk_hover.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.twTextButton a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #2F4E6F ! important;
	text-decoration: none;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	background-color: #76afed;
	font-weight: bold;
	border: 1px solid;
	border-color: #fff #fff #fff #fff;
	margin-top: -1px;
	margin-bottom: -2px;
	background-image: url(../images/tw_button_bk.gif);
	background-repeat: repeat-x;
	background-position: top;
}

*/

/*  PAGINATION
    ############################################################################
	############################################################################ */
.twPagination {

	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	font-size: xx-small;
	color: #89A3B7;
}

.twPagination img {  vertical-align: middle; }

.twPagination select {
	vertical-align: middle;
	margin: 0 10px;
}

.twPaginationAlignLeft {
	left: 10px;
	position: absolute;
}

.twPaginationAlignRight {
	right: 10px;
	position: absolute;
}

.twPagination a:link,
.twPagination a:active,
.twPagination a:visited {
	font-weight: bold;
	color: #13476F ! important;
	text-decoration: none ! important
}

.twPagination a:hover {
	color: #1A639A ! important;
	text-decoration: underline ! important
}


/*  GLOBAL FORM ITEMS TEXT STYLES
    ##########################################################################
	########################################################################## */

	input {
	margin: 4px 10px 4px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	vertical-align: middle;

}

.mandatoryField {
  background-color: #FFFFDD;
  margin: 4px 10px 4px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	vertical-align: middle;
  border-style: solid;
  border-color: #7F9DB9;
}

.mandatoryField {
  background-color: #FFFFDD;
  margin: 4px 10px 4px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	vertical-align: middle;
  border-style: solid;
  border-color: #7F9DB9;
}

  textarea {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin-right: 10px;
	/*
	width: 100px;
	*/
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin-left: 0;
	margin-right: 5px;
	vertical-align: middle;

}

label {
	margin-right: 0;
}





/*  EDIT PAGE NEW
    ##########################################################################
	########################################################################## */



.editPageShell {
	text-align: center;
}


.editPageShellContainer {
	width: 550px;
	padding: 2px;
	margin: 0 auto;

	/*background-color: #f6f6f6;*/
}


/* container for row in edit pages containing LABEL SPAN and FORM SPAN */
div.editPageRow {
	clear: both;
	padding-top: 1px;
}


/* LABEL SPAN */
div.editPageRow span.editLabel {
	float: left;
	width: 150px;
	text-align: right;
	margin-top: 6px;
	font-size: xx-small;
	font-weight: bold;
	color: #369; /*#254379;*/

	/*
	background-color: pink;
	*/
}


#passwordStrength {
  height:12px;
  display:block;
  float:left;
}
.strength0 {
  width:150px;
  background:#cccccc;
}
.strength1 {
  width:30px;
  background:#ff0000;
}
.strength2 {
  width:60px;
  background:#ff5f5f;
}
.strength3 {
  width:90px;
  background:#56e500;
}
.strength4 {
  background:#4dcd00;
  width:120px;
}
.strength5 {
  background:#399800;
  width:150px;
}

/* ERROR SPAN */
div.editPageRow span.errorLabel {
	float: left;
	width: 450px;
	padding-left: 162px;
	text-align: left;
	margin-top: -9px;
	margin-bottom: 2px;
	font-size: xx-small;
	color: #DD0000;
}

.errorLabel {
    width: 450px;
    text-align: left;
    margin-top: -4px;
    margin-bottom: 2px;
    font-size: xx-small;
    color: #DD0000;
}



/* FORM SPAN */
div.editPageRow span.editForm {
	float: right;
	width: 385px;
	text-align: left;
	font-size: xx-small;
	font-weight: bold;
	color: #000;
  margin-top: -2px;

  /*
	background-color: yellow;
	*/
}

div.editPageRow span.editFormComment {
	float: left;
    padding-left: 20px;
	width: 70%;
    text-align: left;
	font-size: xx-small;
	font-weight: normal;
	color: #777;
    margin-top: -3px;
    margin-bottom: 4px;
}

div.editPageRow span.editFormTB {
	float: right;
	width: 485px;
  height: 200px;
  text-align: left;
	font-size: xx-small;
	font-weight: bold;
	color: #000;
  margin-top: -2px;
}






/* submit buttons bottom of edit/login pages */
div.editPageRow span.editButtons {
	padding: 5px 5px 10px 5px;
	float: right;
	width: 285px;
	text-align: left;

	/*
	background-color: lightblue;
	*/
}


/*  LOGIN PAGE BACKGROUND
	########################################################################## */


.icons {
	text-align: right;
	padding-top: -4px;
	padding-bottom: -4px;
}

.twLoginShell {
	position: relative;
	padding-top: 10px;

	text-align: center;
	background-image: url(../images/login_bk.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 265px;
	z-index: 1;
	/*border: 1px solid #f00;*/
}

.twLoginBlock {
	width: 450px;
	margin: 0 auto;
	padding: 0 5px 5px 5px;

	/*background-color: #f6f6f6;
	border: 1px solid red;*/
	
}

/* bottom right background image */
.twLoginBg {
	position: absolute;
	height: 250px;
	width: 273px;
	right: 0;
	bottom: 0;
	z-index: 0;

	/*
	background-image: url(../images/loginphoto.jpg);
	*/
}


.twWelcomeText {
	margin: 0 auto;
    padding-top: 5pt;
	width: 300px;
	text-align: left;
	/*
	display: block;
	background-color: orange;
	text-align: center;
	*/


}

.twWelcomeText h1 {
	font-size: small;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
	color: #254379;
}


.twWelcomeText h2 {
	font-size: xx-small;
	margin: 0 0 20px 0;
	padding-top: 0;
	color: #72726F;
	font-weight: normal;

	/*
	width: 200px;
	*/
}

.twWelcomeText h2 a:link {color: #72726F; text-decoration:none}
.twWelcomeText h2 a:visited {color: #72726F; text-decoration:none}
.twWelcomeText h2 a:hover {color: #76afed; text-decoration: none;}
.twWelcomeText h2 a:active {color: #76afed; text-decoration: underline}


/*  what's this?
    ???????????????????????????????????????????/
	??????????????????????????????????????????? */

.twAdminMenuShell {
	text-align: center;
}


.twAdminMenuContainer {
	width: 660px;
	padding: 5px;
	margin: 0 auto;
	/*background-color: #f6f6f6;*/
}



/*	ODD/EVEN ROW COLOURS
	------------------------------------------------------------*/
.twTreeRowOdd {
 	 background-color: #EFF7FF;
}

.twTreeRowEven {
 	 background-color: #fff;
}
/* id stuff on some tabular type form input*/
   #twcoldrop {
        margin: 0 0;
        float:left;
        padding: 0;
        position: relative;
        width: 80px;

    }
   #twabut {
        margin: 0 0;
        float:left;
        padding: 0;
        position: relative;
    }
    #twnewrow{
        clear:left;
    }

/*	TREE BUTTONS - PAGE BODY STYLE
	------------------------------------------------------------*/

.twTreeButtonsBody {
	/*background-color: #D6E8FC;*/
	margin: 5px;
}


.twTreeButtonsShell {
	/*background-color: green;*/
	margin: 0 0 0 0;
	padding: 5px 0 0 5px;
	border: 0 green solid;

}

/*	Horizontal Tabs (see: view-source:http://www.brainjar.com/css/tabs/demo.html)
	------------------------------------------------------------*/
div.tabArea {
  font-size: 80%;
  font-weight: bold;
  padding: 0px 0px 3px 0px;
  margin: 0px 10px 0px 10px;
}

a.tab {
  background-color: #91B9DB;
  border: 2px solid #000000;
  border-bottom-width: 0px;
  border-color: #B9D2E8 #4C6173 #4C6173 #B9D2E8;
  -moz-border-radius: .75em .75em 0em 0em;
  border-radius-topleft: .75em;
  border-radius-topright: .75em;
  padding: 2px 1em 2px 1em;
  position: relative;
  text-decoration: none;
  top: 3px;
  z-index: 100;
}

a.tab, a.tab:visited {
  color: #FFF;
}

a.tab:hover {
  background-color: #5391C7;
  border-color: #92B9DB #2C4C69 #2C4C69 #92B9DB;
  color: #000;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #5391C7;
  border-color: #92B9DB #2C4C69 #2C4C69 #92B9DB;
  color: #000;
}

a.tab.activeTab {
  padding-bottom: 4px;
  top: 1px;
  z-index: 102;
}

div.tabMain {
  background-color: #FFF;
  border: 2px solid #000000;
  border-color: #92B9DB #2C4C69 #2C4C69 #92B9DB;
  -moz-border-radius: 0em .5em .5em 0em;
  border-radius-topright: .5em;
  border-radius-bottomright: .5em;
  padding: .5em;
  position: relative;
  z-index: 101;
  margin: 0px 10px 0px 10px;
}