/* ==================================================
 * Common styles
 * ================================================== */
body
{
	font: 10pt Arial, Helvetica, sans-serif;
}
hr 
{
	border: 1px solid #D4D0C8;
	height: 1px;
}
.bmeNormal, .bmeLabel, .bmeHint
{
	font: 8.5pt Verdana, Arial, Helvetica;
}
a.bmeClearLink
{
	color: #000000;
	text-decoration: none;	
}
a.bmeClearLink:hover
{
	color: #000000;
	text-decoration: underline;	
}
.bmeLabel
{
	font-weight: bold;
	white-space: nowrap;
}
.bmeHint
{
	color: #006600;
	white-space: nowrap;
}
/* ==================================================
 * Button styles
 * ================================================== */
.bmeButton, .bmeImageButton, .bmeLinkButton
{
	font: 8.5pt Verdana, Arial, Helvetica;
}

/* ==================================================
 * CheckBox styles
 * ================================================== */
.bmeCheckBox, .bmeCheckBoxRequired, .bmeCheckBoxReadOnly, .bmeCheckBoxList, .bmeCheckBoxListRequired, .bmeCheckBoxListReadOnly
{
	font: 8.5pt Verdana, Arial, Helvetica;
}
.bmeCheckBoxList
{
	border: 1px solid #D4D0C8;
}
.bmeCheckBoxListRequired
{
	border: 1px solid #FF6666;
}

/* ==================================================
 * DropDownList styles
 * ================================================== */
.bmeDropDownList, .bmeDropDownListRequired, .bmeDropDownListReadOnly
{
	font: 16px Verdana, Arial, Helvetica;
	width: 160px;
	border: 1px solid #D4D0C8;
	height: 16px;
}
.bmeDropDownListReadOnly
{
	font: 16pt Verdana, Arial, Helvetica;
	width: 160px;
	padding-left: 3px;
	padding-right: 3px;
	height: 16px;
	border: none;
	background-color: #F7F8FA;
}

/* ==================================================
 * ListBox styles
 * ================================================== */
.bmeListBox, .bmeListBoxRequired, .bmeListBoxReadOnly
{
	font: 8.5pt Verdana, Arial, Helvetica;
	width: 160px;
	height: 75px;
	border: 1px solid #D4D0C8;
}
.bmeListBoxReadOnly
{
	border: 1px solid #D4D0C8;
	padding-left: 3px;
}
.bmeListBoxSelected
{
	position: absolute;
	font: 8.5pt Verdana, Arial, Helvetica;
	width: 143px;
	height: 16px;
	border: none;
	border-left: 1px solid #D4D0C8;
	border-top: 1px solid #D4D0C8;
	background-color: #003366;
	padding-left: 3px;
	color: #FFFFFF;
	margin-top: 1px;
}

/* ==================================================
 * RadioButton styles
 * ================================================== */
.bmeRadioButton, .bmeRadioButtonRequired, .bmeRadioButtonReadOnly, .bmeRadioButtonList, .bmeRadioButtonListRequired, .bmeRadioButtonListReadOnly
{
	font: 8.5pt Verdana, Arial, Helvetica;
	width: 160px;
}
.bmeRadioButtonList
{
	border: 1px solid #D4D0C8;
}
.bmeRadioButtonListRequired
{
	border: 1px solid #FF6666;
}

/* ==================================================
 * TextBox styles
 * ================================================== */
.bmeTextBox, .bmeTextBoxRequired, .bmeTextBoxReadOnly, .bmeMultiLine, .bmeMultiLineRequired, .bmeMultiLineReadOnly
{
	font: 8.5pt Verdana, Arial, Helvetica;
	width: 160px;
	padding-left: 3px;
	padding-right: 3px;
}
.bmeTextBox
{
	height: 18px;
	border: 1px solid #D4D0C8;
}
.bmeTextBoxRequired
{
	height: 18px;
	border: 1px solid #FF6666;
}
.bmeTextBoxReadOnly
{
	height: 16px;
	border: none;
	background-color: #F7F8FA;
}
.bmeMultiLine
{
	height: 50px;
	border: 1px solid #D4D0C8;
}
.bmeMultiLineRequired
{
	height: 50px;
	border: 1px solid #FF6666;
}
.bmeMultiLineReadOnly
{
	height: 50px;
	border: none;
	background-color: #F7F8FA;
}

/* ==================================================
 * Form styles
 * ================================================== */
.bmeForm
{
	
}
.bmeFormColumn
{
	padding: 5px;
}
.bmeFormTitle
{
	font: 10pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	padding-bottom: 2px;
	border-bottom: 1px solid #CCCCCC;
}
.bmeCategory
{
	border: 1px solid #CCCCCC;
}
.bmeCategoryTitle
{
	font: 8.5pt Verdana, Arial, Helvetica;
	position: relative;
	left: 10px;
	top: 6px;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
}
.bmeFormButtons
{
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
}
.bmeFormButtonBar
{
	text-align: right;
	padding-top: 5px;
	border-top: 1px solid #CCCCCC;
}

/* ==================================================
 * Tab styles
 * ================================================== */
