body, h2, h3, h4 {  
/*	font-family: sans-serif, berthold, arial, helvetica; */
    font-family: "Georgia, Lucida Grande",Verdana, Helvetica, Arial, sans-serif;            
	font-size: small;
	color: #000000;
}

.clearhack { display: inline; } /*Clears Box Model Hack in IE5*/



body {
	background: #FFFFFF url("images/body_background.gif") repeat-x;
	color: #333;
	padding: 0em 20px 1em 20px;
	margin-left: 100px;
	margin-right: 100px;
	margin-top: 0;
}


.canvas {
	border: 5px solid #B3CBE6;	
	background: #F2F2F2;
	padding:0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
}
.canvas1 {
	border: 2px solid #D3D3D3;	
	background: #EEF3F6;
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.canvas2 {
	border: 2px solid #D3D3D3;	
	background: #FFD499;
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.canvas3 {
	border: 2px solid #D3D3D3;	
	background-color: #E6E6E6;
	padding:5px;
	padding-top: 20px; 
	padding-bottom: 20px; 	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.img2 {
	padding: 10px;
	background-color: #E6E6E6; 
	width: 150px;
	height: 150px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.img3 {
	padding: 10px;
	background-color: #FFFFFF; 
	width: 50px;
	height: 50px;
	margin: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.code { 
	color:#993399;
	font-family:Courier New,Courier,monospace;
	margin-left:10px;
}

a{
	text-decoration: none;
}

a:link { 
  color: #0000FF;
}
a:visited {
  color: #0000FF;
}
a:hover {
  text-decoration: underline;
}

p { line-height: 140%; }

h1,h2 {
	background: url("images/gradient.png") repeat-x;
	font-weight: bold;
	color: #333;
	text-shadow:0 1px 0 #FFFFFF;
	padding-left: 5px;	
}

h1 {
	font-size: 180%;
	margin: 0;
}

h1 a { text-decoration: none; color: #333; }
h1 a:hover { border-bottom: 1px dotted #666; color: #000; }

h2 {
	font-size: 140%;
	padding-bottom: 2px;
	margin: 0;
}

p.note {
	background: #E8E8E8;
	padding: 4px;
	font-size: small;
	line-height: 130%;
	margin-top: 0;
}
 

.btn
{                                                    
}

.btn:hover
{
	color: #FF3366;
}

.ipt
{
    font-family: "Lucida Grande",Verdana, Helvetica, Arial, sans-serif;            
    visibility: visible;                                                           
    border: 1px solid #bab5ab;                                                     
    color: Black;                                                                  
    vertical-align: middle;                                                        
    /** background: White url(images/input_background.gif) repeat-x; */
}

.ipt:focus 
{
    border: 1px solid #73A6FF;                                                     
}

textarea {                                                                         
    font: 100% Monaco, "Courier New", Courier, monospace;                          
    border: 1px solid #bab5ab;                                                     
    color: Black;                                                                  
    /** background: White url(images/input_background.gif) repeat-x; */
    width: 100%;                                                                   
}   

textarea:focus {                                                                         
    border: 1px solid #73A6FF;                                                     
}   



select {                                                                           
    border: 1px solid #bab5ab;                                                     
    color: Black;                                                                  
    background-color: White;                                                       
    vertical-align: top;                                                           
} 

select:focus {                                                                         
    border: 1px solid #73A6FF;                                                     
}  

table.basic
{
	border: 4px solid #B3CBE6;	
	background: #EEF3F6;
	padding:5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;		
}

table.basic th{
    font-family: "Lucida Grande",Verdana, Helvetica, Arial, sans-serif;  
	padding: 5px;
	color: #708090;
}

table.basic td{
	padding: 5px;
	text-decoration: none;	
}


table.list
{
	border: 2px solid #B3CBE6;
	padding-bottom: 10px;
}

table.list th{
	padding: 8px;
	background-color: #B3CBE6;
	border-bottom: 2px solid #B3CBE6;		
	background-position: right;
}


table.list td{
	padding: 5px;
	text-decoration: none;	
	border-bottom: 1px solid #CCC;	
}

table.list tr:hover{
	text-decoration: none;	
	border-bottom: 1px solid #CCC;	
	background-color: #FFFF99;
}

/*  */

table.list2
{
	border: 2px solid #B3CBE6;
}

table.list2 th{
	padding: 8px;
	background-color: #B3CBE6;
	border-bottom: 2px solid #B3CBE6;		
	background-position: right;
}


table.list2 td{
	text-decoration: none;	
	border-bottom: 1px solid #CCC;	
}

table.list2 tr:hover{
	text-decoration: none;	
	border-bottom: 1px solid #CCC;	
	background-color: #FFFF99;
}
 


#alt_row{
	padding: 5px;
	text-decoration: none;	
	background: #F2F2F2;
}

.alt_row{
	padding: 5px;
	text-decoration: none;	
	background: #F2F2F2;
}

/* button begin */
.btn_pl{
border: 1px solid gray;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
background: url("images/gradient.png") repeat-x;
white-space: nowrap;
}
.btn_pl a {
text-decoration:none;
color: black;
}
/* button end */

#elButton a  {

background-image: url(images/tabbg1.gif);
background-repeat: repeat-x; 
display:block;
color: black;
verticle-align: middle; 
text-decoration : none;
text-align: center;
border: 1px solid black;
padding-top: 2px;
padding-bottom: 2px;
}

#elButton a:hover {
background-image: url(images/tabbg1.gif);
background-repeat: repeat-x; 
display:block;
color: #FF3366;
verticle-align: middle; 
text-align: center;
text-decoration : none;
border: 1px solid black;
padding-top: 2px;
padding-bottom: 2px;
}


#control_panel
{
font-family: sans-serif, Arial, tahoma, verdana;
background-image: url("images/contolbg.gif"); 
background-repeat: repeat; 
padding: 5px;
}


.btn_1
{
font-family: Arial, tahoma, verdana, sans-serif;
background-image: url(images/tabbg1.gif);
background-repeat: repeat-x; 
display:block;
color: #000;
padding: 2px;
border: 1px solid gray;
text-align: center;
text-decoration: none;
white-space: nowrap;
margin-bottom: 3px;
font-size: x-small;
text-decoration: none;
margin: 5px;
}

.btn_1:link{
font-family: Arial, tahoma, verdana, sans-serif;
background-image: url(images/tabbg1.gif);
background-repeat: repeat-x; 
display:block;
color: #000;
padding: 2px;
border: 1px solid gray;
text-align: center;
text-decoration: none;
white-space: nowrap;
margin-bottom: 3px;
font-size: x-small;
text-decoration: none;
margin: 5px;
} 

.btn_1:visited{
font-family: Arial, tahoma, verdana, sans-serif;
background-image: url(images/tabbg1.gif);
background-repeat: repeat-x; 
display:block;
color: #000;
padding: 2px;
border: 1px solid gray;
text-align: center;
text-decoration: none;
white-space: nowrap;
margin-bottom: 3px;
font-size: x-small;
text-decoration: none;
margin: 5px;
} 

.btn_1:hover 
{
font-family: Arial, tahoma, verdana, sans-serif;
background-image: url(images/tabbg1.gif);
background-repeat: repeat-x; 
display:block;
color: #FF3366;
padding: 2px;
border: 1px solid gray;
text-align: center;
text-decoration: none;
white-space: nowrap;
font-size: x-small;
margin: 5px;
}

.btn_d:link, .btn_d:visited, .btn_d:hover, .btn_d:active {
font-family: Arial, tahoma, verdana, sans-serif;
background-image: url(images/tabrollbg1.gif);
background-repeat: repeat-x; 
color: #5F5F5F;
cursor: default;
display:block;
padding: 2px;
border: 1px solid gray;
text-align: center;
text-decoration: none;
white-space: nowrap;
font-size: x-small;
text-decoration: none;
margin: 5px;
}


hr.hr6 {
  height: 15px;
  color: transparent;
  background: url(images/hr.gif) no-repeat scroll center;
}
div.hr6 {
  height: 15px;
  background: url(images/hr.gif) no-repeat scroll center;
}
div.hr6 hr {
  display: none;
}

div.hr {
  height: 1px;
  background: #A9A9A9;
}
div.hr hr {
  display: none;
}

.success {
	background: #B3FFB3 url(images/24-em-check.png) 15px 50% no-repeat;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border: 1px solid #66CC00;
	margin-top: 5px;
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.warn{
	background: #fff6bf url(images/24-message-warn.png) 15px 50% no-repeat;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border: 1px solid #ffd324;
	margin-top: 5px;
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.error {
	background: #FFE5E5 url(images/24-em-cross.png) 15px 50% no-repeat;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border: 1px solid #FFB3B3;
	margin-top: 5px;
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.info {
	background: #CCE6FF url(images/24-message-info.png) 15px 50% no-repeat;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border: 1px solid #80C1FF;
	margin-top: 5px;
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.clear{
	background: #ECECDA url(images/24-message-info.png) 15px 50% no-repeat;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border: 1px solid #B1B18B;
	margin-top: 5px;
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.proMsg
{
	background: #FFFF99;
}

.field_ins
{
	font-size: x-small; 
	color: #919191;
}

.highlight
{
	background: #FFFFCC;
}

tr.even {
	background-color: #F2F2F2;
}

th.sorted{
	border-top: 5px solid #003366;
}

th.sorted a, th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
}

th.sorted a, th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
}

th.sortable a {
	background-image: url(images/sn.gif);
	background-repeat: no-repeat;
}

th.order1 a {
	background-image: url(images/sa.gif);
	background-repeat: no-repeat;
}

th.order2 a {
	background-image: url(images/sd.gif);
	background-repeat: no-repeat;
}

div.exportlinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	margin: 2px 0 10px 0;
	font-weight: bold;
}

span.export {
	padding: 0 4px 1px 20px;
	display: inline;
	display: inline-block;
	cursor: pointer;
	font-weight: normal;
}


span.pagebanner {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	margin-top: 10px;
	display: block;
	border-bottom: none;
}

span.pagelinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	display: block;
	border-top: none;
	margin-bottom: -5px;
}

span.excel {
	background-image: url(images/ico_file_excel.png);
	background-repeat: no-repeat;
}

span.csv {
	background-image: url(images/ico_file_csv.png);
	background-repeat: no-repeat;
}

span.xml {
	background-image: url(images/ico_file_xml.png);
	background-repeat: no-repeat;
}

span.pdf {
	background-image: url(images/ico_file_pdf.png);
	background-repeat: no-repeat;
}

span.rtf {
	background-image: url(images/ico_file_rtf.png);
	background-repeat: no-repeat;
}



span.fq
{
	font-weight: bold;  
	line-height: 20px;
}

p.announce
{
	border: 1px solid #006600; 
	background-color: #CCFFCC; 
	width: 100%;
	padding-top: 5px; 
	padding-bottom: 5px;
}

/* show hide divs */

.showHideDiv {
/*
	padding: 5px;
	background-color: #F2F2F2;
	color: #708090;
	border: 1px solid #94B8FF;
	font-weight: bold;
	*/
}

/** The shadow container */

<![if !IE 6]>

.shiftcontainer{
position: relative;
left: 10px; /*Number should match -left shadow depth below*/
top: 10px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
/* width: 300px; container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: #F2F2F2;
border: 1px solid #94B8FF;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}
<![endif]>