﻿
html, body
{
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
}

body, table td, input, select
{
	font-family: Arial, Helvetica;
	font-size: 9pt;
	color: #181b24;
}
select, .popUp input, .popUp select
{
	font-family: Arial, Helvetica !important;
	font-size: 9pt !important;
	color: #181b24 !important;
}
.FullHeightTable
{
	height:100%;
	margin: auto;
	width:100%;
	table-layout:fixed;
}
.DefaultTable td
{
	border-top:1px solid #C1C1C1;
}
.DefaultTable
{
	border-bottom:1px solid #C1C1C1;
}
a
{
	text-decoration:none;
	font-weight: normal;
	color: #215a9d;
}
a:hover
{
	text-decoration:underline;
}

.PageTopHeader
{
	font-weight: bold;
	height: 28px;
	padding: 5px;
	background: #fff url("../images/ToolbarGrad.gif") repeat-x top;
}

/* drop downs, Text boxes */

.Select, .VTS_Select, .TextBox
{
	width: 100%;
}

/* Buttons */

.PopUpButton
{
	padding-left: 10px;
	padding-right: 10px;
	background-color: #aaaaaa;
}
.Button
{
	padding-left: 5px;
	padding-right: 5px;
	/*font-weight:bold;*/
	background-color: #edeae2;
}
.SmallButton
{
	width: 15px;
	height: 15px;
	font-size: 6pt;
	font-weight:bold;
	background-color: #edeae2;
	text-align: center;
}
.NormalButton
{
	width: 20px;
	height: 16px;
	font-size: 6pt;
	font-weight:bold;
	background-color: #edeae2;
	text-align: center;
	margin-bottom: 2px;
}

/* Corporate identity */

.Logo
{
	float: left;
	background: url("../Images/Logo.png") no-repeat 20px 0px;
	width:190px;
	height:76px;
}
.TagLine
{
	float: right;
	background: url("../Images/Tagline.png") no-repeat 0px 0px;
	width: 216px;
	height: 76px;
}
.AppTitle
{
	float: left;
	margin-top: 27px;
	font-size: 28px;
	color: #607c8b;
	letter-spacing: 1px;
}

/* Panel */

.PanelOuterPadding
{
	padding: 5px 5px 0px 5px;
}
.PanelLeft
{
	padding: 0px 20px 20px 20px;
}
.Panel
{
	padding: 0px 20px 20px 0px;
}
.White
{
	background-color: White !important;
}
.PanelRight
{
	padding: 0px 20px 10px 20px;
}
.SlimPanel
{
	margin: 10px 10px 0px 10px;
	border-top: solid 1px #aaaaaa;
	padding: 0px 8px 0px 8px;
	background-color: #e6e9e0;
	height: 26px;
}
.SlimPanelRight
{
	margin: 10px 10px 0px 0px;
	border: solid 1px #aaaaaa;
	padding: 0px 8px 0px 8px;
	background-color: #e6e9e0;
	height: 26px;
}
.PanelHelp
{
	padding-left: 5px;
	cursor: hand;
}
.ControlPaddingBottomTr
{
	height: 10px;
}
.ControlPaddingMiddleTr
{
	height: 10px;
}

.PanelTitle
{
	padding: 15px 0px 10px 0px;
	background-color: #fff;
	font-size: 11pt;
	letter-spacing: 1px;
}
.InnerPanel
{
	margin-top: 2px;
	padding: 0px 10px 10px 10px;
}
.InnerPanelTitle
{
	padding: 8px 0px 4px 0px;
	background-color: #fff;
	font-size: 10pt;
	color: #274d85;
	font-weight: bold;
}

.PortalLink
{
	color: #cccccc;
	margin-right: 10px;
	text-decoration:underline;
}
.HintText
{
	border:1px solid #ddd;
	background-color:#edeef5;
	padding: 3px;
	left:0px;
	top:-200px;
	position:absolute;
	color: #575757;
}
.HintTextLink
{
	border:1px solid #ddd;
	background-color: #eee;
	text-decoration:none;
	font-weight:bold;
	padding: 0px 3px;
}
.ContentSeparator
{
	width: 1px;
	overflow:hidden;
	background-color: #eaeaea;
}
/* Top menu */

#MenuBar
{
	border-bottom: 1px solid #eaeaea;
	clear:both;
}
#MenuBar a
{
	text-decoration: none;
}
.TopMenu
{
	padding: 2px 15px 4px 7px;
	float: left;
}
.TopMenu a
{
	font-size: 13px;
	line-height: 16px;
	color: #3a4653;
}
.TopMenu a:hover, #MenuBar td.ToolsLink a:hover, .TopMenu .activePage
{
	color: #3c88da;
}
#MenuBar td.ToolsLink a
{
	font-size: 11px;
	line-height: 16px;
	color: #3a4653;
}

