/* DEFAULTS
----------------------------------------------------------*/

body
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12p;
}

select
{
	/*background-color: #ffc;*/
}

/* Col layout 
----------------------------------------------------------*/

#leftcol
{
	position: absolute;
	left: 30px;
	top: 156px;
	width: 210px;
}

/* Expand collaps
----------------------------------------------------------*/

.ui-expandable-icon
{
	float: right;
}
.ui-expandable .ui-expandable-title
{
	float: left;
}

/*VPM headings
----------------------------------------------------------*/
.vpm-InfoHeader, .vpm-InfoHeader td
{
	font-size: 13px;
	font-weight: bold;
	height: 20px;
	cursor: default;
	color: #555;
}
.viewHeader
{
	background: #7699bc url(../images/ViewHeaderBg.gif) repeat-x top; /*background-color: #004281;*/
}
.viewHeader td
{
	color: #eee !important;
}
.vpm-overflowHidden .vpm-InfoHeader
{
	padding-left: 5px;
}
.vpm-ExpandPanel .header
{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none; /*background-color: #D5D6D2;*/
	height: 23px;
	cursor: default;
	color: #4E7EA5;
	text-align: left;
}
.vpm-viewSetupControls
{
	padding: 1px 1px 1px 3px;
}
.vpm-noData
{
	padding: 30px;
	color: #aaa;
}

.vpm-expandImg, .vpm-collapseImg
{
	padding: 4px 4px 0px 0px;
}
.vpm-expandImgHover
{
	background-color: #18538e;
}

.vpm-LogoPanel
{
	padding: 20px 0px;
	border: none;
	text-align: left;
}

.vpm-content
{
	border: solid 1px #D5D6D2;
	padding: 0px;
	overflow: auto;
	background-color: #fff;
	z-index: 2;
}
.vpm-contentTop
{
	border-bottom-width: 0px;
}
.vpm-contentMiddle
{
	border-top-width: 0px;
	border-bottom-width: 0px;
}
.vpm-contentBottom
{
	border-top-width: 0px;
}
.viewContent
{
	border-top-width: 0px !important;
	background: #fff url(../images/ContainerGradient.gif) repeat-x top;
}
.vpm-padding
{
	padding: 5px;
}
.vpm-overflowHidden
{
	overflow: hidden;
}

.vpm-chartContainer
{
	overflow-x: auto;
	overflow-y: hidden;
}

.img-hover
{
	background-color: #D5D6D2;
	cursor: pointer;
}

.vpm-chartTitle
{
	font-weight: bold;
}

/* Context help */

div.ContextHelpAnchor
{
	position: absolute; /* 	*/
	border: 2px solid #e37222;
	top: 0px;
	left: 0px;
	z-index: 30;
}
div.ContextHelpInnerAnchor
{
	background-color: #fff;
	filter: alpha(opacity=10, style=0);
	opacity: 0.1;
	-moz-opacity: 0.1;
}

div#PageCover
{
	position: absolute;
	background-color: #fff;
	z-index: 25;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
	font-size: 1.5em;
	color: #666666;
	font-variant: small-caps;
	text-transform: none;
	font-weight: 200;
	margin-bottom: 0px;
}

h1
{
	font-size: 2em;
	font-weight: bold;
	color: #777777;
	margin: 40px 0px 70px;
	text-align: center;
}

h2
{
	font-size: 1.5em;
	font-weight: 600;
}

h3
{
	font-size: 1.2em;
}

h4
{
	font-size: 1.1em;
}

h5, h6
{
	font-size: 1em;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
	margin: 0px auto 0px auto;
	padding: 0px 30px;
}

.header
{
	position: relative;
	margin: 0px;
	padding: 0px;
	background: #4b6c9e;
	width: 100%;
}

.header h1
{
	font-weight: 700;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #f9f9f9;
	border: none;
	line-height: 2em;
	font-size: 2em;
}

.main
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	min-height: 420px;
}

.footer
{
	position: absolute;
	top: -30px;
	color: #4e5766;
	text-align: right !important;
}

.buttonSelected
{
	background-color: #6B8694;
	font-weight: bold;
}

.buttonUnSelected
{
	border: solid 1px #274d85;
}

.releasenote h1
{
	font-weight: 700;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #777777;
	border: none;
	font-size: 2em;
	text-align: left;
}

.releasenote h2
{
	font-size: 1.2em;
}