.bmeTabGroup, .bmeTabDefault, .bmeTabSelected, .bmeTabHover, .bmeTabSeparator, .bmeTabPage 
{
	font: 8.5pt Verdana, Arial, Helvetica; 
}
.bmeTabDefault, .bmeTabSelected, .bmeTabHover
{
	padding: 2px 5px 2px 5px; 
	white-space: nowrap;
	cursor: default;
}
.bmeTabDefault
{
	background-color: #DDD9CD; 
}
.bmeTabSelected 
{
	background-color: #FFFFFF; 
}
.bmeTabHover 
{
	background-color: #F7F7EF;
}
.bmeTabSeparator 
{
	padding: 2px; 
	font-size: 1px;
}
.bmeTabPage 
{
	padding: 5px;
}

/* ==================================================
 * PopUp styles
 * ================================================== */
.bmePopUp
{
	position: absolute;
	z-index: 2;
	background-color: #FFFFFF;
	border: 3px ridge #FFFFFF;
}
.bmePopUpTitle
{
	font: bold 8.5pt Tahoma;
	color: #FFFFFF;
	background-color: #336699;
	padding: 2px;
	cursor: default;
}
.bmePopUpContent
{
	font: 10pt Arial, Helvetica, sans-serif;
	padding: 2px;
}
.bmePopUpModal
{
	position: absolute;
	visiblity: visible;
	left: 0px;
	top: 0px;
	clip: rect(0px 100% 100% 0px);
	z-index: 1;
	background-image: url(/style/modal.png);
	filter: alpha(opacity=30);
}

/* ==================================================
 * DateBox styles
 * ================================================== */
.bmeDateBox
{
	width: 160px;
	height: 18px;
}

/* ==================================================
 * UploadFile styles
 * ================================================== */
.bmeUpload
{
	width: 160px;
	height: 18px;
}
.bmeUploadFile
{
	font: 8.5pt Verdana, Arial, Helvetica;
	width: 250px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #D4D0C8;
}
.bmeUploadSingle
{
	font: 8.5pt Verdana, Arial, Helvetica;
	width: 140px;
	padding-left: 3px;
	padding-right: 3px;
}
.bmeUploadSingleReadOnly
{
	font: 8.5pt Verdana, Arial, Helvetica;
	width: 140px;
	height: 16px;
	border: none;
}
.bmeUploadMultiple
{
	font: 8.5pt Verdana, Arial, Helvetica;
	width: 140px;
	height: 75px;
}
.bmeUploadMultipleReadOnly
{
	font: 8.5pt Verdana, Arial, Helvetica;
	width: 140px;
	height: 75px;
}

/* ==================================================
 * List styles
 * ================================================== */
.bmeList
{
	border: 1px solid #D4D0C8;
}
.bmeListLabel
{
	font: 9pt Verdana, Arial, Helvetica;
	font-weight: bold;
	color: #666666;
	padding-bottom:5px;
}
.bmeListColumn, .bmeListFilter, .bmeListCell, .bmeListSelected, .bmeListControl
{
	font: 8.5pt Verdana, Arial, Helvetica;
	padding: 2px 5px 2px 5px;
	cursor: default;
	border-right: 1px solid #D4D0C8;
	border-bottom: 1px solid #D4D0C8;
}
.bmeListColumn
{
	background-color: #EBEADB;
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
	margin: 0px;
}
.bmeListFilter
{
	background-color: #EBEADB;
	padding: 0.5px 4px 0.5px 4px;
}
.bmeListSelected
{
	background: #FFF0C2;
}
.bmeListControl
{
	background-color: #EBEADB;
	padding: 0px;
}
.bmeListPaging
{
	border: 1px solid #D4D0C8;
	background-color:#EBEADB;
}
.bmeListPagingCell
{
	font: 8.5pt Verdana, Arial, Helvetica;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* ==================================================
 *	TreeView styles
 * ================================================== */
 .bmeDivBorder
{
	border: 1px solid #C5C3C4;
}

.bmeTreeNode
{
	font: 8.5pt Verdana, Arial, Helvetica;
}

/* ==================================================
 * Grid styles
 * ================================================== */
@import url("grid/runtime/styles/xp/grid.css");

.active-controls-grid { border: 1px solid threedlightshadow; } 
.active-grid-column { border-right: 1px solid threedlightshadow; }
.active-grid-row { border-bottom: 1px solid threedlightshadow; }
.active-controls-grid { font: 8.5pt Verdana, Arial, Helvetica; }
.active-scroll-left, .active-scroll-corner { display: none; }
.active-scroll-top, .active-scroll-data { padding-left: 0px; }
		
.bmeGridLabel
{
	font-size: 9pt;
	font-weight: bold;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 5px;
}

.bmeGridStatus
{
	font: 8.5pt Verdana, Arial, Helvetica;
	text-align: right;
	padding: 3px 0px 5px 0px;
}

.bmeGridProgress
{
	font: 8.5pt Verdana, Arial, Helvetica;
	width: 200px; 
	height: 40px;
	position: absolute;
}

.bmeGridPaging
{
	border: 1px solid #D4D0C8;
	background-color:#EBEADB;
}

.bmeGridPagingCell
{
	font: 8.5pt Verdana, Arial, Helvetica;
	padding-top: 2px;
	padding-bottom: 2px;
}