html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
	/*color: #660066;*/
	color: black;
}
BODY {
	background-color:white;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	/*background-color:#CCC08F;*/
	
}
h1 {
	margin: 0;
	font-size: 1.6em;
	font-weight: normal;
	color:Purple;
	
}
h2 {
	margin: 0.5em 0;
	font-size: 1.5em;
	font-weight: normal;
	color:Purple;
}
h3 
{
	
	margin: 0.5em 0;
	font-size: 1.4em;
	font-weight: bold;
	color:Purple;

}
h4 {
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: bold;
	color:Purple;
}
h5 {
	margin: 0.5em 0;
	font-size: 1.0em;
	font-weight: bold;
	color:Purple;
}
h6 {
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: bold;
	color:Black;
}

p  {
    margin: 2em 0;
    line-height:1.4;
    
}

ol  {
    margin:  2em 2em;
    line-height:1.4;
    /*font-size: 1.0em;*/
}
ul  {
    margin:  2em 2em;
    line-height:1.4;
    /*font-size: 1.0em;*/
}

li { margin: 15px 0px; }


a {
	text-decoration:underline;
	color:#CC3300;
}


a:hover {text-decoration:none;}

/*--------------------------------*/

#pagewidth{ 
 min-width:800px;  
}
 
#header{
 height:150px; 
 width:100%;

 
} 
 
#leftcol{
 position :absolute;
 left: 0px;
 top:183px;
 width: 220px;
 /*border: 2px solid #000000;*/
 background-color:#D6D6D6;
 margin: 0px;
 padding: 15px 8px 0px 8px;
 min-height:500px;
 height: auto !important;
 height: 500px;
 
 }
 
#maincol
{
 margin: 0px 20px 20px 250px;
    /*border: 2px solid #000000;*/
    background: #ffffff;
    color: #333333;
    padding: 8px;
   /* position:relative;*/
  
    min-height:500px;
	height: auto !important;
	height: 500px;
 }
 
 #maincoltop
 {
    margin: 0px 0px 0px 250px;
    background: #ffffff;
    color: #333333;
    padding:8px 8px 2px 8px;
    position:absolute;
	
 }
 
 #maincolOnly
{
 
 margin: 0px 20px 20px 20px;
    /*border: 2px solid #000000;*/
    background: #ffffff;
    color: #333333;
    padding: 8px;
    position: relative;
  
    min-height:500px;
	height: auto !important;
	height: 500px;
 }
 
 
#MainMenu 
{
		background-color:#E1BF00;
    	padding:8px 0px 4px 2px;
    	font-weight: bold;
    	height:21px;
    	 
    	 
 }
 
#footer{
 height:50px; 
 clear:both;
 text-align:center;
 position:relative;
 
 
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol, #header, #MainMenu, #footer
    {
        display:none;
    } 
 #maincol
    {
        width:100%;
        float:none;}
}



/*--------------------------------*/





/*
#left {
	float:left;
	width:220px;
	padding: 8px 8px 0px 8px;
	background-color:#D6D6D6;
	min-height:500px;
	height: auto !important;
	height: 500px;
 }
#right  {
	float:right;
	width:0px;
	padding:8px 2px 8px 2px;


 }
#center {

	margin-left:240px;
	padding:10px;
 	background-color :White;
	min-height:500px;
	height: auto !important;
	height: 500px;

}

#footer  {
	clear:both;
	background-color:#D6D6D6;
	background-color:White;
}
*/

html>body #mainnav .item {padding:1px 0.5em;}

#mainnav .hover{}

#mainnav .selected {
	border-top:3px solid #FFFFFF;
	color:#FFFFFF;
	background-color:purple;/*#1B3D6B;*/
}


#maincontent {
	padding:4em 2em;
	background-color:transparent;
	min-height:400px;
}
#maincontent .teaser {
	margin:-0.7em 0;
	color:#28578D;
}




#maincontent table tr td {padding: 0.2em 0.5em;}

