/*.footer, .footerb { behavior: url(/css/iepngfix.htc) }*/
html {
  background: #FFFFFF;
}

body {
  background: #FFFFFF;
  height: 100%;
  font-family: arial, helvetica, clean, sans-serif;
  font-size: 13px;
  font-size-adjust: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1.231;
}

/* override the default editor to be 100% height to acommidate for scrollbars */
.x-grid3-body {
	height: 100%
	}
	
	/* override the default error underline for ext js */
	.x-form-invalid, textarea.x-form-invalid {
		background-image: none
	}

a, span {
  background-repeat: no-repeat;
}

.x-window-bwrap ul {
  margin: 0px 0px 0px 10px;
  list-style-type: disc;
  list-style-position: outside;
}

.x-window-bwrap li {
  margin: 0px 0px 0px 10px;
}
/* icons */
.icon_add {
  background-image: url(/images/icons/add.png) !important;
  background-repeat: no-repeat;
  background-position: left;
}

.icon_delete {
  background-image: url(/images/icons/delete.png) !important;
  background-repeat: no-repeat;
  background-position: left;
}

.icon_set_appointment {
  background-image: url(/images/icons/accessories-text-editor.png) !important;
  background-repeat: no-repeat;
  background-position: left;
}

.icon_comment_count {
  background-image: url(/images/icons/font-x-generic.png) !important;
  background-repeat: no-repeat;
  background-position: left;
}

.icon_comment {
  background-image: url(/images/icons/text-x-generic-template.png) !important;
  background-repeat: no-repeat;
  background-position: left;
}

.icon_previous {
  background-image: url(/images/icons/previous.gif) !important;
  background-repeat: no-repeat;
  background-position: left;
}

.icon_next {
  background-image: url(/images/icons/next.gif) !important;
  background-repeat: no-repeat;
  background-position: left;
}

.icon_filter {
  background-image: url(/images/icons/filter.png) !important;
  background-repeat: no-repeat;
  background-position: left;
}

.icon_success {
  background-image: url(/images/icons/checkmark.png) !important;
  background-repeat: no-repeat;
  background-position: left;
}

.icon_warning {
  background-image: url(/images/icons/warning.png) !important;
  background-repeat: no-repeat;
  background-position: left;
}

.icon_time {
  background-image: url(/images/icons/time.png) !important;
  background-repeat: no-repeat;
  background-position: left;
}

.icon_print{
	background-image: url(/images/icons/document-print.png) !important;
  background-repeat: no-repeat;
  background-position: left;
}
/*COLORS*/
.c_k_0 {
  color: #000;
}

.c_k_1 {
}

.c_k_f {
  color: #FFFFFF;
}

.c_rgb_1 {
  color: #007236;
} /*green*/
/*FONTS & TEXT*/
.f_b {
  font-weight: bold;
}

.f_n {
  font-weight: normal;
}

.f_t_u {
  text-decoration: underline;
}

.f_t_n {
  text-decoration: none;
}
/*HEADERS*/
h1, h2, h3, h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin: 0;
}
/*MARGINS*/
/*LISTS*/
ul.free {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

ul.free li {
  list-style: none;
}

ul.horizontal li {
  float: left;
}
/*ANCHORS*/
.btn_gnrc {
}

.btn_gnrc span, .btn_gnrc input {
}

.btn_gnrc input {
}

#hd {
  background-image: url(/images/hd_rep.jpg);
  background-repeat: repeat-x;
  height: 128px;
}

#hd .logo {
	float: left;
  background-image: url(/images/logo.jpg);
  height: 128px;
  display: block;
  overflow: hidden;
  width: 335px;
}

#primary_nav {
  left: 20px;
  position: absolute;
  top: 95px;
  width: 497px;
}

#primary_nav ul {
  margin: 0px;
}

#primary_nav ul li { /* all list items */
  float: left;
}

#primary_nav ul li a {
  color: #91E2FF;
  font-size: 1.3em;
  display: block;
  padding: 5px 20px 4px 20px;
  text-decoration: none;
  font-family: arial narrow, arial, helvetica, clean, sans-serif;
}

#primary_nav ul li a:hover {
  color: #FFFFFF;
}

#primary_nav ul li a.selected {
  background-image: url(/images/p_nav_selected.gif);
  background-repeat: repeat-x;
  color: #086CA4;
}

#secondary_nav {
  background-image: url(/images/s_nav_rep.gif);
  background-repeat: repeat-x;
  color: #FFFFFF;
  float: right;
  height: 27px;
  margin: 2px 0 0 0;
}

