body	{ 
	background-color: #fff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1em;
	margin: 0;
	padding: 0; 
}
/* A simple modal css set */
#modal-overlay {
    position: fixed;
    z-index:1001;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}


#modal-load{
    position: fixed;
    height:13px;
    width:208px;
    background: url(loadingAnimation.gif) no-repeat;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#modal-window {
    position: fixed;
    z-index: 102;
    display:none;
    top:50%;
    left:50%;
}
#modal-window img {
    display: block;
    border: 3px solid #ccc;
}
#whole-page {
	width: 1100px;
	margin 0;
}

hr {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 5px 0 20px;
  height: 0;
}

label {
	float: left;
	text-align: right;
	padding: 3px;
	width: 175px;
	font-weight: bold;
}

#serach {
	width: 500px;
}

legend {
	margin: 0 0 5px 10px;
	line-height: 24px;
	padding: 0 5px;
	
}

fieldset {
	border-radius: 5px;
}

p.box {
	border-radius: 5px;
	padding: 5px;
	border: thin solid;
}

.input275 {
	width: 275px;
}

.bus-day {
	background-color: #66C;
}

.hl-error {
	border: thin solid;
	border-radius: 4px;
	padding: 5px 5px 5px 25px;
	background: red url(../images/css_box/img/png-24/16-message-warn.png) 6px 4px no-repeat;
}

table.avail-table {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
	border-radius: 5px;

}

table.avail-table th {
	padding: 3px;
	/* border-style: solid; 
	border-color: black;
	border-width: thin; */
	background-color: white;
}
table.avail-table td {
	border-width: thin;
	padding: 3px;
	border-style: solid;
	border-color: black;
	background-color: white;
	text-align: center;
}

table.avail-table tr {
	height: 10px;
}

table.avail-table td.bus-day {
	background-color: #66C;
}
table.avail-table th.bus-day {
	background-color: #66C;
}
table.avail-table td.not-avail {
	background-color: gray;
}

.border { 
	border: 1px solid #ff66ff; 
}

.aquacell { 
	background-color: #fff;
}

.hlcell	{ 
	background-color: #8f82a9; 
}

.indent { 
	margin-left: 15px; 
	margin-bottom: 5px; 
}

.menudesc { 
	margin-left: 15px; 
	margin-bottom: 5px; 
	font-size: 0.9em; 
	color: #000000; 
	font-weight: bold; 
}
.directorylinks { 
	font-size: .9em; 
	color: #4e00eb; 
	text-decoration: none;
}

#po-confirm-link {
	font-size: .95em; 
	color: #4e00eb; 
	text-decoration: none;
	font-weight: bold;
}	

.graycell { 
	background-color: #CCCCCC; 
}

.tancell { 
	background-color:#9966ff; 
}

.center { 
	text-align: center 
}

.boldindent { 
	font-size: 0.9em; 
	color: #000000; 
	font-weight: bold; 
	margin-bottom: 3px; 
	margin-left: 5px
}

.indentlinks { 
	margin-left: 15px; 
	text-indent:-5px 
}

.indentlink-new-inv { 
	/* margin-left: 15px;
	text-indent:-5px  */ 
	background-color: #c3a6ff;
	border-radius: 5px;
	-moz-border-radius: 5px; 
  -webkit-border-radius: 5px;	
}

.tblcon0 { 
	background-color: #c3a6ff; 
	height: 1em; 
	font-family: Arial; 
	font-size: 0.75em
}

.tblcon1 { 
	background-color: #8f82a9; 
	height: 1em; 
	font-size: 0.75em}

/* float left div classes for columns */
.col2 { 
	width: 270px; 
	padding: 6px; 
	float: left;
}

.divcon0 { 
	background-color: #c3a6ff; 
	text-align: left; 
	padding: .5em; 
	font-size: 0.92em;
	min-height: 2.7em;
}

.divcon1 { 
	background-color: #8f82a9; 
	text-align: left; 
	padding: .5em; 
	font-size: 0.92em; 
	min-height: 2.7em;
}

.divcon0s { 
	background-color: #c3a6ff; 
	text-align: left; 
	padding: .5em; 
	font-size: 0.8em;
}

.divcon1s { 
	background-color: #8f82a9; 
	text-align: left; 
	padding: .5em; 
	font-size: 0.8em; 
}


.listing0 { 
	background-color: #c3a6ff; 
	text-align: left; 
	padding: .5em; 
	font-size: 0.92em;
	min-height: 1.0em;
}

