/*
-------------------------------------------
-------------------------------------------
Project: X-ART Reference System

File: visual/style_main.css

Author: Alexander Denisov

Last modification date: 08.01.2012

Description:
Style of application main page.
-------------------------------------------
 */

/*********************************** Common **********************************/

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #e1e1e1;
	overflow: hidden;
	padding-top: 25px;
}

.MainArea {
	position: absolute;
	top: 50px;
	left: 0px;
	height: 95%;
	width: 95%;
	overflow: auto;
	padding: 10px;
}

.tooltip {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #c9baa9;
	padding: 5px 10px 5px 10px;
	max-width: 300px;
	z-index: 1000;
}

.LinkDefault {
	cursor: pointer; cursor: hand;
	color: black;
	/*text-decoration: none;*/
}
.LinkActive {
	cursor: pointer; cursor: hand;
	color: #e10000;
	/*text-decoration: underline;*/
}

#ShowDebugPanel {
	position: absolute;
	top: 5px;
	right: 120px;
	height: 15px;
}

#AddWarning {
	position: absolute;
	top: 5px;
	right: 290px;
	height: 15px;
}

.WarningMsg {
	position: absolute;
	left: 0px;
	width: 100%;
	padding: 10px;
	background-color: #fffaf0;
	border-top: 1px solid #fffaf0;
	border-bottom: 1px solid #ff9600;
	z-index: 25;

	color: #5a5a50;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.WarningMsgActive {
	position: absolute;
	left: 0px;
	width: 100%;
	padding: 10px;
	background-color: #fffaf0;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	z-index: 25;

	color: black;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/******************************** Debug panel ********************************/

.DebugPanelOpenButton {
	display: block;
	position: absolute;
	top: 25px;
	right: 0px;
	border-collapse: collapse;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}
.DebugPanelOpenButton tr {
	cursor: pointer; cursor: hand;
	height: 23px;
}
.DebugPanelOpenButtonL {
	width: 2px;
	background-image: url("list_element.png");
	background-position: -4px -1px;
}
.DebugPanelOpenButtonLOn {
	background-position: -0px -1px !important;
}
.DebugPanelOpenButtonR {
	width: 2px;
	background-image: url("list_element.png");
	background-position: -6px -1px;
}
.DebugPanelOpenButtonROn {
	background-position: -2px -1px !important;
}
.DebugPanelOpenButtonMain {
	width: 6px;
	/*
	padding-left: 16px;
	padding-right: 16px;
	*/
	background-image: url("backgrounds.png");
	background-position: 0px -51px;
	text-align: center;
	vertical-align: middle;
	color: #8888ca;
}
.DebugPanelOpenButtonMainOn {
	background-position: 0px -26px !important;
	color: #28287a !important;
}

.DebugPanel {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 500px;
	height: 220px;
	visibility: visible;
	z-index: 100;
	background-color: #f0f0f0;
}
.DebugPanelIframe {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	z-index: 105;
}
.DebugPanelContent {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 110;
	border: 2px solid #323296;
	background-color: #f0f0f0;
	padding: 5px 10px 10px 10px;
}
.DebugPanelHeader {
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.DebugTextBlock {
	height: 184px;
	overflow: auto;
	margin-top: 5px;
	padding: 5px;
	border: 1px solid #000096;
	background-color: #fafafa;
	font-size: 11px;
}

.ButtonCloseOff {
	cursor: pointer; cursor: hand;
	width: 16px;
	height: 16px;
	background-image: url("buttons.png");
	background-position: -107px -20px;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 5px;
	right: 10px;
}
.ButtonCloseOn {
	cursor: pointer; cursor: hand;
	width: 16px;
	height: 16px;
	background-image: url("buttons.png");
	background-position: -123px -20px;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 5px;
	right: 10px;
}

/******************************* Header panel ********************************/

.HeaderPanel {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 25px;
	background-image: url("backgrounds.png");
	background-position: 0px 0px;
}

.HeaderPanelLogoOff {
	cursor: pointer; cursor: hand;
	position: absolute;
	top: 2px;
	left: 5px;
	width: 24px;
	height: 19px;
	background-image: url("buttons.png");
	background-position: -107px 0px;
}
.HeaderPanelLogoOn {
	cursor: pointer; cursor: hand;
	position: absolute;
	top: 2px;
	left: 5px;
	width: 24px;
	height: 19px;
	background-image: url("buttons.png");
	background-position: -131px 0px;
}

.HeaderPanelLabel {
	position: absolute;
	top: 5px;
	left: 40px;
	height: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #28287a;
}

.HeaderPanelBtnUpOff {
	cursor: pointer; cursor: hand;
	position: absolute;
	top: 3px;
	left: 252px;
	width: 18px;
	height: 18px;
	background-image: url("buttons.png");
	background-position: 0px 0px;
}
.HeaderPanelBtnUpOn {
	cursor: pointer; cursor: hand;
	position: absolute;
	top: 3px;
	left: 252px;
	width: 18px;
	height: 18px;
	background-image: url("buttons.png");
	background-position: 0px -18px;
}

.HeaderPanelPageName {
	position: absolute;
	top: 5px;
	left: 275px;
	height: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #28287a;
}

.HeaderPanelAppInfoOff {
	cursor: pointer; cursor: hand;
	position: absolute;
	top: 3px;
	right: 30px;
	height: 18px;
	width: 18px;
	background-image: url("buttons.png");
	background-position: -18px 0px;
}
.HeaderPanelAppInfoOn {
	cursor: pointer; cursor: hand;
	position: absolute;
	top: 3px;
	right: 30px;
	height: 18px;
	width: 18px;
	background-image: url("buttons.png");
	background-position: -18px -18px;
}

.FullscreenButtonMaximize {
	cursor: pointer; cursor: hand;
	position: absolute;
	top: 3px;
	right: 6px;
	height: 18px;
	width: 18px;
	background-image: url("buttons.png");
	background-position: -155px 0px;
}
.FullscreenButtonMaximizeOn {
	background-position: -155px -18px !important;
}

.FullscreenButtonMinimize {
	cursor: pointer; cursor: hand;
	position: absolute;
	top: 3px;
	right: 6px;
	height: 18px;
	width: 18px;
	background-image: url("buttons.png");
	background-position: -173px 0px;
}
.FullscreenButtonMinimizeOn {
	background-position: -173px -18px !important;
}

.LogoutButtonOff {
	cursor: pointer; cursor: hand;
	position: absolute;
	top: 3px;
	right: 64px;
	height: 18px;
	width: 50px;
	background-image: url("buttons.png");
	background-position: -54px 0px;
}
.LogoutButtonOn {
	cursor: pointer; cursor: hand;
	position: absolute;
	top: 3px;
	right: 64px;
	height: 18px;
	width: 50px;
	background-image: url("buttons.png");
	background-position: -54px 18px;
}

.LoginButtonOff {
	cursor: pointer; cursor: hand;
	position: absolute;
	top: 3px;
	right: 64px;
	height: 18px;
	width: 50px;
	background-image: url("buttons.png");
	background-position: -191px 0px;
}
.LoginButtonOn {
	cursor: pointer; cursor: hand;
	position: absolute;
	top: 3px;
	right: 64px;
	height: 18px;
	width: 50px;
	background-image: url("buttons.png");
	background-position: -191px 18px;
}

.AccessEditButtonOff {
	cursor: pointer; cursor: hand;
	position: absolute;
	top: 3px;
	right: 120px;
	height: 18px;
	width: 18px;
	background-image: url("buttons.png");
	background-position: -36px 0px;
}
.AccessEditButtonOn {
	cursor: pointer; cursor: hand;
	position: absolute;
	top: 3px;
	right: 120px;
	height: 18px;
	width: 18px;
	background-image: url("buttons.png");
	background-position: -36px -18px;
}

.UsernameLabel {
	position: absolute;
	top: 3px;
	right: 144px;
	height: 18px;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #28287a;
}

/***************************** Browse page mode ******************************/

.PathElemets {
	margin-bottom: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.PathElemets a, .PathElemets a:active, .PathElemets a:visited {
	text-decoration: none;
	color: #2828a0;
}
.PathElemets a:hover {
	text-decoration: none;
	color: #cf0f0f;
}

.PagesListElem {
	border-collapse: collapse;
}
.PagesListElem a, a:hover, a:active, a:visited {
	color: #28287a;
	text-decoration: none;
}

.PagesListElem tr {
	cursor: pointer; cursor: hand;
	height: 25px;
	background-image: url("backgrounds.png");
}
.PagesListElemOn {
	background-position: 0px -25px;
}
.PagesListElemOff {
	background-position: 0px -50px;
}

.PagesListElemBlank {
	width: 15px;
}
.PagesListElemIcoDir, .PagesListElemIcoPage {
	width: 25px;
	background-image: url("list_element.png");
}
.PagesListElemOn .PagesListElemIcoDir {
	background-position: -58px 0px;
}
.PagesListElemOff .PagesListElemIcoDir {
	background-position: -83px 0px;
}
.PagesListElemOn .PagesListElemIcoPage {
	background-position: -8px 0px;
}
.PagesListElemOff .PagesListElemIcoPage {
	background-position: -33px 0px;
}

.PagesListElemL {
	width: 2px;
	background-image: url("list_element.png");
}
.PagesListElemOn .PagesListElemL {
	background-position: -0px 0px;
}
.PagesListElemOff .PagesListElemL {
	background-position: -4px 0px;
}

.PagesListElemMain {
	padding: 0px 30px 0px 10px;
	min-width: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #28287a;
}
.PagesListElemPage .PagesListElemMain {
	font-weight: bold;
}

.PagesListElemR {
	width: 2px;
	background-image: url("list_element.png");
}
.PagesListElemOn .PagesListElemR {
	background-position: -2px 0px;
}
.PagesListElemOff .PagesListElemR {
	background-position: -6px 0px;
}

/****************************** Form page mode *******************************/

.FormPageVars {
	background: #efefef;
	border: 1px solid #7070b0;
	width: 500px;
	padding: 10px;
}
.FormPageVarsTitle {
	height: 25px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #28287a;
}
.FormPageVarsTable {
	border-top: 1px solid #b0c0d0;
	border-collapse: collapse;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.FormPageVarsTable td {
	border-bottom: 1px solid #b0c0d0;
	padding: 5px;
	height: 20px;
}
.FormPageVarsName {
	width: 30%;
	padding-left: 10px;
}
.FormPageVarsTable input {
	width: 100%;
	height: 20px;
}
.FormPageVarsValidator {
	width: 20px;
	padding-right: 10px;
}
.FormPageVarsButton {
	width: 100%;
	text-align: right;
	margin-top: 5px;
}
.FormPageVarsButton input{
	width: 70px;
	height: 24px;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
}

/***************************** Normal page mode ******************************/

.Panel {
	position: absolute;
	top: 0px;
	left: 0px;
	/*border: 1px solid #323296;*/
}

/************************************ Tabs ***********************************/

.TabsWrapperFullscreen {
	position: absolute;
	top: 0px;
	left: 0px;
}

.TabsWrapperTable {
	width: 100%;
	heigh: 20px;
	border-collapse: collapse;
	background: url("tabs_backgrounds.gif");
	background-position: 0px -80px;
	background-repeat: repeat-x;
}
.TabTable {
	width: 100%;
	height: 20px;
	border-collapse: collapse;
	cursor: pointer; cursor: hand;
}
.TabLeftCorner {
	width: 5px;
	height: 20px;
	background: url("tabs_corners.gif");
	background-repeat: no-repeat;
}
.TabRightCorner {
	width: 5px;
	height: 20px;
	background: url("tabs_corners.gif");
	background-repeat: no-repeat;
}

.TabLeftCornerForegroundNormal {
	background-position: 0px 0px;
}
.TabLeftCornerForegroundOff {
	background-position: 0px 0px;
}
.TabLeftCornerForegroundActive {
	background-position: -10px 0px;
}
.TabLeftCornerForegroundActivated {
	background-position: -10px 0px;
}
.TabLeftCornerBackgroundNormal {
	background-position: -20px 0px;
}
.TabLeftCornerBackgroundOff {
	background-position: -20px 0px;
}
.TabLeftCornerBackgroundActive {
	background-position: -30px 0px;
}
.TabLeftCornerBackgroundActivated {
	background-position: -30px 0px;
}
.TabLeftCornerHighlighted {
	background-position: -40px 0px !important;
}

.TabRightCornerForegroundNormal {
	background-position: -5px 0px;
}
.TabRightCornerForegroundOff {
	background-position: -5px 0px;
}
.TabRightCornerForegroundActive {
	background-position: -15px 0px;
}
.TabRightCornerForegroundActivated {
	background-position: -15px 0px;
}
.TabRightCornerBackgroundNormal {
	background-position: -25px 0px;
}
.TabRightCornerBackgroundOff {
	background-position: -25px 0px;
}
.TabRightCornerBackgroundActive {
	background-position: -35px 0px;
}
.TabRightCornerBackgroundActivated {
	background-position: -35px 0px;
}
.TabRightCornerHighlighted {
	background-position: -45px 0px !important;
}

.TabMain {
	height: 20px;
	background: url("tabs_backgrounds.gif");
	background-repeat: repeat-x;
}

.TabMainForegroundNormal {
	background-position: 0px 0px;
}
.TabMainForegroundOff {
	background-position: 0px 0px;
}
.TabMainForegroundActive {
	background-position: 0px -20px;
}
.TabMainForegroundActivated {
	background-position: 0px -20px;
}
.TabMainBackgroundNormal {
	background-position: 0px -40px;
}
.TabMainBackgroundOff {
	background-position: 0px -40px;
}
.TabMainBackgroundActive {
	background-position: 0px -60px;
}
.TabMainBackgroundActivated {
	background-position: 0px -60px;
}
.TabMainHighlighted {
	background-position: 0px -100px !important;
}

.TabIndicatorCell {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.TabLabel {
	width: 100%;
	margin-left: 2px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	vertical-align: center;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.TabListModeButtonCell {
	width: 15px;
	height: 20px;
	vertical-align: middle;
}

.TabListModeButtonCellHidden {
	display: none;
}

.TabListModeButton {
	width: 15px;
	height: 20px;
	background: url("icon_list_mode.gif");
	background-repeat: no-repeat;
	cursor: pointer; cursor: hand;
}

.TabListModeButtonList {
	background-position: 0px 1px;
}
.TabListModeButtonListOn {
	background-position: -15px 1px;
}
.TabListModeButtonPlot {
	background-position: -30px 1px;
}
.TabListModeButtonPlotOn {
	background-position: -45px 1px;
}

.TabLabelForegroundNormal {
	color: black;
}
.TabLabelForegroundOff {
	color: #afafaf;
}
.TabLabelForegroundActive {
	color: black;
}
.TabLabelForegroundActivated {
	color: black;
}
.TabLabelBackgroundNormal {
	color: white;
}
.TabLabelBackgroundOff {
	color: #eeeeee;
}
.TabLabelBackgroundActive {
	color: black;
}
.TabLabelBackgroundActivated {
	color: black;
}
.TabLabelHighlighted {
	color: white !important;
}

.ActivityIndicator {
	width: 20px;
	height: 18px;
	background-repeat: no-repeat;
}

.ActivityIndicatorForegroundNormal {
	background: url("icon_activity_static.gif");
	background-position: 0px 0px;
}
.ActivityIndicatorForegroundOff {
	background: url("icon_activity_static.gif");
	background-position: 0px -18px;
}
.ActivityIndicatorForegroundActive {
	background: url("icon_activity_busy.gif");
	background-position: 0px 0px;
}
.ActivityIndicatorForegroundActivated {
	background: url("icon_activity_static.gif");
	background-position: 0px 0px;
}
.ActivityIndicatorBackgroundNormal {
	background: url("icon_activity_static.gif");
	background-position: 0px -36px;
}
.ActivityIndicatorBackgroundOff {
	background: url("icon_activity_static.gif");
	background-position: 0px -18px;
}
.ActivityIndicatorBackgroundActive {
	background: url("icon_activity_busy.gif");
	background-position: 0px 0px;
}
.ActivityIndicatorBackgroundActivated {
	background: url("icon_activity_static.gif");
	background-position: 0px -54px;
}

/*********************************** Panels **********************************/

.PanelHeader {
	width: 100%;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #fafafa;
	/*border-bottom: 1px solid #323296;*/
}
.PanelHeaderInactive {
	width: 100%;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #afafaf;
	background-color: #fafafa;
	/*border-bottom: 1px solid #323296;*/
}
.PanelHeaderBusy {
	width: 100%;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #dffcc4;
	/*border-bottom: 1px solid #323296;*/
}
.HeaderLabel {
	float: left;
}

/*
.IconActivity {
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	width: 26px;
	height: 18px;
	display: block;
	z-index: 20;
}
.IconActivityBusy {
	background-image: url("icon_activity_busy.gif");
}
*/

.PanelBody {
	width: 100%;
	overflow: auto;
	padding: 10px;
	background-color: #ebebeb;
	border: 1px solid #323296;
	border-top: none;
}

.PanelBodyNoOverflow {
	width: 100%;
	overflow: hidden;
	padding: 10px;
	background-color: #ebebeb;
	border: 1px solid #323296;
	border-top: none;
}

.PanelBodySearch {
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	padding: 10px;
	background-color: #ebebeb;
	border: 1px solid #323296;
	border-top: none;
}

.PanelMessage {
	width: 100%;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
.PanelMessageError {
	width: 100%;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #ff0000;
}

.PanelNote {
	width: 100%;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #000000;
}

.PanelFootNote {
	width: 100%;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #000000;
}

.PanelDebugMessage {
	width: 100%;
	border-top: 1px solid #323296;
	padding-top: 5px;
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #000000;
}

.LinkButton {
	margin: 3px 2px 0px 2px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	padding-left: 6px;
	padding-right: 6px;
}

/******************************** Search panel *******************************/

.SearchTable {
	border: none;
	border-collapse: collapse;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}
.SearchTable td {
	vertical-align: bottom;
}

.SearchFieldText {
	height: 20px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.SearchFieldSearchbox {
	height: 20px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.SearchFieldCheckbox {
}

.SearchFieldSelect {
	height: 20px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.ValidatorIconSuccess {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: none;
}
.ValidatorIconError {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: url("icon_valid_error.gif");
}

/********************************** Searchbox ********************************/

.SearchboxPrompt {
	position: absolute;
	color: black;
	z-index: 100;
}

.SearchboxMessage {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 26px;
	overflow: auto;
	background-color: #fffaf0;
	border: 1px solid #ff9600;
}

.SearchboxMessage td {
	padding: 2px 8px 2px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
}

.SearchboxTableFrame {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fffaf0;
	overflow: auto;
	border: 1px solid #ff9600;
}
.SearchboxTableFrame table {
	width: 100%;
	border-collapse: collapse;
	padding: 0px;
}
.SearchboxRowSelected {
	cursor: pointer; cursor: hand;
	height: 16px;
	padding-left: 8px;
	padding-right: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	background-color: #ff9600;
	color: white;
}
.SearchboxRowUnselected {
	height: 16px;
	padding-left: 8px;
	padding-right: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	background-color: #fffaf0;
	color: black;
}

.SearchboxArrowUp {background-image: url("searchbox_arrows.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	height: 13px;
	width: 24px;
	z-index: 120;
}
.SearchboxArrowDown {background-image: url("searchbox_arrows.gif");
	background-position: -24px -0px;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	height: 13px;
	width: 24px;
	z-index: 120;
}

/********************************* List panel ********************************/

.ListWarningMessage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: red;
	padding-bottom: 8px;
}
.ListTable {
	border: 1px solid #323296;
	border-collapse: collapse;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
}
.ListTableHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	font-weight: bold;
	background-color: #fffaf0;
}
.ListTableRowOdd {
	background-color: #fafafa;
}
.ListTableRowEven {
	background-color: #f0ebe6;
}
.ListTableRowHighlighted {
	background-color: #329bff;
	color: white;
}
.ListTableRowSelected {
	background-color: #ff821d;
	color: white;
}
.ListTableRowContextMenu {
	background-color: #58cf18;
	color: white;
}
.ListTableRowSummary {
	background-color: #ffe88e;
	color: #4f2100;
	font-weight: bold;
}
.ListTable td, th {
	border: 1px solid #323296;
	padding: 3px;
}

.CellEditableField {
	border: none;
	background-color: white;
	height: 16px;
	width: 100%;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
}

/********************************* View panel ********************************/

.ViewWarningMessage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: red;
	padding-bottom: 8px;
}
.ViewTable {
	border: 1px solid #323296;
	border-collapse: collapse;
	background-color: #fcfaf7;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}
.ViewTable td {
	border: 1px solid #323296;
	padding: 3px;
}
.ViewTableName {
	font-size: 11px;
	font-weight: bold;
	width: 1px;
}
.ViewTableValue {
}

/******************************** Context menu *******************************/

.ContextMenu {
	position: absolute;
	display: block;
	color: black;
	z-index: 150;
}

.ContextMenuHeader {
	width: 100%;
	height: 24px;
	background-color: #ffdaa5;
	border: 1px solid #ff9600;
}
.ContextMenuHeaderTable {
	width: 100%;
	heigth: 24px;
	border: none;
	color: black;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
}
/*
.ContextMenuHeaderBackButton {
	font-size: 12px;
	width: 60px;
	height: 20px;
}
*/
.ContextMenuBody {
	width: 100%;
	background-color: #fffaf0;
	border: 1px solid #ff9600;
	border-top: none;
	overflow: auto;
}

.ContextMenuBodyTable {
	width: 100%;
	border-collapse: collapse;
}
.ContextMenuHeaderTitle {
	text-align: center;
}

.ContextMenuRowSelected {
	cursor: pointer; cursor: hand;
	height: 20px;
	padding-left: 8px;
	padding-right: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	background-color: #ff9600;
	color: white;
}
.ContextMenuRowUnselected {
	height: 20px;
	padding-left: 8px;
	padding-right: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	background-color: #fffaf0;
	color: black;
}
.ContextMenuRowSeparator {
	height: 1px;
	background-color: #ff9600;
}
.ContextMenuElementCell {
	padding-left: 8px;
	padding-right: 8px;
}
.ContextMenuBodyNextLevelButton {
	cursor: pointer; cursor: hand;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	width: 20px;
	height: 20px;
}
.ContextMenuBodyBackButton {
	cursor: pointer; cursor: hand;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	width: 20px;
	height: 24px;
}
.ContextMenuBodyBackButtonHover {
	cursor: pointer; cursor: hand;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	width: 20px;
	height: 24px;
	color: white;
}

/************************************ Plots **********************************/

.FadeBlock {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #333;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
	-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}
.PlotButton {
	height: 18px;
	cursor: pointer;
	color: #fff;
	background-color: #bbb;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	padding: 3px;
}
.PlotBlock {
	width: 800px;
	height: 400px;
	padding: 10px;
	border: 1px solid #aaa;
	background-color: #eee;
	margin: 0px auto;
	position: absolute;
	top: 50%; left: 50%;
	margin-top: -200px;
	margin-left: -400px;
}
.PlotCloseButton {
	position: absolute;
	top: -25px;
	right: 0px;
	width: 120px;
	border: 1px solid #eee;
}