/* Layout BEGIN */

body
{
	font-family: Arial;
	font-size: 8pt;
	/*color: #277DAE;*/
}
.normalTable
{
	text-align: left;
	vertical-align: top;
	width: 100%;
}

.searchTable
{
	background-color: #EDF4FE;
	text-align: left;
	vertical-align: top;
	width: 100%;
}


.normalCell
{
	text-align: left;
	vertical-align: top;
}

.labelCell
{
	border: inherit;
	vertical-align: top;
}

.controlCell
{
	border: inherit;
	vertical-align: top;
}
.maincontent
{
	background-color: #EDF4FE;
}

.buttonTable
{
	
}

.buttonCell
{
	width: 10px;
}

.controlTitle
{
	width : 100%;
	color: #FFFFFF;
	font-size: larger;
	font-weight: bold;
}

.controlTitleDiv
{
	position: relative;
	border: solid 1px #399FD2;
	background-color: #399FD2;
	padding-bottom: 10px;
	padding-top: 5px;
	padding-left: 15px;
	
}


/* Layout END */

/*#####################################
	ApplyAppearance - BEGIN
#####################################*/
.defaultRichTextBox
{
	font-family: Arial;
	font-size: 8pt;
}

.defaultTextBox
{
	font-family: Arial;
	font-size: 8pt;
}

.defaultButton
{
	font-family: Arial;
	font-size: 8pt;
	color: #ffffff;
	background-color: #97c0e0;
	height: 25px;
	cursor: pointer;
	border:solid 1px #3E82CB;
}

.searchButton, .browseButton, .pickerButton
{
	height: 20px;
	font-size: 8pt;
	font-family: Arial;
	color: #ffffff;
	background-color: #97c0e0;
	cursor: pointer;
	border:solid 1px #3E82CB;
	vertical-align:top;
}

.defaultLabel, .valueLabel, .valueDate, .valueCombo
{
	font-family: Arial;
	font-size: 8pt;
	text-align: right;
}

.valueLabel
{
	color: #323232;
}

.valueDate
{
	color: #121212;
}

.valueCombo
{
	color: #434343;
}

.gridLine1
{
	background-color: #ffffff;
}

.gridLine2
{
	background-color: #ffaa00;
}

.gridLineSelected
{
	background-color: #000000;
}

/*
	ApplyAppearance - END
**************************************/

/* For Layout control - BEGIN */
.CMSlayouttable
{
	border-style:none;
	width: 100%;
}

.layouttable
{
	border: solid 0px black;
	empty-cells: show;
	width: 100%;
}

.layoutbanner, .layoutmenu, .layoutcontent, .layoutfooter
{
	text-align: left;
	vertical-align: top;
}

.layoutmenu
{
	width: 20%;
}

.layoutcontent
{
	width: 100%;
}

.layoutshortcut
{
	width: 183px;
	background-color: #FFFFFF;
}

/* For Layout control - END */

/* Message - BEGIN */

.messageDiv
{
	width: 100%;
	text-align: left;
}

.infoMessage, .errorMessage, .warningMessage
{
	font-family: Arial;
	font-size: 8pt;
}

.infoMessage
{
	color: Blue;
	font-weight: bold;
}

.errorMessage
{
	color: Red;
}

.warningMessage
{
	color: #000000;
	background-color: Yellow;
}


/* Message - END 
**************************************/
.categorySelected
{
	font-weight:bold;
	color:Red;	
}

.categoryNotUse
{
	font-weight:lighter;
	font-style:oblique;
	color:Blue;
}

.formTitle
{
	font-size:15pt;
	font-weight:bold;
	color:Red;	
	
}

/* TreeView - BEGIN */

.tvModule, .tvModuleSelect, .tvModuleOver
{
	font-size: 11pt;
	font-weight: bold;
}

.tvModuleOver, .tvControllerOver, .tvActionOver
{
	color: Orange;
}

.tvModuleSelect, .tvControllerSelect, .tvActionSelect
{
	color: Blue;
	font-weight: bold;
}

.tvController, .tvControllerSelect, .tvControllerOver
{
	font-size: 10pt;
	font-style: italic;
}

.tvAction, .tvActionSelect, .tvActionOver
{
	font-size: 8pt;
}

/* TreeView - END 
**************************************/

.separator
{
	width: 5px;
}