#maincontent fieldset {	
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #000000;
}

#maincontent legend {
	color:#E6673A;
    background-color:#FFFFFF;
}

* html #maincontent legend {padding:0.5em;}

#maincontent caption {
    text-align:left; 
    font-weight:bold;
}

html>body #maincontent .txtBox{font-size:1.2em;}

#maincontent .txtBox {background-color:#F4F7FA;}
    
#maincontent .txtBox:focus {background-color:#FFFFFF;}

.txtBox {
    border: 1px solid #Purple;
    font-size:1em;
    background-color:#FFFFFF;
}
.button {
    color:#FFFFFF;
    background-color:#CC3300;
    font-size:smaller;
	height: 20px;
    /*width: 140px;*/
}    
.imgfloatright {
    float:right;
	display:inline;
	margin: 0.25em 0 0.25em 1em;
}
.imgfloatleft {
	float:left;
	display:inline;
	margin: 0.25em 1em 0.25em 0;
}
div.readmore {
	text-align:right;
}
#footer{
    margin:2px;
    padding:0.5em;
    font-size:smaller;
}

#footer a {padding:0 0.5em;}




.grid
{
	font-family:Arial;
	font-size:12px;
	width:auto;
}
/* gridview styles */

.grid .gridview
{
	width:100%;
	
	border:solid 2px #993399;/* #5E8CC6;*/
	empty-cells:show;
	/*border-top-width:1px;*/
	border:1px;
	
}
.grid .gridview .row TD, 
.grid .gridview .altrow TD,
.grid .gridview .edit-info TD
{
	text-align:left;
	padding: 5px 4px;
	border-top:solid 1px #E2EBF2;
}
.grid .gridview .edit-info TD
{
	border-top:dashed 1px #5E8CC6;
    font-weight:bold;
    color:#333;
}
.grid .gridview TR.first TD
{
	border-top:none;
}
.grid .gridview TD.edit
{
	border-bottom:dashed 1px #5E8CC6;
	
}     
.grid .gridview .edit-info A
{
    font-weight:normal;
}        
.grid .gridview .row TD.command, 
.grid .gridview .altrow TD.command,
.grid .edit-info TD.command
{
	text-align:center;
}    
.grid .gridview .header TH
{
	/*background: #EECCEE; url(Images/hdr.gif) repeat-x;*/
	/*background-color:#F5E2F5;*/
	
	background:#e9e9eb url(imgages/header-bg.gif);
	height:32px;
	line-height:22px;
/*	color: #fff;*/
	font-weight:bold;
	text-align:left;
	padding:  2px 2px 2px 2px;
	
	
	
}
.grid .gridview .edit
{
	padding: 4px 0px 2px 1px;
	
}
.grid .gridview .edit, .grid .gridview .edit-info
{
}    
/* details styles */
.grid .detailview
{
	width:100%;
	empty-cells:show;
	 padding-left:1px;
	
}  

.grid .detailview TH
{
	text-align:left;
	/*padding:0px 10px;*/
	/*color:#333;*/
}  

.grid .details .footer
{
	text-align:right;
	padding:10px 10px 5px 0px;
	
} 
.grid .details .header
{
	text-align:left;
	padding:0px 10px;
	font-weight:bold;
	display:none;
} 


div.rounded {
    clear:both;
    max-width:2400px;
}

div.rounded div.top-outer {
   background:url(../imgages/tl.gif) no-repeat left bottom;
    padding:0px;
    width:100%;
}

div.rounded div.top-outer div.top-inner {
  background:url(imgages/tr.gif) no-repeat right bottom;
    margin-left:10px;
}

div.rounded div.top-outer div.top-inner div.top {
  background:url(imgages/t.gif) repeat;
    height:11px;
    margin-right:10px;
    font-size:.01em;
}

div.rounded div.mid-outer {
   background:url(imgages/l.gif) left repeat-y;
    clear:both;
    width:100%;
}

