/*
	#402896 - benelect purple
	#27408B - dark blue
	#445878 - text blue
	#880000 - maroon
*/

body, html
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	height: 100%;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 18px; 
	font-size: 13px;
	color: #445878;
}
body
{
	background-color: #eeeeee;
}
h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, fieldset, inputz
{
	margin: 0px;
	padding: 0px;
}
textarea
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
}
img
{
	border: none;
}
a
{
	color: #880000;
}
a:hover
{
	color: #27408B;
	text-decoration: underline;
}
a:link, a:visited
{
	text-decoration: underline;
	color: #880000;
}
/*p{ margin:0px; }*/
tablez
{
	border: 0px;
	border-collapse: collapse;
}
tdz
{
	padding: 0px;
	text-align: left;
}
h1
{
	font-size: 16px;
	font-weight: bold;
	color: #27408B;
}
h3
{
	font-size: 16px;
	font-weight: bold;
	color: #880000;
}
h2, h5
{
	/* margin: 0px 0px 15px 0px; */
	font-size: 16px;
	font-weight: bold;
	color: #445878;
}
h4
{
	font-size: 16px;
	font-weight: bold;
	color: #402896;
}
h5
{
	font-size: 15px;
	font-weight: normal;
	color: #445878;
}
.redText
{
	color: #880000;
}
.divBorderDotted
{
	border: dotted 1px #27408B;
}

.newsItems h4 
{
	font-size: 16px;
	font-weight: bold;
	color: #402896;
}

.newsItems ol, .newsItems ul
{
	margin-left: 25px;
	padding: 0px;
}
/*--------------------------------------------------------------------------------
	V A L I D A T I O N / E R R O R
--------------------------------------------------------------------------------*/
div.ValidationFailed
{
	display: block;
	background-color: #FFFFAA; /* light yellow */
	border: solid 1px red;
	color: Red;
	font-weight: bold;
	margin: 10px 200px 30px 200px;
	padding: 6px 0 6px 15px;
}

/*--------------------------------------------------------------------------------
	S U M M A R Y   S E C T I O N S
--------------------------------------------------------------------------------*/
.ZZsectionHeader
{
	clear: both;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #27408B;
}
.summarySection
{
	border: dotted 1px #27408B;
	text-align: left;
	padding: 3px 6px 6px 6px;
	margin-bottom: 15px;
}

.ProposalSummaryHeader
{
	float:left;
}

/*--------------------------------------------------------------------------------
	L A B E L / I N P U T   F O R M S
--------------------------------------------------------------------------------*/
.formTable
{

}
.formTable th
{
	padding: 1px 4px 1px 4px;
	font-weight: bold;
}

.formLabel
{
	text-align: right;
	padding: 2px 6px 2px 0px;
	margin: 12px;
	white-space: nowrap;
}
.dataLabel
{
	text-align: right;
	font-size: 13px;
}
.dataValue, .formValue
{
	color: #000000;
	font-size: 13px;
}

/*--------------------------------------------------------------------------------
	G R I D S
--------------------------------------------------------------------------------*/
.gridHeader th, .grid tr td th
{
	padding: 2px 8px 2px 8px;
	color: #445878;
}
.gridHeader th, .grid tr td th
{
	border: 1px solid #27408B;
}
.gridHeader th, .grid th, .gridDevExHeader, .gridDevExHeader td
{
	background-color: #27408B;
	color: #FFFFFF;
}
.gridHeader a, .grid th a, .gridDevExHeader a
{
	color: #FFFFFF;
}
.gridHeader a:hover, .grid th a:hover, .gridDevExHeader a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}
/*--------------------------------------------------------------------------------
	P A G E   N A V
--------------------------------------------------------------------------------*/
.pageNavOuterDiv
{
	border-top: solid 1px #880000;
	border-bottom: solid 1px #880000;
}
.pageNavText
{
	color: #880000;
	font-style: italic;
	font-size: 17px;
	font-weight: bold;
	padding-top: 5px;
	display: block;
}

/*--------------------------------------------------------------------------------
	S I T E   W R A P P E R S
--------------------------------------------------------------------------------*/
table#Wrapper
{
	width: 100%;
}
div#divWrapper
{
	margin: 3px auto;
	padding: 0 2px 4px 2px;
	width: 1060px;
	background-color: #ffffff;
	border: solid 1px #aaaaaa;
}
div#Body
{
	margin-top: 15px;
}
div#Footer
{
	margin: 30px 0px 25px 0px;
	text-align: center;
}

/*--------------------------------------------------------------------------------
	S I T E   H E A D E R
--------------------------------------------------------------------------------*/
div#Header h1 a
{
	float: left;
	display: block;
	overflow: hidden;
	width: 175px;
	height: 75px;
	text-indent: -9999px;
	background: url("/Images/BenelectLogo.gif") no-repeat;
}
xdiv#Header h1 a:hover
{
	text-decoration: none;
}
.HeaderInfo
{
	float: right;
	padding: 0px 35px 0px 0px;
	width: 700px;
	text-align:right; 
}

.UserInfo
{
	float: right;
	padding: 0px 8px 0px 0px;
	width: 700px;
	text-align: right;
	margin-top:-10px;
}

div#HeaderLocation
{
	height: 50px;
	font-size: 18px;
	font-weight: bold;
	color: #27408B;
}

