.TopBar
{
	background-color:#ebf3FF;
}
/* GENERAL */

body
{
	background-color: #ffffff;
	color: #000000;
	margin: 0px;
	height: 100%;
	padding: 0px;
	width:100%;
	
	font-family: verdana;
	font-size: 12px;
}

.SectionTopHeader
{
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 4px;
	color: #4c4c4c;
	font-family: Tahoma;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
}

.TitleForm
{
	height: 23px;
    width: 502px;
    background: #ebf3ff;
	color: #4c4c4c;
    font-weight: bold;
    font-size: 12pt;
}

.SectionHeader
{
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 4px;
	color: #4c4c4c;
	font-family: Tahoma;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
}

.SectionSubHeader
{
	margin-top: 3px;
	margin-bottom: 6px;
	padding-left: 2px;
	color: #4c4c4c;
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}

.SectionFooter
{
	margin-top: 3px;
	margin-bottom: 4px;
	padding-left: 3px;
	color: #4c4c4c;
	text-align: left;
	font-style:italic;
}

.SectionSuccessMessage
{
	border:solid 3px #35C425;
	background-color: #E8F5E6;
	padding:5px;
}

.SectionErrorMessage
{
	border:solid 3px #C42525;
	background-color: #F5E6E6;
	padding:5px;
}

.SectionWarningMessage
{
	border:solid 3px #FCD430;
	background-color: #FFF3C4;
	padding:5px;
}

a
{
	color: #3966bf;
	text-align:left;
	text-decoration: none;
}

a:visited
{
	color: #3966bf;
	text-align:left;
	text-decoration: none;
}

a:hover
{
	color: #3966bf;
	text-align:left;
	text-decoration: none;
}

a:active
{
	color: #3966bf;
	text-align:left;
	text-decoration: none;
}

.TextBox, .Minutes, .Hour
{
	text-align: left;
	border: solid 1px #77C8EB;
}

.TextArea
{
	text-align: left;
	border: solid 1px #77C8EB;

}

.NumericText
{
	text-align: right;
	border: solid 1px #77C8EB;
}

.Required
{
	color: #333333;
	background-color: #FDF4E1;
}

.Wrong
{
	border: 1px solid red;
}

.Hour
{
	width: 20px;
}

.Minutes
{
	width: 20px;
}

.TextBoxExtDisabled, .NumericTextBoxDisabled, .DateBoxDisabled, .LookUpDisabled, .EmailBoxDisabled, .RadioButtonListExtDisabled
{
	background-color: Transparent;
	color: #333333;
	border-style: none;
}

.DropDownListExtDisabled
{
	background-color: Transparent;
	color: #333333;
	border: solid 1px #CCCCCC;
}

.TextReadOnly
{
	background-color: Transparent;
	color: #888888;
	border-style: none;
}

/* GENERAL END */

/* FORM TABLE */
.Form
{
	border: solid 1px #b2b6bf;
	margin-bottom: 4px;
}

.Form tr
{
}