.SubMenu, .SubMenuOver, .SubMenuSmall, .SubMenuSmallOver
{
	cursor:pointer;
	font-size: 12px;
	text-decoration: none;
	width: 180px;
	padding-left:3px;
	border-bottom: 1px solid #fff;
}
.SubMenu, .SubMenuOver
{
	line-height: 26px;
}
.SubMenuSmall, .SubMenuSmallOver
{
	line-height: 18px;
}
.SubMenu, .SubMenuSmall
{
	background-color: #ceced0;
	color: #1d1d1d;
}
.SubMenuOver, .SubMenuOverSmall
{
	background-color: #b5b5b5;
	color: #000;
}
.SubMenu a, .SubMenuSmall a
{
	color: #1d1d1d;
	text-decoration: none;
}

.SubMenuOver a, .SubMenuSmallOver a
{
	color: #000;
	text-decoration: none;
}

.SubMenu a:hover, .SubMenuSmall a:hover
{
	color: #000;
	text-decoration: none;
}
.SubMenu a:hover
{
	line-height: 26px;
}
.SubMenuSmall a:hover
{
	line-height: 18px;
}

.SubMenuSeparator
{
	background: #fff url("../images/menu_left_streg.jpg") no-repeat left top;
	height: 1px;
	width: 114px;
	overflow:hidden;
}
#ToolTipBox
{
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
	background-color: #fff;
	border: solid 1px #555555;
	padding: 10px;
	z-index: 1;
}
#ToolTipBox .MessageContent div
{
	padding-top: 4px;
}
#AboutBox
{
	position: absolute;
	top: 0;
	left: 0;
	height: 90px;
	width: 240px;
	background-color: #fff;
	border: solid 1px #555555;
	padding: 20px;
	z-index: 1;
}

.PageTitle
{
	font-size: 13pt;
	padding: 10px 0px 10px 0px;
	color: #666;
	letter-spacing: 1px;
}
div.PageTitle span.TitleSuffix
{
	font-size: 9pt;
}

.Title
{
	font-size: 12pt;
	font-weight: bold;
}
#HelpContainer
{
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	background-color: #fff;
	border: solid 1px #888888;
	padding: 3px;
}
#L1MenuItems
{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	filter:alpha(opacity=90); 
}

/* Context menu */

div#ContextMenuPanel
{
	width:200px;
	background-color:#fff;
	padding: 2px;
	border: 1px solid #aaa;
}
div#ContextMenuPanel .ContextMenuTitle
{
	background-color: #ddd;
	border: 1px solid #aaa;
	padding: 2px;
}
div#ContextMenuPanel .ContextMenuLine
{
	border-bottom: 1px solid #aaa;
}
div#ContextMenuPanel .ContextMenuButton
{
	font-size: 8pt;
	background-color:#ccc;
	width:80px;
}

/* Shim layer */

.ShimLayerFilter 
{
	filter:alpha(opacity=0); 
}

/* Tool bar */

.ToolBar
{
	padding: 3px 3px 3px 0px;
	border-left: solid 1px #aaaaaa;
	border-right: solid 1px #aaaaaa;
}
.SubToolBar
{
	height: 28px;
}
.SubToolBar .TableSubToolBar tr
{
	height: 23px;
}
.SubToolBar .TableSubToolBar td, .SubToolBarControl .TableSubToolBar td
{
	padding-right: 4px;
}
.SubToolBar .TableSubToolBar td .Divider
{
	padding: 0px 10px 0px 10px;
}
.TableSubToolBar a
{
	text-decoration:none;
	font-weight: normal;
	color: #215a9d;
}
.TableSubToolBar a:hover
{
	text-decoration:underline;
}
.DivToolBar
{
	/*background-color: #ddd;*/
	/*border: 1px solid #aaa;*/
	background: #fff url("../images/ToolbarGrad2.gif") repeat-x top;
	padding: 0px 0px 0px 5px;
}
/* Chart */

.ChartContainer
{
	border: solid 1px #eaeaea;
}
.ChartMessage
{
	height: 400px;
	background-color: White;
}
.ChartMessage td
{
	text-align: center;
	vertical-align:middle;
	font-size: 12pt;
	color: #aaa;
}
.HiddenListContainer
{
	padding:3px;
	border: 1px solid #aaa;
}

/* Messages */
.MessageTitle
{
	font-size: 12pt;
}
.SubtleMessage
{
	padding:2px;
	color: #bbb;
}
/* Spinners */
div#Spinner
{
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	background-color: White;
	filter: alpha(opacity=90);
	border: solid 1px #ccc;
	padding: 15px;
	z-index: 99;
}
div#Spinner table td
{
	color: #999;
}
div#TheBin
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 40px;
	height: 40px;
	background-color: #ffc;
	border: 1px dotted orange;
	padding: 2px;
	font-size: 7pt;
	z-index: 30;
	text-align: center;
}