#secondary_nav a {
  color: #FFFFFF;
}

#secondary_nav .stores, #secondary_nav .settings, #secondary_nav .session {
  float: left;
}

#secondary_nav .stores {
  background-image: url(/images/s_nav_left.gif);
  background-repeat: no-repeat;
  height: 27px;
  padding: 0px 0 0 10px;
}
#secondary_nav .stores p {
  margin: 3px 0 0 0;
}
#secondary_nav .stores select {
  width: 170px;
}

#secondary_nav .settings {
  padding: 2px 0 0 0;
}

#secondary_nav .session {
  background-image: url(/images/s_nav_right.gif);
  background-repeat: no-repeat;
  height: 27px;
  padding: 3px 10px 0 0;
}

#secondary_nav .splitter {
  float: left;
  display: block;
  margin: 4px 10px 0 10px;
}

#hd div.filters {
  clear: right;
  float: right;
  margin: 70px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  width: 510px;
}

#hd div.filters .add_new {
  color: #FFFFFF;
  float: right;
  margin: 2px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#hd div.filters .add_new a {
  text-decoration: none;
  color: #FFFFFF;
}

#hd div.filters .print {
  color: #FFFFFF;
  float: left;
  margin: 2px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#hd div.filters .print a {
  text-decoration: none;
  color: #FFFFFF;
}


#hd div.filters .date {
  color: #FFFFFF;
  float: right;
}

#hd div.filters .date span {
  display: block;
  float: left;
  margin: 2px 5px 0 0;
}

#hd div.filters .date .previous {
  background-image: url(/images/icons/previous.gif);
  float: left;
  height: 15px;
  display: block;
  line-height: 2000%;
  margin: 4px 6px 0 0;
  overflow: hidden;
  width: 15px;
}

#hd div.filters .date input {
  display: block;
  float: left;
  width: 80px;
}

#hd div.filters .date .next {
  background-image: url(/images/icons/next.gif);
  float: left;
  height: 15px;
  display: block;
  line-height: 2000%;
  margin: 3px 10px 0 2px;
  overflow: hidden;
  width: 15px;
}

#hd div.filters .options {
  float: right;
  width: 125px;
  margin: 2px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#hd div.filters #print {
  float: right;
}

#hd div.filters #unwind{
  float: right; 
  width: 125px; 
  text-align: center; 
  margin: 2px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#bd {
  width: 100%;
}

#bd div.main_ctnt {
  background: white;
  min-width: 1000px;
}

#bd .main_ctnt th, #bd .main_ctnt td {
  border: 0px solid black;
}

#bd .profile_help {
  float: left;
  clear:left;
  padding: 0 25px 25px 25px;
  width: auto;
}
#bd .profile_help  h3 {
  color: #5F9FBF;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0 0 10px 0;
}

#bd .edit_form {
  float: left;
  padding: 25px;
 
}

#bd .edit_form h2 {
  color: #5F9FBF;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 0 15px 0;
}


#bd .edit_form div {
  clear: left;
  float: left;
  margin: 0 0 10px 0;
}

#bd .edit_form label {
  display: block;
  float: left;
  width: 150px;
}

#bd .edit_form .pmpt_txt, #bd .edit_form .slct {
  border: 1px solid #999999;
  color: #666666;
  float: left;
  margin: 0 8px 0 0;
  padding: 3px;
}

#bd .edit_form .slct {
  width: 200px;
}

#bd .edit_form .chk_list {
  color: #666666;
  float: left;
  width: auto;
}

#bd .edit_form .chk_list li {
  padding: 0 0 3px 0;
}

#bd .edit_form .error {
  float: left;
  margin: 0 0 0 10px;
}

#bd .edit_form .error li {
  color: red;
  font-size: 0.9em;
  padding: 4px 0 0 0;
}

#bd .settings_dashboard {
  padding: 25px;
}

#bd .settings_dashboard h2 {
  color: #5F9FBF;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 0 15px 0;
}

#bd .settings_dashboard h3 {
  color: #5F9FBF;
  font-size: 1.3em;
  font-weight: bold;
  margin: 20px 0 10px 0;
}

#bd .settings_dashboard h4 {
  color: #5F9FBF;
  font-size: 1.1em;
  font-weight: bold;
  margin: 10px 0 5px 0;
}

#bd .settings_dashboard ul li {
  margin-bottom:5px;
}