.listing1 { 
	background-color: #8f82a9; 
	text-align: left; 
	padding: .5em; 
	font-size: 0.92em;
	min-height: 1.0em;
}
/* top right bottom left */
.portal_box { 
	background-color: #8f82a9; 
	text-align: left; 
	padding: .5em 2.5em .5em .5em; 
	margin-top: .5em;
}

.rounded5 {
	border-radius: 5px;
	-moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
}

.mh27em {
	min-height: 2.7em;
}

.rounded4 {
	border-radius: 4px;
	-moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
}

.floatright {float: right;
	width: 250px;
	/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  background-color: #8f82a9;
}

p {
	font-size: 0.9em;
	text-align: left;
}

p.error {
	padding-left: 25px;
	margin-top: 0;
	padding-top: 0;
	text-align: left;
}

/* form {  
	font-size: 0.9em;
}
*/

h1 {
	font-size: 1.2em; 
	font-weight: bold; 
	color: #4e00eb;
}

h1.box {
	font-size: 0.85em;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
}
	
h2 {
	font-size: 1.08em; 
	font-weight: bold;
}

h2.box {
	margin-bottom: 3px;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
}

a:link {
	text-decoration: none; 
	color: blue;
}

a:visited {
	text-decoration: none; 
	color: blue;
}

a:hover {
	text-decoration: underline; 
	color: #000;
}

.small { font-size: 0.73em; }

.bsmall { font-size: 0.73em; font-weight: bold; }

.csmall { font-size: 0.73em; text-align: center; }

.large { font-size: 1.1em; text-align: center; }

.lnormal { font-size: 1em; text-align: left; }

.aquacellline { 
	background-color: #c3a6ff; 
	border-bottom: medium solid #8FB3B3; 
}

.po_submit { width: 10em; }

/* Main Data Div */
div#data1{
	margin-left: 10px;
}

/* menu box */
#menu_box {
	position: fixed; 
	z-index: 100; 
	background-color: #c3a6ff; 
	margin-left: 10px; 
	margin-top: 140px; 
	width: 200px; 
	/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  background-color: #8f82a9;
  /* for layout only remove on production */ 
	/*border-color: red; 
	border-width: 1px; 
	border-style: solid; */
}
/* nav box (similar to menu box for testing */
#nav_box {
	/* position: fixed; */
	z-index: 100; 
	/* background-color: #c3a6ff; */
  /* background-color: #8f82a9; */
	/* margin-left: 10px; */ 
	padding: 6px;
	/* margin-top: 140px; */
	/* width: 180px; */ 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
	/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  /* for layout only remove on production */ 
	/*border-color: red; 
	border-width: 1px; 
	border-style: solid; */
}

#nav_box_menu {
	/* position: fixed; */
	z-index: 100; 
	/* background-color: #c3a6ff; */
   background-color: #8f82a9;
	/* margin-left: 10px; */ 
	padding: 6px;
	/* margin-top: 140px; */
	/* width: 180px; */ 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
	/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  /* for layout only remove on production */ 
	/*border-color: red; 
	border-width: 1px; 
	border-style: solid; */
}
/* footer */
#footer {
	font-size: 0.85em; 
	text-align: center; 
	position: relative; 
  /* for layout only remove on production */ 
	/*border-color: red; 
	border-width: 1px; 
	border-style: solid; */
}

/* production styles */
#leftcol {
	float: left;
  width: 250px;
  margin-left: 10px;
  margin-top: 10px;
}

#content {
  float: left;
  width: 650px;
  padding-left: 20px;
  /* height: 650px; */
}

#content_w {
  float: left;
  width: 850px;
  padding-left: 20px;
  /* height: 650px; */
}

#footer2 {
  clear: left;
  width: 850px;
  height: 100px;
	font-size: 0.9em; 
	padding-top: 15px;
}

.hlbox {
	padding:6px;
	background-color: rgb(192,192,180);
	filter:alpha(opacity=60);
	opacity:0.6;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
}

/* Boxes */

.shaded_r5 {
	background-color: rgb(192,192,180);
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 12px;
  padding-right: 12px;
  color: black;
}

#po_info_box {
	position: relative;
	top: 0em;
	float: left;
	width: 18em;
	height: 11em;
	padding: 4px;
}

#ship_info_box {
	position: relative;
	top: 0em;
	float: left;
	width: 18em;
	height: 11em;
	padding: 4px;
	margin-left: 10px;
}

