/* ----- Form Objects ------ */

.formheaderleft 		{
					font-family		: verdana; 
					font-size			: 10px; 
					line-height		: 16px; 
					font-style		: normal;
					font-weight		: bold;
					text-decoration	: none;
					text-align		: right;
					color			: #666666; 
					}
.InputFormObject       		{
				font-family		: verdana; 
					font-size			: 10px; 
					font-style		: normal;
					font-weight		: normal;
					text-decoration	: none;
					color			: #333333; 
					}
.InputFormButton       		{
					font-family		: verdana; 
					font-size			: 9px; 
					font-style		: normal;
					font-weight		: normal;
					text-decoration	: none;
					color			: #333333; 
					}					
td.FormLabel {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color : #5F5F5F;
}

/* ----- End Form Objects ------ */




/* ----- Start Sequencing ------ */

.SubFormTable
{
	width:95%;
}

.SubFormHeader
{
	font-weight:bold;
	font-family		: verdana; 
	font-size			: 10px; 
	line-height		: 16px; 
	font-style		: normal;
	font-weight		: bold;
	text-decoration	: none;
	color			: #666666; 
}

.SubFormItem
{	
	padding: 2px;
	font-weight: bold;
	font-size:12px;
	
	font-family: Verdana;
	
	
	
	
	background-color: #F3F3F3;
}

.SubFormSubItemLeft
{
	padding: 2px;	
	
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color : #5F5F5F;
}

.SubFormSubItemLeft
{
	padding: 2px;	
	
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color : #5F5F5F;
}

.SubFormSubItemLeftBottom
{
	padding: 2px;	
	
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color : #5F5F5F;
}

.SubFormSubItem
{
	font-family: Arial;
	font-size: 12px;
	
	
}

/* ----- End Sequencing ------ */





/* ----- Start Summary Result ------ */
.SummaryResult_SurveyTitle
{
	font-weight: bold;
	font-size: 12px;
	vertical-align: middle;
	height: 30px;
}

.SummaryResult_SurveyDescription
{
	font-size: 11px;
	font-family: Verdana;
}

.SummaryResult_ResultTable
{
	border-style: none;
}

.SummaryResult_ResponseHeader
{
	border-top: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	padding: 2px;
	font-weight: bold;
	vertical-align: bottom;
	width: 50%;
	background-color: #F3F3F3;
}

.SummaryResult_ResponseValueHeader
{
	border-top: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	padding: 2px;
	font-weight: bold;
	text-align: center;
	width: 5%;
	vertical-align: bottom;
	background-color: #F3F3F3;
}

.SummaryResult_Response
{
	
	border-bottom: #CCCCCC 1px solid;
	padding: 2px;	
	
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color : #5F5F5F;
}

.SummaryResult_ResponseChart
{
	border-bottom: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	padding: 2px;
	font-size: 8px;
	text-align: right;
	width: 20%;
}

.SummaryResult_ResponseValue
{
	border-bottom: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	padding: 2px;
	text-align: center;
	font-weight: bold;
}

.SummaryResult_ResponseFooter
{
	border-bottom: #CCCCCC 1px solid;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	font-weight: bold;
	text-align: right;
	background-color: #FAFAFA;
}

.SummaryResult_ChartTable
{
	width: 100%;
	border-left: #000000 1px solid;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

.SummaryResult_ChartCellLeft
{
	/* don't set any width in this stle. It is used for the chart */
	border-right: #000000 1px solid;
	font-size: 8px;
}

.SummaryResult_ChartCellRight
{
	/* don't set any width in this stle. It is used for the chart */
	font-size: 8px;
	border-right: #000000 1px solid;

}

/* ----- End Summary Result ------ */



/* ----- Calendar Date Box ------ */
.CalendarStyle, .CalendarStyle:hover
{
	font-size: 10px;
	font-family: verdana;
	color: #555555;
	background-color: #ffffff;
	text-decoration: none;
	text-align: right;
}

.TitleStyle
{
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	font-family: verdana;
	background-color: #336699;
	text-decoration: none;
	vertical-align: middle;
}

.TitleDropDownStyle
{
	border: #FFFFFF 1px solid;
	font-size: 10px;
	font-family: verdana;
	color: #ffffff;
	vertical-align: middle;
	text-decoration: none;
}

.TitleDropDownOverStyle, .TitleDropDownOverStyle:hover
{
	border: #CCCCFF 1px solid;
	font-size: 10px;
	font-family: verdana;
	color: #CCCCFF;
	vertical-align: middle;
	text-decoration: none;
}

.DayHeaderStyle
{
	font-weight: bold;
	color: #333333;
	font-size: 10px;
}

.HolidayStyle, .HolidayStyle:hover
{
	text-decoration: none;
	font-size: 10px;
}

.WeekendStyle, .WeekendStyle:hover
{
	color: #a9a9a9;
	text-decoration: none;
	font-size: 10px;
}

.TodayDayStyle, .TodayDayStyle:hover
{
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
}

.SelectedDayStyle, .SelectedDayStyle:hover
{
	border: #a0a0a0 1px solid;
	background-color: #fafafa;
	text-decoration: none;
	color: #555555;
	font-weight: bold;
	font-size: 10px;
}

td.TodayStyle
{
	font-weight: bold;
	font-size: 10px;
	font-family: verdana;
	background-color: #e6e6fa;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #333333;
	height: 20px;
}

a.TodayStyle, a.TodayStyle:hover
{
	font-weight: bold;
	font-size: 10px;
	font-family: verdana;
	background-color: #e6e6fa;
	text-decoration: none;
	color: #333333;
}

.MonthDropDownStyle
{
	border: #a0a0a0 1px solid;
	font-size: 10px;
	font-family: verdana;
	background-color: #bbdbfc;
}

.SelectedMonthDropDownStyle
{
	background-color: #82C0FE;
}

.YearDropDownStyle
{
	border: #a0a0a0 1px solid;
	font-size: 10px;
	font-family: verdana;
	background-color: #BBDBFC;
}

.SelectedYearDropDownStyle
{
	background-color: #99CCFF;
}
/* ----- End Calendar Date Box ------ */

/* ------ Start Datagrid ------ */
.DataGrid
{
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	border: #777777 1px solid;
	background-color: #FFFFFF;
}

.DataGrid_Header
{
	background-color: #999999;
	border: #999999 1px solid;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-family: verdana;
	font-size : 11px;
	font-weight:bolder;
	vertical-align: middle;
}

.DataGrid_Item
{
	border: #999999 1px solid;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-family:verdana;
	font-size:11px;
}

.DataGrid_AlternatingItem
{
	background-color: #FAFAFA;
	border: #999999 1px solid;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-family:verdana;
	font-size:11px;
}

.DataGrid_Pager
{
	background-color: #FFFFFF;
	text-align: center;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	border: #999999 1px solid;
	font-family : Arial;
	font-size : 13px;
}


.Custom_Pager
{
	background-color: #FFFFFF;
	text-align: center;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	/*border: #999999 1px solid;*/
	font-family : Arial;
	font-size : 13px;
}

.DataGridColumn_DeleteHeader
{
	text-align: left;
	width: 30;
}

.DataGridColumn_Delete
{
	text-align: center;
	width: 30;
}

.DataGridColumn_SerialNo
{
	text-align: center;
	width: 20;
}
/* ------ End Datagrid ------ */