.spinner-ie-hack { height: 100%; width: 100%; overflow: hidden; }

#spinner-over {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0; left: 0;
	z-index: 1000;
	display: none;
	background-color: #000000;
	opacity: 0.9;
	filter: alpha(opacity=90);
} * html #spinner-over { position: absolute; }

#spinner-load {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0; left: 0;
	z-index: 2000;
	display: none;
	background: transparent url(../img/throbber.gif) center no-repeat;
} * html #spinner-load { position: absolute; }


#spinner {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0; left: 0;
	z-index: 1000;
	background-color: #000000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#throbber {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0; left: 0;
	z-index: 2000;
	background: transparent url(../img/throbber.gif) center no-repeat;
}

#modal_overlay {
	background-color: #000;
	_background-color: #333; /* ugly as heck IE6 hack */
}

#quickload_box {
    float: left;
    padding: 4px 10px 3px 10px;
    .padding: 1px 10px 3px 10px;
    font-weight: bold;
    background-color: #EEEEEE;
    font-size: 12px;
}

div#iconbar {
    clear: both;
    display: block;
    position: relative;
    font-size: 125%;
    font-weight: bold;
    z-index: 1;
}

div#iconbar img { padding-right: 5px; vertical-align: middle; }

div#iconbar a {
    padding: 2px 5px;
    text-decoration: none;
}

div#iconbar a:hover {
    background-color: #ccc;
}

div#iconbar a#phase_history_link:hover {
    background-color: #fff;
}

div#iconbar select {
    font-weight: bold;
    font-size: 100%;
    background-color: #FFFF99;
}


#dashboard_widgets div {
	float: left;
	width: 350px;
}

#dashboard_widgets .widget {
	margin: 15px;
	border: 1px solid black;
	height: 150px;
	padding: 5px;
}

#dashboard_widgets div span {
	display: block;
	text-align: center;
	background-color: #003D4C;
	font-weight: bold;
	color: #fff;
	padding: 2px;
}

#order_list, #carrier_list, #user_list {
	clear: left;
	padding-top: 10px;
}

table.paging {
	width: 100%;
}

table.paging td {
	padding-left: 10px;
}

div#general_tab > div, div#general_tab > h1, div#general_tab > h2, div#general_tab > h3, div#general_tab > h4 {
    display: block;
    padding: 0 10px;
}

div#general_tab div.input.checkbox {
    display: inline-block;
}

div.order_tabs_content .top, div.carrier_tabs_content .top {
	text-align: center;
	margin: 5px 0 5px 0;
}

div.order_tabs_content .top div {
	display: inline;
}

div.order_tabs_content .top div.shipping_leg_header {
    clear:both;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    margin: 20px 0px;
    padding: 5px 2px;
    border-top: 1px dotted black;
    border-bottom: 1px dotted black;
}

div.order_tabs_content .top div.shipping_leg_del {
    position: absolute;
    margin-left: 217px;
    font-size: 13px;
    padding-top: 4px;
}

div.order_tabs_content .top label, div.order_tabs_content .top input  {
    float: none;
    display: inline;
    text-align: justify;
    width: auto;
}

div.order_tabs_content .top .expanded_helpers {
	display: block;
	width: 100%;
	text-align: right;
	padding-bottom: 10px;
}

div.order_tabs_content div.input input {
    height: 17px;
}

div.order_tabs_content input.date, div.carrier_tabs_content input.date,
div#billing_tab div.right input.date, div#carrier_tab div.right input.date, * input.date {
    width: 100px;
}

div.order_tabs_content .left, div.carrier_tabs_content .left {
    width: 50%;
    float: left;
}

div.order_tabs_content .right, div.carrier_tabs_content .right {
    width: 50%;
    float: right;
}

div.order_tabs_content div.input label {
    width: 60px;
}

div#general_tab label {
    width: auto;
    font-weight: bold;
}

div#sentmail_info {
    clear: both;
    margin-left: 100px;
    font-size: 80%;
}

#shipping_leg_add {
    display: block;
    padding: 10px 0px;
    text-align: center;
    width: 100%;
    font-weight: bold;
}

