<style>


.content
{
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: white
}
#maintable{
	OVERFLOW: auto;
	height:150px;
  PADDING-BOTTOM: 10px;
}
#contenttable{
	OVERFLOW: auto;
 

}
BODY
{
    MARGIN-TOP: 0px;
    FONT-SIZE: 12px;
    MARGIN-LEFT: 0px;
    COLOR: black;
    #SCROLLBAR-ARROW-COLOR: #000000;
    SCROLLBAR-ARROW-COLOR: #00066;
    FONT-FAMILY: 'Trebuchet MS', Arial, Verdana;
    SCROLLBAR-DARKSHADOW-COLOR: #000000;
    SCROLLBAR-BASE-COLOR: #dadada;
    BACKGROUND-COLOR: #00066
}
#bodytext
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    Z-INDEX: 1;
    PADDING-BOTTOM: 5px;
    WIDTH: 580px;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial;
    POSITION: absolute
}
.tablecenter
{
    FONT-SIZE: 14px;
    MARGIN-LEFT: 150px;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: left
}
.boxed{

border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
	font-weight: normal;
	color: #000;
	background:#ccc;
	           PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-TOP: 2px;
    PADDING-BOTTOM: 0px;
}

.quote
{
    FONT-STYLE: italic
}
.listindent
{
    MARGIN-LEFT: 35px
}
 
h1{
 FONT-SIZE: 13px;
 
FONT-FAMILY: 'Trebuchet MS', Arial, Verdana
}

 
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Arial
}
P
{
    FONT-SIZE: 12px;
    FONT-FAMILY: 'Trebuchet MS', Arial, Verdana
	 
}
LI
{
    FONT-SIZE: 12px;
    LINE-HEIGHT: normal;
    FONT-FAMILY: 'Trebuchet MS', Arial, Verdana
    LIST-STYLE-TYPE: square
}
UL
{
    FONT-SIZE: 11px;
    MARGIN-LEFT: 20px;
    FONT-FAMILY: Arial
}
TD
{
    PADDING-RIGHT: 0px;
    FONT-SIZE: 11px;
    FONT-FAMILY: 'Trebuchet MS', Arial, Verdana
    
}
TH
{
    PADDING-RIGHT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: 'Trebuchet MS', Verdana, Arial;
    TEXT-ALIGN: center;
    BACKGROUND-COLOR: ffffff
}
A.header
{
    FONT: bold 14px Arial
}
#tiny
{
    FONT-SIZE: 10px
}
.tiny
{
    FONT-SIZE: 10px
}
.searchdrop 		{font-size: 8pt;
			padding:0px;
			background-color:#DDDECE;
			BORDER-BOTTOM: #DDDECE 1px solid;
			BORDER-LEFT: #DDDECE 1px solid;
			BORDER-RIGHT: #DDDECE 1px solid;
			BORDER-TOP: #DDDECE 1px solid;
			TEXT-ALIGN: left;
			FONT-FAMILY: 'Trebuchet MS', Verdana, Arial;
			height: 6px;
			width: 160px;
			color: 'black'}
