html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font-family: Arial;
	font-size: 10pt;
	color: #000000;
	background-color: #ffffff !important;
}

a, a:link, a:visited {
	font-family: Arial;
	color: #3a78b6;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	cursor: pointer;
}

br {
	clear: left;
}

button {
	color: #ffffff;
	font-family: Verdana, Helvetica, Arial;
	font-size: 9pt;
	font-weight: bold;
	background-color: #5b85a6;
	border-style: outset;
	border-color: #6fa3ca;
	padding-left: 12px;
	padding-right: 12px;
}

.button {
	color: #ffffff;
	font-family: Verdana, Helvetica, Arial;
	font-size: 9pt;
	font-weight: bold;
	background-color: #5b85a6;
	border-style: outset;
	border-color: #6fa3ca;
	padding-left: 12px;
	padding-right: 12px;
}

.x-tbar-csv-download {
	background-image: url('../images/csv_button.gif') !important;
}

.x-tbar-excel-download {
	background-image: url('../images/excel_button.gif') !important;
}

.x-tbar-xml-download {
	background-image: url('../images/icon_xml.gif') !important;
}

.x-tbar-map {
	background-image: url('../images/map_button.gif') !important;
}

.grid-icon-calendar-day {
	background-image: url('../images/calendar_view_day.png') !important;
}

.grid-icon-camera {
	background-image: url('../images/icons/camera-gray-new.png') !important;
}

.grid-icon-pdf {
	background-image: url('../images/icons/pdf.png') !important;
}

.grid-icon-pdf-hq {
	background-image: url('../images/icons/pdf2.png') !important;
	background-size: contain;
}

.grid-icon-camera-hq {
	background-image: url('../images/icons/camera-hq.png') !important;
	background-size: contain;
}

.redo-icon-hq {
	background-image: url('../images/icons/redo-hq.png') !important;
	background-size: contain;
}

.instruction-icon-hq {
	background-image: url('../images/icons/instructions.png') !important;
	background-size: contain;
}

.wrench-icon-hq {
	background-image: url('../images/icons/wrench.png') !important;
	background-size: contain;
}



.grid-icon-print {
	background-image: url('../images/action_print.gif') !important;
}

.grid-icon-email {
	background-image: url('../images/icon_email.gif') !important;
}

.grid-icon-map {
	background-image: url('../images/icons/map-red.png') !important;
}

.grid-icon-location {
	background-image: url('../images/map_button.gif') !important;
}

.grid-icon-report-go {
	background-image: url('../images/report_go.png') !important;
}

.grid-icon-report-edit {
	background-image: url('../images/report_edit.png') !important;
}

.grid-icon-report-delete {
	background-image: url('../images/report_delete.png') !important;
}

.grid-icon-store-note {
	background-image: url('../images/icon_store_note.png') !important;
}

.grid-icon-mop {
	background-image: url('../images/report_go.png') !important;
}



.grid-icon-key-go {
	background-image: url('../images/key_go.png') !important;
}

.grid-icon-cross {
	background-image: url('../images/cross.png') !important;
}

.grid-icon-add {
	background-image: url('../images/add.png') !important;
}

/*.grid-icon-delete {
	background-image: url('../images/delete.png') !important;
}*/

.grid-icon-contact-edit {
	background-image: url('../images/contact_edit.png') !important;
}

.grid-icon-contact-delete {
	background-image: url('../images/contact_delete.png') !important;
}

.combo-item-cb-checked {
	background: url('../images/cb_checked.gif') no-repeat 2px 2px;
	padding: 2px;
}

.combo-item-cb-unchecked {
	background: url('../images/cb_unchecked.gif') no-repeat 2px 2px;
	padding: 2px;
}

#error_messages {
    color: #da3533;
    font-weight: normal;
    padding: 6px;
}

