/* CSS Document */

div#inquiry_cart_container{
width:98%;
background-color:#e5e5e5;
overflow:hidden;
margin:1%;
position:relative;
}
div#inquiry_cart_body{
margin:1%;
background-color:#f5f5f5;
}
div#inquiry_cart_body span.offset {
	color: #0000FF;	
	 font-weight: bold;
	 text-align:center;
}
div#error_message{
	width:100%;
	background-color: #FFFFFF;
	text-align:center;
}
.error_text {
  border: 1px solid #FF5353;
  background-color : #FFEAEA;
   font: bold smaller sans-serif;
  width: auto;
  
}
#loading{
margin-left:50%;
}
.error_message{
	color: #FF0000;
	font-size: 16px;
	font-weight: bold;
}
div#error_message span.success{
	font-weight: bold;
	color: #00FF33;
	font-size: 14px;
}
div#error_message span.failed{
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}



/* tables */
table.form{
width:100%;
}

table {border-collapse: collapse;}
		th, td {margin: 0; padding: 0.25em 0.5em;}
		/* This "tr.selected" style is the only rule you need for yourself. It highlights the selected table row. */
		tr.selected {background-color: #EDEDF8; color: #f5f5f5;}
		/* Not necessary but makes the links in selected rows white to... */
		tr.selected a {color: #0066FF;}
tr.selected span.desc_text{
color: #00E800;
}
table.tablesorter {
	font-family:arial;
	background-color: #FFFFFF;
	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter tbody tr.odd td {
	background-color:#FFFFFF;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp span.add_input{
background-color:#D2D2EC;
}

span.ui-checkbox{
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background: url(/images/unchecked.gif) no-repeat;
}
.ui-helper-hidden-accessible {
	position: absolute;
	left: -999em;
}
span.ui-helper-hidden {
	display: none;
}
label {
	padding: 2px;
	
}
span.ui-radio-state-hover,
span.ui-checkbox-state-hover {
	background: url(/images/unchecked.gif) no-repeat;
}

span.ui-checkbox-state-checked {
	background: url(/images/check.gif) no-repeat;
}

span.ui-checkbox-state-checked-hover {
	background: url(/images/check.gif) no-repeat;
}

span.add_input{
color:#FFFFFF;
}