div.rounded div.mid-outer div.mid-inner {
  background:url(imgages/r.gif) right repeat-y;
    margin-left:10px;    
}

div.rounded div.mid-outer div.mid-inner div.mid {
	background-color:#ffffff;
    margin-right:10px;
}

div.rounded div.bottom-outer {
    background:url(imgages/bl.gif) no-repeat left top;
    clear:both;
    padding:0px;
    width:100%;
}

div.rounded div.bottom-outer div.bottom-inner {
   background:url(imgages/br.gif) no-repeat right top;
    margin-left:10px;
}

div.rounded div.bottom-outer div.bottom-inner div.bottom {
   background:url(imgages/b.gif) repeat;
    height:11px;
    margin-right:10px;
    font-size:.01em;
}

/*body 
{
}

*/
table.st1
{
	border-collapse: collapse;

}

table.st1  tr
{
    border-width:1;    
    border-color:Black; 
    height:20px;  
       
}

table.st1 th
{
   font-family:Arial, Helvetica, sans-serif;
   /* font-family: Tahoma; */
    font-size: small;
    color : #ffffff;  
    border-width:1;
}

table.st1 td
{
    font-family: Tahoma; 
    font-size: small;  
    border-width:1;
    border-color:Black; 
    padding-left: 20px;
   
    
}
table.st1 ol
{
 padding-left:10px;	
}
table.st1 input
{
    font-family: Tahoma;     
    height:20px;
}




        .gridEle
        {
         	border:solid 1px #a5a4bd;        	
        	/*font-family:Tahoma;
        	font-size:12px;*/
        	width:600px;
        }
        .gridEle H2
         {
         	background:#D6D6D6;
         	/*background-color:Purple;*/
         	border-bottom:solid 1px #57566f;
         	height:28px;
         	line-height:28px;
         	margin:0px;
         	padding:0px 0px 0px 5px;
        	color:Black;
        	font-weight:bold;
        	font-size:15px;
         }
         .gridEle TABLE
         {
         	width:600px;
         }
         
         /* grid headers */
         .gridEle #orders .head TH
         {
         	background:#e9e9eb url(imgages/header-bg.gif);
         	height:24px;
         	line-height:24px;
         	padding-left:6px;
         	color:#666666;
         	text-align:left;
         }
         .gridEle #orders .head TH.first
         {
         	/* get rid of the first slash */
         	background:#e9e9eb url(Images/header-bg.gif) -3px;
         	width:20px;
         } 
         
         /* group header */
         .gridEle #orders .group TH
         {
         	padding:10px 0px 2px 0px;
         	color:#666666;
         	text-align:left;
         	border-bottom:solid 2px #a5a4bd;
         } 
         .gridEle #orders .group TH.first
         {
         	text-align:center;         	
         	border-bottom:none;
         }              
         
         /* data items */                                       
         .gridEle #orders .item TD
         {
         	padding:3px 0px 3px 6px;
         	border-bottom:solid 1px #eae9e1; 
         	color:#222222;       	
         } 
         
         /* pager */    
        .gridEle #pager .pager TD
        {
        	height:40px;
        }  
        .gridEle #pager .pager .commands
        {
        	height:40px;
            padding:4px 0px 0px 25px;
        }               
        .gridEle #pager .pager .info
        {
            padding:4px 25px 0px 0px;
        	text-align:right;
        }       
        .hidden
        {
        	display:none;
        	visibility:hidden;
        }      

