/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #f0f0f0;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #444444;
	padding:0px 0px 40px 0px;
	font-size:14px;
}

a
{
    color: #be0033;
}

a:hover
{
    color: #f25d85;
}

p
{
    margin-bottom: 10px;
}

.print_details
{
    display:none;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 19px;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 26px;
    padding: 0px;
    margin: 0px 0px 15px 0px;
}

h2
{
    font-size: 19px;
    font-weight: 600;
}

h3
{
    font-size: 17px;
}

h4
{
    font-size: 16px;
}

h5, h6
{
    font-size: 15px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/


#header
{
    padding:30px 0px 30px 0px;
}


/* TAB MENU   
----------------------------------------------------------*/
/*
div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}
*/

/* Login
----------------------------------------------------------*/

.login_panel
{
	margin:0px auto 0px auto;
	width:320px;
	background-color:#f8f8f8;
	border:1px solid #d0d0d0;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	padding:30px 40px 15px 40px;
}

.login_panel .row.error_message
{
	padding-left:100px;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

.form
{

}

.form  .label
{
	width:100px;
	float:left;
}

.form .element
{
	float:left;
}

.form .element.date_picker .input
{
	float:left;
}

.form .element.date_picker .icon
{
	float:left;
	padding:1px 0px 0px 10px;
}

.form .element.date_picker .validation
{
	float:left;
	padding:3px 0px 0px 10px;
}

.form .row
{
	padding:7px 0px 7px 0px;
}

.form .panel
{
	background-color:#f8f8f8;
	padding:10px 20px 10px 20px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	margin:0px 0px 15px 0px;
	border:1px solid #d0d0d0;
}

.form .panel.col2_left
{
	float:left; 
	width:513px;
	margin:0px 0px 30px 0px;
}

.form .panel.col2_right
{
	float:right; 
	width:513px;
	margin:0px 0px 0px 30px;
	margin:0px 0px 30px 0px;
}



.form .panel h3
{
	margin:0px 0px 13px 0px;
	font-weight:bold;
}

.form .textbox
{
	width:200px;
}

.form .textbox.address
{
	width:300px;
}

.form .textarea
{
	width:400px;
	height:100px;
}

.form .textarea.short
{
	width:200px;
	height:100px;
}

/*** Validation ***/

.form .validation_summary
{
	background-color:#ffd0d0;
	border:1px solid #f58484;
	color:#BE0033;
	padding:10px 40px 10px 40px;
	margin:15px 0px 0px 0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.form .validation_summary ul
{ 
	margin:0px;
	padding:0px 0px 0px 20px;
}


.form .error
{
	color:#BE0033;
}

.form .textbox.error
{
	border-color:#BE0033;
	background-color:#fff1f5;
}

.form textarea.error
{
	border-color:#BE0033;
	background-color:#fff1f5;
}

.form select.error
{
	/*border-color:#BE0033;*/
	background-color:#fff1f5;
	border: 1px solid #BE0033;
}

/*** Product Order From ***/
#product_order_form #drawing_area
{
	padding-top:0px;
}

#product_order_form .form .label
{
	width:115px;
}

#product_order_form .form .textarea,
#product_order_form .form .textbox.notes
{
    width:380px;
}

#product_order_form .form .feedback_panel
{
    float:left;
    width:50%;
    box-sizing:border-box;
}

#product_order_form .form .feedback_panel.left_panel
{
    padding-right:10px;
}

#product_order_form .form .feedback_panel.right_panel
{
    padding-left:10px;
}

#product_order_form .form .feedback_panel *
{
    box-sizing:border-box;
}

#product_order_form .form .feedback_panel .label
{
    float:none;
}


#product_order_form .form .feedback_panel .element
{
    float:none;
}


#product_order_form .form .feedback_panel textarea
{
    width:100%;
}

#product_order_form .form .deposit_alert
{
    color:#BE0033;
    display:none;
    font-size:12px;
}

#product_order_form .form .eeca_container
{
    float:left;
    margin-left:15px;
    font-size:11px;
}

#product_order_form .change_client
{
    padding-top:3px;
    padding-left:30px;
    float:left;
}

#product_order_form .change_client a
{
    font-size:11px;
}


#product_order_form .billing_type
{
    border:1px solid black;
    color: Black;
    padding: 3px 20px 3px 20px;
    margin-right:13px;
    font-weight:bold;
    font-size:12px;
}

#product_order_form .billing_type.ees
{
    color:Red;
    border-color:Red;
    background-color:#fff6f6;
}

#product_order_form .billing_type.hrv
{
    color:Green;
    border-color:Green;
    background-color:#f3fff3;
}

#product_order_form .form .view_mode .label
{
	font-weight:normal;
}

#product_order_form .form .view_mode .element
{
	font-weight:bold;
}

#product_order_form .form .view_mode .textarea
{
    overflow-y:auto;
    font-weight:normal;
}

#product_order_form .form .view_mode .notes
{
    white-space: nowrap;
    font-weight:normal;
    overflow-x:auto;
}

#product_order_form .form .view_mode .feedback_panel .textarea
{
    width:100%;
}

#product_order_form .form .product_panel.view_mode .value
{
	font-weight:bold;
	display:inline-block;
}

#product_order_form .form .payment_method label
{
	margin-right:30px;
}

#product_order_form .form .quote_total
{
    margin-bottom:30px;
    float:right;
    font-weight:bold;
}

#product_order_form .form .quote_total .quote_total_value
{
    display:inline-block;
    min-width:150px;
}

#product_order_form .notes_validation
{
    color:Red;
    font-size:10px;
    margin-left:115px;
    display:none;
}

/*** Product Order Detail ***/
#product_order_detail .form .label
{
	width:96px;
}

/*** Install Order Form ***/
#install_order_form .form .label
{
	width:120px;
}

/*** Service Order Form ***/
#service_order_form .form .label
{
	width:120px;
}

/*** Client Form ***/
#client_form .form .label
{
	width:80px;
}

/*** Product Form ***/
#product_form .form .label
{
	width:82px;
}

/*** Staff Form ***/
#staff_form .form .label
{
	width:80px;
}

#staff_form .settings_panel h3
{
	font-size:14px;
	margin:0px 0px 5px 0px;
}

#staff_form .settings_panel .label
{
    margin-left:5px;
	width:300px;
}


/*** Consultant Record***/
#consultant_record .submit_button_container
{
	padding:0px;
}


/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
	height:1px;
	overflow:hidden;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submit
{
    background-color:#929292;
	color:#ffffff;
	border:1px solid #555555;
	cursor:pointer;
	padding:5px 5px 5px 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.submit:hover
{
    background-color:#a5a5a5;
}

.submit.spacing
{
    margin:0px 0px 0px 15px;
}

.textbox
{
	background-color:#fcfcfc;
	border:1px solid #b3b3b3;
	padding:4px 5px 4px 5px;
}

.textarea
{
	background-color:#fcfcfc;
	border:1px solid #b3b3b3;
	padding:4px 5px 4px 5px;
}

.textbox.date
{
	width:80px;
}

.textbox.datetime
{
	width:102px;
}


.textbox.short
{
	width:80px;
}

.add_button_container
{
	padding:0px 0px 10px 0px;
}

.submit_button_container
{
	text-align:center;
	padding:20px 0px 0px 0px;
}

.full_width
{
	width:100%;
}


/*** EES Styling ***/
.central 
{
    width: 1140px;
    margin: auto;
	background-color:white;
	padding:0px 30px 30px 30px;
	-moz-border-radius-bottom-right: 10px;
	-moz-border-radius-bottom-left: 10px;
    -webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
    -khtml-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}


/*** Tables ***/

table.list
{
    border-collapse: collapse;
}

table.list a
{
	color:#207ec6;
}

table.list a:hover
{
	color:#419fe8;
}


table.list th
{
	background-color:#88c1ed;
	padding:5px 10px 5px 10px;
	border: 1px #66ade4 solid;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:white;
}

table.list th a
{
	color:white;
}

table.list th a:hover
{
	color:#e4f3ff;
}

table.list tr td
{
    background-color:white;
}

table.list tr.alternate td
{
    background-color:#ebf6fe;
}

table.list td
{
    padding:5px 10px 5px 10px;
	border: 1px solid #88c1ed;
	font-size:12px;
}

table.list td.no_border
{
	border: 0px solid white;
}

table.list td.dark
{
	background-color:#88c1ed;
	border: 1px #66ade4 solid;
	color:white;
}

table.list td.dark a
{
	color:white;
}

table.list td.dark a:hover
{
	color:#e7f5ff;
}

table.list td.group_separator
{
	padding-top:20px;
	padding-bottom:20px;
	font-size:15px;
}

table.list td.gery
{
	background-color:#f8f8f8;
}

table.list tr.red td
{
	background-color:#ffa3a3;
}

table.list tr.yellow td
{
	background-color:#fffea6;
}

table.list tr.teal td
{
	background-color:#94f0f1;
}

table.list tr.blue td
{
	background-color:#c8e7ff;
}

table.list tr.green td
{
	background-color:#caedca;
}

table.list tr.dark_green td
{
	background-color:#aad7aa;
}

table.list tr.black td
{
	background-color:#dedede;
}

table.list tr.white td
{
	background-color:#fafafa;
}

table.list tr.orange td
{
	background-color:#ffe3b1;
}

table.list tr.violet td
{
	background-color:#edd5fd;
}

table.list tr.purple td
{
	background-color:#dedaff;
}

table.list .colour_sample
{
    width:30px;
    height:15px;
}

table.list .colour_sample.yellow
{
    background-color:#fdf8b0;
    border:1px solid #b9ae04;
}

table.list .colour_sample.red
{
    background-color:#ffa7a7;
    border:1px solid #c83030;
}

table.list .colour_sample.blue
{
    background-color:#b0e0ff;
    border:1px solid #48a7e5;
}

table.list .colour_sample.green
{
    background-color:#a7f788;
    border:1px solid #37a30d;
}

table.list .colour_sample.grey
{
    background-color:#dfdfdf;
    border:1px solid #909090;
}

table.list .colour_sample.white
{
    background-color:#fafafa;
    border:1px solid #a0a0a0;
}

table.list .colour_sample.orange
{
    background-color:#ffd79e;
    border:1px solid #c5790e;
}

table.list .colour_sample.violet
{
    background-color:#e79eff;
    border:1px solid #a939ce;
}

table.list .colour_sample.turquoise
{
    background-color:#77f7ed;
    border:1px solid #0c8379;
}

table.list .colour_sample.brown
{
    background-color:#d9bf91;
    border:1px solid #886321;
}

table.list .colour_sample.olive
{
    background-color:#cddc4c;
    border:1px solid #869411;
}

table.list .colour_sample.purple
{
    background-color:#c7c2f2;
    border:1px solid #7467da;
}

table.list .colour_sample.moccasin
{
    background-color:#FAEBD7;
    border:1px solid #dbb076;
}

table.list .colour_sample.gold
{
    background-color:#FFD700;
    border:1px solid #a88e00;
}

table.list .colour_sample.lemonchiffon
{
    background-color:#EEE9BF;
    border:1px solid #b2a538;
}

td.number
{
    text-align: right;
}

.two-column
{
    width: 600px;
    float: left;
}

#menu
{
    padding: 20px 0px 7px 0px;
    font-size: 16px;
    color: #034AF3;
	border-bottom:3px solid #be0033;
}

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

#menu li
{
    float: left;
    margin: 0px 38px 0px 0px;
}

#menu li a
{
    text-decoration:none;
	color: #be0033;
}


#menu li a:hover
{
	color: #f25d85;
    /*border-bottom:3px solid #f25d85;*/
}


#menu li.last
{
    margin: 0px;
}

#menu li.right_align
{
    float: right;
}

.error-message
{
    color: Red;
}

.logout-panel
{    
    float: right;
    padding: 0px 0px 0px 0px;
}

.welcome-label
{
    font-style: italic;
}


/*** Collapsible Panel ***/

.collapsible_panel
{
    margin-bottom:15px;
}

.collapsible_panel .container
{
    display:none;
    padding-top:15px;
}

.collapsible_panel .toggle
{
    color:#666666;
    display:block;
	background-color:#f8f8f8;
	padding:5px 10px 5px 10px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #e9e9e9;
	cursor:pointer;
	background-repeat:no-repeat;
    background-position: 1100px 5px; 
}

.collapsible_panel .toggle.expand
{
    background-image:url(../Images/arrow_down_light_round.png);
}

.collapsible_panel .toggle.collapse
{
    background-image:url(../Images/arrow_up_dark_round.png);
}

.collapsible_panel .toggle.expand:hover
{
    background-image:url(../Images/arrow_down_dark_round.png);
}

.collapsible_panel .toggle:hover,
.collapsible_panel .toggle.collapse
{
    color:white;
	background-color:#929292;
	border:1px solid #555555;
}


/*** Client List ***/

#client_list .search_container
{
	/*padding:20px 0px 20px 0px;
	background-color:#ededed;
	border:1px solid #a0a0a0;*/
	margin:0px 0px 20px 0px;
}

#client_list .filter
{
	padding:0px 0px 0px 95px;
	width:400px;
	float:left;
}

#client_list .filter .left
{
	width:200px;
	float:left;
}

#client_list .filter .right
{
	width:200px;
	float:left;
}

#client_list .filter .submit_button_container
{
	text-align:center;
	padding:20px 0px 0px 0px;
}

#client_list .search
{
	width:350px;
	float:left;
}

#client_list .search .submit_button_container
{
	text-align:center;
	padding:5px 0px 0px 0px;
}

#client_list .label
{
	width:65px;
	float:left;
}

#client_list .element
{
	width:200px;
	float:left;
}

#client_list .element input
{
	width:200px;
}

#client_list .row
{
	padding:0px 0px 15px 0px;
}

/*** Order List ***/


#order_list .order_search_container
{
	height:295px;
}

#order_list .order_search_container .submit_button_container
{
	float:left;
	padding:10px 0px 0px 80px;
}

#order_list .order_search_container .element
{
	float:left;
	padding:2px 0px 0px 0px;
}

#order_list .order_search_container .label
{
	float:left;
	width:80px;
	padding:2px 0px 0px 0px;
}

#order_list .filter_container 
{
	height:295px;
	width:/*930px;*/734px;
}

#order_list .filter_container .left
{
	float:left;
}

#order_list .filter_container .radio_list
{
	float:left;
	padding:0px 40px 10px 0px;
}

#order_list .filter_container .right
{
	float:left;
	padding:0px 0px 0px 40px;
}

#order_list .filter_container .right .row
{
	padding:0px 0px 15px 0px;
}

#order_list .filter_container .submit_button_container
{
	text-align:center;
	padding:8px 0px 0px 0px;
}

#order_list .billing_company
{
    text-align:center;
}

#order_list .billing_company.ees
{
    border:3px solid red;
}

a.remove_product
{
    padding:3px 0px 0px 0px;
    cursor:pointer;
}

.product_panel
{
    padding:2px 0px 2px 0px;
}

.form .panel.dashboard h3
{
    font-size:15px;
    font-weight:normal;
    margin-bottom:5px;
}

.form .panel.dashboard table.list th
{
    padding:0px;
    height:4px;
}

#order_list .edit
{
    display:none;
}

#order_list .edit
{
    display:none;
}

#order_list .edit_row_button
{
    cursor:pointer;
}

#order_list .save_row_button
{
    display:none;
    cursor:pointer;
}

.icon_action
{
    padding-top:15px;
}

.icon_action .left
{
    float:left;
}

.icon_action .right
{
    padding:2px 0px 0px 5px;
    float:left;
}


/*** Lead List ***/

#lead_list .lead_search_container
{
	height:313px;
	padding:47px 0px 0px 0px;
}

#lead_list .lead_search_container .label
{
	width:65px;
}

#lead_list .filter_container
{
	width:529px;
	height:360px;
}

#lead_list .lead_search_container .submit_button_container {
    float: left;
    padding: 10px 0 0 72px;
}


/*** Day Summary ***/

#day_summary table.single_page td,
#day_summary .single_page div.row
{
    vertical-align:top;
    padding:20px 40px 20px 0px;
}

#day_summary p
{
    margin:0px;
    padding:5px 10px 5px 0px;
}

/*** Appointment Calendar ***/
#appointment_detail .element
{
    width:87%;
}

/*** Appointment Calendar ***/

.appointment_calendar
{
    
    border-collapse: collapse;
}

.appointment_calendar td, 
.appointment_calendar th
{
    border: 1px solid #88C1ED;
}

.appointment_calendar .appointment
{
    display:block;
    margin:5px 5px 5px 5px;
    font-weight:bold;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    text-align:center;
    padding:5px 18px 5px 18px;
    background-position:4px 4px;
    background-repeat:no-repeat;
    position:relative;
}

.appointment_calendar .appointment.sale
{
    background-image:url('../images/appointment_sale.png');   
}

.appointment_calendar .appointment.cnc
{
    background-image:url('../images/appointment_cnc.png');   
}

.appointment_calendar .appointment.pending
{
    background-image:url('../images/appointment_pending.png');   
}

.appointment_calendar .appointment.bad
{
    background-image:url('../images/appointment_bad.png');   
}

.appointment_calendar .appointment.not_sales_appointment
{
    background-image:url('../images/not_sales_appointment.png');   
}

.appointment_calendar .appointment.default
{
    background-color:#fdf1b0;
    color:#61540f;
    border:1px solid #c4aa19;
}

.appointment_calendar .appointment.default:hover
{
    background-color:#fff6c7;
    color:#61540f;
    border:1px solid #d8bd26;
}

.appointment_calendar .appointment.yellow
{
    background-color:#fdf8b0;
    color:#3e3504;
    border:1px solid #b9ae04;
}

.appointment_calendar .appointment.yellow:hover
{
    background-color:#fefbd0;
    border:1px solid #d0c51d;
}

.appointment_calendar .appointment.red
{
    background-color:#ffa7a7;
    color:#4b0303;
    border:1px solid #c83030;
}

.appointment_calendar .appointment.red:hover
{
    background-color:#febbbb;
    border:1px solid #e44f4f;
}

.appointment_calendar .appointment.blue
{
    background-color:#b0e0ff;
    color:#003b60;
    border:1px solid #48a7e5;
}

.appointment_calendar .appointment.blue:hover
{
    background-color:#c4e8ff;
    border:1px solid #5eb7f1;
}

.appointment_calendar .appointment.green
{
    background-color:#a7f788;
    color:#133d03;
    border:1px solid #37a30d;
}

.appointment_calendar .appointment.green:hover
{
    background-color:#b7ff9b;
    border:1px solid #4abc1d;
}

.appointment_calendar .appointment.grey
{
    background-color:#dfdfdf;
    color:#3e3e3e;
    border:1px solid #909090;
}

.appointment_calendar .appointment.grey:hover
{
    background-color:#e7e7e7;
    border:1px solid #9b9b9b;
}

.appointment_calendar .appointment.white
{
    background-color:#fafafa;
    color:#333333;
    border:1px solid #a0a0a0;
}

.appointment_calendar .appointment.white:hover
{
    background-color:#ffffff;
    border:1px solid #c0c0c0;
}

.appointment_calendar .appointment.orange
{
    background-color:#ffd79e;
    color:#593603;
    border:1px solid #c5790e;
}

.appointment_calendar .appointment.orange:hover
{
    background-color:#fde1b9;
    border:1px solid #d78d23;
}

.appointment_calendar .appointment.violet
{
    background-color:#e79eff;
    color:#330044;
    border:1px solid #a939ce;
}

.appointment_calendar .appointment.violet:hover
{
    background-color:#ebb0ff;
    border:1px solid #b44bd7;
}

.appointment_calendar .appointment.turquoise
{
    background-color:#77f7ed;
    color:#044c46;
    border:1px solid #0c8379;
}

.appointment_calendar .appointment.turquoise:hover
{
    background-color:#8efef5;
    border:1px solid #139489;
}

.appointment_calendar .appointment.brown
{
    background-color:#d9bf91;
    color:#382401;
    border:1px solid #886321;
}

.appointment_calendar .appointment.brown:hover
{
    background-color:#e5cfa8;
    border:1px solid #9a732e;
}

.appointment_calendar .appointment.olive
{
    background-color:#cddc4c;
    color:#2f3405;
    border:1px solid #869411;
}

.appointment_calendar .appointment.olive:hover
{
    background-color:#dce872;
    border:1px solid #9cab1e;
}

.appointment_calendar .appointment.lemonchiffon
{
    background-color:#f6f2d4;
    color: #584e04;
    border:1px solid #b2a538;
}

.appointment_calendar .appointment.lemonchiffon:hover
{
    background-color:#fbf8df;
    border:1px solid #c3b74e;
}

.appointment_calendar .appointment.purple
{
    background-color:#c7c2f2;
    color:#0c063a;
    border:1px solid #7467da;
}

.appointment_calendar .appointment.purple:hover
{
    background-color:#d0ccf5;
    border:1px solid #9287e7;
}

.appointment_calendar .appointment.moccasin
{
    background-color:#FAEBD7;
    color:#482e0c;
    border:1px solid #dbb076;
}

.appointment_calendar .appointment.moccasin:hover
{
    background-color:#fef2e1;
    border:1px solid #e7bf8a;
}

.appointment_calendar .appointment.gold
{
    background-color:#FFD700;
    color:#4f440b;
    border:1px solid #a88e00;
}

.appointment_calendar .appointment.gold:hover
{
    background-color:#ffe140;
    border:1px solid #c0a201;
}

.appointment_calendar .appointment .not_quoted_element,
.appointment_calendar .appointment .active_callback_element
{
    position:absolute;
    top:0px;
    right:5px;
    display:none;
    font-weight:bold;
    font-size:16px;
}

.appointment_calendar .appointment.not_quoted .not_quoted_element,
.appointment_calendar .appointment.active_callback .active_callback_element
{
    display:inline;
}

.appointment_calendar th
{
    background-color: #88C1ED;
    border: 1px solid #66ADE4;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
}


.appointment_calendar td
{
    background-color:#fafdff;
    height:50px;
}

.appointment_calendar td.job_slot_column
{
    background-color:#c3e7ff;
}


.appointment_calendar td.time_column
{
    text-align:center;
    background-color:#eaf6fe;
    color:#474747;
}

.context_menu
{
    display:none;
    position:absolute;
    z-index:200;
}

.context_menu ul
{
    margin:0px;
    padding:0px;
    border:1px solid #7e7e7e;
}

.context_menu li
{
    list-style-type:none;
    margin:0px;
    padding:5px 20px 5px 40px;
    cursor:pointer;
    background-color:#f5f5f5;
    border-top:1px solid #f5f5f5;
    border-bottom:1px solid #f5f5f5;
    background-repeat:no-repeat;
    background-position:2px 2px;
}

.context_menu li.red
{
    background-image:url('../images/appointment_menu_red.png');
}

.context_menu li.green
{
    background-image:url('../images/appointment_menu_green.png');
}

.context_menu li.grey
{
    background-image:url('../images/appointment_menu_grey.png');
}

.context_menu li.orange
{
    background-image:url('../images/appointment_menu_orange.png');
}

.context_menu li.email
{
    background-image:url('../images/email_send.png');
}

.context_menu li.quote
{
    background-image:url('../images/icon_quote.png');
}

.context_menu li.xero
{
    background-image:url('../images/xero.png');
}

.context_menu li.print
{
    background-image:url('../images/icon_print2.png');
}

.context_menu li.first
{
    border-top:0px solid #f5f5f5;
}

.context_menu li.last
{
    border-bottom:0px solid #f5f5f5;
}

.context_menu li:hover
{
    background-color:#f9f9f9;
    border-top:1px solid #c9c9c9;
    border-bottom:1px solid #c9c9c9;
}

.context_menu li.first:hover
{
    border-top:0px solid #c9c9c9;
}

.context_menu li.last:hover
{
    border-bottom:0px solid #c9c9c9;
}

/*** Duplicate Clients ***/

.duplicate_clients
{
    float:right;
    width:740px;
    text-align:center;
    display:none;
}

.form .panel.duplicate_clients
{
    float:none;
    width:auto;
    text-align:center;
    display:none;
    background-color:#ffe7e7;
    border:1px solid #ffaeae;
}

.form .panel.duplicate_clients h3
{
    color:#4b0303;
}

.duplicate_clients .placeholder
{
    display:none;
}

.duplicate_clients .loading
{
    display:none;
}

/*** Lead Sources Dashboard ***/
.lead_sources_dashboard
{
    padding:0px 0px 10px 0px;
}

.lead_sources_dashboard h3
{
    margin:0;
}

.lead_sources_dashboard table th
{
    height:4px;
    padding:0;
}

#appointment_calendar .search_container
{
    width:225px;
    margin:0px 0px 15px 0px;
}

#appointment_calendar .lead_search_container
{
    display:none;
	background-color:#f8f8f8;
	padding:10px 30px 20px 30px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	border:1px solid #d0d0d0;
    border-top:0px solid white;
}

#appointment_calendar .lead_search_container .row
{
    padding:0px 0px 5px 0px;
}

#appointment_calendar .lead_search_container .submit_button_container
{
    padding:15px 0px 0px 0px;
}

#appointment_calendar .search_toggle
{
    color:#666666;
    display:block;
	background-color:#f8f8f8;
	padding:5px 10px 5px 10px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #e9e9e9;
	cursor:pointer;
	background-repeat:no-repeat;
    background-position: 195px 5px; 
}

#appointment_calendar .search_toggle.expand
{
    background-image:url(../Images/arrow_down_light_round.png);
}

#appointment_calendar .search_toggle.collapse
{
    background-image:url(../Images/arrow_up_dark_round.png);
}

#appointment_calendar .search_toggle.expand:hover
{
    background-image:url(../Images/arrow_down_dark_round.png);
}

#appointment_calendar .search_toggle:hover,
#appointment_calendar .search_toggle.collapse
{
    color:white;
	background-color:#929292;
	border:1px solid #555555;
}


/*** Booking Schedule ***/
#booking_schedule .day_panel
{
    padding:0px 0px 30px 0px;
}

#booking_schedule h3
{
    font-size:14px;   
}

#booking_schedule table
{
    width:100%;
    font-size:10px;
    border-collapse:collapse;
}

#booking_schedule table td.time_column
{
    width:40px;
}

#booking_schedule table td
{
    width:80px;
    padding-bottom:5px;
    padding-top:5px;
    text-align:center;
    border:1px solid #dddddd;
}

#booking_schedule table tr.job_slot_row td
{
    background-color: #eaf6fe;
}

#booking_schedule table td p
{
    margin:0px;
}

#booking_schedule .page_break
{
    page-break-after:always;
    margin:0px;
    height:1px;
}

#booking_schedule table .appointment
{
    background-color: #fff6c7;
    border:1px solid #d8bd26;
    padding:2px 2px 2px 2px;
    margin:2px 2px 2px 2px;
}

#booking_schedule table .appointment.not_sales_appointment
{
    background-color: #dfdfdf;
    border:1px solid #909090;
}


/*** Install Calendar ***/

.install_calendar,
.install_calendar table
{
    border-collapse: collapse;
}

.install_calendar td, 
.install_calendar th
{
    border: 1px solid #88C1ED;
    padding:0px;
}

.install_calendar th
{
    background-color: #88C1ED;
    border: 1px solid #66ADE4;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
}

.install_calendar th a
{
    color: white;
    text-decoration:none;
}

.install_calendar th a:hover
{
    text-decoration:underline;
}


.install_calendar td
{
    background-color:#fafdff;
    height:67px;
    padding:0px 5px 0px 5px;
    vertical-align: top;
}


.install_calendar td.time_column
{
    text-align:center;
    background-color:#eaf6fe;
    color:#474747;
    padding:0px 10px 0px 10px;
    vertical-align: middle;
}

.install_calendar .job
{
    display:block;
    margin:5px 0px 5px 0px;
    font-weight:bold;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    text-align:center;
    padding:5px 13px 5px 15px;
    background-position:4px 4px;
    background-repeat:no-repeat;
    cursor:pointer;
    
    background-color:#fdf1b0;
    color:#61540f;
    border:1px solid #c4aa19;
}

.install_calendar .job:hover
{
    background-color:#fff6c7;
    color:#61540f;
    border:1px solid #d8bd26;
}

.install_calendar .job.maintenance.red
{
    background-color:#ffcaca;
    color:#4b0303;
    border:1px solid #e45353;
}

.install_calendar .job.maintenance.red:hover
{
    background-color:#fed4d4;
    border:1px solid #f17171;
}

.install_calendar .job.red
{
    background-color:#ffa7a7;
    color:#4b0303;
    border:1px solid #c83030;
}

.install_calendar .job.red:hover
{
    background-color:#febbbb;
    border:1px solid #e44f4f;
}

.install_calendar .job.maintenance.green
{
    background-color:#d5fbc6;
    color:#133d03;
    border:1px solid #65c93d;
}

.install_calendar .job.maintenance.green:hover
{
    background-color:#e4ffda;
    border:1px solid #7ad954;
}

.install_calendar .job.ducted.red
{
    background-color:#d1cbfd;
    color:#090339;
    border:1px solid #4938c8;
}

.install_calendar .job.ducted.red:hover
{
    background-color:#d9d4fe;
    border:1px solid #5d4cdb;
}

.install_calendar .job.green
{
    background-color:#a7f788;
    color:#133d03;
    border:1px solid #37a30d;
}

.install_calendar .job.green:hover
{
    background-color:#b7ff9b;
    border:1px solid #4abc1d;
}

.install_calendar .job.ducted.green
{
    background-color:#78df50;
    color:#133d03;
    border:1px solid #2e880b;
}

.install_calendar .job.ducted.green:hover
{
    background-color:#89ea63;
    border:1px solid #3d9e17;
}

.install_calendar .job.green.passed_complete,
.install_calendar .job.red.passed_complete,
.install_calendar .job.ducted.green.passed_complete,
.install_calendar .job.ducted.red.passed_complete
{
    background-color:#DFDFDF;
    color:#3E3E3E;
    border:1px solid #909090;
}

.install_calendar .job.green.passed_complete:hover,
.install_calendar .job.red.passed_complete:hover,
.install_calendar .job.ducted.green.passed_complete:hover,
.install_calendar .job.ducted.red.passed_complete:hover
{
    background-color:#e7e7e7;
    border:1px solid #9b9b9b;
}

.install_calendar .job.green.passed_incomplete,
.install_calendar .job.red.passed_incomplete,
.install_calendar .job.ducted.green.passed_incomplete,
.install_calendar .job.ducted.red.passed_incomplete
{
    background-color:#a6e7ff;
    color:#062632;
    border:1px solid #298fb4;
}

.install_calendar .job.green.passed_incomplete:hover,
.install_calendar .job.red.passed_incomplete:hover,
.install_calendar .job.ducted.green.passed_incomplete:hover,
.install_calendar .job.ducted.red.passed_incomplete:hover
{
    background-color:#bcedff;
    border:1px solid #3399bf;
}

.install_calendar .job.green.shell,
.install_calendar .job.red.shell,
.install_calendar .job.ducted.green.shell,
.install_calendar .job.ducted.red.shell
{
    background-color:#fedd6b;
    color:#352a05;
    border:1px solid #b29223;
}

.install_calendar .job.green.shell:hover,
.install_calendar .job.red.shell:hover,
.install_calendar .job.ducted.green.shell:hover,
.install_calendar .job.ducted.red.shell:hover
{
    background-color:#ffe58a;
    border:1px solid #c1a030;
}

.install_calendar .job.service
{
    background-color:#e1c586;
    color:#422f06;
    border:1px solid #ac842e;
}

.install_calendar .job.service:hover
{
    background-color:#e7cd92;
    border:1px solid #b99039;
}

.install_calendar .job.service.resolved
{
    background-color:#dfdfdf;
    color:#3e3e3e;
    border:1px solid #909090;
}

.install_calendar .job.service.resolved:hover
{
    background-color:#e7e7e7;
    border:1px solid #9b9b9b;
}

.install_calendar .job.pre_inspection
{
    background-color:#fcfcfc;
    color:#333333;
    border:1px solid #999999;
}

.install_calendar .job.pre_inspection:hover
{
    background-color:#ffffff;
    border:1px solid #999999;
}

.install_calendar .job.pre_inspection.manu_plans_sent
{
    background-color:#dfdfdf;
    color:#3e3e3e;
    border:1px solid #909090;
}

.install_calendar .job.pre_inspection.manu_plans_sent:hover
{
    background-color:#e7e7e7;
    border:1px solid #9b9b9b;
}

.install_calendar .job.grey
{
    background-color:#dfdfdf;
    color:#3e3e3e;
    border:1px solid #909090;
    padding-top:20px;
    padding-bottom:20px;
}

.install_calendar .job.grey:hover
{
    background-color:#e7e7e7;
    border:1px solid #9b9b9b;
}

.install_calendar .job.pre_pipe
{
    background-color:#ffd79e;
    color:#593603;
    border:1px solid #c5790e;
}

.install_calendar .job.pre_pipe:hover
{
    background-color:#fde1b9;
    border:1px solid #d78d23;
}

.install_calendar .job.no_deposit
{
    background-position:4px 4px;
    background-repeat:no-repeat;
    background-image:url('../images/appointment_sale.png');   
}

.install_calendar .job .stock
{
    text-align:left;
    display:none;
    padding-top:5px;
}

.install_calendar .job input
{
    width:22px;
    padding-left:0px;
    margin-left:4px;
    margin-top:2px;
    margin-bottom:2px;
    font-size:10px;
}

.install_calendar .job_slot
{
    margin:5px 0px 5px 0px;
    font-weight:bold;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    text-align:center;
    padding:5px 5px 5px 5px;
    background-position:4px 4px;
    background-repeat:no-repeat;
    background-color:#fdf8b0;
    color:#3e3504;
    border:1px solid #b9ae04;
    min-height:50px;
}

.install_calendar .job_slot.electrician
{
    background-color:#fffde3;
    color:#3e3504;
    border:1px solid #e9db0a;
}

.install_calendar .job_slot.ducted_installer
{
    background-color:#ebe8ff;
    color:#150c58;
    border:1px solid #a195f5;
}

.install_calendar .job_slot.service
{
    background-color:#eee2c8;
    color:#422f06;
    border:1px solid #bf9231;
}

.install_calendar .job_slot.subcontractor
{
    background-color:#f5edbc;
    color:#201c01;
    border:1px solid #887819;
}

.install_calendar .job_slot.hover
{
    border:1px solid green;
}

.install_calendar .job.blocked_out_master
{
    display:none;
}

.install_calendar .blocked_out input.description,
.install_calendar .blocked_out_master input.description
{
    width:90px;
    display:none;
    font-size:10px;
}

.install_calendar .job input.time,
.install_calendar .job input.notes,
.install_calendar .job input.slots,
.install_calendar .job input.allocation_notes
{
    width:90px;
    display:none;
    font-size:10px;
}

.install_calendar .job span.time,
.install_calendar .job span.notes,
.install_calendar .job span.slots,
.install_calendar .job span.allocation_notes
{
    display:none;
}

.job.ui-state-disabled {
    opacity: 1 !important;
    filter: none !important;
    background-image: inherit !important;
}

/*** Customer Service ***/

#customer_service .specific_search_container
{
    height:220px;
}

#customer_service .broad_search_container
{
    width:714px;
    height:220px;
}

#customer_service .broad_search_container .radio_list
{
    float:left;
}

#customer_service .broad_search_container .submit_button_container
{
    padding-top:32px;
}

/*** CS Issues Dashboard ***/
.cs_issues_dashboard
{
    font-size:12px; 
    width:260px;
}

.cs_issues_dashboard h3
{
    margin:0px;
}

.cs_issues_dashboard .dashboard_container
{
    display:none;
	background-color:#f8f8f8;
	padding:10px 30px 20px 30px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	border:1px solid #d0d0d0;
    border-top:0px solid white;
}

.cs_issues_dashboard .dashboard_toggle
{
    color:#666666;
    display:block;
	background-color:#f8f8f8;
	padding:5px 10px 5px 10px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #e9e9e9;
	cursor:pointer;
	background-repeat:no-repeat;
    background-position: 233px 5px; 
}

.cs_issues_dashboard .dashboard_toggle.expand
{
    background-image:url(../Images/arrow_down_light_round.png);
}

.cs_issues_dashboard .dashboard_toggle.collapse
{
    background-image:url(../Images/arrow_up_dark_round.png);
}

.cs_issues_dashboard .dashboard_toggle.expand:hover
{
    background-image:url(../Images/arrow_down_dark_round.png);
}

.cs_issues_dashboard .dashboard_toggle:hover,
.cs_issues_dashboard .dashboard_toggle.collapse
{
    color:white;
	background-color:#929292;
	border:1px solid #555555;
}

/*** Staff Holidays ***/

#staff_holidays .master_row
{
    display:none;
}

#staff_holidays h2
{
    margin:0px 0px 15px 0px;
}

#staff_holidays a
{
    cursor:pointer;
}

#staff_holidays input.error
{
    border-color:Red;
}

#staff_holidays .staff_holidays_container
{
    
}

#staff_holidays .staff_holiday
{
	background-color:#f8f8f8;
	padding:10px 20px 10px 20px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	margin:0px 0px 15px 0px;
	border:1px solid #d0d0d0;
	width:415px;
}

#staff_holidays .staff_holiday span.start_date
{
    margin-right:10px;
}

#staff_holidays .staff_holiday span.end_date
{
    margin: 0px 10px 0px 20px;
}

#staff_holidays .staff_holiday .remove
{
    margin: 0px 0px 0px 20px;
}

/*** Install Calendar ***/

#install_calendar_page .install_calendar td
{
    padding:0px 5px 5px 5px;
}

#install_calendar_page .install_calendar .list td.dark
{
    cursor:pointer;
}

#install_calendar_page .install_calendar .list 
{
    width:100%;
}

#install_calendar_page .install_calendar .list td
{
    height:auto;
    padding:5px 10px 5px 10px;
}

#install_calendar_page .install_calendar .booked_low
{
    background-color:#ceffcd;
}

#install_calendar_page .install_calendar .booked_medium
{
    background-color:#ffeecd;
}

#install_calendar_page .install_calendar .booked_high
{
    background-color:#ffcdcd;
}

#install_calendar_page .install_calendar .list .distribution
{
    min-height:200px;
}

#install_calendar_page .install_calendar .list .ducted_distribution
{
    min-height:90px;
}

#install_calendar_page .install_calendar .alert
{
    font-weight:bold;
    color:Red;
}

#install_calendar_page .install_calendar .total_revenue
{
    padding-top:10px;
    font-weight:bold;
}


/*** Install Calendar ***/

#ducted_orders .filter_container
{
    width:714px;
    padding-top:20px;
}

#ducted_orders .filter_container .submit_button_container
{
    padding-top:20px;
}

#ducted_orders .alert
{
    color:Red;
    font-weight:bold;
}

#ducted_orders table.list .pre_inspection_date_missing_alert
{
    border:2px solid red;
}

.invoice_number_search
{
    width:180px;
}

.invoice_number_search .textbox_container
{
    float:left;
    background-image:url('/Images/invoice_search_text.png');
    background-repeat:no-repeat;
    width:131px;
    height:27px;
    padding:6px 0px 0px 14px;
}

.invoice_number_search .textbox_container input
{
    border:0px;
    background-color:transparent;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    color:#666666;
    font-size:13px;
    padding:0px;
    margin:0px;
    width:125px;
}

.invoice_number_button .button_container input
{
    
}

/* List Edit */

.list_edit .edit
{
    display:none;
}

.list_edit .edit
{
    display:none;
}

.list_edit .edit_row_button
{
    cursor:pointer;
}

.list_edit .save_row_button
{
    display:none;
    cursor:pointer;
}

.sortable_list 
{
    list-style-type:none; 
    margin:0; 
    padding:0;
}

.sortable_list li 
{ 
    margin:0px 20px 5px 0px;
    padding:5px; 
    padding-left:20px;
    height: 18px;
 }
    
.sortable_list li span 
{ 
    position: absolute;
    margin-left: -17px;
}

#staff_order_page h2 
{
    margin-bottom:15px;
}

.emailer_outcome_panel
{
    background-color:#fffde3;
    border:1px solid #e9db0a;
    padding:15px;
    margin-bottom:20px;
}

.emailer_outcome_panel ul
{
    margin:0px;
}

.emailer_outcome_panel p
{
    margin: 0;
    padding: 5px 10px 5px 0;   
}

.day_notes_list .day_notes_container
{
    padding:20px 0px 0px 0px;
}

.day_notes_list .day_note .edit
{
    display:none;
}

.day_notes_list .day_note a
{
    cursor:pointer;
}

.day_notes_list .day_note
{
    margin:0px 0px 20px 0px;
}

.day_notes_list .day_note span.note_text
{
    white-space: pre;
}

.day_notes_list .day_note textarea
{
    width:374px;
    height:100px;
}

.day_notes_list .day_note .note_background
{
    /*background-color:#fef9b5;*/
    background: rgba(254,249,181,1);
    background: -moz-linear-gradient(top, rgba(254,249,181,1) 0%, rgba(242,231,152,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,249,181,1)), color-stop(100%, rgba(242,231,152,1)));
    background: -webkit-linear-gradient(top, rgba(254,249,181,1) 0%, rgba(242,231,152,1) 100%);
    background: -o-linear-gradient(top, rgba(254,249,181,1) 0%, rgba(242,231,152,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,249,181,1) 0%, rgba(242,231,152,1) 100%);
    background: linear-gradient(to bottom, rgba(254,249,181,1) 0%, rgba(242,231,152,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9b5', endColorstr='#f2e798', GradientType=0 );

    border:1px solid #c6bc32;
    min-height:70px;
    padding:10px 20px 10px 20px;
    width:380px;
    float:left;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.34);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.34);
}

.day_notes_list .day_note .button_container
{
    float:left;
    margin-left:10px;
    display:none;
}

.day_notes_list .day_note .button_container a
{
    display:block;
    width:25px;
    height:25px;
    background-repeat:no-repeat;
    margin-bottom:20px;
}

.day_notes_list .day_note .button_container .edit_button
{
    background-image:url(../Images/icon_day_note_edit.png);
}

.day_notes_list .day_note .button_container .delete_button
{
    background-image:url(../Images/icon_day_note_delete.png);
}

.day_notes_list .day_note .button_container .save_button
{
    background-image:url(../Images/icon_day_note_save.png);
}

.day_notes_list .day_note .button_container .cancel_button
{
    background-image:url(../Images/icon_day_note_cancel.png);
}

.add_day_note
{
    display:block;
    cursor:pointer;
    width:25px;
    height:25px;
    background-image:url(../Images/icon_add.png);
    background-repeat:no-repeat;
}

.add_day_note:hover
{
    background-image:url(../Images/icon_add_hover.png);
}


.expandable_day_notes_list .day_notes_window
{
    display:none;
    position:absolute;
    background-color:White;
    border:1px solid #666666;
    width:460px;
    padding:0px 20px 20px 20px;
    -webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.4);
    box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.4);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.expandable_day_notes_list .show_notes_button
{
    cursor:pointer;
    display:block;
    text-align:center;
    padding:10px 10px 10px 10px;
    margin:15px 0px 6px 0px;
    border:1px solid white;
}

.expandable_day_notes_list .show_notes_button.empty
{
    background-color:#eeeeee;
    color:#666666;
}

.expandable_day_notes_list .show_notes_button.empty:hover,
.expandable_day_notes_list .show_notes_button.empty.selected
{
    border:1px solid #aaaaaa;
    color:#333333;
}

.expandable_day_notes_list .show_notes_button.has_notes
{
    background-color:#fef9b4;
    color:#666666;
}

.expandable_day_notes_list .show_notes_button.has_notes:hover,
.expandable_day_notes_list .show_notes_button.has_notes.selected
{
    border:1px solid #bbb128;
    color:#333333;
}

.notification_button
{
    background-color: #fff7f9;
    background-position: 195px 5px;
    background-repeat: no-repeat;
    border: 1px solid #f6becd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    color: #be0033;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    text-decoration:none;
}

.notification_button:hover
{
    color: #f25d85;
    background-color: #fffafb;
    border-color:#f3abbe;
}



#active_order_callbacks_page .filter_container 
{
	height:215px;
	width:734px;
	padding-top:50px;
}

#active_order_callbacks_page .filter_container .left
{
	float:left;
}

#active_order_callbacks_page .filter_container .radio_list
{
	float:left;
	padding:0px 40px 10px 0px;
}

#active_order_callbacks_page .filter_container .right
{
	float:left;
	padding:0px 0px 0px 40px;
}

#active_order_callbacks_page .filter_container .right .row
{
	padding:0px 0px 15px 0px;
}

#active_order_callbacks_page .filter_container .submit_button_container
{
	text-align:center;
	padding:62px 0px 0px 0px;
}



#active_order_callbacks_page .order_search_container
{
	height:265px;
}

#active_order_callbacks_page .order_search_container .submit_button_container
{
	float:left;
	padding:10px 0px 0px 80px;
}

#active_order_callbacks_page .order_search_container .element
{
	float:left;
	padding:2px 0px 0px 0px;
}

#active_order_callbacks_page .order_search_container .label
{
	float:left;
	width:80px;
	padding:2px 0px 0px 0px;
}


#client_detail_page .service_notes_field .edit
{
    display:none;
}

#client_detail_page .service_notes_field .content_container
{
    float:left;
}

#client_detail_page .service_notes_field .edit_controls_container
{
    float:left;
    margin-left:20px;
}

#client_detail_page .service_notes_field a
{
    cursor:pointer;
    text-decoration:underline;
}

#client_detail_page .service_notes_field textarea
{
    width:940px;
    height:100px;
    box-sizing: border-box;
}

#client_detail_page .service_notes_field .view .content_container
{
    max-width:940px;
}

/*** Order Client Change ***/

#order_client_change_page #client_form
{
    display:none;
}

#order_client_change_page .search_button,
#order_client_change_page .add_button
{
    cursor:pointer;
    text-decoration:underline;    
}

/*** Install Details ***/

.install_details_container.spacing
{
    margin-bottom:30px;
}

.install_details_container .install_details_panel h3
{
    font-size:15px;
    margin:0px;
}

.install_details_container .install_details_panel h4
{
    font-size:15px;
    margin:15px 0px 0px 0px;
}


.install_details_container .install_details_panel .install_details_value[type="text"]
{
    width:40px;
}

.install_details_container .install_details_panel .install_details_value[type="text"].medium
{
    width:150px;
}

.install_details_container .install_details_panel .install_details_value[type="text"].long
{
    width:100%;
    box-sizing:border-box;
}

.install_details_container .install_details_panel textarea.install_details_value.long
{
    width:100%;
    box-sizing:border-box;
}


.install_details_container .supply_info_colum_wide
{
    float:left;
    width:74%;
}

.install_details_container .supply_info_colum_narrow
{
    float:left;
    width:26%;
}

.install_details_container .supply_info_colum_wide .other_style
{
    padding-left:70px;
}

.install_details_container .supply_info_colum_wide .install_details_value[type="text"].large 
{
    width:350px;
}

.install_details_container .return_column
{
    float:left;
    width:30%;
}

.install_details_container .return_column .other_return_style
{
    padding-left:6px;
}

.install_details_container .return_column .other_air_transfer_style
{
    padding-left:35px;
}

.install_details_container .install_details_panel h3 .install_details_model
{
    margin-left:10px;
}

.install_details_container .install_details_panel .install_details_label
{
    margin-right:10px;
}

.install_details_container .install_details_panel .install_details_value
{
    margin-right:30px;
}

.install_details_container .install_details_panel .install_details_value.last
{
    margin-right:0px;
}

.install_details_container .install_details_panel.view_mode .install_details_value
{
    font-weight:bold;
}

.install_details_container .install_details_panel.view_mode .install_details_value.long
{
    white-space: nowrap;
    font-weight:normal;
    overflow-x:auto;
    width:100%;
    box-sizing:border-box;
    display:block;
}

.install_details_container .install_details_panel.view_mode .supply_info_left
{
    width:95px; 
    float:left;
}

.install_details_container .install_details_panel.view_mode .supply_info_right
{
    width:290px;
    float:left;
}

/*** Lead Form ***/
#lead_form .quotes_container
{
    margin-bottom:30px;
}

#lead_form .quotes_container table
{
    width: 100%;
}

/*** Appointment Details Control ***/
.appointment_details_control table
{
    width:100%;
}

.appointment_details_control table th
{
    width:68px;
}

.appointment_details_control table th.staff_code_column
{
    width:auto;
}

.appointment_details_control table a
{
    display:block;
    text-decoration:none;
}

.appointment_details_control table a:hover
{
    text-decoration:underline;
}


/*** Quote Checklist ***/

#product_order_form .quote_checklist .element.right
{
    float:right;
}

#product_order_form .quote_checklist .left_column
{
    float:left;
    width:500px;
}

#product_order_form .quote_checklist .right_column
{
    float:right;
    width:500px;
}

#product_order_form .quote_checklist .label
{
    width:230px;
}

#product_order_form .quote_checklist .element
{
    width:70px;
}

#product_order_form .quote_checklist .element.wide
{
    width:160px;
}

#product_order_form .quote_checklist .element.comment
{
    width:200px;
}

#product_order_form .quote_checklist .element.comment.wide
{
    width:700px;
}

#product_order_form .quote_checklist .element.comment input
{
    width:100%;
    box-sizing: border-box;
}


/*** Products Sold ***/
#products_sold .product_table
{
    float:left;
    margin-right:15px;
    width:270px;
}

#products_sold table
{
    width:100%;
}


/*** Quotes and Callbacks ***/
#quotes_and_callbacks .search_type_list
{
    padding: 0px 0px 15px 0px;
    width:425px;
    margin:0px auto 0px auto
}

#quotes_and_callbacks .search_type_list table td
{
    padding:0px 15px 0px 15px;
    font-size:16px;
}

/*** ListPager ***/

.list_pager
{
    margin:15px 0px 15px 0px;
}

.list_pager span a,
.list_pager span span
{
    border:1px solid #be0033;
    background-color:#fff5f8;
    color:#be0033;
    width:25px;
    height:25px;
    display:inline-block;
    text-align:center;
    vertical-align: top;
    margin:0px 22px 0px 0px;
    text-decoration: none;
    font-size:14px;
    line-height:14px;
    box-sizing: border-box;
}

.list_pager span .page_set_button
{
    padding-top:2px;
}

.list_pager span .page_button
{
    padding-top:4px;
}

.list_pager .page_button:hover
{
    border:1px solid #ff5f8a;
    color:#ff5f8a;
}

.list_pager span .current_button
{
    padding-top:4px;
    border:1px solid #64001b;
    background-color:#be0033;
    color:#ffffff;
}

.list_pager span .first_page_button,
.list_pager span .last_page_button
{
    font-size:16px;
    line-height:16px;
    padding-top:2px;
}

.list_pager span span.first_page_button,
.list_pager span span.last_page_button
{
    border:1px solid #7b7b7b;
    background-color:#e9e9e9;
    color:#333333;
}

/*** Search Limit ***/
.search_limit_waring
{
    margin:15px 0px 15px 0px;
    padding: 10px 10px 10px 10px;
    font-size:18px;
    color:Red;
    border:3px solid red;
    text-align:center;
}

/*** Sales Dashboard ***/
 .sales_dashboard table.list .thick_border
 {
     border-left-width:3px;
 }