#msft_reps_login #error_messages {
	background-color: white;
    background: white !important;
    padding: 10px !important;
    border-radius: 0 !important;
    position: relative;
	color: #cc0303;
    box-shadow: 1px 1px 1px #aaaaaa;
    margin-top: 10px;
    display: block;
    position: absolute;
	width: 167px;
}

#msft_reps_login div#error_messages:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    position: absolute;
    top: -10px;
}
.error_message {
	color: #DA3533;
	font-weight: bold;
}

#container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -56px;
    overflow: hidden;
}

#content {
	/*padding: 0px 10px 20px 10px;*/
	margin-left: auto;
	margin-right: auto;
}

#header {
	background: #ff0;
	padding: 10px;
}
#push {
	height: 56px;
}

#footer {
    height: 54px;
    margin: 0 auto 0 auto;
    width: 98%;
    padding: 0px;
    font-family: Helvetica, Arial;
    font-size: 10px;
    text-align: center;
    clear: both;
    margin-top: 5px;
}

#footer:before {
    content: "";
    height: 5px;
    display: block;
}

#banner {
	display: block;
	height: 24px;
	min-width: 300px;
	width: 100%;
	border-bottom: 1px solid #cccccc;
	background: url('../images/blue_banner_grad.gif') repeat-x;
}




#banner #banner_text {
	display: block;
	width: 400px;
	height: 24px;
	line-height: 24px;
	padding-left: 10px;
	color: #ffffff;
	font-size: 12pt;
	font-weight: bold;
}

#ws_logo {
	background: url('../images/westlake_logo.jpg') no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 25px;
	width: 330px;
	height: 100px;
}

#logo {
	margin-top: 5px;
	background:  url('../images/am-retail-logo.gif') no-repeat;
	width: 249px;
	height: 54px;
}

div.float_clear {
	clear: both;
	height: 0px;
}

#text_metrics_dummy {
	font: 11px arial,tahoma,helvetica,sans-serif;
	display: none;
}

#main_tabs {
	float: left;
	width: 100%;
	font-family: Helvetica, Arial;
	font-size: 13px;
	line-height: 15px;
	background: url('../images/main_tab_bottom.gif') repeat-x bottom;
	position: relative;
}
#main_tabs ul {
	margin: 0;
	padding: 10px 10px 0 30px;
	list-style: none;
}
#main_tabs li {
	float: left;
	background: url("../images/norm_left.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 8px;
}
#main_tabs ul a {
	float: left;
	display: block;
	background: url("../images/norm_right.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	font-weight: bold;
	color: #444444;
	outline-style: none;
	-moz-outline-style:none;
	cursor: pointer;
}

#main_tabs ul a:hover {
	color: #444444;
	text-decoration: underline;

}
#main_tabs .current {
	background-image: url("../images/main_tab_left_on.gif");
}

#main_tabs ul .current a {
	background-image: url("../images/main_tab_right_on.gif");
	color: #ffffff;
	text-decoration: none;
	cursor: default;
	padding-bottom: 9px;
}

#main_tabs #welcome {
	position: absolute;
	right: 0px;
	top: -4px;
	text-align: right;
	font-weight: bold;
	color: #444444;
}

#main_tabs #sign_out {
	position: absolute;
	right: 150px;
	top: 14px;
}

#main_tabs #sign_out_link {
	position: absolute;
	right: 0px;
	top: 16px;
}

#main_tabs #my_account_link {
	position: absolute;
	right: 62px;
	top: 16px;
}

#no_menu_items #main_tabs #welcome {
	top: -33px;
}

#no_menu_items #main_tabs #sign_out_link {
	top: -13px;
}

#no_menu_items #main_tabs #my_account_link {
	top: -13px;
}

#edit_window_title_left {
	background: url("../images/gray_title_left.gif") no-repeat;
	width: 5px;
	height: 30px;
	float: left;
}

#edit_window {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 293px;
}

