* { margin: 0; padding: 0; }
a img { border: 0; }





/*----------------------------------------------------------------
layout
----------------------------------------------------------------*/
body {
	font: 12px/2 "Lucida Grande", Arial, sans-serif;
	margin: 0; padding: 0;
	text-align: left;
	background-color:#ffffee;
	}
	

	
#login {
	position:absolute;
	top:0;
	right:0;
	font-size: .9em;
	line-height:1.8;
	color:#fff;
	text-align:right;
	padding-right:10px;
	z-index:100;
	}
	
	
	
	
	
	
	
	
#login a:link, #login a:visited {
	color:#bbb;
	text-decoration:none;
}
#login a:hover {
	color:#fff;
	}
#header {
	height:9em;
	padding:8px 20px;
	position:relative;
	background:#677fb9;
}

#systemTitle {
	width:258px;
	height:66px;
	}

#layoutWrap {
	padding:20px;
	}
#layoutTable {
	width:100%;
	}
#contentWrap {
	vertical-align:top;
}
#shadowWrap {
	background:url(./images/shadow/mainshadow.gif) right bottom repeat-y;
	}	
#shadowCorner1 {
	background:url(./images/shadow/topright.gif) right top no-repeat;
	}	
#shadowCorner2 {
	background:url(./images/shadow/bottomleft.gif) left bottom no-repeat;
	padding:0 12px 12px 0;
	}	
#content {
	background-color:#fff;
	padding:20px 20px 20px 20px;
	border:1px solid #ddd;
	}


#sidebarWrap {
	width:25%;
	vertical-align:top;
	}
#sidebar {
	padding-left:8px;
	}

/*----------------------------------------------------------------
navigation
----------------------------------------------------------------*/

#nav {
	position:absolute;
	bottom:0;
	left:20px;
	}
	
#nav li {
	list-style-type:none;
	display:inline;
}
#nav li a:link, #nav li a:visited {
	background-color:#728ccc;
	padding:.5em .8em;
	font-size:1em;
	line-height:28px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:1px solid #728ccc;
}
#nav li a:hover {
	border-top:1px solid #fff;
	text-decoration:none;
	background-color:#586c9d;
}
#nav li.selected a:link, #nav li.selected a:visited {
	color:#000;
	border-top:3px solid #b6a04e;
	background:#ffe url(./images/tab_select.gif) top right repeat-x;
	border-bottom:1px solid #ffe;
}


#nav li a.selected:hover {
	border:0;
	cursor:default;
	border-bottom:2px solid #faebb6;
	border-top:2px solid #faebb6;
}

#utilityNav {
	position:absolute;
	bottom:0;
	right:20px;
	}
#utilityNav li {
	list-style-type:none;
	display:inline;
}
#utilityNav li a:link, #utilityNav li a:visited {
	background-color:#728ccc;
	padding:.5em .8em;
	font-size:.8em;
	line-height:25px;
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #728ccc;
}
#utilityNav li a:hover {
	border-top:1px solid #fff;
	text-decoration:none;
	background-color:#586c9d;
}
#utilityNav li.selected a:link, #utilityNav li.selected a:visited {
	color:#000;
	border-top:2px solid #b6a04e;
	background:#ffe url(./images/tab_select.gif) top right repeat-x;
	border-bottom:1px solid #ffe;
}
#utilityNav li a.selected:hover {
	border:0;
	cursor:default;
	border-bottom:1px solid #faebb6;
	border-top:2px solid #faebb6;
}
#moduleNav li {
	list-style-type:none;
	border-bottom:2px solid #faebb6; 
}

#moduleNav li a:link, #moduleNav li a:visited {
	background-color:#E2D099;
	color:#69634c;
	font-size:1.1em;
	line-height:2;
	display:block;
	text-decoration:none;
	padding:3px 0 3px 10px;
}

#moduleNav li a:hover {
	background-color:#d3c69a;
	text-decoration:none;
}
#moduleNav li.selected a:link, #moduleNav li.selected a:visited {
	background-color:#aea47f;
	color:#fff;
	cursor:default;
}

/*----------------------------------------------------------------
text
----------------------------------------------------------------*/

h1 {
	text-transform:uppercase;
	font-weight:normal;
	font-size:1.6em;
	line-height:1.5;
	color:#000;
	border-bottom:1px solid #666;
}
h2 {
	font-weight:bold;
	font-size:1.3em;
	line-height:1.5;
	color:#666;
}

.sb_section {
	font-weight:bold;
	font-size:1em;
	margin-top:10px;
	margin-bottom:5px;
	color:#666;
	border-bottom:1px solid #666;
}
#sidebar p {
	font-size:.9em;
	line-height:1.3;
	
}
p.note {
	line-height:1.3;
	font-size:10px;
	}