#bd .settings_dashboard ul li span{
  list-style-type:disc;
  list-style-position:inside;
  color: #666666;
  margin-left:10px;
  font-size:12px;
}

#bd .settings_dashboard ul li a {
  color: #333333;
  text-decoration: none;
}

#bd .settings_dashboard ul li a:hover {
  text-decoration: underline;
}

#bd #back_setttings a {
  color: #666666;
  display: block;
  text-decoration: none;
  margin: 10px 0 0 10px;
}
#bd #back_setttings a:link {
  color: #666666;
}
#bd #back_setttings a:visited {
  color: #666666;
}
#bd #back_setttings a:hover {
  text-decoration: underline;
  color: #666666;
}
#bd #back_setttings a:active {
  color: #666666;
}

#bd .user_list h2 {
  color: #5F9FBF;
  font-size: 1.5em;
  font-weight: bold;
  margin: 10px 0 0 10px;
}
#bd .user_list #accounts_number {
  margin: 0 0 15px 10px;
}

#bd .user_list .add_user {
  background-color: #EFEFEF;
  border: 1px solid #CCCCCC;
  color: #666666;
  display: block;
  font-weight: bold;
  float: right;
  margin: 10px 20px 10px 0;
  padding: 4px;
  text-decoration: none;
  width: auto;
}

#bd .user_list .add_user:hover {
  background-color: #89EC2A;
}

#bd .user_list .add_user:hover span {
  color: white;
}

#bd .user_list .add_user span {
  color: green;
  font-size: 1.2em;
}

#bd .user_list table {
  clear: left;
}

#bd .user_list tr th {
  color: #666666;
  font-weight: bold;
}

#bd .user_list tr td, #bd .user_list tr th {
  padding: 4px;
}

#bd .user_list tr.dark td {
  clear: left;
  background-color: #E0EAEF;
}

#bd .user_list td.first, #bd .user_list th.first {
  padding-left: 20px;
}

#bd .user_list .edit {
  background-color: #DFFDFF;
  border: 1px solid #86D4EF;
  color: #33A6CF;
  display: block;
  font-size: 0.9em;
  font-weight: bold;
  float: left;
  margin: 2px 8px 2px 0px;
  padding: 2px 4px 2px 4px;
  text-decoration: none;
  width: auto;
}

#bd .user_list .edit:hover {
  background-color: #86D4EF;
  color: white;
}
#bd .edit_form input.update {
  background: none;
  background-color: #DFFDFF;
  border: 1px solid #86D4EF;
  color: #33A6CF;
  font-size: 0.9em;
  font-weight: bold;
  float: left;
  margin: 2px;
  padding: 2px;
  cursor: pointer;
}

#bd .edit_form input.update:hover {
  background-color: #86D4EF;
  color: white;
}
#bd .edit_form input.cancel {
  background: none;
  background-color: #FF5F5F;
  border: 1px solid #EF6868;
  color: white;
  font-size: 0.9em;
  font-weight: bold;
  float: left;
  margin: 2px;
  padding: 2px;
  cursor: pointer;
}

#bd .edit_form input.cancel:hover {
  background-color: #FF2F2F;
}

#bd .user_list .delete {
  background-color: #FF5F5F;
  border: 1px solid #EF6868;
  color: white;
  display: block;
  font-size: 0.9em;
  font-weight: bold;
  float: left;
  margin: 2px 02px 0px;
  padding: 2px 3px 2px 3px;
  text-decoration: none;
  width: auto;
}

#bd .user_list .delete:hover {
  background-color: #FF2F2F;
}