.popupControl
{
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.unwatermarked {
	/*height:18px;*/
	/*width:120px;*/
	
	
}


.watermarked
{
    /*height:20px;*/
    padding: 2px 0 0 2px;
    border: 1px solid #BEBEBE; /*background-color:  Gray;*/
    color: Gray; /*width:120px;*/
   /* background: #FFFFCC;*/
}	



        .tableEle
        {
             border: solid 1px #a5a4bd;
             
        }
        
        .tableEle H2
         {
         	background:#D6D6D6;/*#8988a5 url(imgages/title-bg.gif);*/
            
            
         	border-bottom:solid 1px #57566f;
         	height:28px;
         	line-height:28px;
         	margin:0px;
         	padding:0px 0px 0px 5px;
        	color:Black;/*#fff;*/ font-weight:bold;
        	font-size:15px;
        	
        	
         }
        
         .tableEle TABLE
         {
         	width: auto;
         	
         }
         
         /* grid headers */
        .tableEle tr
			{
			/*height:15px;  */
       
			}
			.tableEle TD
         {
         	padding:   3px 0px 0px 0px;
         	
         	/*border-bottom:solid 1px #eae9e1; */
         	color: Black;/*#222222; */ 
         	/* font-family: Tahoma; 
			font-size: small;  
			 border-width:1;*/
			border-color:Black;    	
         } 
         
         
         .tableEle .alternatingItem { background-color: #f1f5fa } 
         
         .tableEle .head TH
         {
         	background:#e9e9eb url(imgages/header-bg.gif);
         	height:24px;
         	line-height:24px;
         	padding-left:6px;
         	color:#666666;
         	text-align:left;
         	background-color:#D6D6D6;
         }
         .tableEle .head TH.first
         {
         	background:#e9e9eb url(Images/header-bg.gif) -3px;
         	width:20px;
         } 
         
         
         
        .hidden
        {
        	display:none;
        	visibility:hidden;
        }      







        .tableLogin
        {
         	border:solid 1px #a5a4bd;        	
        	/*font-family:Tahoma;
        	font-size:12px;*/
        	width:500px;
        	
        	
        }
        .tableLogin H2
         {
         	background:#D6D6D6;
         	border-bottom:solid 1px #57566f;
         	height:28px;
         	line-height:28px;
         	margin:0px;
         	padding:0px 0px 0px 5px;
        	        	color:Black;
        	font-weight:bold;

        	font-size:15px;
         }
         .tableLogin TABLE
         {
         	width: auto;
         	
         }
         
         /* grid headers */
        .tableLogin tr
			{
			/*height:15px;  */
       
			}
			.tableLogin TD
         {
         	/*padding:  0px 0px 0px 0px;*/
         	/*border-bottom:solid 1px #eae9e1; */
         	color: Black;/*#222222; */ 
         	/* font-family: Tahoma; 
			font-size: small;  
			 border-width:1;*/
			border-color:Black;    	
         } 
         .tableLogin #Log .item TD
         {
         	padding:3px 0px 3px 6px;
         	border-bottom:solid 1px #eae9e1; 
         	color:#222222;       	
         } 
         
         .tableLogin TH
         {
         	background:#e9e9eb url(imgages/header-bg.gif);
         	height:24px;
         	line-height:24px;
         	color:#666666;
         	text-align: center;
         	
         }
         
         
         
 /*  AJAX*/
 .MyCalendar .ajax__calendar_container
{
	border: 1px solid #646464;
	background-color: #F3DEF3;
	color: red;
	
	
}

x__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: Blue;
    font-weight:bold;
}




.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color: White;/*#ffffdd;*/
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:20px;
	width:300px;
	
	
}
/*-----------------------------------------------------------------------*/
/* dialog frame */
.modal-dialog
{
   font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    padding: 2px 3px;
    display: block;
    position: absolute;
}

/* dialog contents container */
.modal-dialog .container
{
   width: 300px;
    border: solid 1px #808080;
    border-width: 1px 0px;
    
} 

/* dialog header */
.modal-dialog .header
{
     background: url(Images/sprite.png) repeat-x 0px -200px;	
    color: #000;	
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 3px 10px;
    background-color:Purple;
    
}

/* dialog header message */
.modal-dialog .header .msg
{
  font-weight: bold;
  
    
    
    
}         

/* dialog body */
.modal-dialog .body
{
    background-color: #f1f5fa;/* #f2f2f2;*/
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 30px;
} 