.releasenote p
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* DevExpress
----------------------------------------------------------*/
.dxgvHeader
{
	padding: 0px;
	background: #cbcccc url(../images/TableHeaderBg.gif) repeat-x bottom !important;
	border-right: 1px solid #aaa;
	border-bottom-width: 0px !important; /* 	border-top: 1px solid #aaa !important; 	-moz-opacity:.80;  	filter:alpha(opacity=80);  	opacity:.80; 	*/
}
td.dxgvHeader, td.dxgvHeader td
{
	padding: 3px 2px 3px 3px !important; /*color: #fff;*/
	vertical-align: bottom;
}
td.dxgvHeader td
{
	/*color: #fff;*/
}
td.dxgv
{
	border-right: 1px solid #fff !important;
	font-size: 9pt !important;
	border-bottom: 1px solid #f6f6f6 !important;
}
td.dxgv a
{
	color: #215a9d !important;
	text-decoration: none !important;
}
td.dxgv a:hover
{
	text-decoration: underline !important;
}
/* Tabs  
----------------------------------------------------------*/
.TabContainer
{
	position: absolute;
	display: inline;
	visibility: hidden;
	height: 15px;
	text-align: right;
	z-index: 3;
	overflow: hidden;
	left: 0px;
}
.OuterTab
{
	width: 6px;
	height: 15px;
	margin-right: 1px;
	background: #d8d8d8 url(../images/TabRightBg.gif) no-repeat top right;
	float: right;
}
.OuterTabActive
{
	width: 6px;
	height: 15px;
	margin-right: 1px;
	background: #c8c8c8 url(../images/TabRightBg.gif) no-repeat top right;
	float: right;
}
.Tab
{
	float: left;
	padding: 0px 0px 0px 6px;
	cursor: default; /*border-bottom: 1px solid #d8d8d8;*/
	background: #d8d8d8 url(../images/TabLeftBg.gif) no-repeat top left;
	color: #888;
	white-space: nowrap;
}
.TabHover
{
	color: #333;
}
.TabActive
{
	float: left;
	padding: 0px 0px 0px 6px;
	cursor: default; /*border-bottom: 1px solid #7699bc;*/
	background: #c8c8c8 url(../images/TabLeftBg.gif) no-repeat top left;
	color: #222; /*#333;*/
	white-space: nowrap;
}
.vpm-buttonSelected
{
}

/* Breadcrumb
----------------------------------------------------------*/
.vpm-Breadcrumb
{
	position: absolute;
}
.vpm-Breadcrumb td
{
	padding: 20px 0px;
	font-size: 11pt;
	color: #555;
}
.vpm-Breadcrumb a
{
	font-size: 11pt;
}

/* Zones */
.resizableHelper
{
	border: 1px dotted #00F;
}
.Zone
{
	position: absolute;
	z-index: 1;
}
.DropZone
{
	background-color: #ffc;
	border: 1px dotted orange;
	position: absolute;
	z-index: 1;
	visibility: hidden;
}
.bbDropZoneActive
{
	background-color: #ffc;
	border: 1px dotted orange;
}
.DropZoneTabActive
{
	background: transparent url(../images/dropArrow.gif) no-repeat top center;
}
.DropZoneHover
{
	background-color: Orange !important;
}
.DropZoneTabHover
{
	background: transparent url(../images/dropArrowActive.gif) no-repeat top center;
}
.DropTabZone
{
	position: absolute;
	z-index: 2;
	width: 9px;
	height: 25px;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
	clear: both;
}

.title
{
	display: block;
	float: left;
	text-align: left;
	width: auto;
}

.failureNotification
{
	font-size: 1.2em;
	color: Red;
}

/* dropdowns
----------------------------------------------------------*/
.NarrowSelect
{
	width: 90px;
}
.NarrowSelect option
{
}
.WideSelect
{
	width: 250px;
}

/* Setup controls
-------------------------------------------*/
.SetupFlyOver
{
	position: absolute;
	background-color: #fff;
	border: 1px solid #aaa;
	padding: 5px;
	z-index: 15;
	filter: alpha(opacity=90, style=0);
	opacity: 0.9;
	-moz-opacity: 0.9;
}
.FilterCheckboxListContainer
{
	width: 180px;
	height: 170px;
	overflow-x: hidden;
	overflow-y: scroll;
	border: 1px solid #aaa;
}
.FilterCheckboxListContainer div, .FilterCheckboxListContainer td
{
}
.SetupFlyOverNoOpacity
{
	position: absolute;
	background-color: #fff;
	border: 1px solid #aaa;
	padding: 5px;
	z-index: 15;
}
.SetupPanelTitle
{
	font-weight: bold;
	padding-bottom: 4px;
}
.EventCodeDrag, .EventCodeSelectedDrag
{
	cursor: default;
}
.EventDropZone
{
	background-color: #ffc;
}
.SetupButton
{
	width: 80px;
}
.DT
{
	background-image: url(../images/RedShade.gif);
	background-repeat: repeat;
}
.DL
{
	background-image: url(../images/GreyShade.gif);
	background-repeat: repeat;
}

/* --- release notes/faq --- */

.NoteEntryVersion
{
	font-size: 10pt;
	background-color: #ddd;
	font-weight: bold;
	padding-bottom: 1px;
}
.NoteEntryTitle
{
	font-weight: bold;
	padding-top: 4px;
}
.NoteEntryText
{
	padding-bottom: 5px;
}
.NoteEntryBottom
{
	height: 15px;
}
/* --- Subscription --- */
div.PopUpContainer
{
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #fff;
	visibility: hidden;
}