.adminLinks a:link, .adminLinks a:visited {
	color:red;
	text-decoration:none;
}
.adminLinks  a:hover {
	text-decoration:underline;
}
/*----------------------------------------------------------------
list table
----------------------------------------------------------------*/

.listTable {
	width:100%;
	margin:20px 0 0 0;
}
.listTable th {
	text-transform:uppercase;
	font-size:10px;
	border-bottom:1px solid #666;
	vertical-align:bottom;
	line-height:1.4;
	text-align:left;
}
.listTable td {
	padding:2px 0;
	font-size:10px;
	vertical-align:top;
}
.listTable td {
	border-bottom:1px solid #ddd;
}
.listTable tr.row1 {
	background-color:#fff;
}
.listTable tr.row0 {
	background-color:#ffffdd;
}
.listTable td.title {
	font-weight:bold;
	padding-left:10px;
	}
.listTable th.title {
	padding-left:10px;
	}
.listTable td a:link, .listTable td a:visited {
	text-decoration:none;
}
.listTable td a:hover {
	text-decoration:underline;
}
.supporting {
	margin-right:20px;
	}
.icon {
	margin-right:3px;
	}
/*----------------------------------------------------------------
sidebar
----------------------------------------------------------------*/
.sbBlock {
	background-color:#ffffcc;
	padding:10px;
	border:1px solid #c9bc93;
	margin-bottom:20px;
	color:#666; 
}
.sbTitle {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px solid #000;
	margin-bottom:8px;
	line-height:1.3;
	}
	
	
	#search {
	position:absolute;
	top:55px;
	right:5px;
	font-size: .9em;
	line-height:1.8;
	text-align:right;
	padding-right:10px;
	z-index:100;
	
	}	
.sbTitleSearchHeader {
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	 text-decoration:none;
	margin-bottom:0px;
	line-height:1.3;
	 padding:0px 0px 0px 0px;/*Top Right Bottom Left*/
	
	}
	

	

      
.sbBlockSearch {
	/*background-color:#fff;*/
	background: transparent url(./images/SearchBackground.gif) no-repeat top right;
	padding:5px 5px 5px 5px;/*Top Right Bottom Left*/
	color:White;
      }
   .sbBlockSearchBottom {
	
	background: transparent url(./images/SearchBackground.gif) no-repeat bottom right;
	 padding:2px 2px 2px 2px;/*Top Right Bottom Left*/
      }	  
      
  	    
      
      
      
	.sbTitleSearch {
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	
	margin-bottom:8px;
	line-height:1.3;
	
	}
	.sbaTitleSearch {
	font-size:10px;
	font-weight :bold ;
	font-weight:bold ;
	text-align:left ;
	text-decoration:none;
	text-transform:uppercase;
padding:0px 0px 0px 5px;/*Top Right Bottom Left*/
	margin-bottom:8px;
	margin-top:5px;
	line-height:1.3;
	/*color:#666;*/
	}
	
	.sbaTitleSearchTable {
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	
	border-bottom : solid 1px #ccc;
	border-left :solid 1px #ccc;
	border-right :solid 1px #ccc;
	 padding:0px 0px 0px 5px;/*Top Right Bottom Left*/
	margin-bottom:8px;
	line-height:1.3;
	}
	
.sbSubmit {
	text-align:center;
	margin:6px 0 0 0;
	}

.sbSubmit input{
	text-transform:uppercase;
	}
.sbBlock select {
	width:100%;
	font-size:12px;
	margin-bottom:5px;
	}
.checklist {
			border: 1px solid #ccc;
			list-style: none;
			background-color:#ffd;
			height: 120px;
			font-size:10px;
			line-height:1.5;
			overflow: auto;
		}
		.checklist li { margin-left: 0; padding: 3px 0; cursor:pointer }
		.checklist .alt { background-color:#ffd; }
		.checklist input { vertical-align: middle; margin-left:4px; }
		.checklist label { display: block; height: 1%; padding-left: 25px; text-indent: -25px; }
		.checklist label:hover, .checklist label.hover { background: #ffb; color: #000; }	
.recentOrders {
	list-style:none;
}
.recentOrders li{
	margin-left:5px;
}
.recentOrders li a:link {
	padding-left:20px;
	background:url(./images/arrow_bullet.gif) 0 1px no-repeat;
	text-decoration:none;
	color:#374362;
	}
.recentOrders li a:visited {
	padding-left:20px;
	background:url(./images/check.gif) 0 1px no-repeat;
	text-decoration:none;
	color:#586C9D;
	}
.recentOrders li a:hover {
	text-decoration:underline;
	color:#586C9D;
	}
/*----------------------------------------------------------------
dialogs
----------------------------------------------------------------*/

#dialogWrap {
	background-color:#677fb9;
	width:500px;
	margin:200px auto 0 auto; 
	padding:25px;
} 
#dialog {
	background-color:#efefef;
	padding:25px;
}
#dialog table {
	width:100%;
}
#dialog th {
	vertical-align:top;
	padding:5px 0;
	text-align:left;
}
#dialog th label {
	font-weight:bold;
	font-size:1.4em;
}
#dialog td {
	vertical-align:top;
	padding:5px 0;
}
#dialog input[type="text"] {
	width:100%;
	font-size:1.4em;
	padding:2px 0;
	background-color:#fff;
}
#dialog input[type="password"] {
	width:200px;
	font-size:1.4em;
	padding:2px 0;
	background-color:#fff;
}