div.carrier_tabs_content div.left div.input label {
    width: 80px;
}

div.carrier_tabs_content div.right div.input label {
    width: 115px;
}

div.order_tabs_content div.left input, div.order_tabs_content div.right input,
div.order_tabs_content div.left textarea, div.order_tabs_content div.right textarea {
    width: 292px;
}

/*input#OrderOriginZip[value=""], input#OrderDestZip[value=""], input#OrderBillingZip[value=""] {*/
/*    background-color: #FFFF99;*/
/*}*/

div.carrier_tabs_content div.input input {
    width: 260px;
}

div#billing_tab div.right label, form#OrderForm div#carrier_tab div.right label {
    width: 130px;
}

form#OrderForm div#carrier_tab div.left label {
    width: 79px;
}

div#billing_tab div.right input, div#billing_tab div.right textarea,
form#OrderForm div#carrier_tab div.right input {
    width: auto;
}

div#billing_tab div.right input[type="checkbox"], div#carrier_tab div.right input[type="checkbox"],
input#OrderBillingCharged, input#OrderBillingContracted, input#OrderBillingPaid {
    float: right;
    margin: 2px 244px 0 0;
}

div#billing_tab div.right div.input {
    padding: 5px 0;
}

select#OrderBillingExpYear {
    float: none;
    position: absolute;
}

form#OrderForm div#carrier_tab div.right div.link {
    clear: both;
    padding-top: 10px;
    padding-left: 25px;
}

div#carrierPickupWindow {
    text-align: left;
    padding-left: 300px;
}

/*div#shippingTopCol label, div#carrierTopCol label {*/
/*	font-weight: bold;*/
/*}*/
/*div#shippingTopCol input, div#carrierTopCol input {*/
/*	width: 100px;*/
/*}*/

div.order_tabs_content .bottom, div.carrier_tabs_content .bottom {
	clear:both;
	text-align: center;
	padding: 20px 0 5px 0;
}

div.order_tabs_content .bottom textarea, div.carrier_tabs_content .bottom textarea {
	font-size: 10pt;
}

span.no_notes {
    font-size: 12pt;
}
span.no_notes:hover {
    background-color: #FFFF99;
}

div#billingTopCol {
	clear:both;
	text-align: center;
	margin: 5px 0 5px 0;
}

#CarrierCompany {
	padding: 0 2px;
}
#CarrierCompany:hover {
	cursor: text;
	background-color: #FFFF99;
	padding: 0 2px;
}

div.carrier_tabs_content div.carrier_history {
    display: inline;
    padding: 0px 15px;
}

div.veh_row {
	clear: both;
	padding: 4px 0;
}

div.veh_row span.veh_left {
	float: left;
	width: 120px;
	text-align: right;
}

div.veh_row span.veh_right {
	float: right;
	width: 625px;
	text-align: left;
}

div.settings div.row {
	clear: both;
	padding: 10px 0;
	width: 700px;
}

div.settings div.row span.left {
	float: left;
	width: 250px;
/*	text-align: right;*/
}

div.settings div.row span.right {
	float: right;
	width: 200px;
	text-align: left;
}

div.row label {
    font-weight: bold;
}

div.row sup {
    cursor: help;
    color: blue;
}

form#UserEditForm div.input label {
    width: 77px;
}

div.order_tabs_content textarea.notebox {
    font-weight: bold;
    color: red;
}

/* CRIR Radio Buttons */
div.order_tabs_content div.input label.radio_checked {
	position: absolute;
	background: transparent url(../img/favorite_full_sm.png) no-repeat;	
	display: inline;
	width: 18px;
	height: 16px;
	margin: 5px 0 0 -21px;
/*	margin: 7px 0 0 -19px;*/
	cursor: pointer;
	float: none;
}
div.order_tabs_content div.input label.radio_unchecked  {
	position: absolute;
	background: transparent url(../img/favorite_blank_sm.png) no-repeat;	
	display: inline;
	width: 18px;
	height: 16px;
	margin: 5px 0 0 -21px;
/*	margin: 7px 0 0 -19px;*/
	cursor: pointer;
	float: none;
}