/* dialog body message */
.modal-dialog .body .msg
{
    background: url(Images/sprite.png) no-repeat 0px -1150px;	
    float: left;
    padding-left: 22px;
}  

/* dialog footer */
.modal-dialog .footer
{
    background-color: #f1f5fa;/*#f2f2f2;*/
    border-color: #808080;
    border-style: none solid;
    border-width: 0px 1px;
    text-align:right;
    padding-bottom: 8px;
    padding-right: 8px;
} 
.modal-dialog .footer .button
{
    width:60px;
} 



/* dialog close */
.modal-dialog .close
{
   right: 7px;	
    background: url(Images/sprite.png) no-repeat 0px -300px;	
    width: 25px;	
    cursor: pointer;	
    position: absolute;	
    top: 7px;	
    height: 15px;
}

/* dialog close hover */
.modal-dialog .close:hover { background: url(Images/icons.gif) no-repeat -749px 0px;	}
/*--------------------------------------------------------------------------------------------*/



/* --------------------------*/
/* Core datasheet styles */
.datasheet {
   /* font-family:lucida grande,arial,helvetica,sans-serif;
    font-size:11px;	*/
    /*min-width:700px;*/
    /*width:800px;*/
    background-color:#e3e3f3;
    border:solid 1px #9c9;
    padding:5px 10px;
    min-width:800px;
    
}
.datasheet .outer {
    border-top:1px solid #669;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
}
.datasheet .inner { border-left:1px solid #669; }
.datasheet .footer
{ 
	text-align:right; 
	padding-top:5px;
	height:30px;
	line-height:30px;
}
.datasheet .header 
{
    padding-bottom:6px; 
     height:10px;     
    }

.datasheet .title 
{
    
}
.datatable {
	/* fill the container */
    width:100%;
}
.datatable TH {
    padding:3px;
    border-top:1px solid #eef;
    border-left:1px solid #eef;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
   /* color:#003;*/
    background-color:#ddd;
    font-weight:bold;
    text-align:left;
}
.datatable TD {
    padding:2px 2px;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    background-color:#fff;
}
.datatable TD INPUT {
    border:0px none;
    width:95%;
}




.datatable TH.first {
    text-align:center;
    width:25px;
    color:#222;
}
.datatable .command{ text-align:center; width:100px; }
.datatable .command A{ color:#003; }

/* Excel 2007 Style */
.excel2007 .outer {
    border-top-color:#bfdbff;
}
.excel2007 .inner { border-left-color:#bfdbff; }
.excel2007 TH {
    border-top-color:#eef;
    border-left-color:#eef;
    border-right-color:#d0d7e5;
    border-bottom-color:#d0d7e5;
    color:#27413e;
    background-color:#e4ecf7;
}
.excel2007 TD {
    border-right-color:#d0d7e5;
    border-bottom-color:#d0d7e5;
    background-color:#fff;
}
.excel2007 .command A{ color:#27413e; }





 .CustomValidatorCalloutStyle div, .CustomValidatorCalloutStyle td
{
    border: solid 1px black;
    background-color:#FFFF66;
    width: 0px;
}
 .validatorCalloutHighlight
        {
          /*background-color: black;*/
        }



.wizard
{
   /* border: 1px groove black; *//* font:14px Verdana,Sans-Serif;*/ /* width:400px;*/ /* height:300px;*/
}
        .wizardheader
        {
            color:#D6D6D6;
           /* font:bold 18px Verdana,Sans-Serif;*/
        }
        .wizardsideBar
{
     background-color:#D6D6D6;
    padding: 20px;
    width: 180px;
}
        .wizardsideBar a
        {
            text-decoration:none;
        padding:20px;
        }
        .wizardstep
        {
            padding:20px;
        }


 .popupControlText
        {
	        background-color:Yellow;
	        position:absolute;
	        visibility:hidden;
        }