div#HeaderSeperator
{
	position: absolute;
	top: 56px;
	left: 50%;
	margin-left: -480px;
	z-index: 2;
	width: 968px;
	height: 1px;
	border-bottom: 2px solid #402896;
}

/*--------------------------------------------------------------------------------
	L O G I N   P A G E
--------------------------------------------------------------------------------*/
div#Login
{
	margin: 0px auto 100px auto;
	width: 325px;
	border: 1px dotted #B6C5F2;
}
.LoginMessages
{
	margin: 25px auto 25px auto;
	clear: both;
	height: 40px;
	text-align: center;
}
.LoginFieldDescription
{
	float: left;
	padding: 0px 15px 0px 0px;
	width: 85px;
	text-align: right;
	line-height: 21px;
}
.LoginField
{
	width: 175px;
}
/*--------------------------------------------------------------------------------
	END CSS : Login Page
--------------------------------------------------------------------------------*/


.ZZButton
{
	padding: 3px 5px 3px 5px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
.ZZDescriptionFieldPair
{
	clear: both;
	margin: 0px 0px 8px 0px;
}

/*DO NOT CHANGE THIS*/
.ZZDefaultFieldDescription
{
	float: left;
	clear: both;
	width: 200px;
	text-align: left;
	line-height: 21px;
}
.ZZFieldDescription
{
	float: left;
	width: 105px;
	text-align: left;
	line-height: 21px;
}
/*DO NOT CHANGE THIS*/
.ZZSeperator
{
	clear: both;
	height: 1px;
	border-bottom: 1px solid #27408B;
}

.ZZHideGridCell
{
	display: none;
}


/*--------------------------------------------------------------------------------
	P O P U P   C A L E N D A R
--------------------------------------------------------------------------------*/
.CALENDARcpYearNavigation, .CALENDARcpMonthNavigation
{
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}
.CALENDARcpDayColumnHeader, .CALENDARcpYearNavigation, .CALENDARcpMonthNavigation, .CALENDARcpCurrentMonthDate, .CALENDARcpCurrentMonthDateDisabled, .CALENDARcpOtherMonthDate, .CALENDARcpOtherMonthDateDisabled, .CALENDARcpCurrentDate, .CALENDARcpCurrentDateDisabled, .CALENDARcpTodayText, .CALENDARcpTodayTextDisabled, .CALENDARcpText
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9pt;
	padding: 1px 3px 1px 3px;
}
TD.CALENDARcpDayColumnHeader
{
	text-align: right;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #002E5F;
}
.CALENDARcpCurrentMonthDate, .CALENDARcpOtherMonthDate, .CALENDARcpCurrentDate
{
	text-align: right;
	text-decoration: none;
}
.CALENDARcpCurrentMonthDateDisabled, .CALENDARcpOtherMonthDateDisabled, .CALENDARcpCurrentDateDisabled
{
	color: #D0D0D0;
	text-align: right;
	text-decoration: line-through;
}
.CALENDARcpCurrentMonthDate
{
	color: #8C9BBA;
	font-weight: bold;
}
.CALENDARcpCurrentDate
{
	color: #FFFFFF;
	font-weight: bold;
}
.CALENDARcpOtherMonthDate
{
	color: #808080;
}
TD.CALENDARcpCurrentDate
{
	color: #FFFFFF;
	background-color: #002E5F;
	border: 1px solid #8C9BBA;
}
TD.CALENDARcpCurrentDateDisabled
{
	border: 1px solid #FFAAAA;
}
TD.CALENDARcpTodayText, TD.CALENDARcpTodayTextDisabled
{
	border-top: 1px solid #c8c8cc;
	text-align: center;
}
A.CALENDARcpTodayText, SPAN.CALENDARcpTodayTextDisabled
{
	height: 20px;
}
A.CALENDARcpTodayText
{
	color: #8C9BBA;
	font-weight: bold;
}
SPAN.CALENDARcpTodayTextDisabled
{
	color: #D0D0D0;
}
.CALENDARcpBorder
{
	border: solid thin #8C9BBA;
}

/*Modal Popup*/
.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.ModalPopup 
{
	background-color:White;
	color:Black;
	border-width:3px;
	border-style:inset;
	border-color:Gray;
	padding:0px;
}

.PopupDragHandle
{
    Width:100%;
    Height:18px;
    cursor:move;
    margin-left:-1px;
}

.PopupDragHandleClose
{
    background-color:Transparent;
    width:16px;
    height:16px;
    background-repeat:no-repeat;
    float:right; 
    cursor:pointer;
    padding-right:1px;
}

.Ellipsis
{
    background-color:Transparent;
    width:20px;
    height:20px;
    background-repeat:no-repeat;
    cursor:pointer;
    padding-left:2px;
    vertical-align:bottom;
}


.buttonDefaultPopup
{
    width:75px;
}

/*ASPX grid*/
.GridViewContainer
{
    overflow: scroll;   
    border-color:Black;
    border-style:solid;
    border-width:1px;
} 

.GridHeaderStyle
{
    background-color:#005A9C;
    font-weight:bold;
    height:15px;
}

/*Scroll Vertical Enabled Div Container*/
.Scroll_Container_Y 
{
    overflow-y:scroll;
    border-color:Silver;
    border-style:solid;
    border-width:1px;
}