/*div.magIcon {*/
/*	position: absolute;*/
/*	display: inline;*/
/*	width: 16px;*/
/*	height: 16px;*/
/*	margin: 5px 0 0 -20px;*/
/*}*/

/*div.calIcon {*/
/*	position: absolute;*/
/*	display: inline;*/
/*	width: 20px;*/
/*	height: 20px;*/
/*	margin: 2px 0 0 -21px;*/
/*	cursor: pointer;*/
/*}*/

/* Subsection Tabs
--------------------*/
ul.subsection_tabs {
/*	position: relative;*/
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
/*	border-bottom:2px solid #ccc;*/
	height:20px;
	width: 808px;
	clear:both;
/*	z-index: 2;*/
}

ul.subsection_tabs li {
	float:left;
	padding: 0;
	margin: 0 5px 0 5px;
	text-align:center;
}

ul.subsection_tabs li a {
	display:block;
	height:19px;
	padding:0 5px 0 5px;
	background-color:#e5e5e5;
/*	color:#666;*/
	width:96px;
	text-decoration: none;
/*	border-top: 1px solid #ccc;*/
/*	border-left: 1px solid #ccc;*/
/*	border-right: 1px solid #ccc;*/
/*	border-bottom: 1px solid #42577B;*/
	border: 1px solid #42577B;
}

ul.subsection_tabs li a:hover {
	height:20px;
	margin-top: -4px;
	.margin-top: 0px; /* super ugly IE hack */
	padding-top: 3px;
	.padding-top: 0px;
	background-color:#fff;
	border: 1px solid #42577B;
}

ul.subsection_tabs li a.active {
/*	background-color:#ddd;*/
	height:20px;
	margin-top: -4px;
	.margin-top: 0px; /* super ugly IE hack */
	padding-top: 3px;
	.padding-top: 0px;
/*	background-color:#A3BBE6;*/
	background-color:#fff;
	border-top: 1px solid #42577B;
	border-left: 1px solid #42577B;
	border-right: 1px solid #42577B;
/*	border-bottom: 1px solid #A3BBE6;*/
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

.order_tabs_content, .carrier_tabs_content {
/*	position: relative;*/
	border: 1px solid #42577B;
	padding-top:0px;
	background-color:#FFF;
/*	height: 475px; TOO SMALL FOR ACCORDION*/
/*	height: 450px;*/
    height: auto;
	width: 808px;
/*	z-index: 3;*/
}

form .after_icon {
/*    position: absolute;*/
/*	display: inline;*/
	width: 16px;
	height: 16px;
    padding: 4px 0 0 2px;
	cursor: pointer;
}

form .inside_icon {
	position: absolute;
	display: inline;
	width: 16px;
	height: 16px;
	margin: 4px 0 0 -20px;
	cursor: pointer;
}

form .calendar_icon, div.report_calendar .calendar_icon {
	position: absolute;
	display: inline;
	width: 20px;
	height: 20px;
	margin: 3px 0 0 -21px;
	cursor: pointer;
}

div#vehicle_tab {
    height: auto;
}

/*.order_tabs_content_fluid {*/
/*    height: auto;*/
/*}*/


/*div#vehicle_tab.order_tabs_content {*/
/*	height: auto;*/
/*}*/

div#toggle_tabs {
	position: absolute;
	margin-left: 762px;
	margin-top: -21px;
	font-size: 1.2em;
}

div#toggle_tabs img {
    padding-top: 2px;
    cursor: pointer;
}

div#toggle_tabs a {
	font-weight: bold;
	text-decoration: none;
}
div#toggle_tabs a:hover {
	text-decoration: underline;
}

.vehicle_accordion_delete {
	position: absolute;
	display:inline;
	margin-left: 695px;
	.margin-left: 678px; /* super ugly IE hack */
	font-weight: bold;
/*	font-size: 1.6em;*/
	margin-top: 7px;
}
.vehicle_accordion_delete a {
	text-decoration: none;
}
.vehicle_accordion_delete a:hover {
	text-decoration: underline;
}

