/* CSS Document */
body,td,th {
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	line-height: 18px;
}

tr {
	vertical-align: top;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.spacer01 {
	margin-top: 2px;
}

.spacer02 {
	margin-top: 2px;
	margin-left: 2px;
}

.calendarTitleStyle 
{
	color: #FFFFFF;
}
.gridview
{
	border-color:#DEDFDE;
	backcolor: white
	color: #FFFFFF;
}
.labelScroll 
{
	overflow: auto;
}

.textboxStyle
{
	border-style: solid;
	border-width: 1px;
	border-color: #7F9DB9;
	font-family:Arial;
	font-size: 12px;
	vertical-align:middle;
	margin-right: 4px;
}

.indexcategory {
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	line-height:normal;
}

.top10 {
	font-family : verdana;
	font-size: 10px;
}

.buttonStyle {
	font:bold 50% Arial;
	font-size:11px;
	color: #203246;
	border-style:outset;
	border-width:1px;
	border-bottom-color:#000000;
	border-top-color:#FFFFFF;
	border-right-color:#000000;
	border-left-color:#FFFFFF;
	background-color:#c6d4e3;
}

.margin01 {
	margin-left:20px;
}

.margin02 {
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
}

.margin03 {
	margin-top:10px;
}

.margin04 
{
	margin-right: 4px;
}

.margin05 {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 4px;
	margin-bottom: 10px;
}

.margin06 
{
	margin-left: 5px;
}

.margin07 
{
	margin: 3px;
}

.padding01 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.padding02 {
	padding: 20px;
}

.padding03 {
	padding: 10px;
}

.padding04 
{
	padding-left: 5px;
}

.padding05 {
	padding-top:20px;
	padding-left:10px;
	padding-right: 4px;
}

.padding06 {
	padding: 2px;
}

.padTabs01 
{
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}

.padTabs02 
{
	padding-left: 2px;
	padding-top: 2px;
}

.padTabs03 
{
	padding-bottom: 2px;
}

.padTabs04 
{
	padding-top: 2px;
	padding-right: 2px;
}

.padTabs05 
{
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.padTabs06
{
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
}

.padDetails
{
	padding-top: 5px;
}

.labelOverflow 
{
	overflow: hidden;
	margin-right: 4px;
}

.tvwClass 
{
	font-size: 10px;
	text-decoration: none;
}

a { text-decoration: none; }
a:link { color: #3E41A1; }
a:hover {text-decoration:underline; color: #4496D2; }
a:visited {color: #272965; }

.tdcolor01 {
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
	padding:5px;
}

.tableborder01 {
	border-width: 1px;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-style: solid;
}

.nodeLevel1 TD
{
 background-color: #A9C0D8;
 border-top-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 font-weight: bold;
 border-style: solid;
 vertical-align: middle;
 padding: 2px;
}

.nodeLevel2 TD
{
 background-color: #CFDBE7;
 border-top-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 vertical-align: middle;
 padding: 2px;
}

.nodeLevel3 TD
{
 background-color: #E9EFF4;
 border-top-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 vertical-align: middle;
 padding: 2px;
}

.nodeLevel4 TD
{
 background-color: #F0F0F0;
 border-top-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 vertical-align: middle;
 padding: 2px;
}

.nodeMargin1 
{
 margin-left: 10px;
}

.nodeMargin2 
{
margin-left: 20px;
}
.nodeMargin3 
{
 margin-left: 30px;
}

.nodeMargin4 
{
margin-left: 40px;
}

.ErrorDisplay
{
	font-family:Arial;
	font-size:8pt;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#C70000;
	border-color:White;
	border:solid 1px White;
}

.ErrorDisplayBorder
{
	border:solid 1px #C70000;
}

/**************** Data Grid Styling Controls ****************/

/** grid styles **/
.NormalGrid
{
	border:1px solid #92B0DD; 
	margin-top: 5px;
	margin-bottom: 5px;		
}

.NormalGridTitle
{
	border:1px solid gray;
	background-color:#E2EAF8;
}


.NormalHeader
{
 font-weight: bold;
 text-align:center;
 color: white;
 font-family: Arial, Helvetica, sans-serif;
 border-top-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 vertical-align: middle;
 padding:2px;
 background-color: #EEEDDD;
 border:1px solid #CCCCCC;
}

.NormalHeader A:link { color: #1A4768; }
.NormalHeader A:hover { color: #4496D2; }
.NormalHeader A:visited { color: #1A4768; }


.NormalItem TD 
{
 color: #333333;
 border-top-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 padding:2px;
 font-size: 11px;
}

.NormalItem 
{
 color: #333333;
 vertical-align: middle;
}

.NoRecord
{
	border: 1px solid #CCCCCC;
	border-top-width:0px; 
}

.NormalFooter TD {
 color: #333333;
 border-top-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 padding:2px;
}

.NormalFooter {
 color: #333333;
 vertical-align: middle;
}

.NormalPager TD {
 color: #333333;
 border-top-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 padding:1px;
}

.NormalPager 
{
 color: #333333;
 vertical-align: middle;
}

.NormalAlternatingItem TD
{
 background-color: #F7F7F7;
 border-top-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 vertical-align: middle;
 padding:2px;
}

.NormalSelectedItem TD
{
 border-top-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-bottom-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-width: 1px;
 border-style: solid;
 vertical-align: middle;
 padding:2px;
}

.NormalSelectedItem
{
 color: #333333;
 background-color: #F9FFE1;
}

/** Tree View Node Syles  **/
.NormalNode
{
	color: #3E5267;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.NoAccessNode
{
	font-size: 11px;
	color: #FF9797;
	font-family: Arial, Helvetica, sans-serif;
}
.SelectedNode
{
	font-size: 11px;
	color: #003399;
	font-family: Arial, Helvetica, sans-serif;
}

.ParentNode 
{
	font-size: 11px;
	font-weight: bold;
	color: #3E5267;
	font-family: Arial, Helvetica, sans-serif;
}

.ParentNodeHover 
{
	font-size: 11px;
	font-weight: bold;
	color: #3E5267;
	font-family: Arial, Helvetica, sans-serif;
}

.ParentNodeSelected 
{
	font-size: 11px;
	font-weight: bold;
	color: #003399;
	font-family: Arial, Helvetica, sans-serif;
}

.HoverNode
{
	font-size: 11px;
	color: #3E5267;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

/** Calendar/DatePicker Syles  **/
.CalTitle   
{
	font-weight: bold;
	font-size: 11;
	background-color:#cccccc;
	color: black;
	width: 90px;
}

.CalBody    
{
	font-size: 11;
	border-width: 10px;
}

 .whiteTab{background-color: #E9EEF4;} 
 
 .blueTab{background-color: #6496C7;}
 
 .whiteToggle
 {
	width:118px;
	height:28px;
	vertical-align:middle;
	text-align:center;
	background-image:url(../Images/tab_active.gif);
	cursor:hand;			
	color: #39507A;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bolder;
		font-size:12px;
			border:solid 1px #FFD275;

 }
 
  .blueToggle
 {
	width:118px;
	height:28px;
	vertical-align:middle;
	text-align:center;
	background-image:url(../Images/tab_inactive.gif);
	cursor:hand;	
 }
 
 .whiteVertical
 {
	vertical-align:middle;
	text-align:center;
	background-color:#E4E2E4;
	cursor:hand;
	width:21px;
	border:solid 2px #FFD275;
 }
 
 .blueVertical
 {
	vertical-align:middle;
	text-align:center;
	background-color:#BCCEEC;
	cursor:hand;
	width:21px;
	border:solid 2px #B4C2EC;
 }
 
  .Vertical:hover
 {
	background-image:url(../Images/toolgrad.gif);
	cursor:hand;
	background-repeat:repeat;
	vertical-align:middle;
 }
 
.Vertical
 {
	vertical-align:middle;
 }
 
   .Horizontal:hover
 {
	background-image:url(../Images/style04_n_back.gif);
	cursor:hand;
	background-repeat:repeat;
	vertical-align:middle;
 }
 
.Horizontal
 {
	vertical-align:middle;
 }
 
 
 
.Sub:hover
 {
	background-image:url(../Images/style04_s_back.gif);
	cursor:hand;
	background-repeat:repeat;
	vertical-align:middle;
 }
 
.Sub
 {
	vertical-align:middle;
 }