#dialogWrap2 {
	background-color:#677fb9;
	margin:75px auto 0 auto;
	padding:25px;
	width:740px;
} 
#dialog2 {
	background-color:#efefef;
	padding:0px;
}
#dialog2 table {
	width:100%;
}
#dialog2 th {
	vertical-align:top;
	padding:5px 0;
	text-align:left;
}
#dialog2 td label 
{
	font-size:1.4em;
}
#dialog2 th label 
{
	font-weight:bold;
	font-size:1.4em;
}
#dialog2 td {
	vertical-align:top;
	padding:5px 0;
	text-align:left;
}
#dialog2 input[type="text"] {
	width: 200px;
	font-size:1.4em;
	padding:2px 0;
	background-color:#fff;
}
#dialog2 input[type="password"] {
	width:200px;
	font-size:1.4em;
	padding:2px 0;
	background-color:#fff;
}
table.newUser {
	table-layout:fixed;
}
col.a {
	width:153px;
}
col.b {
	width:213px;
}
#dialog2 td.r {
	text-align:right;
}
#dialog2 th.r {
	text-align:right;
}
/*----------------------------------------------------------------
form table
----------------------------------------------------------------*/
fieldset {
	background-color:#eee;
	border:1px solid #888;
	border-top:3px solid #666;
	padding:15px;
	margin:0 0 10px 0;
}
.formTable {
	width:100%;
	}
.formTable td {
vertical-align:top;
padding-right:3px;
}
.formTable table {
	width:100%;
	}
.formTable table td.label {
	width:45%;
	vertical-align:top;
	padding-bottom:5px;
}
.formTable table td.field {
	width:55%;
	vertical-align:top;
	padding-bottom:5px;
	}
.formTable label {
	font-weight:bold;
	font-size:12px;
	line-height:1.5;
	
}
.formTable input.field {
	width:90%;
	}
.formTable select {
	width:90%;
	margin-right:10px;
	
	}
.buttonbar {
	margin:10px 0;
	padding:15px;
	text-align:center;
}
.fieldWithErrors {
  padding: 0 0 0 8px;
  border-left:3px solid #c00;
}

#errorExplanation {
  width: 70%;
  border: 2px solid #c00;
  padding: 7px;
  padding-bottom: 12px;
  margin: 10px auto;
  background-color: #ffe0e0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px -7px 7px -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
margin-left:20px;
}
.additiveTable {
	border:1px solid #333;
}
.additiveTable th {
	background-color:#ddd;
	padding:5px 5px 5px 5px;
	}
.additiveTable td {
	padding:5px 5px 5px 5px;
}	

/*----------------------------------------------------------------
form table
----------------------------------------------------------------*/
fieldset {
	background-color:#eee;
	border:1px solid #888;
	border-top:3px solid #666;
	padding:15px;
	margin:0 0 10px 0;
}
.detailTable {
	width:100%;
	}
.detailTable th {
	vertical-align:top;
	text-align:left;
	width:225px;
}
.detailTable th label {
	font-weight:bold;
	font-size:1.4em;
}
.detailTable td {
vertical-align:top;
padding-right:10px;
}
.detailTable td.ddl {
vertical-align:top;
padding-right:10px;
padding-top:5px;
}
.detailTable table {
	width:100%;
	}
.detailTable table td.label {
	width:45%;
	vertical-align:top;
	padding-bottom:5px;
	font-weight:bold;
}
.detailTable table td.field {
	width:55%;
	vertical-align:top;
	padding-bottom:5px;
	}

/*----------------------------------------------------------------
settings table
----------------------------------------------------------------*/
.settingsTable {
	table-layout:fixed;
	}
.settingsTable th {
	vertical-align:top;
	text-align:left;
	padding-right:10px;
}
.settingsTable th label {
	font-weight:bold;
	font-size:1.4em;
}
.settingsTable td {
vertical-align:top;
padding-right:10px;
}
.settingsTable table {
	table-layout:fixed;
	}

/*----------------------------------------------------------------
misc
----------------------------------------------------------------*/

