<style type="text/css">
.bodyback{
	background-color:#EFEFEF;	
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: grey;
}
::-moz-placeholder { /* Firefox 19+ */
  color: grey;
}
:-ms-input-placeholder { /* IE 10+ */
  color: grey;
}
:-moz-placeholder { /* Firefox 18- */
  color: grey;
}
.wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	max-width: 4000px;
	justify-content:center;
    align-items: center;
	height:100%;
}

.header{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
	height:60px;
	background-color:#<?= $CompanyColor ?>;
}

.header-container{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;	
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
	width:1000px;
}

.header-left{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;	
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;	
}

.header-left-text{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:36px;
	color:#06F;
	font-weight:bold;	
}
.header-right{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;	
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	color:#000;
	font-weight:bold;		
}

.header-right-text{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	color:#0C3;	
}

.welcome_login{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:18px;
	font-style:italic;
	color:#069;
}

.logintext{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;	
}
.loginerror{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	color:#F00;
}

.loginfield {
	border:solid 1px #999;
	font-size:14px;		
  	border-radius:3px;
	text-transform:lowercase;
	padding:8px;
}
.loginfield:focus{
	border: solid 1px #999; 
	box-shadow: 0 0 8px #069;	
}
.logout_button {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	font-face:bold;
	color:#096;	
	border: solid 1px #<?= $CompanyColor ?>;	
	background-color:#fff;
 	border-radius:6px;
	padding:5px;
}
.logout_button:hover {
	color:#096;	
	border: solid 1px #0FC;	
	background-color:#<?= $CompanyColor ?>;
}

.middle{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	width: 100%;
	justify-content:center;
    align-items: center;
	background-color:#<?= $CompanyColor ?>;	
}

.pageleft{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
	max-height:100%;
	background-color:#<?= $CompanyColor ?>;	
	min-height:510px;
}
.middle-container{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;	
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
	width:1000px;	
}
.menu-wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	width:160px;
	min-height:500px;
	background-color:#<?= $CompanyColor ?>;	
  	border-radius:10px;
	border:solid 2px #0CC;
}
.page-wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	width:830px;
	min-height:500px;
	background-color:#ffffff;
  	border-radius:10px;
	border:solid 2px #0CC;	
}
.inner-page-wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	min-height:200px;
	max-width:800px;
	background-color:#ffffff;
	justify-content:space-between;
	align-content:space-around;
	flex-wrap:wrap;
}
.column-wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	padding-top:10px;
	padding-bottom:20px;

  	border-radius:10px;
	border:solid 2px #<?= $BorderColor ?>;
	width:970px;	
	max-width:970px;	
}
.pageright{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	max-height:100%;
    max-width: 100%;
	background-color:#<?= $CompanyColor ?>;	
	min-height:510px;
}

.footer{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;	
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
	align-items:center;
	background-color:#<?= $CompanyColor ?>;
	min-height:100%;
	width:100%;
}


.footer-container{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;	
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-end;
	width:1000px;	
	padding-top:10px;
	padding-right:10px;
}


.menu{
	padding-top:0px;  
	border-right:solid 1px #<?= $BackColor ?>; 
	border-left:solid 1px #<?= $BackColor ?>;	
	border-top:solid 1px #<? $BackColor ?>;
	background-color:#<?= $BackColor ?>;
}

.menu_dealer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;	
	color:#ffffff;
}

.MenuPageHeading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;	
	color:#ffffff;
	background-color:#<?= $BackColor ?>;
	border-bottom:solid 1px #<?= $RollColor ?>; 
	border-top:solid 1px #<? $BackColor ?>;
	padding:10px;	
    cursor: pointer;
    transition: 0.2s;
}
.MenuPageHeading.active, .MenuPageHeading:hover{
	color:#<?= $BackColor ?>;
	background-color:#<?= $RollColor ?>;	
	border-top:solid 1px #<? $BackColor ?>;	
}

div.panel1 {
    padding: 0px;
    max-height: 0;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    opacity: 0;
	border-bottom:solid 1px #<?= $RollColor ?>; 
}

div.panel1.show {
    opacity: 1;
    max-height: 500px;  
}


div.panel2 {
    padding: 0px;
    max-height: 0;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    opacity: 0;
	border-bottom:solid 1px #<?= $RollColor ?>; 
}

div.panel2.show {
    opacity: 1;
    max-height: 500px;  
}


.MenuPageLinks{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;	
	font-face:bold;
	color:#ffffff;
	text-decoration:none;
	background-color:#<?= $BackColor ?>;
    cursor: pointer;
    transition: 0.2s;
	padding:5px;		
}
.MenuPageLinks.active, .MenuPageLinks:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;	
	font-face:bold;
	color:#<?= $BackColor ?>;
	text-decoration:none;
	background-color:#<?= $Level2Color ?>;
	border-top:solid 1px #<? $BackColor ?>;			
}