#left_info_box {
	position: relative;
	top: 0em;
	float: left;
	width: 18em;
	height: 11em;
	padding: 4px;
}

#right_info_box {
	position: relative;
	top: 0em;
	float: left;
	width: 18em;
	height: 11em;
	padding: 4px;
	margin-left: 10px;
}
/* vendor box
	style=\"position: absolute; left: 830px; top: 80px; padding: 6px; width: 200px; height: 300px; background-color: #8f82a9; filter:alpha(opacity=60); opacity:0.6;\"
*/

#vendor_box {
	position: absolute; 
	left: 840px; 
	top: 80px; 
	padding: 6px; 
	width: 200px;
	height: 200px;
	background-color: #8f82a9;
	filter:alpha(opacity=60);
	opacity:0.6;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
}

#ordered_for_box {
	position: absolute;
/* Changed to set the box in view_po.php page 
	left: 840px;
	top: 300px;
*/
	left: 840px; 
	top: 385px; 
	padding: 6px; 
	width: 200px; 
	height: 75px; 
	background-color: #8f82a9; 
	filter:alpha(opacity=60); 
	opacity:0.6;
	border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
}

#ordered_for_box.static {
	top: 420px;
	height: 175px;
}

#ordered_by_box {
	position: absolute; 
/*Changed to set the box in view_po.php page 
	left: 840px;
  top: 395px;
*/
	left: 840px; 
	top: 285px; 
	padding: 6px; 
	width: 200px; 
	height: 75px; 
	background-color: #8f82a9; 
	filter:alpha(opacity=60); 
	opacity:0.6;
	border-radius: 5px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
}

#ordered_by_box.static {
	top: 420px;
	height: 175px;
}
/* void */
#void_box {
	/* background-color:red; */
	font-size:15em;
	left:130px;
	opacity:0.6;
	filter:alpha(opacity=60);
	padding-bottom:6px;
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
	position:absolute;
	top:420px;
}

/*  for inside info boxes (ifbx_) */

.ifbx_label {
	float: left;
	text-align: right;
	width: 7.3em;
	font-size: 0.8em;
	font-weight :bold;
}

.ifbx_value {
	float: left;
	text-align: left;
	width: 11.9em;
	padding-left: 4px;
	font-size: 0.8em;
}

.form_label {
	float: left;
	text-align: right;
	padding: 3px;
	width: 200px;
	font-weight: bold;
	/* font-size: 1em !important; */
}

.form_field {
	float: left;
	text-align: left;
	padding: 3px;
	width: 300px;
	
	/* font-size: 1em !important; */
}

.listing-right {
	float: left;
	text-align: right;
	padding: 3px;
	width: 350px;
	font-weight: bold;
	/* font-size: 1em !important; */
}

.listing-left {
	float: left;
	text-align: left;
	padding: 3px;
	width: 350px;
	
	/* font-size: 1em !important; */
}


.next-link {
	float: left;
	text-align: right;
	padding: 3px;
	width: 48%;
	font-size: 0.7em;
	/* font-size: 1em !important; */
}

.prev-link {
	float: left;
	text-align: left;
	padding: 3px;
	width: 48%;
	font-size: 0.7em;
	
	/* font-size: 1em !important; */
}


.new_row {
	clear: left;
}

.th40 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 40px;
	height: 40px;
	display: table-cell;
}

.th60 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 60px;
	height: 40px;
}

.th80 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 80px;
	height: 40px;
}

.th100 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 100px;
	height: 40px;
}

.th120 {
	float: left;
   text-align: center;
   padding: 3px;
   width: 175px;
   height: 40px;
}

.th150 {
   float: left;
   text-align: center;
   padding: 3px;
   width: 150px;
   height: 40px;
}

.th175 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 175px;
	height: 40px;
}

.th215 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 215px;
	height: 40px;
}

.th225 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 225px;
	height: 40px;
}


.th300 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 300px;
	height: 40px;
}

.tc40 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 40px;
	height: 20px;
	overflow: hidden;
}

.tc40r {
	float: left;
	text-align: right;
	padding: 3px;
	width: 40px;
	height: 20px;
	overflow: hidden;
}

.tc60 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 60px;
	height: 20px;
	overflow: hidden;
}

.tc80 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 80px;
	min-height: 40px;
	overflow: hidden;
}

.tc100 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 100px;
	height: 20px;
	overflow: hidden;
}

.tc120l {
	float: left;
	text-align: left;
	padding: 3px;
	width: 120px;
	height: 20px;
	overflow: hidden;
}

