/* Dropdown list */
.DropDownList
{
    font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				8pt;
	color:					#444444;
}

/* List box */
.ListBox
{
    font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				8pt;
	color:					#444444;
}

/* Button */
.Button
{
    cursor:                 hand;
	border:                 #999999 1px solid;
	border-top:             #CCCCCC 1px solid;
	border-left:            #CCCCCC 1px solid;
	background-color:       #FFFFFF;	
	background-position:	botttom;
	color:                  #666666;
	text-align:             center;
	text-decoration:        none;
	letter-spacing:         -0.5pt;
	background:             url(/App_Themes/Images/Layout/button_background.gif);
	height:                 22px;
	font-size: 				8pt;
	font-family: 			Verdana, Arial, Helvetica;
	padding:                0px 4px 0 4px;
	margin-top:				3px;
}

/* Textbox */
.TextBox
{
    font-size: 				8pt;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	color:					#444444;
}

/* DropdownList */
.DropdownList
{
    font-size: 				8pt;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	color:					#444444;
}

/* Label */
.DefaultLabel
{
	font-size: 				8pt;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			bold;
}

.BoldLabel
{
	font-size: 				8pt;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			bold;
}

.NormalLabel
{
	font-size: 				8pt;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	padding-right:			5px;
}

.ErrorLabel
{
	font-size: 				8pt;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	padding-right:			5px;
	color:					Red;
}

.SucceedLabel
{
	font-size: 				8pt;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	padding-right:			5px;
	color:					#049912;
}

.TitleLabel
{
	font-size: 				9pt;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			bold;
}

.ErrorTitle
{
	font-size: 				11pt;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-weight:			bold;
	color:					Red;
}

/* Data grid */
.GridView
{
    border:					#CCCCCC 1px solid;
    height:					50px;
    margin-bottom:			5px;
}

.GridNoData
{
    border:				White 1px solid;
}

.GridHeader
{
	border-right:       #dddddd 0px solid;
	border-top:         #dddddd 1px solid;
	font-weight:        bold;
	font-size:          9pt;
	letter-spacing:     -0.5pt;
	background:         White url(/App_Themes/Images/Layout/grid_header_background.gif) repeat-x top;
	border-left:        #dddddd 1px solid;
	color:              #333;
	border-bottom:      #999999 1px solid;
	height:             18px;
	white-space:        nowrap;
}

.GridHeader a
{
	color:              #3399cc;
	text-decoration:    underline;
}

.GridFooter
{
	 background-color:	#E5E5E5;
}

.GridFooter td span, .GridFooter td label
{
	display:			inline-block;
	width:				7em;
}

.GridFooter td div
{
	display:			inline;
}


.GridCell
{
	 border:			solid 1px #cccccc;
}

.GridHigh
{
    height:             18px;
	background-color:   #fafafa;
}

.GridLow 
{
    height:             18px;
	background-color:   #ffffff;
}

.GridHover
{
	background-color:   #EEF6FA;
	cursor:             hand;
}

.GridPager
{
    background-color:   #E5E5E5;
}

.GridPager a
{
    color:              #3399cc;
    text-decoration:    none;
}

/* Calendar */
.CalendarTitle
{
	font-weight:		bold;
	background-color:	#CCCC00;
}

.CalendarDayHeader
{
	height:				18px;
	background-color:	#3399CC;
}

.CalendarDay
{
	color:				#444444;
	border:				Solid 1px #CCCCCC;
}

.CalendarNextPrevious
{
	background-color:	#CCCC00;
}

.CalendarOtherMonth
{
	background-color:	#BABAB9;
	border:				Solid 1px #CCCCCC;
}

.CalendarToday
{
	color:				#444444;
	font-weight:		bold;
}

.CalendarSelectedDay
{
	background-color:	#3399CC;
	color:				White;
}

.CalendarWeekendDay
{
	border:				Solid 1px #CCCCCC;
}

/* Details View */
.DetailViewHeader
{
	background-color:	#3273D1;	
	color:				White;
	font-size:          9pt;
	font-weight:		bold;
	letter-spacing:     -0.5pt;
	height:				20px;
}

.FormViewHeader
{
	background:     White url(/App_Themes/Images/Layout/title_background.gif) repeat-x bottom;
	border:         solid 1px #CCCCCC;
	height:	        24px;
	padding:        4px 0px 0px 3px;
	color:          #096FD5;
	font-weight:    bold;
	font-size:      10pt;
	letter-spacing: -0.5pt;
}

/* Grid View */
.FixedRow
{
	background-color:	#B8FFB5;
}

.ErrorRow
{
	background-color:	#FFC5C5;
}

.SelectedRow
{
	background-color:	#CAE0FF;
}

/* Custom Control */
.requiredField
{
	padding-right:			10px;
	padding-left:			5px;
	font-weight:			bolder;
	font-size:10pt;
}

.formLeft
{
	float:left;
	width:50%;
	position:relative;
}
.formRight
{
	float:left;
	width:50%;
	position:relative;
}

formBody.br {
	clear: left;
}

.fieldControl
{
	display:block;
	clear:both;
}

.fieldControl div 
{
	float:left;
}

/* Panel style */
.formLayout
{
	width:			100%;
}

.formLayout .fieldControl
{
	clear:left;
	padding-bottom:1px;
}
.formLayout .fieldControl label 
{
	margin-left:3px;
	float:left;
}

.formLayout .fieldControl span
{
	display:block;
	clear:none;
}

.formLayout .fieldControl span span
{
	display:inline;
}

.emptyLabelColumn  .fieldControl label 
{
}

.smallLabelColumn  .fieldControl label 
{
	width:10em;
}

.mediumLabelColumn  .fieldControl label 
{
	width:15em;
}

.largeLabelColumn  .fieldControl label 
{
	width:35em;
}

.Yes
{
	color: Red;	
	font-weight: bold;
}

.No
{
	color: Green;	
	font-weight: bold;
}

.modalPanelTitle td
{
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	font-size: 10pt;
	background: White url(/App_Themes/Images/Icon/window_titlebg.gif) repeat-x Bottom;
	cursor: hand;
	color: #096FD5;
	font-family: Verdana;
	width:100%;
	height: 28px;
	background-color: White;
	vertical-align:middle;
}

.modalPanel
{
	border-right: 3px outset #dddddd;
	border-top: 1px solid Black;
	z-index: 500;
	width:500;
	padding: 0;
	border-left: 1px solid Black;
	border-bottom: 3px outset #dddddd;
	position: absolute;
	background-color: White;
}

.modalPanel td
{
	vertical-align:middle;
}

.titleIcon
{
	padding-right:20px;
}

.bdpLite input
{
	width:7em;
}

.bdpLite img
{
	padding-left: 4px;
}