.MenuPageLinksNoPanel{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;	
	font-face:bold;
	color:#ffffff;
	text-decoration:none;
	background-color:#<?= $BackColor ?>;
	padding:5px;		
}
.MenuPageLinksNoPanel.active, .MenuPageLinksNoPanel:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;	
	font-face:bold;
	color:#<?= $BackColor ?>;
	text-decoration:none;
	background-color:#<?= $Level2Color ?>;
	border-top:solid 1px #<? $BackColor ?>;		
}


.MenuSubPageLinks{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
	font-face:bold;
	color:#ffffff;
	text-decoration:none;	
	background-color:#<?= $BackColor ?>;
}
.MenuSubPageLinks.active,.MenuSubPageLinks:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
	font-face:bold;
	color:#ffffff;
	text-decoration:underline;	
	background-color:#<?= $BackColor ?>;
}

.pageHeader{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:16px;	
	font-face:bold;
	color:#fff;	
}
.sectionHeader{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;	
	font-face:bold;
	color:#<?= $BackColor ?>;	
}
.instructions{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	color:#<?= $BackColor ?>;		
}

.editlinks{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	color:#000;	
	text-decoration:none;
}
.editlinks:hover{
	color:#<?= $CompanyColor ?>;

}

.rededitlinks{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	color:#F00;	
	text-decoration:none;
}
.rededitlinks:hover{
	color:#<?= $CompanyColor ?>;

}


.copy{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	color:#666;	
}
.copysm{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	color:#666;	
}
.copy-grey{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	color:#666;	
}
.copy-grey-bold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	color:#666;	
	font-weight:bold;
}
.copy-bold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	color:#096;	
	font-weight:bold;
}
.copylink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	color:#096;	
	text-decoration:none;
}
.copylink:hover{
	text-decoration:underline;
}


.buttons{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:14px;	
	font-face:bold;
	color:#<?= $BackColor ?>;	
	border: solid 1px #<?= $BackColor ?>;	
	background-color:#<?= $RollColor ?>;
 	border-radius:6px;
	padding:3px;
	cursor:pointer;	
}
.buttons:hover {
	border: solid 1px #<?= $RollColor ?>;	
	background-color:#<?= $BackColor ?>;
	color:#fff;	
}

.buttons-cancel{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:14px;	
	font-face:bold;
	color:#FFF;	
	border: solid 1px #<?= $BackColor ?>;	
	background-color:#F66;
 	border-radius:6px;
	padding:3px;
	cursor:pointer;	
}
.buttons-cancel:hover {
	border: solid 1px #<?= $BackColor ?>;	
	background-color:#FCC;
	color:#F66;	
}


.buttons-white{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:10px;	
	font-face:bold;
	color:#ffffff;	
	background-color:#<?= $BackColor ?>;
	border: solid 1px #<?= $RollColor ?>;	
 	border-radius:6px;
	padding:5px;
	cursor:pointer;	
}
.buttons-white:hover {
	color:#ffffff;	
	border: solid 1px #<?= $BackColor ?>;	
	background-color:#<?= $RollColor ?>;
}

.formElement {
	font-family:Arial, Helvetica, sans-serif;
	border:solid 1px #999;
	font-size:10px;		
  	border-radius:3px;
	text-transform:uppercase;
	padding:2px;
}
.formElement:focus{
	border: solid 1px #999; 
	box-shadow: 0 0 8px #069;	
}

.formElementLine {
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:solid 1px #999;
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
	border-top:solid 1px #fff;
	font-size:10px;		
  	border-radius:3px;
	text-transform:uppercase;
	padding:2px;
}
.formElementLine:focus{
	border-bottom: solid 1px #999; 
	box-shadow: 0 0 8px #069;	
}
.formElementerror{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	font-face:bold;
	color:#666;	
	border: solid 1px #F96;	
	background-color:#fff;
 	border-radius:3px;

}

.formElementNoEdit{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	font-face:bold;
	color:#666;	
	border-bottom: solid 1px #<?= $BorderColor ?>;	
	background-color:#fff;
 	border-radius:3px;

}

.errortext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	color:#F00;
}

.lookuptext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	color:#00F;
}

.section-header{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;	
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;	
	justify-content:space-between;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;	
	color:#09C;
	text-align:left;
	padding:5px;
}
.bottom-padding{
	padding-bottom:30px;	
}

.border-top-left{	
	border-left: solid 1px #<?= $BorderColor ?>;
	border-top: solid 1px #<?= $BorderColor ?>;	
 	border-radius: 6px 0px 0px 0px;
}
.border-top{	
	border-top: solid 1px #<?= $BorderColor ?>;	
}
.border-top-right{	
	border-right: solid 1px #<?= $BorderColor ?>;
	border-top: solid 1px #<?= $BorderColor ?>;	
 	border-radius: 0px 6px 0px 0px;
}