.tc150 {
  float: left;
  text-align: center;
  padding: 3px;
  width: 150px;
  min-height: 40px;
	overflow: hidden;
}

.tc60r {
	float: left;
	text-align: right;
	padding: 3px;
	width: 60px;
	height: 20px;
	overflow: hidden;
}

.tc80l {
	float: left;
	text-align: left;
	padding: 3px;
	width: 80px;
	height: 20px;
	overflow: hidden;
}

.tc80r {
	float: left;
	text-align: right;
	padding: 3px;
	width: 80px;
	height: 20px;
	overflow: hidden;
}

.tc175 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 175px;
	height: 20px;
	overflow: hidden;
}

.tc200l {
	float: left;
	text-align: left;
	padding: 3px;
	width: 200px;
	height: 20px;
	overflow: hidden;
}

.tc215 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 215px;
	height: 20px;
	overflow: hidden;
}

.tc215r {
	float: left;
	text-align: right;
	padding: 3px;
	width: 215px;
	height: 20px;
	overflow: hidden;
}


.tc175l {
	float: left;
	text-align: left;
	padding: 3px;
	width: 175px;
	height: 20px;
	overflow: hidden;
}

.tc225l {
	float: left;
	text-align: left;
	padding: 3px;
	width: 225px;
	height: 20px;
	overflow: hidden;
}

.tc225 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 225px;
	height: 20px;
	overflow: hidden;
}

.tc300 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 300px;
	height: 20px;
	overflow: hidden;
}

.tc_sub {
	float: left;
	text-align: right;
	font-weight: bold;
	padding: 3px;
	width: 389px;
	height: 20px;
}

.tc_sub_val {
	float: left;
	text-align: right;
	font-weight: bold;
	padding: 3px;
	width: 140px;
	height: 20px;
}

/* new table cell selectors (tcn) */


.tcn40 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 40px;
	min-height: 20px;
	overflow: hidden;
}

.tcn40r {
	float: left;
	text-align: right;
	padding: 3px;
	width: 40px;
	min-height: 20px;
	overflow: hidden;
}

.tcn60 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 60px;
	min-height: 20px;
	overflow: hidden;
}

.tcn80 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 80px;
	min-height: 20px;
	overflow: hidden;
}

.tcn100 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 100px;
	min-height: 20px;
	overflow: hidden;
}

.tcn120l {
	float: left;
	text-align: left;
	padding: 3px;
	width: 120px;
	min-height: 20px;
	overflow: hidden;
}

.tcn150 {
  float: left;
  text-align: center;
  padding: 3px;
  width: 150px;
  min-height: 20px;
	overflow: hidden;
}

.tcn60r {
	float: left;
	text-align: right;
	padding: 3px;
	width: 60px;
	min-height: 20px;
	overflow: hidden;
}

.tcn80l {
	float: left;
	text-align: left;
	padding: 3px;
	width: 80px;
	min-height: 20px;
	overflow: hidden;
}

.tcn80r {
	float: left;
	text-align: right;
	padding: 3px;
	width: 80px;
	min-height: 20px;
	overflow: hidden;
}

.tcn175 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 175px;
	min-height: 20px;
	overflow: hidden;
}

.tcn200l {
	float: left;
	text-align: left;
	padding: 3px;
	width: 200px;
	min-height: 20px;
	overflow: hidden;
}

.tcn215 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 215px;
	min-height: 20px;
	overflow: hidden;
}

.tcn215r {
	float: left;
	text-align: right;
	padding: 3px;
	width: 215px;
	min-height: 20px;
	overflow: hidden;
}


.tcn175l {
	float: left;
	text-align: left;
	padding: 3px;
	width: 175px;
	min-height: 20px;
	overflow: hidden;
}

.tcn225l {
	float: left;
	text-align: left;
	padding: 3px;
	width: 225px;
	min-height: 20px;
	overflow: hidden;
}

.tcn225 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 225px;
	min-height: 20px;
	overflow: hidden;
}

.tcn300 {
	float: left;
	text-align: center;
	padding: 3px;
	width: 300px;
	min-height: 20px;
	overflow: hidden;
}

.tcn_sub {
	float: left;
	text-align: right;
	font-weight: bold;
	padding: 3px;
	width: 389px;
	min-height: 20px;
}

.tcn_sub_val {
	float: left;
	text-align: right;
	font-weight: bold;
	padding: 3px;
	width: 140px;
	min-height: 20px;
}

input {
  border: #999 1px solid; 
  font-family: Verdana, Arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 0.9em;
  border-radius: 3px;
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px;
}

