*
{
	-moz-box-sizing: border-box; /*for firefox to measure width from border to border*/
}

body
{
	font-family: Verdana, Tahoma, sans-serif;
	text-decoration: none;

	overflow-x: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;

	box-sizing: border-box;

	-moz-box-sizing: border-box; /* Firefox specific */
}

.pageArea
{
	position: relative;
	width: 784px;
	top: 12px;

	margin-left: auto; /* Firefox specific */
	margin-right: auto;
	margin-bottom: 12px;

	text-align: left;
	border-width: 1px;
}

.backgroundLine
{
	background: url(gui/bgLine.gif) repeat-x top left;

	position: absolute;
	height:1px;
	width: 100%;
	font-size: 1px;
}
.footerArea
{
	background: url(gui/bgLine.gif) repeat-x top left;
	background-color: #FFFFFF;


	position: absolute;
	top: expression(document.body.scrollTop+(document.body.clientHeight-this.clientHeight));

	height: 38px;
	left: 0px;
	width:100%;

	vertical-align: middle;
	z-index: 10;
}

.footerAreaLeft
{
  padding-left: 20px;
}

.footerAreaRight
{
  padding-right: 25px;
}

.footerAreaText
{
    color: #000000;

	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.footerAreaText A:visited
{
  color: #008095;
  font-weight: bold;
  text-decoration: none;
}

.footerAreaText A:link
{
  color: #008095;
  font-weight: bold;
  text-decoration: none;
}

.footerAreaText A:hover
{
  color: #008095;
  text-decoration: underline;
}

.footerAreaText A:active
{
  color: #008095;
}



.headerArea
{
	background: url(gui/headerBg.gif) repeat-x;
	background-color: #f2a149;

	height:77px;
	width: 100%;
}

.headerlogo
{
	position: absolute;
	display: block;
	top: 3px;
	left: 15px;
}
.headerLeft
{
	background: url(gui/headerLMSo.gif) no-repeat top left;
	float: left;
	width: 139px;
}
.headerRight
{
	background: url(gui/headerClear.gif) no-repeat top right;
	float:right;
	width: 1px;
}

.headerRightDecorated
{
	background: url(gui/headerDecoratedo.gif) no-repeat top right;
	float:right;
	width: 300px;
}

.headerLeft, .headerRight, .headerRightDecorated
{
	height:77px;
}
.headerLogo
{
	position: absolute;
	left: 20px;
	top: 30px;
}


.headerExtraLayer
{

}

.headerExtraLayer .menu
{
	background: url(gui/headerMenuBg.gif) repeat-x;

	float: right;

	color: #FFFFFF;
	font-size: 11px;
	font-weight:bold;
	line-height: 15px;

	padding-top: 3px;
	padding-bottom: 4px;
	padding-left:10px;
	padding-right:10px;
}

.headerExtraLayer .menu .left
{
	background: url(gui/headerMenuLeftSide.gif) no-repeat top left;
	float:left;
}
.headerExtraLayer .menu .right
{
	background: url(gui/headerMenuRightSide.gif) no-repeat top right;
	float: right;
}
.headerExtraLayer .menu .left, .headerExtraLayer .menu .right
{
	height: 100%;
	width: 1px;
}

.headerExtraLayer .menu A:link
{
	color: #FFFFFF;
	text-decoration:none;
}

.headerExtraLayer .menu A:visited
{
	color: #FFFFFF;
	text-decoration:none;
}

.headerExtraLayer .menu A:active
{
	color: #FFFFFF;
}

.headerExtraLayer .menu A:hover
{
	color: #ACDAE1;
}

.searchBox
{
	margin-right: 10px;
}

.searchBox input  {
	FONT-SIZE: 11px;
	CURSOR: default;
	width: 160px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	height: 18px;

	BORDER-TOP: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	PADDING-TOP: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 1px;

	margin-right: 4px;
	BACKGROUND: #FFFFFF;
}


.topArea
{
	background-color: #FFFFFF;

	position: relative;
	width: 100%;
	height: 26px;

}


.mainArea
{
	background-color: #f0f2ef;
	position: relative;
	height: 100%;
	width: 100%;

	border-left: solid 1px;
	border-right: solid 1px;
	border-color: #d6dadd;

	text-align: center; /* IE specific*/
}

.mainAreaTop
{
	background-color: #d6dadd;
	position: relative;
	width: 100%;
	height: 4px;
}

.mainAreaTopLeft
{
	background: url(gui/mainAreaCorner.gif) no-repeat top left;
	left: 0px;
}
.mainAreaTopRight
{
	background: url(gui/mainAreaCorner.gif) no-repeat top right;
	right: 0px;
}
.mainAreaTopLeft, .mainAreaTopRight
{
	position: absolute;
	top: 0px;
	height: 100%;
	width: 1px;
	font-size: 1px;
}


.leftArea
{
	position: relative;
	width: 223px;

	border-left: 3px solid;
	border-right: 3px solid;
	border-color: #d6dadd;

	padding: 0px;

	text-align: left;
}

.leftAreaTopLeft
{
	background: url(gui/mainAreaBorderCorner.gif) no-repeat top left;
	left: 0px;
}
.leftAreaTopRight
{
	background: url(gui/mainAreaBorderCorner.gif) no-repeat top right;
	right: 0px;
}
.leftAreaTopLeft, .leftAreaTopRight
{
	position: absolute;
	top: 0px;
	height: 1px;
	width: 1px;
	font-size: 1px;
}

.leftAreaBlock
{
	position: relative;
	background-color: #007A90;
	width: 226px;

	padding-left:14px;
	padding-top:12px;
	padding-right:6px;
	padding-bottom: 8px;

	margin-bottom: 4px;
}

.leftAreaMenuBlock
{
	position: relative;
	background-color: #007A90;
	width: 226px;

	padding-left:14px;
	padding-top:2px;
	padding-right: 6px;
	padding-bottom: 8px;

	margin-bottom: 4px;
}

.leftAreaFooterBlock
{
	position: relative;
	height: 3em;
}

.leftAreaBlockClose
{
	padding-top:2px;
	padding-bottom:8px;
	vertical-align: top;
}

.leftAreaBlockText
{
	color: #FFFFFF;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height:1.4em;
	vertical-align: baseline;
}

.leftAreaBlockText A:link
{
	color: #FFFFFF;
	text-decoration: none;

}

.leftAreaBlockText A:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.leftAreaBlockText A:hover
{
	color: #ACDAE1;
	text-decoration: none;
}

.leftAreaBlockText A:active
{

}

.leftAreaBlockExtraText
{
	color: #FFFFFF;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height:1.4em;
}

.leftAreaBlockExtraText img
{
	border-style: none;
}

.leftAreaBlockExtraText A:link
{
	color: #FFFFFF;
	text-decoration: none;

}

.leftAreaBlockExtraText A:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.leftAreaBlockExtraText A:hover
{
	color: #ACDAE1;
	text-decoration: none;
}

.leftAreaBlockExtraText A:active
{

}

.leftAreaBlockHeader
{
	color: #FFFFFF;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;

	vertical-align:baseline;
	padding-bottom: 8px;
}

.leftAreaMenuBlockHeader
{
	color: #FFFFFF;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;

	vertical-align:baseline;
	padding-bottom: 4px;
}

.button
{
	position: relative;
	height: 18px;

	background: url(gui/button.gif) repeat-x top left;
	vertical-align: top;

	color: #FFFFFF;

	font-size: 11px;
	font-style: normal;
	font-weight: normal;

	padding-top: 2px;
	padding-bottom:0px;
	padding-left: 4px;
	padding-right: 4px;

	margin-top:1px;
	margin-bottom:1px;
	margin-left:1px;
	margin-right:1px;
}

.buttonLeftSide
{
	background: url(gui/buttonSide.gif) no-repeat top left;
	left: 0px;
}
.buttonRightSide
{
	background: url(gui/buttonSide.gif) no-repeat top right;
	right: -1px;
}
.buttonLeftSide, .buttonRightSide
{
	position: absolute;
	top: 0px;
	height: 18px;
	width: 1px;
	font-size: 1px;
}

.button A:link
{
	color: #FFFFFF;
	text-decoration: none;
}

.button A:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.button A:active
{

}

.button A:hover
{
	text-decoration: underline;
}

.leftAreaListItem
{
	position: relative;
	color: #FFFFFF;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	height:14px;

	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;

}

.leftAreaListItem A:link
{
	color: #FFFFFF;
	text-decoration: none;
}

.leftAreaListItem A:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.leftAreaListItem A:active
{

}

.leftAreaListItem A:hover
{
	color: #ACDAE1;
	text-decoration: none;
}

.leftAreaListItemDisabled
{
	position: relative;
	color: #d6dadd;;;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	height:14px;

	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.leftAreaListItemActive
{
	position: relative;
	height: 100%;

	background-color: #6eADBB;
	color: #FFFFFF;

	font-size: 11px;
	font-style: normal;
	font-weight: normal;

	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.leftAreaListItemActive A:link
{
	color: #FFFFFF;
	text-decoration: none;
}

.leftAreaListItemActive A:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.leftAreaListItemActive A:active
{

}

.leftAreaListItemActive A:hover
{
	color: #ACDAE1;
	text-decoration: none;
}

.leftAreaListItemActiveLeftSide
{
	background: url(gui/buttonSide.gif) no-repeat top left;
	left: 0px;
}
.leftAreaListItemActiveRightSide
{
	background: url(gui/buttonSide.gif) no-repeat top right;
	right: 0px;
}
.leftAreaListItemActiveLeftSide, .leftAreaListItemActiveRightSide
{
	position: absolute;
	top: 0px;
	height: 18px;
	width: 1px;
	font-size: 1px;
}

.leftAreaListItemSeparator
{
	background-color: #3C9EAB;
	height: 1px;
	width: 100%;
}


/* content area */
.mainTextAreaRight
{
	position: relative;
	background-color: #FFFFFF;

	text-align: left;
	border-left: solid 1px;
	border-right: solid 3px;
	border-color:  #d6dadd;
}

.mainTextAreaRightInner
{
	position: relative;
	overflow:hidden;
	width: 546px;
	height:100%;

	text-align: left;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 10px;

	margin:0px;
}

.mainTextAreaCenter
{
	position: relative;
	overflow: hidden;
	width: 554px;
	height:100%;

	background-color: #FFFFFF;

	border-left: solid 1px;
	border-right: solid 1px;
	border-color: #d6dadd;

	text-align: left;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 10px;
}

.mainTextAreaTopLeft
{
	background: url(gui/mainAreaBorderCorner.gif) no-repeat top left;
	left: 0px;
}
.mainTextAreaTopRight
{
	background: url(gui/mainAreaBorderCorner.gif) no-repeat top right;
	right: 0px;
}
.mainTextAreaTopLeft, .mainTextAreaTopRight
{
	position: absolute;
	top: 0px;
	height: 1px;
	width: 1px;
	font-size: 0px;
}

.mainTextAreaHeader
{
	background-color: #008095;

	position:relative;
	height: 19px;

	color: #FFFFFF;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	vertical-align: middle;

	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0.1em;
	apadding-bottom: 2px;
}

.mainTextAreaHeader A:link
{
	text-decoration: none;
	font-weight:bold;
	color: #FFFFFF;
}

.mainTextAreaHeader A:visited
{
	text-decoration: none;
	font-weight:bold;
	color: #FFFFFF;
}

.mainTextAreaHeader A:active
{
	text-decoration: none;
}

.mainTextAreaHeader A:hover
{
	color: #ACDAE1;
	text-decoration: none;
}

.mainTextAreaSubheader
{
	background-color: #008095;

	position:relative;
	height:16px;

	color: #FFFFFF;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	vertical-align:middle;

	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.mainTextAreaSubheader A:link
{
	text-decoration: none;
	color: #FFFFFF;
}

.mainTextAreaSubheader A:visited
{
	text-decoration: none;
	color: #FFFFFF;
}

.mainTextAreaSubheader A:active
{
	text-decoration: none;
}

.mainTextAreaSubheader A:hover
{
	color: #ACDAE1;
	text-decoration: none;
}



.mainTextAreaHeaderExtraText
{
	background-color: #e1e6e9;
	height: 19px;

	position: relative;
	top: 0;
	color: #000000;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	vertical-align: baseline;

	padding-left: 14px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.mainTextAreaHeaderExtraText A:link
{
	font-weight:bold;
	color: #008095;
	text-decoration: none;
}

.mainTextAreaHeaderExtraText A:visited
{
	font-weight:bold;
	color: #008095;
	text-decoration: none;
}

.mainTextAreaHeaderExtraText A:active
{

}

.mainTextAreaHeaderExtraText A:hover
{
	text-decoration: underline;
}

.mainTextAreaHeaderDarkLeftSide, .mainTextAreaHeaderDarkLeftTop
{
	background: url(gui/mainAreaHeaderDarkSide.gif) no-repeat top left;
	left:0px;
}

.mainTextAreaHeaderDarkRightSide, .mainTextAreaHeaderDarkRightTop
{
	background: url(gui/mainAreaHeaderDarkSide.gif) no-repeat top right;
	right: 0px;
}

.mainTextAreaHeaderLightLeftSide, .mainTextAreaHeaderLightLeftTop
{
	background: url(gui/mainAreaHeaderLightSide.gif) no-repeat top left;
	left:0px;
}

.mainTextAreaHeaderLightRightSide, .mainTextAreaHeaderLightRightTop
{
	background: url(gui/mainAreaHeaderLightSide.gif) no-repeat top right;
	right: -1px;
}

.mainTextAreaHeaderDarkLeftSide, .mainTextAreaHeaderDarkRightSide, .mainTextAreaHeaderLightLeftSide, .mainTextAreaHeaderLightRightSide
{
	position: absolute;
	top: 0px;
	height: 20px;
	width: 1px;
	font-size: 1px;
}

.mainTextAreaHeaderDarkLeftTop, .mainTextAreaHeaderDarkRightTop, .mainTextAreaHeaderLightLeftTop, .mainTextAreaHeaderLightRightTop
{
	position: absolute;
	top: 0px;
	height: 1px;
	width: 1px;
	font-size: 1px;
}




.mainTextArea
{
	position:relative;

	padding-top: 6px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
}



.mainTextAreaText
{
	color: #000000;

	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.mainTextAreaText A:link, A:link.mainTextAreaText
{
	color: #008095;
	font-weight: bold;
	text-decoration: none;
}

.mainTextAreaText A:visited, A:visited.mainTextAreaText
{
	color: #008095;
	font-weight: bold;
	text-decoration: none;
}

.mainTextAreaText A:hover, A:hover.mainTextAreaText
{
	text-decoration: underline;
}

.mainTextAreaText A:active, A:active.mainTextAreaText
{

}

.mainTextAreaTextMedium
{
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	font-style: normal;
}

.mainTextAreaTextMedium A:link, A:link.mainTextAreaTextMedium
{
	color: #008095;
	font-weight: bold;
	text-decoration: none;
}

.mainTextAreaTextMedium A:visited, A:visited.mainTextAreaTextMedium
{
	color: #008095;
	font-weight: bold;
	text-decoration: none;
}

.mainTextAreaTextMedium A:active, A:active.mainTextAreaTextMedium
{

}

.mainTextAreaTextMedium A:hover, A:hover.mainTextAreaTextMedium
{
	text-decoration: underline;
}

.mainTextAreaTextSmall
{
	color: #000000;

	position:relative;

	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.mainTextAreaTextSmall A:link, A:link.mainTextAreaTextSmall
{
	color: #008095;
	font-weight: bold;
	text-decoration: none;
}

.mainTextAreaTextSmall A:visited, A:visited.mainTextAreaTextSmall
{
	color: #008095;
	font-weight: bold;
	text-decoration: none;
}

.mainTextAreaTextSmall A:hover, A:hover.mainTextAreaTextSmall
{
	text-decoration: underline;
}

.mainTextAreaTextSmall A:active, A:active.mainTextAreaTextSmall
{

}



.mainTextAreaTextHighlighted
{
	font-weight:bold;
}

.mainTextAreaTextTypeAbbreviation
{
	font-size:8px;
	font-style:normal;
	font-weight:normal;
}



.mainTextAreaColumnHeader
{
	color: #000000;

	font-weight: bold;
	font-size: 11px;
	font-style: normal;
}

.mainTextAreaColumnHeader A:link
{
	color: #008095;
	font-weight: bold;
	text-decoration: none;
}

.mainTextAreaColumnHeader A:visited
{
	color: #008095;
	font-weight: bold;
	text-decoration: none;
}

.mainTextAreaColumnHeader A:active
{

}

.mainTextAreaColumnHeader A:hover
{
	text-decoration: underline;
}

.mainTextAreaRowList
{
	background-color: #FFFFFF;

	color: #000000;
	font-weight: normal;
	font-size: 11px;
	font-style: normal;
}

.mainTextAreaRowList A:link
{
	color: #008095;
	font-weight: bold;
	text-decoration: none;
}

.mainTextAreaRowList A:visited
{
	color: #008095;
	font-weight: bold;
	text-decoration: none;
}

.mainTextAreaRowList A:active
{

}

.mainTextAreaRowList A:hover
{
	text-decoration: underline;
}

.mainTextAreaRowListAlt
{
	background-color: #f0f2ef;

	color: #000000;
	font-weight: normal;
	font-size: 11px;
	font-style: normal;
}

.mainTextAreaRowListAlt A:link
{
	color: #008095;
	font-weight: bold;
	text-decoration: none;
}

.mainTextAreaRowListAlt A:visited
{
	color: #008095;
	font-weight: bold;
	text-decoration: none;
}

.mainTextAreaRowListAlt A:active
{

}

.mainTextAreaRowListAlt A:hover
{
	text-decoration: underline;
}

.mainTextAreaCellWithBorder
{
	border-right: solid 1px #81C7CF;

	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top;
}

.mainTextAreaCellWithoutBorder
{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top;
}



/* Form elements definitions */

.genericDropdown {
	FONT-SIZE: 10px;
	CURSOR: default;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

	BORDER: #999999 1px solid;
	PADDING-TOP: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	BACKGROUND: #FFFFFF;
}
.genericDropdown100 {
	FONT-SIZE: 10px;
	WIDTH: 100px;
	CURSOR: default;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

	BORDER: #999999 1px solid;
	PADDING-TOP: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	BACKGROUND: #FFFFFF;
}
.genericDropdown281 {
	FONT-SIZE: 10px;
	WIDTH: 281px;
	CURSOR: default;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

	BORDER: #999999 1px solid;
	PADDING-TOP: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	BACKGROUND: #FFFFFF;
}

.genericDropdown100prcnt {
	FONT-SIZE: 10px;
	WIDTH: 99%;
	CURSOR: default;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

	BORDER: #999999 1px solid;
	PADDING-TOP: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	BACKGROUND: #FFFFFF;
}

.genericInputtext {
	FONT-SIZE: 10px;
	CURSOR: default;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

	BORDER-TOP: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	PADDING-TOP: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	BACKGROUND: #FFFFFF;
}
.genericInputtext180 {
	FONT-SIZE: 10px;
	WIDTH: 180px;
	CURSOR: default;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

	BORDER-TOP: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	PADDING-TOP: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	BACKGROUND: #FFFFFF;
}
.genericInputtext281 {
	FONT-SIZE: 10px;
	WIDTH: 281px;
	CURSOR: default;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

	BORDER-TOP: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	PADDING-TOP: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	BACKGROUND: #FFFFFF;
}
.genericInputtext100prcnt {
	FONT-SIZE: 10px;
	WIDTH: 99%;
	CURSOR: default;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

	BORDER-TOP: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	PADDING-TOP: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	BACKGROUND: #FFFFFF;
}

.genericTextArea {
	FONT-SIZE: 10px;
	WIDTH: 281px;
	CURSOR: default;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

	BORDER-TOP: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	PADDING-TOP: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	BACKGROUND: #FFFFFF;

	scrollbar-arrow-color: #3F3C3B;
	scrollbar-face-color: #F4F5F5;
	scrollbar-shadow-color: #D9DBE5;
	scrollbar-darkshadow-color: #9494A2;
	scrollbar-track-color: #CBCCDA;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #9494A2;
}
.genericTextArea281 {
	FONT-SIZE: 10px;
	WIDTH: 281px;
	CURSOR: default;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

	BORDER-TOP: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	PADDING-TOP: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 2px;
	BACKGROUND: #FFFFFF;


}
.genericTextArea100prcnt {
	FONT-SIZE: 10px;
	WIDTH: 99%;
	CURSOR: default;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

	BORDER-TOP: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	PADDING-TOP: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 2px;
	BACKGROUND: #FFFFFF;

	scrollbar-arrow-color: #3F3C3B;
	scrollbar-face-color: #F4F5F5;
	scrollbar-shadow-color: #D9DBE5;
	scrollbar-darkshadow-color: #9494A2;
	scrollbar-track-color: #CBCCDA;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #9494A2;
}

.genericCheckBoxList
{
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	line-height:15px;
}

.progressBarText
{
    color: #000000;
    font-size: 9px;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
}

.notesCheckbox
{
    width: 10px;
    height:10px;
    vertical-align: top;
}

.cornerTopLeft, .cornerTopRight, .cornerBottomLeft, .cornerBottomRight
{
	background: url(gui/mainAreaCorner.gif) no-repeat;
	font-size:0px;
	width: 1px;
	height:1px;
}

.cornerTopLeft
{
	background-position: top left;
	float: left;
}

.cornerTopRight
{
	background-position: top right;
	float: right;
}

.cornerBottomLeft
{
	background-position: bottom left;
	float: left;
}

.cornerBottomRight
{
	background-position: bottom right;
	float: right;
}

.loginArea
{
    background: url(gui/loginBackground.gif) repeat-x top left;
    border: solid 1px #FFFFFF;
    background-color: #277990;
    width: 360px;
	text-align: center;
    margin-top: 42px;
    margin-bottom: 48px;
}

.loginArea table td.loginFooter
{
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.loginArea table
{
	color: #FFFFFF;

	margin-left: 16px;
	margin-right: 16px;
	margin-top: 10px;
	margin-bottom: 4px;

	text-align: left;
}

.loginArea table td
{
	font-size: 11px;
	font-weight: bold;

	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
	padding-right: 2px;
}

.loginArea table th
{
	font-size: 12px;
	font-weight: bold;

	padding-top:8px;
	padding-bottom:6px;
	padding-left:4px;
	padding-right:4px;
	margin-bottom: 10px;
	text-align: center;

	border-bottom: solid 1px, #3C9EAB;
}

.loginArea A:link
{
	color: #FFFFFF;
	text-decoration: none;
}

.loginArea A:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.loginArea A:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.loginArea A:active
{
	color: #FFFFFF;
}


.loginButton
{
    background: url(gui/loginBtnBg.gif) repeat-x;
    bacgkround-color: #3F91A3;

    color: #FFFFFF;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
}

.loginButtonLeft
{
	background: url() no-repeat top left;
	left: 0px;
	width: 10px;
}
.loginButtonRight
{
	background: url() no-repeat top right;
	right: 0px;
	width: 10px;
}
.loginButtonLeft, .loginButtonRight
{
	top: 0px;
	font-size: 1px;
}

.loginButton A:link
{
	color: #FFFFFF;
	text-decoration: none;
}

.loginButton A:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.loginButton A:hover
{
	text-decoration: underline;
}

.loginButton A:active
{

}

.loginText
{
	color: #FFFFFF;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
}

.copyrightLayer
{
	position: relative;

	color: #959797;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;

	padding-top: 4px;
	padding-left: 8px;
	padding-right: 0px;
	padding-bottom: 4px;
}

.lineDark
{
	background-color: #222222;
	font-size: 0px;
	height: 1px;
	width: 100%;
	margin:0;
	padding:0;
	border:0;
	display: block;
}



.mainTextAreaLine
{
	background-color: #e1e7e8;
	font-size: 0px;
	width: 100%;
	height: 1px;
}

.progressIndicatorInProgress
{
	color: #FFFFFF;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;

	padding-left: 4px;
	padding-right: 4px;

	width:6em;

	background-color: #F1B241;
}

.progressIndicatorNotStarted
{
	color: #FFFFFF;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;

	padding-left: 4px;
	padding-right: 4px;

	width:6em;

	background-color: #D84F4B;
}

.progressIndicatorFinished
{
	color: #FFFFFF;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;

	padding-left: 4px;
	padding-right: 4px;

	width:6em;

	background-color: #008095;
}

A:link.genericLink
{
	color: #008095;
	text-decoration: none;
	font-weight: normal;
}

A:visited.genericLink
{
	color: #008095;
	text-decoration: none;
	font-weight: normal;
}

A:hover.genericLink
{
	text-decoration: underline;
	font-weight: normal;
}

A:active.genericLink
{
	font-weight: normal;
}

.submitBtn,
{
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	margin-right: 8px;
	float:left;
	height:22px;
	cursor: hand;
}

.submitBtn .text
{
	background-color: #D4D9D9;
	padding-top:3px;
	padding-bottom:2px;
	padding-left:4px;
	padding-right:0px;
}
.submitBtn .leftSide
{
	width: 20px;
}
.submitBtn .rightSide
{
	width: 13px;
	background: url(gui/grayBtnRight.gif);
}

.submitBtn .text, .submitBtn .leftSide, .submitBtn .rightSide,
{
	float: left;
	height: 22px;
}

.previewModeText
{
	font-size: 14px;
	font-weight: bold;
	text-align:center;

	color: #D84F4B;

	margin-bottom:6px;
}

span.login
{
	display: block;
	position: relative;
	padding: 15px 0px;
	font-size: 16px;
	background-color: #ffb158;
}