.Form td
{
	border-top : #d8d8d8 1px solid;
	

	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.Form .Label
{
	color: #525252;
	font-weight: bold;
	padding-bottom: 6px;
	padding-right: 8px;
	padding-top: 3px;
	text-align: left;
	vertical-align:middle;
}

.Form .Label .Mandatory
{
	color: #FF0000;
}

.Form .Field
{
	background: #ebf3ff;
	color: #4c4c4c;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	text-align: left;
	vertical-align:middle;
}

/* FORM TABLE END */

/* VALIDATION SUMMARY */

ul
{
	padding:0px;
	margin:0px;
}

.ValidationSummaryDiv
{
	padding-left: 8px;
	margin: 10px;
}

.ValidationSummary 
{
	color: #525252;
	background: #FFFFFF;
	
	text-align: left;
	vertical-align:middle;
}

.ValidationSummary li
{
	margin: 2px;
}

/* VALIDATION SUMMARY END */

/* GRID */

.Grid
{
	border-collapse:collapse
}

.Grid th
{
	background-color: #f2f2f2;
	color: #4c4c4c;
	font-weight: normal;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	text-align: left;
	vertical-align: middle;
	white-space:nowrap;

}

.Grid TR:HOVER TD
{
	background-color: #ebf3ff;
}

.Grid td
{
	padding-left:7px;
	padding-right:7px;
	padding-top:3px;
	padding-bottom: 4px;
	text-align: left;
	vertical-align: middle;
}

.GridItem
{
	background-color: #FFFFFF;
	color: #4c4c4c;
}

.GridAlternatingItem
{
	background-color: #f9f9f9;
	color: #4c4c4c;
}

.PagerStyle 
{
	background-color: #f2f2f2;
	color: #4c4c4c;
	font-weight: normal;
	vertical-align: middle;
	white-space:nowrap;
	padding-bottom:0px;
	padding-top:0px;
}

.PagerStyle td
{
	padding-bottom:1px;
	padding-top:2px;
}

/* GRID END */
.AppGridDataPager 
{
	
}
.AppGridDataPager TR:HOVER TD
{
	background-color: #BED600;
}
.AppGridDataPager td
{
	vertical-align:middle;
}
.AppGridDataPager .PagerTable 
{
	border:0px;
}
.AppGridDataPager .PagerTable td
{
	padding-right:5px;
	border:0px;
}
.AppGridDataPager .PagerTableNumbers td
{
	border: solid 1px #ffffff;
	padding:2px;
}
.AppGridDataPager .PagerTableNumbers .Disabled
{
	text-decoration:none;
	color:#666666;
}
.AppGridDataPager  .TotalRegisters
{
	color: #666666;
	text-align:right;
}
.DataPagerExtDiv
{
	background-color:#F3F3F3;
	height:18px;
	padding-left:5px;
	padding-top:6px;
}
.DataPagerExtDiv span span
{
	border: solid 1px #ffffff;
	color:#666666;
	padding:2px;
}
.DataPagerExtDiv span a
{
	border: solid 1px #ffffff;
	padding:2px;
}

.PagerNumber
{
	color:#fa1f81;
}
.PagerNumberToSelect
{
	color:Gray;
	text-decoration:none;
}
.PagerNumberToSelect:hover
{
	color:Gray;
	text-decoration:underline;
}
.PagerNumberToSelect:visited
{
	color:Gray;
}

/********************************BEGIN OF DATEPICKER*************************/
.outerTable TD
{

}
.outerTable
{
	border:0;
	padding:0;
	background-color:Transparent;
}

/* the div that holds the date picker calendar */
.dpDiv
{
	background-color:Transparent;
}


/* the table (within the div) that holds the date picker calendar */
.dpTable
{
	font-family: verdana;
	font-size: 12px;
	text-align: center;
	color: #003399; /*#505050;*/
	background-color: #ebf3ff;
	border: 1px solid #AAAAAA;
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR
{
}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR
{
	background-color:#d6e8ff;
}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR
{
	background-color:#d6e8ff;
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR
{
	background-color:#d6e8ff;
}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD
{
	border: 1px solid #ece9d8;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD
{
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover
{
	background-color: #cccccc;
	border: 1px solid #cccccc;
	cursor: pointer;
	color: black;
}


/* the table cell that holds the name of the month and the year */
.dpTitleTD
{
	text-align: center;
	width: 135px;	
	background-color:#d6e8ff;
}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD
{
	background-color:#d6e8ff;
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD
{
	background-color:#d6e8ff;
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD
{
	background-color: #ebf3ff;
	color: #7f7f7f;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText
{
	font-size: 10px;
	color: gray;
	font-weight: bold;
	text-align: center;
	width: 120px;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight
{
	color: black;
	font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton
{
	color: gray;
	background-color:#d6e8ff;
	font-weight: bold;
	padding: 0px;
	border: 0;
}

.dpButtonHover
{
	background-color: #cccccc;
	cursor: pointer;
	color: black;
	font-weight: bold;
	padding: 0px;
	border: 0;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton
{
	font-size: 12px;
	
	color: gray;
	background-color:#d6e8ff;
	font-weight: bold;
	border: 0;
}

.dpTodayButtonHover
{
	font-size: 12px;
	
	background-color: #cccccc;
	cursor: pointer;
	color: black;
	font-weight: bold;
	border: 0;
}
/********************************END OF DATEPICKER*************************/

/****************************** BEGIN BUTTON ****************************/	

/****************************** BEGIN BUTTON ****************************/	

.Button
{
	background-color: #FFFFFF;
	border: none;
	color: #3966bf;
	font-family: "Courier New", Monospace;
	font-size: 12px;
	font-weight:bold;	
	height:23px;
	text-align:center;
	cursor:hand;
}

.Bt100
{
	width: 101px;
	background-image: url(Images/bt100px.png);
	background-repeat: repeat-x;
}

.Bt100:hover
{
	background-image: url(Images/bt100pxhover.png);
	background-repeat: repeat-x;
}

.Bt150
{
	width: 151px;
	background-image: url(Images/bt150px.png);
	background-repeat: repeat-x;
}

.Bt150:hover
{
	background-image: url(Images/bt150pxhover.png);
	background-repeat: repeat-x;
}

.Bt200
{
	width: 201px;
	background-image: url(Images/bt200px.png);
	background-repeat: repeat-x;
}

.Bt200:hover
{
	background-image: url(Images/bt200pxhover.png);
	background-repeat: repeat-x;
}

.Bt250
{
	width: 251px;
	background-image: url(Images/bt250px.png);
	background-repeat: repeat-x;
}

.Bt250:hover
{
	background-image: url(Images/bt250pxhover.png);
	background-repeat: repeat-x;
}

.Bt300
{
	width: 301px;
	background-image: url(Images/bt300px.png);
	background-repeat: repeat-x;
}

.Bt300:hover
{
	background-image: url(Images/bt300pxhover.png);
	background-repeat: repeat-x;
}

.LinkButton
{
	background-color: #FFFFFF;
	border: none;
	color: #3966bf;
	font-family: verdana;
	font-size: 12px;
	font-weight:bold;
	width: 100px;
}

.ButtonBack
{
	background-color: #FFFFFF;
	border: none;
	color: #3966bf;
	width: 100px;
}

.ButtonDisabled
{
	background-color: #FFFFFF;
	border: outset 2px #ffffff;
	color: Gray;
	width: 100px;
}

/*********************************END BUTTON *******************************/

/******************************BEGINNING OF TABBED BOARD**********************/
.TabbedBoard
{
}
.TabMenuLine
{
	border-bottom: solid 1px #CCCCCC;
}
.TabMiddle
{
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	padding: 10px;
}
.TabOn
{
	background-image: url(Images/TabbedBoardBgOn.gif);
	background-repeat: repeat-x;
	vertical-align: baseline;
	line-height: 21px;
	padding-left: 4px;
	padding-right: 4px;
}
.TabOnLeft
{
	background-image: url(Images/TabbedBoardLeftOn.gif);
	background-repeat: no-repeat;
	width: 4px;
	line-height: 21px;
	text-align: right;
}
.TabOnRight
{
	background-image: url(Images/TabbedBoardRightOn.gif);
	background-repeat: no-repeat;
	width: 4px;
	line-height: 21px;
}
.TabOff
{
	background-image: url(Images/TabbedBoardBgOff.gif);
	background-repeat: repeat-x;
	vertical-align: baseline;
	line-height: 21px;
	border-bottom: solid 1px #CCCCCC;
	padding-left: 4px;
	padding-right: 4px;
}
.TabOffLeft
{
	background-image: url(Images/TabbedBoardLeftOff.gif);
	text-align: right;
	background-repeat: no-repeat;
	width: 4px;
	line-height: 21px;
	border-bottom: solid 1px #CCCCCC;
}
.TabOffRight
{
	background-image: url(Images/TabbedBoardRightOff.gif);
	background-repeat: no-repeat;
	width: 4px;
	line-height: 21px;
	border-bottom: solid 1px #CCCCCC;
}
.TabSpacer
{
	border-bottom: solid 1px #CCCCCC;
}

.TabImg
{
	vertical-align:middle;
}

.spaceTop
{
	padding-top: 5px
}

.spaceBottom
{
	padding-bottom: 5px
}

.spaceLeft
{
	padding-left: 5px
}

.spaceRight
{
	padding-right: 5px
}
/******************************END OF TABBED BOARD****************************/

/****************************** FIELDSET + LEGEND ****************************/
fieldset
{
	border: solid 1px #b2b6bf;
	padding: 3px;
}

fieldset legend
{
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 4px;
	color: #4c4c4c;
	font-family: Tahoma;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
}

fieldset legend a
{
	color: #43535b;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 3px;
	text-decoration:none;
}

fieldset legend a:hover
{
	color: #43535b;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 3px;
	text-decoration:none;
}

fieldset legend a:visited
{
	color: #43535b;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 3px;
	text-decoration:none;
}
/****************************** END OF FIELDSET + LEGEND ****************************/

.ShowHidePanel
{
	margin-top: 3px;
	margin-bottom: 6px;
	padding-left: 4px;
	color: #3966bf;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	cursor: hand;
}

.ShowHidePanelContent
{
	margin: 0px;
	padding: 0px;
	color: #000000;
	background-color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	cursor: default;
}



.FileUploadSessionFile
{
	font-size:9px;
	font-style:italic;
}