.border-top-full{	
	border-top: solid 1px #<?= $BorderColor ?>;
	border-left: solid 1px #<?= $BorderColor ?>;
	border-right: solid 1px #<?= $BorderColor ?>;
	border-bottom: solid 1px #<?= $BorderColor ?>;		
 	border-radius: 6px 6px 0px 0px;
	background-color:#<?= $BackColor ?>;
}	
.border-left{	
	border-left: solid 1px #<?= $BorderColor ?>;	
}
.border-right{	
	border-right: solid 1px #<?= $BorderColor ?>;	
}
.border-bottom-left{	
	border-left: solid 1px #<?= $BorderColor ?>;
	border-bottom: solid 1px #<?= $BorderColor ?>;	
 	border-radius: 0px 0px 0px 6px;
}
.border-bottom-right{	
	border-right: solid 1px #<?= $BorderColor ?>;
	border-bottom: solid 1px #<?= $BorderColor ?>;	
 	border-radius: 0px 0px 6px 0px;
}
.border-bottom{	
	border-bottom: solid 1px #<?= $BorderColor ?>;	
}

.border-bottom-full{	
	border-top: solid 1px #<?= $BorderColor ?>;
	border-left: solid 1px #<?= $BorderColor ?>;
	border-right: solid 1px #<?= $BorderColor ?>;
	border-bottom: solid 1px #<?= $BorderColor ?>;	
 	border-radius: 0px 0px 6px 6px;
	background-color:#<?= $BackColor ?>;
}



.tab-over{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
	border-left:solid 1px #<?= $BorderColor ?>;
	border-right:solid 1px #<?= $BorderColor ?>;
	border-top:solid 1px #<?= $BorderColor ?>;
	border-bottom:solid 1px #fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;	
	-moz-border-radius: 5px 5px 0px 0px; 
	border-radius: 5px 5px 0px 0px;  
	color: #<?= $BackColor ?>;
}
.tab-off{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#<?= $BackColor ?>;
	border-left:solid 1px #<?= $BorderColor ?>;
	border-right:solid 1px #<?= $BorderColor ?>;
	border-top:solid 1px #<?= $BorderColor ?>;
	border-bottom:solid 1px #<?= $BorderColor ?>;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	-moz-border-radius: 5px 5px 0px 0px;  
	border-radius: 5px 5px 0px 0px; 
	color: #ffffff;
}



.autoHeader{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;	
	font-face:bold;
	color:#<?= $BorderColor ?>;	
}



.select-white{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	font-face:bold;
	color:#096;	
	border: solid 1px #fff;	
 	border-radius:6px;
	padding:5px;
	text-align:center;
	cursor:pointer;	
}
.select-white:hover {
	border: solid 1px #0FC;
	cursor:pointer;	
}

.selected-white{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	font-face:bold;
	color:#096;	
	background-color:#<?= $RollColor ?>;
	border: solid 1px #<?= $BorderColor ?>;	
 	border-radius:6px;
	padding:5px;
	text-align:center;
	cursor:pointer;	
}

.ui-datepicker {
  font-size: 0.7em !important;
  background: #<?= $RollColor ?>;
  border: 1px solid #<?= $BorderColor ?>;
  color: #<?= $BackColor ?>;

}

.home_buttons{
	font-family::Arial, Helvetica, sans-serif;
	font-size:20px;	
	font-face:bold;
	color:#<?= $BackColor ?>;
	text-decoration:none;		
	border: solid 3px #<?= $BackColor ?>;	
	background-color:#<?= $RollColor ?>;
 	border-radius:6px;
	cursor:pointer;	
	text-transform:uppercase;
	width:100px;
	height:150px;

}
.home_buttons:hover {
	border: solid 3px #<?= $RollColor ?>;	
	background-color:#<?= $BackColor ?>;
	color:#fff;	
}

.home_button_link{
	font-family::Arial, Helvetica, sans-serif;
	font-size:20px;	
	font-face:bold;
	color:#<?= $BackColor ?>;
	text-decoration:none;	
}
.home_button_link:hover{
	color:#fff;	
}



.icon_button{	
	border: solid 2px #<?= $BorderColor ?>;
 	border-radius: 6px 6px 6px 6px;
	width:100px;
	padding:5px;
}
.icon_button:hover{	

	box-shadow: 0 0 4pt 2pt #<?= $RollColor ?>;
}

.has-error{
	box-shadow: 0 0 2pt 1pt #F00;	
}
.error_text{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:10px;	
	color:#F00;
}


.switch-field {
  font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
  padding: 10px;
  overflow: hidden;
}

.switch-title {
  margin-bottom: 6px;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
  float: middle;
}

.switch-field label {
  display: inline-block;
  width: 60px;
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 6px 14px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
  background-color: #<?= $RollColor ?>;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}

.remove_div{
	padding:2px;
  	border-radius: 2px 2px 2px 2px;	
	border: solid 1px #FFF;
}
.remove_div:hover{
	border: solid 1px #<?= $RollColor ?>;	
}


.DealerName{
	font-family::Arial, Helvetica, sans-serif;
	font-size:40px;	
	font-face:bold;
	color:#000;
}




</style>