#edit_window_title_middle {
	background: url("../images/gray_title_bg.gif") repeat-x;
	font-size: 13px;
	color: #444444;
	font-weight: bold;
	text-align: center;
	height: 30px;
	line-height: 30px;
	width: 270px;
	float: left;
	padding: 0px 6px;
}

#edit_window_title_right {
	background: url("../images/gray_title_right.gif") no-repeat;
	width: 5px;
	height: 30px;
	float: left;
}

#edit_window_body {
	clear: both;
	width: 270px;
	padding: 10px;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
}

#edit_window_body label {
	float: left;
	color: #444444;
	font-weight: bold;
	width: 40%;
	text-align: right;
	padding: 4px;
	margin-right: 0.5em;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
}

#edit_window_body label .required {
	color: #da3533;
	font-size: 1.3em;
	vertical-align: middle;
}

#edit_window_body span.form_element {
	width: 60%;
	text-align: left;
}

#edit_window_body input {
	margin: 2px;
}

#filters_panel {
	_width:
}	

div.filters_container {
	_width:100%;
	_padding: 0px;
}	



div.filters {
	background-color: #e2e2e2;
	padding: 4px;
	line-height: 18px;
}

div.filters label {
	font-size: 92%;
	font-weight: bold;
	color: #444444;
	padding-left: 10px;
}

div.filters select {
	font-size: 92%;
	_width:100%;
}

.ext_form_separator {
	height: 1px;
	margin: 6px 0;
	width: 100%;
	border-top: 2px solid #15428B;
}

.add_bold {
	font-weight: bold;
}

.retail_ext_fieldset_hidden_border {
	border-color: transparent !important;
}

.retail_ext_displayfield_total_hours {
	padding-top: 3px !important;
	padding-left: 113px !important;
	font-weight: bold;
}

div .sq_separator {
	height: 1px;
	line-height: 1px;
	width: 100%;
	border-top: 1px solid #000000;
}

#coming_soon {
	width: 250px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-weight: bold;
	font-size: 14px;
	padding: 0px 30px;
	color: #444444;
	background-color:  #d5d5d5;
	border: 1px solid #bbbbbb;
}

#splash_footer {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
	height: 125px;
	min-width: 300px;
	width: 100%;
	text-align: center;
}

.store_note_past_due tr{
	background-color:  #CC0033;
	color: #ffffff;
}
.store_note_past_due div{
	font-weight: bold;
}
.store_note_past_due a{
	color: #ffffff;
}

.store_note_nearly_due tr{
	background-color:  #ffff66;
}


.store_note_completed tr{
	background-color:  #99ff99;

}

.grey_centered {
	color: #cccccc;
	text-align: center;
	
}

.red_centered_bold {
	color: #DA3533;
	font-weight: bold;
}

.tree_row_active {
	background-color: #fcffa1;
}

.tree_row_assigned {
	background-color: #abdeab;
}

.tree_row_required {
	background-color: #fcd9de;
}

.country-combo {
	border: none !important;
    padding: 0px !important;
    background: transparent !important;
}

a.blue_button {
	background: linear-gradient(to bottom, #006086 5%, #476e9e 100%);
	background-color: #006086;
	border-radius: 10px;
	border: 1px solid #4e6096;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	width: 170px;
	font-family: Arial;
	font-size: 14px;
	padding: 12px 37px;
	text-decoration: none;
	text-align: center;
	text-shadow: 0px 1px 0px #283966;
}
a.blue_button:hover {
	background: linear-gradient(to bottom, #476e9e 5%, #006086 100%);
	background-color: #476e9e;
}
a.blue_button:active {
	position: relative;
	top: 1px;
}
.custom-clockwiseIcon {
    width: 21px!important;
    height: 20px!important;
    cursor: pointer;
    background-image: url(../images/clockwise_icon.png) !important;
}
.custom-anticlockwiseIcon {
    width: 21px!important;
    height: 20px!important;
    cursor: pointer;
    background-image: url(../images/anticlockwise_icon.png) !important;
}