input:focus, textarea:focus, select:focus {
	background-color: yellow;
	border: #999 2px solid;
}

input.error, textarea.error, select.error {
	background-color: orange;
	border: #999 2px solid;
}

select {
  border: #999 1px solid; 
  font-family: Verdana, Arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 0.9em; 
  border-radius: 3px;
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px;
}

textarea
{
  border: #999 1px solid; 
  font-family: Verdana, Arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 0.9em; 
  width: 600px;
  height: 120px;
  border-radius: 5px;
}

div.autocomplete {
  position:absolute;
  width:300px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

/* css_box */
.mw > div {
	border-radius: 5px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
}

.icon-yellow {
		border:solid 1px #DEDEDE; 
		background:#FFFFCC;
		color:#222222;
		padding:4px;
		text-align:left;
		border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;	
}

.icon-yellow-ok
{
		border:solid 1px #DEDEDE; 
		background:#FFFFCC url(../images/css_box/img/png-24/16-em-check.png) 6px 4px no-repeat;
		color:#222222;
		padding:4px;
		text-align:center;
		border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;	
}

.icon-yellow-delete
{
		border:solid 1px #DEDEDE; 
		background:#FFFFCC url(../images/css_box/img/png-24/16-em-cross.png) 6px 4px no-repeat;
		color:#222222;
		padding:4px;
		text-align:center;
		border-radius: 5px;
}

.icon-yellow-warn
{
		border:solid 1px #DEDEDE; 
		background:#FFFFCC url(../images/css_box/img/png-24/16-message-warn.png) 6px 4px no-repeat;
		color:#222222;
		padding:4px;
		text-align:left;
		border-radius: 5px;
		/* width: 500px; */
}
.icon-yellow-warn-200
{
		border:solid 1px #DEDEDE; 
		background:#FFFFCC url(../images/css_box/img/png-24/16-message-warn.png) 6px 4px no-repeat;
		color:#222222;
		padding:4px;
		text-align:right;
		width: 200px;
		border-radius: 5px;
}
.yellow-warn-200
{
		border:solid 1px #DEDEDE; 
		background-color:#FFFFCC;
		color:#222222; 
		/* color:#FFFFCC */
		padding:4px;
		text-align:center;
		width: 200px;
		border-radius: 5px;
}

.yellow-warn
{
		border:solid 1px #DEDEDE; 
		background-color:#FFFFCC;
		color:#222222; 
		/* color:#FFFFCC */
		padding:4px;
		text-align:left;
		border-radius: 5px;

}
.icon-yellow-warn-250
{
		border:solid 1px #DEDEDE; 
		background:#FFFFCC url(../images/css_box/img/png-24/16-message-warn.png) 6px 4px no-repeat;
		color:#222222;
		padding:4px;
		text-align:center;
		width: 248px;
		border-radius: 4px;
		border-radius: 5px;
}

.icon-yellow-warn-520
{
		border:solid 1px #DEDEDE; 
		background:#FFFFCC url(../images/css_box/img/png-24/16-message-warn.png) 6px 4px no-repeat;
		color:#222222;
		padding:4px;
		text-align:center;
		width: 528px;
		border-radius: 5px;
}

.icon-yellow-complete
{
		border:solid 1px #DEDEDE; 
		background:#FFFFCC url(../images/complete.gif) 6px 4px no-repeat;
		color:#222222;
		padding:4px;
		text-align:center;
		width: 520px;
		border-radius: 5px;
}

.yellow-warn-250
{
		border:solid 1px #DEDEDE; 
		background-color:#FFFFCC;
		color:#222222; 
		/* color:#FFFFCC */
		padding:4px;
		text-align:center;
		width: 248px;
}

/* Audit trail and other small text data tables */

table.audit-grid {
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	width: 280px;
	background-color: #8f82a9;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;	
}

table.audit-grid td {
	background-color: #c3a6ff;
	color: #000;
	padding: 4px;
	text-align: left;
	border: 1px #c3a6ff solid;
}

table.audit-grid td.changed {
	background-color: #8f82a9;
	color: #000;
	padding: 4px;
	text-align: left;
	border: 1px #c3a6ff solid;

}

table.audit-grid td.table-head {
	background-color: #8f82a9;
	color: #fff;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #c3a6ff solid;
	font-size: 12px;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;	
} 

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(images/tip/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(images/tip/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #8f82a9;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;	
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(images/tip/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
	line-height: 1.5;
}