.footer {
  background-image: url(/images/ft_rep.png);
  background-repeat: repeat-x;
  background-color: #1098DE;
  color: #333333;
  height: 130px;
  margin: 0px;
  padding: 18px 0 0 0;
  width: 100%;
  z-index: 999;
  text-align: center;
} 
.footer #copyright {
  color: white;
  font-size: 10px;
  margin-top: 10px;
}
.footer #copyright a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}
.footer .car_stats {
  width: 100%;
  margin: 0 auto;
}
.footer .car_stats_detail {
}
.footer #up_summary{
  margin: 0 auto;
  width: 1090px;
}
.footer #sold_summary{
  margin: 0 auto;
  width: 1124px;
}
.footer #cit_summary{
  margin: 0 auto;
  width: 915px;
}
.footer #phone_summary{
  margin: 0 auto;
  width: 900px;
}
.footer #appointment_summary{
  margin: 0 auto;
  width: 880px;
}
.footer .car_stats .first, .footer .car_stats .car_stats_detail span {
  font-weight: bold;
}
.footer .car_stats span.small {
  min-width: 40px;
}
.footer .car_stats span {
  border: none;
  border-bottom: 1px solid #5CBBF3;
  display: block;
  color: #FFFFFF;
  float: left;
  margin: 0 2px 0 0;
  padding: 0 5px 2px 5px;
  min-width: 75px;
  width: auto;
  text-align: right;
}
.footer #cit_summary span {
  min-width: 135px;
}
.footer .car_stats span.first {
  border-bottom: none;
  margin: 0 15px 0 0;
  width: 200px;
}
.footer #sold_summary span.first {
  width: 200px;
}
.footer #phone_summary span {
  width: 200px;
}
.footer #appointment_summary span {
  width: 200px;
}
.footer .car_stats select {
/*background: none;
  background-image: url(/images/ft_table_select.gif);
  background-repeat: no-repeat; */
  border: 1px solid #1871A3;
  color: #000;
  display: block;
  float: right;
  height: 21px;
  text-align: center;
  width: 200px;
}

/* Custom EXT form styles */
.redField {
  color: red;
}
/* Buttons */
input.subm {
  background: transparent none repeat scroll 0 0;
  cursor: pointer;
  font-size: 1.2em;
  margin-right: 10px;
  padding: 2px 3px 1px;
}

input.sub_blue, a.sub_blue {
  border: 1px solid #71bbee;
  background-color: #f4fcfe;
  color: #54b0eb;
}

input.sub_blue:hover, a.sub_blue:hover {
  background-color: #54b0eb;
  color: #f4fcfe;
}
/* Notes */
.notes{
	width: 375px;
	min-height: 357px;
}


.notes h4 {
  font-size: 1.3em;
  margin: 0px 0px 5px 0px;
}

.notes div.note {
  float: none;
  width: 350px;
}

.notes div.date_time {
  float: left;
  width: 160px;
}

.notes div.note_options {
  float: right;
  width: 100px;
	text-align: right;
}

.notes div.author {
  clear: left;
}

.notes div.note_body {
  border-bottom: 1px dotted #cccccc;
  float: left;
  padding-bottom: 5px;
  margin: 5px 0px 10px 0px;
  width: 350px;
}

.notes textarea.note_txt {
  margin-bottom: 10px;
  width: 295px;
}

.notes div.note input
#add _note {
}

/* Jason's CSS */
td.x-grid3-col div {
	border-right: 1px solid #ededed;
}
.x-grid3-col-comment {
  cursor: pointer;
}
.x-grid3-col-delete {
  cursor: pointer;
}
.x-grid3-col-set_appointment {
  cursor: pointer;
}

/* login page footer */
#login_ft {
  background-image: url(/images/ft_rep.png);
  background-repeat: repeat-x;
  background-color: #1098DE;
  bottom: 0px;
  color: #333333;
  height: 130px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  width: 100%;
  z-index: 999;
  text-align: center;
}

#login_ft #copyright {
  color: white;
  font-size: 10px;
  margin-top: 10px;
}

#login_ft #copyright a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

/* Appointment Leading Window */

#appointment_leading_window{
	background-color: #fff;
}
#up_appointment_leading{
  background-color: #fff; 
	height: 358px;
	padding: 5px;
}

#up_appointment_leading h2{
	font-weight: bold;
}

#up_appointment_leading div.appointment{
	background-color: #E0EAEF;
	width: 300px;
	height: 50px;
	padding: 10px;
	margin-top: 10px;
	cursor: pointer;
}

#up_appointment_leading div.appointment:hover{
	background-color: #8CEF2F;
	
}

/* Vehicle - style based on new or used car */
.vehicle_hidden{
	display: none
}
.vehicle_new{
	color: #196D9D;
}
.vehicle_used{
  color: #901C1C
}

/* EDIT USER HELP */
.user-help {
  padding: 25px 10px;
  float: left;
  width: 40%;
}
.user-help p {
  font-style: italic;;
}
.user-help table {
 width: 90%;
}
.user-help table th {
  font-weight: bold;
}
.user-help table td, .user-help table th {
  padding: 3px;
}
.user-help table tr > td {
  width: 100px;
}
.user-help table tr > td + td {
  width: 300px;
}
.user_help h3 {
  color: #5F9FBF;
  font-size: 1.3em;
  font-weight: bold;
  margin: 20px 0 10px 0;
}