.vehicle_accordion_toggle {
	display: block;
	height: 30px;
/*	width: 748px;*/
	width: 744px;
/*	background: url(../img/accordion_toggle.jpg) no-repeat top right #a9d06a;*/
	background-color: #fff;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #003d4c;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 12px;
/*	border: 2px solid #42577B;*/
	border-top: 2px solid #42577B;
	border-left: 2px solid #42577B;
	border-right: 2px solid #42577B;
	border-bottom: 1px dotted #42577B;
/*	border-bottom: 1px solid #fff;*/
	cursor: pointer;
	margin: 0 20px;
}

.vehicle_accordion_toggle_active {
/*	background: url(../img/accordion_toggle_active.jpg) no-repeat top right #e0542f;*/
/*	background-color: #e0542f;*/
	background-color: #fff;
	color: #e0542f;
	border-top: 2px solid #e0542f;
	border-left: 2px solid #e0542f;
	border-right: 2px solid #e0542f;
	border-bottom: 1px dashed #e0542f;
}

.vehicle_accordion_toggle:hover {
/*	color: #e0542f;*/
	text-decoration: underline;
/*	border-color: #e0542f;*/
}

.vehicle_accordion_content {
	background-color: #ffffff;
	color: #444444;
/*	width: 762px;*/
	width: 756px;
	height: 160px;
	overflow: hidden;
	margin-left: 20px;
	padding: 4px;
/*	border: 1px solid #eee;*/
	border-bottom: 1px solid #e0542f;
	border-left: 2px solid #e0542f;
	border-right: 2px solid #e0542f;
	border-top: none;
}

#vehicle_add {
    width: 100%;
    margin-top: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 105%;
}

.comments_list {
/*    display: none;*/
    height: 200px;
    width: 808px;
    overflow: auto;
    text-align: center;
    border-left: 1px solid #42577B;
    border-right: 1px solid #42577B;
    border-bottom: 1px solid #42577B;
/*    margin-left: 79px;*/
}

.comments_dropdown {
    text-align: center;
    width: 808px;
}

.comments_dropdown span {
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    border-left: 1px solid #42577B;
    border-right: 1px solid #42577B;
    border-bottom: 1px solid #42577B;
    padding: 0 10px 5px 10px;
}

.comments_dropdown span:hover {
    background-color: #FFFF99;
}

.comments_dropdown span img {
    padding-top: 2px;
}

.comment_header {
    width: 808px;
    background-color: #DDD;
    height: 1.5em;
    width: 100%;
}

.comment_header span {
    font-weight: bold;
    padding: 0 5px 0 5px;
}

.comment_body {
    clear: both;
    text-align: justify;
    padding: 0 5px 10px;
}

div#add_comment_form textarea {
    font-size: 8pt;
}

div.report_calendar {
    float: right;
    text-align: right;
    padding: 0px 30px;
}

div.report_calendar input {
    display: inline;
}

div.auto_complete {
    position         :absolute;
/*    width            :324px;*/
    background-color :white;
    border           :1px solid #888;
    margin           :0px;
    padding          :0px;
    height           :119px;
    overflow         :auto;
    z-index          :9;
}
 
/*div.auto_complete li.selected { background-color: #ffb; }*/


/*div.auto_complete {*/
/*	display: block;*/
/*    position: absolute;*/
/*    width: 250px;*/
/*    background-color: #fff;*/
/*    border:1px solid #888;*/
/*    margin: -4px 0 0 65px;*/
/*	margin: 0;*/
/*    padding: 0;*/
/*    height: 187px;*/
/*    overflow: auto;*/
/*}*/

div.auto_complete li {
	display: block;
	margin: 0 0 0 -12px;
	padding: 0 2px;
/*	width: 305px;*/
	color: #000;
	font-family: 'lucida grande',verdana,helvetica,arial,sans-serif;
	font-size: 13px;
	text-align: left;
	line-height: 1.5em;
}
div.auto_complete li.selected {
	background-color: #A3BBE6;
}

div#flashContainer {
    position: relative;
    width: 100%;
    text-align: center;
    z-index: 0;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* STOP EDITTING - DO NOT CHANGE OR REMOVE        */
.crirHidden {
	position: absolute;
	left: -1000px;
	width:1px;
	height:1px;
	z-index: -1;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */