#listingbox {width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}


.listing_options_bottom {background-color: #ffffff;  border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000;}
.listing_options_bottom td {font-size: 11px; padding: 5px;}
.select_options_bottom {background-color: #666666; color: white; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000;}
.select_options_bottom td {font-size: 11px; padding: 5px;}
.listing_options_top {background-color: #f2f2f2;  border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000;}
.listing_options_top td {font-size: 11px; padding: 5px;}
#listings td {border-bottom: 1px solid #000000; font-size: 11px;}
#listings .listing_header_bar {background-color: #666666; color: white;}
#listings .listing_quote_column {background-color: #048C4E;}
#listings .listing_quote_column a{color: #FFFFFF; text-decoration: underline;}
#lead_listing_user_div {float: right;}



/* for a table */
.price-table {
display: table;
}

.price-table .price-row  {
display: table-row;
}

.price-table .price-column {
display: table-cell;
padding: 3px;
}
.options-tabs-menu {
    height: 30px;
    float: left;
    clear: both;
}
.options-tabs-menu a{
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
	display: inline;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	background-color: #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
}
.options-tabs-menu  a.options-current {
    position: relative;
    background-color: #367FA9;
    color: #FFFFFF;
    z-index: 5;
}
.options-tabs-menu .current a {
    color: #2e7da3;
}
.options-tab {
    border: 1px solid #d4d4d1;
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: auto;
}
.options-tab-content {
    width: 400px;
    padding: 10px;
	margin: 10px;
    display: none;
}
.options-tab-selected { display: block; }

.status_menu_item{
	height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
	display: inline;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	background-color: #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
    border-bottom: 1px solid #d4d4d1;
	font-size: 11px;
	
	
}

.status_menu_item_selected {
	height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
	display: inline;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	background-color: #2e7da3;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
    border-bottom: 1px solid #d4d4d1;
	font-size: 11px;
	
}
.lead_section {margin-top: 30px; background-color: #D9EDF7; padding: 10px;}
.lead_section th{border-bottom: 1px solid #000000;}
.lead_section td{border-bottom: 1px solid #CCCCCC;}




#lead_action_menu {float: left; position: relative;}
#lead_action_menu2 {float: left; position: relative;}
#quote_action_menu_followup {position: absolute; left: 102px; top: 32px; z-index: 8000; background-color: #E0E0E0; padding: 5px; display: none;}
#lead_action_menu_reassign {position: absolute; left: 102px; top: 32px; z-index: 8000; background-color: #E0E0E0; padding: 5px; display: none;}
#order_action_menu_reassign {position: absolute; left: 0px; top: 0px; background-color: #E0E0E0; padding: 5px; display: none;}
#order_action_menu_dispatch {position: absolute; left: 0px; top: 0px; z-index: 500; background-color: #FFFFFF; padding: 5px; display: none; border: 1px solid #286090;}
#order_action_menu_email_shipper_dispatch {position: absolute; left: 0px; top: 0px; z-index: 8000; background-color: #E0E0E0; padding: 5px; display: none;}
.autoquoter_message {background-color: red; color: white;margin-top: 10px; margin-bottom: 10px; padding: 5px;}

#listing_info_table table td{font-size: 11px;}

.vehicle_section_title{background-color: #757575; color: #000000; font-weight: 700; padding-left: 10px;}
.vehicle_section_title span {background-color: #757575; color: #000000; font-weight: 700; font-size: 16px;}
.vehicle_section_title a{color: red; font-weight: normal;}
.vehicle_section_title small{color: white; font-weight: normal;}

.vehicle_title{background-color: #00A6CF; color: #FFFFFF; font-weight: 700;}
.vehicle_title td{padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}
.vehicle_title a{color: red; font-weight: normal;}


.vehicle_detail{background-color: #C0EFFA; color: #000000; border-bottom: 1px solid #8E8E8E; font-size: 12px;}
.vehicle_detail td{padding: 10px;}
.vehicle_detail label {float: left; width: 9em; margin-right: 1em; font-weight: normal;}

.o_section {width: 100%; margin-bottom: 20px; font-size: 12px;}
.o_section_title{background-color: #00A6CF; color: #FFFFFF; font-weight: 700; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; font-size: 14px;}
.o_section_title a{color: #000000; font-weight: normal;}
.o_section_detail{background-color: #C0EFFA; color: #000000; border-bottom: 1px solid #8E8E8E;}
.o_section_detail label{float: left; width: 9em; margin-right: 1em; font-weight: normal;}
.o_section_detail .fields {margin-left: 10px; margin-top: 5px;}
.o_section_detail .fields input[type=text], select, textarea {width: 150px; margin-bottom: 5px;}
.o_section_detail .fields table{font-size: 12px;}


.q_section {width: 100%; margin-bottom: 20px; font-size: 12px;}
.q_section_title{background-color: #007A2C; color: #FFFFFF; font-weight: 700; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; font-size: 14px;}
.q_section_title a{color: #000000; font-weight: normal;}
.q_section_detail{background-color: #DBFFE8; color: #000000; border-bottom: 1px solid #8E8E8E;}
.q_section_detail label{float: left; width: 9em; margin-right: 1em; font-weight: normal;}
.q_section_detail .fields {margin-left: 10px; margin-top: 5px;}
.q_section_detail .fields input[type=text], select, textarea {width: 150px; margin-bottom: 5px;}
.q_section_detail .fields table{font-size: 12px;}

.q_vehicle_section_title{background-color: #000000; color: #FFFFFF; font-weight: 700; padding-left: 10px;}
.q_vehicle_section_title span {background-color: #000000; color: #FFFFFF; font-weight: 700; font-size: 16px;}
.q_vehicle_section_title a{color: #81F9AD; font-weight: normal;}
.q_vehicle_section_title small{color: white; font-weight: normal;}


.q_vehicle_title{background-color: #007A2C; color: #FFFFFF; font-weight: 700;}
.q_vehicle_title td{padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}
.q_vehicle_title a{color: #81F9AD; font-weight: normal;}

.q_vehicle_detail{background-color: #DBFFE8; color: #000000; border-bottom: 1px solid #8E8E8E; font-size: 12px;}
.q_vehicle_detail td{padding: 10px;}
.q_vehicle_detail label {float: left; width: 9em; margin-right: 1em; font-weight: normal;}



#carrier_menu_options {margin-bottom: 20px;}


#order_action_menu_dispatch {font-size: 12px; width: 350px;}
#order_action_menu_dispatch table{font-size: 12px;}
#order_action_menu_dispatch table thead {
    display: inline-block;
    width: 100%;
    height: 20px;
}
#order_action_menu_dispatch table tbody {
    height: 150px;
    display: inline-block;
    width: 100%;
    overflow: auto;
}


#order_action_menu_dispatch_chosen {display: none;}
#order_action_menu_undispatch {display: none;position: absolute; left: 0px; top: 32px; z-index: 8000; background-color: #FFFFFF; padding: 5px; border: 1px solid #286090;}

#options_saved {background-color: #C0EFFA; color: #000000; border: 1px solid #8E8E8E; padding: 3px; margin-top: 10px; margin-bottom: 10px;}

#payment_info input, #payment_info select {width: 100px;}

#payment_history {border: 1px solid #000000; margin: 10px; padding: 10px;}
#payment_options { margin: 10px; padding: 10px;}

.status_box {}
.status_box select{width: 200px;}


#dialogCustomStatus .dialog_status_row {margin: 20px; width: 320px; clear: both;}

#dialogCustomStatus .dialog_status_name {float: left; width: 50%;}
#dialogCustomStatus .dialog_status_options {float: right; width: 50%;}

#status_edit_box {width: 600px;}

#sortable1{
    border: 1px solid #eee;
    width: 100%;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
	
	
  }
  
  
  
  
#sortable1 li{
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: 99%;
	font-size: 14px;
	border: 1px solid #5B5B5B;
	background-color: #F5F5F5;
	
  }

  
  
 .sortable_li {background-color: white; color: #000000;}
 
li .action_text{width: 100%; background-color: #eeeeee; color: #000000; padding: 3px; font-size: 12px; border: 1px solid #dddddd; margin-top: 3px;}
li .action_text span{color: #00ACD6;}

#ui_loadboards ul{margin: 0; padding: 10px; list-style-type: none;}


#ui_loadboards label {
float: left;
width: 10em;
margin-right: 1em;
text-align: right;} 

.charge_options {display: none;}

#status_loading{margin-left: 80px; font-weight: bold; display: none;}
.nav-pills .selected {font-weight: bold; color: blue;}
.remove_custom_category {display: none; background-color: #DBDBDB; padding: 5px;}
.remove_custom_category  input[type='button']{padding: 5px;}
.remove_custom_category  td div{padding: 10px;}

#pricebot_block {font-size: 12px;}
#report_listing {width: 150px; margin-left: auto; margin-right: auto; min-height: 30px; background-color: #cccccc;}
#report_listing { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#report_listing li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
#report_listing li span { position: absolute; margin-left: -1.3em; }

#dialogReportInfoContent {z-index:5000;}
#dialogReportNewContent {z-index:5000;}
#dialogReportFieldOptions {z-index:6000;}



.ui-datepicker { width: 17em; padding: .2em .2em 0; z-index:9000; font-size: 12px;}



#dialogUserAccess fieldset {width: 210px; float: left; border: 1px solid #cccccc; margin-right: 10px; margin-bottom: 10px; height: 150px; padding: 5px;}
#dialogUserAccess fieldset .title{font-size: 12px; font-weight: bold; margin: 0; border: none;}
#dialogUserAccess .viewuser{font-size: 16px; font-weight: bold;}
#dialogUserAccess .viewuser .green{color: #008D4C;}
#dialogUserAccess #sales_options {width: 410px; float: left; border: 1px solid #cccccc; height: 150px; padding: 5px;}
#dialogUserAccess #sales_options .title{font-size: 12px; font-weight: bold; margin: 0; border: none;}
#dialogUserAccess #sales_options table tr td{padding: 3px;}
#dialogUserAccess #sales_options input[type="text"]{width: 40px;}
#dialogUserAccess #sales_options a {color: blue; text-decoration: underline;}
#dialogUserAccess #leads_providers {max-height: 100px; height: 100px; overflow-y: scroll;}


#dialogUserLeadProviders #lead_providers {margin: 20px;}


/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
	width: 100%;
}

.ui-accordion .ui-accordion-li-fix {
	display: inline;
}

.ui-accordion .ui-accordion-header-active {
	border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 35px; /* support: IE7 */
	
}

.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
    border-top: 0 none;
	margin-top: -3px;
	position: relative;
	top: 1px;
	margin-bottom: 2px;
	overflow: auto;
	display: none;
}

.ui-accordion .ui-accordion-content-active {
	display: block;
}

#sort_field_options { list-style-type: none; margin: 0; padding: 0; width: 450px; }
#sort_field_options li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 90px; font-size: 4em; text-align: center; }



.scrollable {overflow-y: scroll;}
.scrollable_height_lg {height:400px;}
.scrollable_height_md {height:250px;}
.scrollable_height_sm {height:100px;}

 @media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		
		
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}