.datatable
{
    font-family: Calibri, Sans-Serif;
    color:#4f6b72;
	font-size:12px;
	padding:4px;
}

.datatable .grid,
.datatable .pager
{
    width:550px;
} 

/* Header styles */
.datatable .grid .head TH
{
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:22px;
	text-transform:uppercase;
	text-align:left;
	padding-left: 4px;
}

/* Data cell styles */
.datatable .grid TD
{
	border:solid 1px #c1dad7;
	/*border-top-color:#f0f0f0;*/
	/*border-left-width:0px;*/
	color:#4f6b72;
	font-size:11px;
	padding:4px;
}

.datatable .grid .headerRow
{
	height:40px;
	vertical-align:bottom;
}

.datatable .grid SELECT
{
	font-family: Calibri, Sans-Serif;
	font-size:12px;
}

.datatable .grid .linkcommand
{
	color:#4f6b72;
	font-size:11px;
	padding:4px;
}

/* Data Pager Styles */
.datatable .pager
{
	font-family:Georgia,serif;
	text-align:center;
	padding:15px 0px;
} 

.datatable .pager SPAN.command,        
.datatable .pager SPAN.current,        
.datatable .pager A.command
{
	border:solid 1px #ccc;
	color:#666;
	background-position:0px -20px;
	line-height:18pt;
	padding:5px;
	text-decoration:none;
}

.datatable .pager SPAN.current
{
	font-weight:bold;
}

.datatable .edittext
{
	font-family:arial;
	font-size:12px;
}

.datatable TEXTAREA
{
	padding: 2px;
	width: 400px;
}

.datatable INPUT.small
{
	width: 100px;
}

.datatable INPUT.medium
{
	width: 250px;
}

.datatable INPUT.large
{
	width: 400px;
}

.datatable INPUT.button
{
   font-family:Arial,sans-serif;
   color: White;
   background-color: Gray;
   border:1px solid black;
}

.datatable INPUT.button:hover
{
   background-color:#fff;
   color: Black;
}





/* begin tabs */
ul#tabnav  
{
	text-align: left; 
	margin: 1em 0 1em 0; 
	font: bold 11px verdana, arial, sans-serif;
	border-bottom: 1px solid #6c6; 
	list-style-type: none;
	padding: 3px 10px 3px 10px; 
	z-index:9;
}

ul#tabnav li {
	display: inline;
}

/* selected tab */
div#tab1 li.tab1,
 div#tab2 li.tab2,
  div#tab3 li.tab3,
   div#tab4 li.tab4,
   div#tab5 li.tab5,
   div#tab6 li.tab6,
   div#tab7 li.tab7,
   div#tab8 li.tab8 { 
	border-bottom: 1px solid #fff; 
	background-color: #fff; 
}

/* selected tab link */
div#tab1 li.tab1 a,
 div#tab2 li.tab2 a,
  div#tab3 li.tab3 a,
   div#tab4 li.tab4 a,
   div#tab5 li.tab5 a,
   div#tab6 li.tab6 a,
   div#tab7 li.tab7 a,
   div#tab8 li.tab8 a { 
	background-color: #fff;
	color: #000; 
	position: relative;
	top: 1px;
	padding-top: 4px; 
}

/* all tab links (unselected)*/
ul#tabnav li a { 
	padding: 3px 4px; 
	border: 1px solid #6c6; 
	background-color: #cfc; 
	color: #666; 
	margin-right: 0px; 
	text-decoration: none;
	border-bottom: none;
}

/* hover effect */
ul#tabnav a:hover { 
	background: #fff; 
}

/* end tabs */

.datatable .cal TD
{
	padding: 0px;
	margin: 0px;
	background-color:#fff;
}

.datatable .cal TH
{
	padding: 0px;
	margin: 0px;
	background-color:#fff;
}


.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(AjaxControlToolkit.Calendar.arrow-left.gif);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(AjaxControlToolkit.Calendar.arrow-right.gif);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

/* override .grid TD */
.datatable .grid .ajax__calendar  TD
{
	border: 0px;
	font-size:12px;
	padding: 0px;
}