#bodycenter
{
    TEXT-ALIGN: center
}
.mainhead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15pt;
    COLOR: #999999;
    FONT-FAMILY: Arial
}
.subhead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Arial
}
#inlineaccent
{
    FONT-WEIGHT: bold
}
.boldunderline
{
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
#bottom1
{
    Z-INDEX: 2;
    MARGIN-LEFT: 250px;
    POSITION: absolute
}
#tertiarymenu
{
    Z-INDEX: 3;
    LEFT: 175px;
    POSITION: absolute;
    TOP: 0px
}
#bottomsubnav
{
    Z-INDEX: 4;
    LEFT: 175px;
    POSITION: absolute;
    TOP: 32px
}
#quicknav1
{
    Z-INDEX: 15;
    LEFT: 355px;
    POSITION: absolute;
    TOP: 8px
}
HR
{
   // COLOR: #cc0033
	COLOR: #cccccc
}
.darkpurple
{
    BACKGROUND-COLOR: #663366
}
.gray
{
    BACKGROUND-COLOR: #999999
}
.lightgray
{
    BACKGROUND-COLOR: #cccccc
}
.lightergray
{
    BACKGROUND-COLOR: #ebebeb
}
.red
{
    BACKGROUND-COLOR: #cc0033
}
.green
{
    BACKGROUND-COLOR: #006666
}
.blue1
{
    BACKGROUND-COLOR: #336699
}
.blue2
{
    BACKGROUND-COLOR: #006699
}
#goldtext
{
    COLOR: #ffcc33
}
#graytext
{
    COLOR: #999999
}
#ltgraytext
{
    COLOR: #cccccc
}
#ltrgraytext
{
    COLOR: #ebebeb
}
#blacktext
{
    COLOR: #000000
}
#whitetext
{
    COLOR: #ffffff
}
#redtext
{
    COLOR: #cc0033
}
#boldredtext
{
    COLOR: #cc0033
}
A
{
    FONT-SIZE: 11px;
    FONT-FAMILY: 'Trebuchet MS', Arial, Verdana;

    COLOR: #000000;
    
    TEXT-DECORATION: none
}
A:visited
{
        FONT-SIZE: 11px;
    FONT-FAMILY: 'Trebuchet MS', Arial, Verdana;
 
    COLOR: #000000;
 
    TEXT-DECORATION: none
}
A:active
{
    FONT-SIZE: 11px;
    FONT-FAMILY: 'Trebuchet MS', Arial, Verdana;
    
    COLOR: #cc0033;
     
    TEXT-DECORATION: none
}
A:hover
{
    FONT-SIZE: 11px;
    FONT-FAMILY: 'Trebuchet MS', Arial, Verdana;

    COLOR: #cc0033;
  
    TEXT-DECORATION: none
}
.center
{
    TEXT-ALIGN: left
}
#center
{
    TEXT-ALIGN: left
}
#sample
{
    COLOR: #ff0000
}
TABLE
{
   
    FONT-FAMILY: 'Trebuchet MS', Verdana, Arial;
    
    BORDER: 0;
    CELLSPACING: 1;
    CELLPADDING:0

                  
}

#DHTMLgoodies_formTooltipDiv{
	color:#FFF;
	font-family:arial;
	font-weight:bold;
	font-size:0.8em;
	line-height:120%;
}
.DHTMLgoodies_formTooltip_closeMessage{
	color:#FFF;
	font-weight:normal;
	font-size:0.7em;
}




.backG {
	FONT-FAMILY:verdana;
	background-color:#93c39b; 
	color:#ffffff; 
	border-bottom:#538c4d 2px solid;
	font-size:12px;
}	
td.form1
{
	FONT-FAMILY:verdana;
	background:#eaeaea;
	font-size:12px;
}

	.dhtmlgoodies_tabPane{
		height:21px;	/* Height of tabs */
		border-bottom:1px solid #919b9c;
	}
	.dhtmlgoodies_aTab{
		border-left:1px solid #919b9c;
		border-right:1px solid #919b9c;
		border-bottom:1px solid #919b9c;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		padding:5px;		
		
	}
	.dhtmlgoodies_tabPane DIV{
		float:left;
		height:100%;	/* Height of tabs */
		padding-left:3px;
		vertical-align:middle;
		background-repeat:no-repeat;
		background-position:bottom left;
		cursor:pointer;
		position:relative;
		bottom:-1px;
		margin-left:0px;
		margin-right:0px;
	}
	.dhtmlgoodies_tabPane .tabActive{
		background-image:url('../images/tab_left_active.gif');
		margin-left:0px;
		margin-right:0px;	
		z-index:10;	
	}
	.dhtmlgoodies_tabPane .tabInactive{
		background-image:url('../images/tab_left_inactive.gif');
		margin-left:0px;
		margin-right:0px;
		z-index:1;
	}

	.dhtmlgoodies_tabPane .inactiveTabOver{
		background-image:url('../images/tab_left_over.gif');
		margin-left:0px;
		margin-right:0px;
	}
	.dhtmlgoodies_tabPane span{
		font-family:arial;
		vertical-align:top;
		font-size:11px;
		padding-left:3px;
		padding-right:3px;		
		line-height:21px;
		float:left;
	}
	.dhtmlgoodies_tabPane .tabActive span{
		padding-bottom:1px;
		line-height:20px;
	}
	
	.dhtmlgoodies_tabPane img{
		float:left;
	}
.subtab { 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 11px; 
   font-weight: normal; 
   color: #000000; 

 
   width: 80%; 
   left: 40px;}

	/* Start layout CSS */
	.tableWidget_headerCell,.tableWigdet_headerCellOver,.tableWigdet_headerCellDown{	/* General rules for both standard column header and mouse on header of sortable columns */
		cursor:pointer;	
		border-bottom:3px solid #C5C2B2;
		border-right:1px solid #ACA899;
		border-left:1px solid #FFF;	
		background-color: #ECE9D8;
	}
	
	.tableWidget_headerCell{	/* Standard column header */
		border-top:2px solid #ECE9D8;
		
	}
	
	.tableWigdet_headerCellOver{	/* Rollover on sortable column header */
		border-top:2px solid #FFC83C;		
	}
	.tableWidget tbody .tableWidget_dataRollOver{	/* Rollover style on mouse over (Data) */
		background-color:#FFF;	/* No mouseover color in this example - specify another color if you want this */
	}
	
	.tableWigdet_headerCellDown{
		border-top:2px solid #FFC83C;	
		background-color:#DBD8C5;
		border-left:1px solid #ACA899;
		border-right:1px solid #FFF;			
	}
	.tableWidget td{
		margin:0px;
		padding:2px;
		border-bottom:1px solid #EAE9E1;	/* Border bottom of table data cells */
		
	}
	.tableWidget tbody{
		background-color:#FFF;
	}
	.tableWidget{
		font-family:arial;
		font-size:12px;	
		width:400px;
	}
		
	/* End layout CSS */
	
	
	div.widget_tableDiv {
		border:1px solid #ACA899;	/* Border around entire widget */
		height: 200px;
		overflow:auto;
		overflow-y:auto;
		overflow:-moz-scrollbars-vertical;
		width:400px;

	}
	


	.tableWidget thead{
		position:relative;
	}
	.tableWidget thead tr{
		position:relative;
		top:0px;
		bottom:0px;
	}



	.tableWidget .scrollingContent{
		overflow-y:auto;
		overflow:-moz-scrollbars-vertical;
		width:100%;

	}
	
	
	a.button{
	background:url(../img/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:14px;
	text-decoration:none;
	width:191px;
	/* ------width:191px;------------- */
}
a:hover.button{
	color:#0066CC;
}

/* -------------------- */
/* CLASSES				*/
/* -------------------- */
	.add{
		background:url('../img/add.gif') no-repeat 10px 8px;
		text-indent:30px;
		TEXT-ALIGN: left;
		display:block;
	}
	.delete{
		background:url('../img/delete.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
		TEXT-ALIGN: left;
	}
	.user{
		background:url('../img/user.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
				TEXT-ALIGN: left;
	}
	.alert{
		background:url('../img/alert.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
				TEXT-ALIGN: left;
	}
	.msg{
		background:url('../img/msg.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
				TEXT-ALIGN: left;
	}
	.download{
		background:url('../img/download.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
				TEXT-ALIGN: left;
	}

	.lens{
		background:url('../img/lens.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
				TEXT-ALIGN: left;
	}
	.info{
		background:url('../img/info.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
				TEXT-ALIGN: left;
	}
	.collection{
		background:url('../img/collection.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
				TEXT-ALIGN: left;
	}
	
	.sales{
		background:url('../img/sales.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
				TEXT-ALIGN: left;
	}
	.addsales{
		background:url('../img/addsales.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
				TEXT-ALIGN: left;
	}
	.bulk{
		background:url('../img/bulk.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
				TEXT-ALIGN: left;
	}
	.route{
		background:url('../img/route.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
				TEXT-ALIGN: left;
	}		
	.edit{
		background:url('../img/edit.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
				TEXT-ALIGN: left;
	}
	.phone{
		background:url('../img/phone.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
				TEXT-ALIGN: left;
	}
	
	.tools{
		background:url('../img/tools.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
				TEXT-ALIGN: left;
	}					
	#nav-region {
	margin-bottom: 5px;
}
#nav {
	/* background-color: #E7DBA5; */
}
#header-region {
	margin-bottom: 10px;
}
	</style>