.clearfix {
	clear:both;
	}
	

	
  /* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(./images/SearchBackground.gif) no-repeat bottom right}
    .cssbox
    {
		position:absolute;
	top:0px;
	right:0px;
	
    /* intended total box width - padding-right(next) */
      width:335px !important; /* IE Win = width - padding */
      width: 320px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 40px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */
      
      /******************************************************************/
      div.shadowWrapTab {
	background:url(../images/shadow/mainshadow.gif) right bottom repeat-y;
	padding-bottom:30px;
	}	
div.shadowCorner1Tab {
	background:url(../images/shadow/topright.gif) right top no-repeat;
	}	

panel.MPanel
{
z-index:1000;	

}

div.CustSearch
{
	
BORDER-RIGHT: gray 2px solid; 
BORDER-TOP: outset 1px  gainsboro; 
LEFT: 5px; OVERFLOW: auto; 
/*top:-2;*/
BORDER-LEFT: gray 2px solid; 
WIDTH: 780px;
HEIGHT:300; 
BORDER-BOTTOM: gray 3px solid; 
POSITION: relative; HEIGHT: 140px;	

background-color :#EEE;

}

.MyCalendar

.ajax__calendar_container { 
border:2px solid #006699; 
background-color: Window; 
color:#006699;
z-index:400 ; 
width:300px;
}




#ctl00_AutoComplete 
{
	 width: auto !important; 
	    
	 overflow:   auto !important;
	  
	   height: expression( this.scrollHeight > 400 ? "400px" : "auto" ) !important;
      
	
	}
#ctl00_AutoComplete div 
{
	font-size: x-small !important; 
	
	display: inline !important;
	border: 1px solid buttonshadow; 
	overflow: auto    !important;
	visibility: visible;
	background-color: window; 
	color:  windowtext;
	cursor: default;
	width:125px !important;
	
	
	  
	   }
	   
 
 
 #ctl00_divContent
{
	 width: auto !important;       
	 overflow:  auto  !important;
      height: expression( this.scrollHeight > 400 ? "400px" : "auto" ) !important;
      
}

#ctl00_divContent div {    font-size: x-small !important; 
	
	display: inline !important;
	border: 1px solid buttonshadow; 
	overflow:  auto !important;
	visibility: visible;
	 background-color: window; 
	color:  windowtext; 
	cursor: default;
	 width:125px !important;
 }



#contentWrap1 {
	vertical-align:top;
}
#shadowWrap1 {
	background:url(./images/shadow/mainshadow.gif) right bottom repeat-y;
	}	
#shadowCorner11 {
	background:url(./images/shadow/topright.gif) right top no-repeat;
	}	
#shadowCorner21 {
	background:url(./images/shadow/bottomleft.gif) left bottom no-repeat;
	padding:0 12px 12px 0;
	}	
#content1 {
	background-color:#fff;
	padding:20px 20px 20px 20px;
	border:1px solid #ddd;
	}
	
	#content1A {
	background-color:#fff;
	padding:20px 20px 20px 20px;
	border:1px solid #ddd;
	}
	
	
	
	
	
	
	#contentWrap2 {
	vertical-align:top;
}
#shadowWrap2 {
	background:url(./images/shadow/mainshadow.gif) right bottom repeat-y;
	}	
#shadowCorner12 {
	background:url(./images/shadow/topright.gif) right top no-repeat;
	}	
#shadowCorner22 {
	background:url(./images/shadow/bottomleft.gif) left bottom no-repeat;
	padding:0 12px 12px 0;
	}	
#content2 {
	background-color:#fff;
	padding:20px 20px 20px 20px;
	border:1px solid #ddd;
	}
	
	
	#contentWrapWO {
	vertical-align:top;
}
#shadowWrapWO {
	background:url(./images/shadow/mainshadow.gif) right bottom repeat-y;
	}	
#shadowCornerWO {
	background:url(./images/shadow/topright.gif) right top no-repeat;
	}	
#shadowCornerWO1 {
	background:url(./images/shadow/bottomleft.gif) left bottom no-repeat;
	padding:0 12px 12px 0;
	}	
#contentWO {
	background-color:#eee;
	padding:5px 20px 5px 20px;
	/*border:3px solid #ddd;*/
	border:1px solid #888;
	border-top:3px solid #666;
	
	}
	
#W1 {
vertical-align:top;
}
#W2 {
	background:url(./images/shadow/mainshadow.gif) right bottom repeat-y;
	}	
#W3 {
	background:url(./images/shadow/topright.gif) right top no-repeat;
	}	
#W4 {
	background:url(./images/shadow/bottomleft.gif) left bottom no-repeat;
	padding:0 12px 12px 0;
	}	
#W5 {
	background-color:#eee;
	padding:5px 20px 5px 20px;
	/*border:3px solid #ddd;*/
	border:1px solid #888;
	border-top:3px solid #666;
	
	}
	
	
	/*#GridHeader th {
	/background-color:#eee;
	}*/