html, body  {
font-family: Arial , Optima, sans-serif !important;
/*
background: #F0F3F5 url('/Library/Images/bg-lines.png') 0 0 repeat !important;
*/
background: #e9e9e9;
color: #444;
padding: 0; margin: 0;
width: 100%; height: 100%; margin: 0; padding: 0;
}

div, a { 
	border-radius: 5px; 
/*	transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;	
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
*/
	}

	
.field{
	width: 100%;
}


input , textarea {
  padding: 12px 10px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  -webkit-transition: 0.5s;
  transition: 1s;
  outline: none;
  border-radius: 5px;
}

input:focus , textarea:focus {
  border: 1px solid #555;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

 

iframe {
border-collapse: collapsed !important;
border-width: 0 !important;
}

input[type='submit'], input[type='button'] {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
    color: white;
    cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 1s;
	background-color: #537bcc;
}
input[type='submit']:hover, input[type='button']:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

input[type='submit']:active, input[type='button']:active {
	position:relative;
	top:1px;
}





.VIN {
	background-color: #006400;
	color: white;
	-webkit-animation:logoShake1 1s ease 0s 1 normal;
	-moz-animation:logoShake1 1s ease 0s 1 normal;
	-ms-animation:logoShake1 1s ease 0s 1 normal;
	animation:logoShake1 1s ease 0s 1 normal;
	padding: 10px;
}

#logo {
	position: absolute;
	top: 5px; left: 20px;
	height: 35px;
	-webkit-animation:logoShake1 1s ease 0s 1 normal;
	-moz-animation:logoShake1 1s ease 0s 1 normal;
	-ms-animation:logoShake1 1s ease 0s 1 normal;
	animation:logoShake1 1s ease 0s 1 normal;
}

@-webkit-keyframes logoShake1{
0%{ -webkit-transform:translateY(0); transform:translateY(0); }
20%{ -webkit-transform:translateY(0); transform:translateY(0); }
40%{ -webkit-transform:translateY(-30px); transform:translateY(-30px); }
50%{ -webkit-transform:translateY(0); transform:translateY(0); }
60%{ -webkit-transform:translateY(-15px); transform:translateY(-15px); }
80%{ -webkit-transform:translateY(0); transform:translateY(0); }
100%{ -webkit-transform:translateY(0);transform:translateY(0); }
}


@keyframes logoShake1{
0%{ transform:translateY(0); }
20%{ transform:translateY(0); }
40%{ transform:translateY(-30px); }
50%{ transform:translateY(0); }
60%{ transform:translateY(-15px); }
80%{ transform:translateY(0); }
100%{ transform:translateY(0); }
}


#logo:hover{
-webkit-animation:logoShake2 2s linear 0s 1 normal;
-moz-animation:logoShake2 2s linear 0s 1 normal;
-ms-animation:logoShake2 2s linear 0s 1 normal;
animation:logoShake2 2s linear 0s 1 normal;
}

@-webkit-keyframes logoShake2 {
0%{ -webkit-transform: translateX(0); transform: translateX(0); }
5%{ -webkit-transform: translateX(-10px); transform: translateX(-10px); }
10%{ -webkit-transform: translateX(10px); transform: translateX(10px); }
15%{ -webkit-transform: translateX(-10px); transform: translateX(-10px); }
20%{ -webkit-transform: translateX(10px); transform: translateX(10px); }
25%{ -webkit-transform: translateX(-10px); transform: translateX(-10px); }
30%{ -webkit-transform: translateX(10px); transform: translateX(10px); }
35%{ -webkit-transform: translateX(-10px); transform: translateX(-10px); }
40%{ -webkit-transform: translateX(10px); transform: translateX(10px); }
45%{ -webkit-transform: translateX(-10px); transform: translateX(-10px); }
50%{ -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes logoShake2 {
0%{ -ms-transform: translateX(0); transform: translateX(0); }
5%{ -ms-transform: translateX(-10px); transform: translateX(-10px); }
10%{ -ms-transform: translateX(10px); transform: translateX(10px); }
15%{ -ms-transform: translateX(-10px); transform: translateX(-10px); }
20%{ -ms-transform: translateX(10px); transform: translateX(10px); }
25%{ -ms-transform: translateX(-10px); transform: translateX(-10px); }
30%{ -ms-transform: translateX(10px); transform: translateX(10px); }
35%{ -ms-transform: translateX(-10px); transform: translateX(-10px); }
40%{ -ms-transform: translateX(10px); transform: translateX(10px); }
45%{ -ms-transform: translateX(-10px); transform: translateX(-10px); }
50%{ -ms-transform: translateX(0); transform: translateX(0); }
}



a {
	color: #ccc;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: none;
}


a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#mainlinks {
	font-size: 13px;
	margin-right: 10px;
}
#aBlack {
	/* color: #000000; */
}

.WhiteLink{
	color: #565656;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 1s;
}

.WhiteLink:hover{
	color: #e97b01;
	
}


#mainnavTD   {
	display: none;
	/*
	
	height: 47px;
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;*/
}
#header {
color: #fff;
font-weight: bold;
line-height: 44px;
text-decoration: none;
height: 80px;
margin: 0 !important; padding: 0 !important;
top: 0; right: 0;
width: 100% !important;
position: fixed;
z-index: 1000;
border-radius: 0;

-moz-box-shadow:inset 0px -3px 7px 0px #092c54;
-webkit-box-shadow:inset 0px -3px 7px 0px #092c54;
box-shadow:inset 0px -3px 7px 0px #0a4284;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0a4284), color-stop(1, #0a4284));
background:-moz-linear-gradient(top, #092c54 5%,  100%);
background:-webkit-linear-gradient(top, #092c54 5%, #0a4284 100%);
background:-o-linear-gradient(top, #092c54 5%, #0a4284 100%);
background:-ms-linear-gradient(top, #092c54 5%, #0a4284 100%);
background:linear-gradient(to bottom, #092c54 5%, #0a4284 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
background-color:#0a4284;


}


#logo{
	display: none;
}


#pageWrapper, #contentWrapper {
position: relative; width: 100%;
margin: 0 !important; padding: 0 !important;
}



#mainnavTD td {
	/* width: 15%;
	height: 47px; */
	display: none;
}


#LeftCol #nav {
	margin-left: 6px;
}

#RightCol h1 {
	font-size: 18px;
	color: #666;
	margin: 0 5px; padding: 5px;
	display: none;
}
#contentTopLinks2 td {
	width: 16%;
	/*border: 1px solid #FFFFFF;
	color: #FE7E29;
	background-color: #FFFFFF;
	height: 25px;*/
}
#contentControls {
	/*background-color: #000000;*/

}
#contentControls #search {
	font-size: 14px;
	font-weight: bold;
}
#contentControls #legend {
	font-size: 11px;
	font-weight: bold;
	color: #4c4c4c;
}
.resultsTABLE  thead  th {
/*	background-color: #f0f0f0;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	height: 25px; */
}

.resultsTABLE  td {
	color: #000000;
	font-size: 14px; 
	padding: 5px;
}
.resultsTABLE .bluetext {
	color: #373854;
	font-size: 17px;
}
.email {
	font-size: 14px;
	width: 200px !important;
	overflow: hidden;
	text-transform: lowercase !important;
}

#contentTopLinks .orangebtn {
	
}
#LeftCol  #nav td {
	border: 1px solid #FFFFFF;
	height: 25px;
	font-size: 13px;
	padding-left: 10px;
	font-weight: bold;
}
#LeftCol   #nav  #selected  {
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	padding-left: 10px;
}

#dates {

	width: 600px;
	width: 100%;
	float: left;
	margin: 10px;
}
#dates select {
	margin: 0px;
}



.image {
	height: 75px; 
	width: 100px;
	overflow: hidden;
	border: 0px solid #ccc ;
	/*box-shadow: 1px 1px 10px rgba(0,0,0,0.125)*/
	padding: 0px !important;
    margin: 0 auto;
    text-align: center;
}

.image img {
	height: 75px; 
}

.color { /* Inventory vehicle color */
	float: right;
	text-transform: lowercase;
	color: gray;
}

.color:hover {

}

.buttonTABLE {
	
	background-repeat: repeat-x;
	
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;*/
	height: 27px;
	width: 20%;
}
.buttonTABLE .orangebtn {
	/* */
}
.resultsTABLE   table, .resultsTABLE  table  td {

}

.resultsTABLE1 {	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	background-color: #FFFFFF;
}
#mainnavTD .divider {
	display: none;
	/* width: 4px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;*/
}

.buttonTABLE {
	background-repeat: repeat-x;
	height: 27px;
	width: 200px;
	
}
.sb_corner {
	height: 18px;
	width: 18px;
}
.buttonTABLE td {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
}
.collapsable {
	background: #eee;
	
	background-repeat: repeat-x;*/
	color: #444;
}

.collapsable a {
color: #444;
}

.collapsable .collapse_btns, .collapsable .content, .collapsable .content a {
	color: #444;
}
.buttonTABLE .orangebtn {
	/*  */
}


.redText {color: #FF0000}
.blueText {
	color: #0000FF
}
.legal {
	font-size: 12px;
	color: #999999;
	margin-top: 10px;
}
#footlinks a:link {
	color: #000000;
	text-decoration: none;
}
#footlinks  {
	margin-top: 10px;
}
#thumb img {
	border: 1px solid #000000;
}

#LeftCol {
	position: fixed;
	left:10px;
	top: 100px;
	width: 225px;
	color: white;
	-moz-box-shadow:inset 0px -3px 7px 0px black;
	-webkit-box-shadow:inset 0px -3px 7px 0px black;
	box-shadow:inset 0px -3px 7px 0px black;
	background-color: #333;
	border-radius: 5px;
}

#LeftCol a {
	color: #eee;
	background-color: #0a4284;
	transition: .5s ease-in;
	padding: 8px;
	height: 30px;
	width: 91%;
	display: inline-block !important;
	margin: 1px;
	line-height: 30px;
}

#LeftCol a:hover {
	background-color: #df007b;
    color: white;
}

@-webkit-keyframes jump{
0%{ -webkit-transform:translateY(0); transform:translateY(0); }
20%{ -webkit-transform:translateY(0); transform:translateY(0); }
40%{ -webkit-transform:translateY(-3px); transform:translateY(-3px); }
50%{ -webkit-transform:translateY(0); transform:translateY(0); }
60%{ -webkit-transform:translateY(-5px); transform:translateY(-5px); }
80%{ -webkit-transform:translateY(0); transform:translateY(0); }
100%{ -webkit-transform:translateY(0);transform:translateY(0); }
}

@keyframes jump{
0%{ transform:translateY(0); }
20%{ transform:translateY(0); }
40%{ transform:translateY(-3px); }
50%{ transform:translateY(0); }
60%{ transform:translateY(-5px); }
80%{ transform:translateY(0); }
100%{ transform:translateY(0); }
}


.circle {
	background: linear-gradient(#cc0000, #cc9001);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    padding: 5px;
    margin-right: 6px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    float: left;
    line-height: 17px;
}


.MenuHeader{
	text-align: center; 
	color: white;
	font-size: 13px;
	font-weight: bold;
	background-color: #006400;
	padding: 10px;
	width: 90%;
	margin: 1px;
}



#RightCol
{
	position: absolute;
	margin: 0 auto;
	top: 100px;
	left: 250px;
	color: #444;
	min-width: 920px;
	padding: 10px;
	width: 80%;
	z-index: 0;
	overflow: hidden;
	
	/*
	box-shadow: 3px 5px 5px #ccc;
	border: 1px solid #ccc;
	background: white;	
	border: 1px solid #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;*/
	
	
	border: 1px solid white;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #eee;
	margin: 20px;
	backdrop-filter: blur(10px);
	background-image: linear-gradient(310deg, rgba(144, 144, 144, 0.2), rgba(255, 255, 255, 1)),	url(/Vantage/Library/Images/aurora-pattern-1.png);
	background-attachment: fixed;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 10px;

}

#RightCol  table{
	z-index: -100;
}






#content {
position: relative; width: 100%; margin: 0;
}


.button-red {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background-color: #cc0000!important;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border: 1px solid #d02718;
	display:inline-block;
	color:#ffffff !important;
	
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	/* text-shadow:1px 1px 0px #810e05 !important; */

}.button-red:hover {
	background-color: #ee0000 !important;
}.button-red:active {
	position:relative;
	top:1px;
}



              .orange-button {
                -moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
                -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
                box-shadow:inset 0px 1px 0px 0px #fff6af;
                background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
                background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
                background-color:#ffec64;
                -moz-border-radius:2px;
                -webkit-border-radius:2x;
                border-radius:2px;
                border:1px solid #ffaa22;
                display:inline-block;
                color:#444;
                
                font-size:13px;
                font-weight:bold;
                padding:6px;
                text-decoration:none;
                /* text-shadow:1px 1px 0px #ffee66; */
              }
              .orange-button:hover{
                background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
                background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
                background-color:#ffab23;
              }
              .orange-button:active {
                position:relative;
                top:1px;
              }

		
	#contentTopLinks td{
	
	background-repeat: repeat-x;
	border: 1px solid #FFFFFF; 
	font-size: 14px;
	height: 27px;
	width: 16.7%;*/
}
	

	div.buttonTABLE, #contentTopLinks6,  #contentTopLinks5 {
	width: 100%; /*Because the links become buttons. This allows their width to take effect properly. Apply this style to the containing div.*/
	text-align: center;
	}

	
		.buttonTABLE  a, #contentTopLinks5  a{ /* "5" indicates number of links within the div */
		width: 17%;
		}		
		
		#contentTopLinks6  a{ /* "6" indicates number of links within the div */
		width: 12%;
		}
		
		.buttonTABLE  a, #contentTopLinks5  a, #contentTopLinks6  a{
	display: block; position: relative; float: right; text-align: center;
	margin: 0.2%;
	margin-top: -5px;
	/*border-top: 2px solid #777;
	border-right: 1px solid #444;
	border-bottom: 1px solid #333;	*/
	-webkit-transition:	all 100ms ease-in;
	-o-transition:		all 100ms ease-in;
	transition:all 100ms ease-in;
	padding: 12px;
	font-size: 18px;
		
		
    color: #ffffff !important;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; */
    font-weight: bold !important;
    cursor: pointer !important;
    border-bottom: 3px solid #6d7d87;
    border-left-color: rgba(0,0,0,0.2) !important;
    border-right-color: rgba(0,0,0,0.1) !important;
    border-top-color: rgba(0,0,0,0.1)!important;
    border-bottom-color: rgba(0,0,0,0.2) !important;
}

	
		
		
	.buttonTABLE  a:hover, #contentTopLinks5  a:hover, #contentTopLinks6  a:hover 	{
		/*background: #ffab23; color: #444 !important; text-decoration: none;
		border-top: 2px solid #FFCC00;
		border-right: 1px solid #FF6A00;
		border-bottom: 1px solid #ED6300; */
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	}
	
	.buttonTABLE  a:active, #contentTopLinks5  a:active, #contentTopLinks6  a:active {
		background: #ffec64;
	}
		
.hoverEffect{
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
}

.hoverEffect:hover {

}
		
.tooltip{
   			display: inline-block;
			position: relative;
			background: #444; color: white !important;
			border-radius: 10px;
			width: 15px; height: 15px;
			padding: 2px;
			text-align: center;
			line-height: 15px;
		}
		
		.tooltip:hover:after{
    		background: #333;
    		background: rgba(0,0,0,.8);
    		border-radius: 5px;
    		bottom: 26px;
    		color: #fff;
    		content: attr(description);
    		right: -75%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 100000;
    		min-width: 500px;
			max-width: 700px;
		}
		
		.tooltip:hover:before{
    		border: solid;
    		border-color: #333 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 20px;
    		content: "";
    		left: 50%;
    		position: absolute;
    		z-index: 99;
		}		

.LeftColAttach {
	color: #ccccc; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 9pt;
	height: 600px;
	vertical-align: top;

}

.LeftColAttach .Scroll{
	width: 95%;
	height: 585px;
	overflow: auto;
    overflow-y: scroll;
    scrollbar-width: thin;
}

.leftInput{
	margin: 5px;
	margin-top: 5px;
	margin-bottom: 15px;
	background-color: red;
	line-height: 30px;
}

#lblLenderSelection { line-height: 30px;}


.currentTab , .currentTab a , .currentTab:visited   {
	background: gray;
	color: white;
}

.tabMenu {
	width: 100%;
	border-bottom: 2px solid #0a4284;
	border-radius: 0;
	font-weight: bold;
	font-family: arial;
}

.tabMenu:hover {
	border-bottom: 2px solid #0a4284;
}



.tabMenu  a{
display: inline-block;
padding: 5px 15px;
border: 1px solid white;
border-bottom: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
color: #f5f5f5;
-moz-box-shadow:inset 0px -3px 7px 0px #0a4284;
-webkit-box-shadow:inset 0px -3px 7px 0px #0a4284;
box-shadow:inset 0px -3px 7px 0px #0a4284;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #093a74), color-stop(1, #093a74));
background:-moz-linear-gradient(top, #0a4284 5%,  100%);
background:-webkit-linear-gradient(top, #0a4284 5%, #093a74 100%);
background:-o-linear-gradient(top, #0a4284 5%, #093a74 100%);
background:-ms-linear-gradient(top, #0a4284 5%, #093a74 100%);
background:linear-gradient(to bottom, #0a4284 5%, #093a74 100%);
background-color:#093a74;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 1s;
}

.tabMenu a:hover{
	-moz-box-shadow:inset 0px -3px 7px 0px #092c54;
	-webkit-box-shadow:inset 0px -3px 7px 0px #092c54;
	box-shadow:inset 0px -3px 7px 0px #092c54;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #092c54), color-stop(1, #0a4284));
	background:-moz-linear-gradient(top, #092c54 5%,  100%);
	background:-webkit-linear-gradient(top, #092c54 5%, #0a4284 100%);
	background:-o-linear-gradient(top, #092c54 5%, #0a4284 100%);
	background:-ms-linear-gradient(top, #092c54 5%, #0a4284 100%);
	background:linear-gradient(to bottom, #092c54 5%, #0a4284 100%);
	background-color:#0a4284;
	color: white;
}

#leadsTable {
position: relative;
height: auto;
font-size: 10pt;
}


#lead, #leadsHeader  {
width: 100%;
position: relative;
display: block;
overflow: hidden;
border: 1px solid rgba(0,0,0,0.2);
padding: 10px 0;

*/
background-image: url('/Library/Images/gradient.png');
*/

mix-blend-mode: multiply;

}

#leadsHeader a{
	color: #000;
}

#leadsHeader a:hover{
	color: #0a4284;
}


#lead {
	margin-top: 5px;
}

#leadsHeader {
height: 25px !important;
font-weight: bold;
}

#leadsHeader .days, #lead .days, .days {
text-align: center;
min-width: 20px;
max-width: 40px;
}


#leadsHeader .read, #lead .read {
width: 3%;
padding-left: 10px;
}




#lead  div, #leadsHeader div {
display: inline-block;
position: relative;
float: left;
padding: 3px;
height: 100%;
border: 0px;
}


#leadsHeader .image, #lead .image {
width: 0% !important;
min-width: 100px;

}

#leadsHeader .vehicle, #lead .vehicle {
width: 13%; text-align: left; min-width: 150px; overflow: visible; word-wrap: normal;
font-size: 11pt;
}
#leadsHeader .time, #lead .time, #leadsHeader .rep, #lead .rep  {
width: 6%; text-align: center; min-height: 75px; text-transform: capitalize;
}

#leadsHeader .date, #lead .date /*date column of leads and credit applications */
{float: right; padding-right: 50px;}


/*
#leadsHeader .source {
display: none;
}

#lead .source {
width: 8%; font-size: 10pt; line-height: 1; text-align: right;
} */


#leadsHeader .notes, #lead .notes {
text-align: center; width: 20%;
}
#lead .notes {
font-size: 9pt; line-height: 1;
}

#lead .checkbox {
position: absolute; 
top: 5px; right: 5px;
}

#leadsLegend , .leadsLegend {
position: relative;
margin: 10px auto;
padding: 10px;
font-weight: bold;
}

#leadsLegend div , .leadsLegend div {
width: 110px; 
margin: 5px; padding: 14px;
display: inline-block;
position: relative;
border: 1px solid gray;
}

.vehicleInfo {
min-width: 200px;
background-color: transparent !important;
}

.vehicleInfo a {
float: left; margin: 1px;

}



.leadContact {
width: 30%; 
text-align: center; 

overflow: hidden;
min-height: 75px;
}

.leadContact1 a {
	color: white;
}


.leadContact a {
	border: none;
	color: #4b4b4b;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 11pt;
	margin: 4px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 1s;
}

.leadContact a:hover , .notes, #lead a {
  
}

.legal {
display: none !important; /* do NOT display this class. Text is not approved and it is also not placed into all pages yet. */
}


.capitalize {
text-transform:lowercase;
}

.capitalize:first-letter {
text-transform:uppercase;
}

#pages {
position: relative;
margin: 0;
float: right;
width: 250px;
height: 30px;
}

#menuInventory, #menuInventoryMain{
 /*visibility:hidden; padding:10px; solid 1px; z-index:100000; background-color:#555; width:180px; top: 180px; left: 150px; position:fixed; 
	color: #eee;
	box-shadow: 3px 5px 3px rgba(0,0,0,0.6);
	border: 1px solid #eee;
	background: rgb(0, 0, 0); */
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	
	display: none !important;
}


.list  li{
margin: 10px;
list-style-type: none;
}

#appointment {

	padding: 20px;
	/* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; */

	position: fixed; left: 10px; top: 500px; width: 200px;
	font-size: 12pt;
	
	border: 1px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 5px solid #bbb;
	
	color: #444;
	width: 180px;
	
	background: rgba(255,255,255, 0.8);
	/* RGBa with 0.6 opacity */

	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	font-weight: bold;
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.7); */
	line-height: 2;

  animation: Reminder ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: Reminder ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: Reminder ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: Reminder ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: Reminder ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}



@keyframes Reminder{
  0% {
    opacity:0;
    transform:  translate(-1500px,0px)  ;
  }
  60% {
    opacity:1;
    transform:  translate(30px,0px)  ;
  }
  80% {
    transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes Reminder{
  0% {
    opacity:0;
    -moz-transform:  translate(-1500px,0px)  ;
  }
  60% {
    opacity:1;
    -moz-transform:  translate(30px,0px)  ;
  }
  80% {
    -moz-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes Reminder {
  0% {
    opacity:0;
    -webkit-transform:  translate(-1500px,0px)  ;
  }
  60% {
    opacity:1;
    -webkit-transform:  translate(30px,0px)  ;
  }
  80% {
    -webkit-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes Reminder {
  0% {
    opacity:0;
    -o-transform:  translate(-1500px,0px)  ;
  }
  60% {
    opacity:1;
    -o-transform:  translate(30px,0px)  ;
  }
  80% {
    -o-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes Reminder {
  0% {
    opacity:0;
    -ms-transform:  translate(-1500px,0px)  ;
  }
  60% {
    opacity:1;
    -ms-transform:  translate(30px,0px)  ;
  }
  80% {
    -ms-transform:  translate(-10px,0px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}


.fadein{
    -webkit-animation: fadein 2s; /* Safari and Chrome */
       -moz-animation: fadein 2s; /* Firefox */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}







/***** END OF Albert's NEW STYLING - STARTING NASSER'S CSS *****/


/**** FROM C:\DN-Beta\App_Themes\DN\input.css *****/

/* Chrome-style Input */
input[type="submit"] {  
    display: inline-block;   
    padding: 5px 14px;   
    
 
    border-radius: 3px;  
    box-shadow: 0 1px 3px #ddd;  
    -webkit-transition: 0.2s linear;  
}  

input[type="submit"]:disabled {  
    box-shadow: none;  
}  
      
input[type="submit"]:not(input[type="submit"]:disabled):hover {  
    box-shadow: 3px 1px 0px rgba(0, 0, 0, 0.2);   
}  
      
input[type="submit"]:not(input[type="submit"]:disabled):active {  
    box-shadow: inset 1px 2px 0px rgba(0, 0, 0, 0.2);  
} 



.radio input, .checkbox input, input[type='checkbox'], input[type='radio'] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	top: .2em;
	display: inline-block;
	background: #fafafa;
	background: -webkit-linear-gradient(top,  #fafafa 0%,#dcdcdc 100%);
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	border: 1px solid #aaa;
	box-shadow: inset 1px 2px 0px #fff, 
			0 1px 2px #bbb;
	-webkit-transition: .1s linear;
	border-radius: 3px;
	cursor: pointer;
}

.radio td:first-child {
    padding-left: 0;
}

.radio td {
    padding-left: 35px;
}

.radio label {
    padding-left: 10px;
}


	
.radio input:checked:after{
	content: '';
	display: inline-block;
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 5px;
	background: royalblue;
	box-shadow: 0 1px 1px #fff;
}
	
input[type='checkbox']:checked:after, .checkbox input:checked:after{
	/*content: '✔';*/
	content: url('/Library/Icons/check_mark_16x16.png');
	padding: 0;
	display: inline-block;
	position: absolute;
	margin: -4px auto auto -3px;
	color: blue;
	font-weight: bolder ;
	font-size: 12pt;
	/* text-shadow:  0 1px 1px #fff; */
}
	
.radio input:not(:disabled):active,
.checkbox input:not(:disabled):active, input[type='checkbox']:not(:disabled):active {
  	background: #f0f0f0;
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#bebebe 100%);
	box-shadow: inset 3px 1px 0 rgba(0,0,0,0.2);
  	/* text-shadow: 0 1px 0 rgba(255,255,255,0.25); */
}

.radio input:not(:disabled):hover, 
.checkbox input:not(:disabled):hover, input[type='checkbox']:not(:disabled):hover {
	background: #ffffff;
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);
}
	
.radio input:disabled, 
.checkbox input:disabled {
	border: 1px solid #bbb;
}

select {
	/*height: 32px;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	display: inline-block;
	
	background: 
	padding: 6px 6px 6px 15px;
	border-radius: 3px;
	border: 1px solid #aaa;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	color: #444;
	
	background: -webkit-linear-gradient(top,  #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);*/


  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
 /* background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); */
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 1px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  border: 1px solid gray;
/*  -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); */
  -webkit-box-shadow: 0 0 3px #ffffff inset, 0 3px 0px rgba(0,0,0,0.1);
  -moz-box-shadow   : 0 0 3px #ffffff inset, 0 3px 0px rgba(0,0,0,0.1);
  box-shadow        : 0 0 3px #ffffff inset, 0 3px 0px rgba(0,0,0,0.1);
  
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 35px;
  line-height: 20px;
  margin: 0;
  padding: 0 0 0 8px;
  color: #444444;
  text-decoration: none;
}

	
select:focus {
	outline: none;
}

select:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
	


label {
	height: 40px;
	line-height: 40px;
}

.select-arrow { 
	display: inline-block;
	position: absolute;
	margin: .9em 0 0 -1.2em;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #777;
}

input[type="text"], input[type="password"], input[type="number"] {
	margin: 3px;
	border: 1px solid gray;
	border-radius: 3px;
	
}
	
input[type="text"]:focus, input[type="password"]:focus {
	outline: none;
	-webkit-transition: border-color 200ms;
	border: 1px solid #cc0000;
}

.currency {
    background-image: url('/Library/Icons/dollar.png');
    background-repeat: no-repeat;
    background-position: 3% center;
    padding-left: 15px!important;
    width: 143px !important;
}










/**** FROM C:\DN-Beta\App_Themes\DN\DN.css *****/




form {
    width: 100%;
}

#container {
    width: 1000px;
    margin: 0 auto;
}

#header #header-content {
    min-width: 1000px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 5px;
}

#header h1 sub {
    font-size: 10px;
}

#header #header-content ul {
    list-style: none;
    text-align: right;
}


#content {
    width: 980px;
    margin: 0 auto;
}

#footer {
    text-align: center;
    font-weight: bold;
}

.loader {
    text-align: center;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.loader img {
    position: relative;
    top: 400px;
}

.inner-loader {
    text-align: center;
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.inner-loader img {
    position: relative;
    top: 50px;
}

.ColorSample {
    background-color: #ffffff;
    width: 18px;
    height: 18px;
    border: 1px solid gray;
    margin-top: 2px;
    margin-left: 4px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}











/**** FROM C:\DN-Beta\App_Themes\DN\default.css *****/


@charset "utf-8";
/* CSS Document */


#wrap {
	width: 100%; 
	height: 100%; 
	margin: 0 auto;
	padding: 0; 
}

#company-name {
    text-transform: uppercase;
}

.no-bullets li {
    list-style: none;
}

.required-validator {
    color: #f00;
    font-weight: bold;
	position: absolute;
	top: 0; left: 0;
}

.required-input {
    border: 1px solid #f00 !important;
}

.box {
	margin: 0 auto;
	margin-bottom: 10px;
    border: 1px solid #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #FFFFFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(Whitesmoke));
	background: -webkit-linear-gradient(#FFFFFF, Whitesmoke);
	background: -moz-linear-gradient(#FFFFFF, Whitesmoke);
	background: -ms-linear-gradient(#FFFFFF, Whitesmoke);
	background: -o-linear-gradient(#FFFFFF, Whitesmoke);
	background: linear-gradient(#FFFFFF, Whitesmoke);
	-pie-background: linear-gradient(#FFFFFF, Whitesmoke);
	behavior: url(/PIE.htc);
}

.box .content {
    padding: 20px;
    border: 1px solid white;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
    color: #565656;
    font-size: 13px;
}

.box .content a { color: #565656; }

.box .content p {
    font-size: 15px;
}

.box input[type="text"] {
    width: 152px;
}

.box .content table.standard {
    width: 100%;
    margin: 0 auto;
}

.box .content table.standard > tr {
    height: 32px;
}

.box .content table.standard > tbody > tr > th {
    width: 200px;
    text-align: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radus: 3px;
}

.box .content table.standard > tbody > tr > th > span {
    display: block;
    font-weight: normal;
    font-style: italic;
}

.box .content table.standard > tbody > tr > td {
    width: 280px;
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radus: 3px;
}


/*
a.button-blue {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff!important;
	
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	/* text-shadow:1px 1px 0px #1570cd; */
}a.button-blue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}a.button-blue:active {
	position:relative;
	top:1px;
}
*/

input[type="submit"].button-orange:active, .button-orange:active {
    background-color: #0d2c54 !important;
    box-shadow: inset 1px 2px 0px rgba(0, 0, 0, 0.2) !important;  
}



input[type="submit"].button-orange, .button-orange {
    color: white;
    cursor: pointer;
    border-bottom: 2px solid #0d2c54;
    padding: 8px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 1s;
	background-color: #123f7a;
}

input[type="submit"].button-orange:hover , .button-orange:hover {
    color: white;
	border-bottom: 3px solid #123f7a;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	background-color: #0d2c54;
}



input[type="submit"].button-green, .button-green {
    color: white;
    cursor: pointer;
    border-bottom: 2px solid #325bab;
    padding: 8px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 1s;
	background-color: #2c4f95;
}

input[type="submit"].button-green:hover , .button-green:hover {
    color: white;
	border-bottom: 3px solid #2c4f95;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	background-color: #325bab;
}


input[type="submit"].button-grey, .button-grey {
    color: #ffffff !important;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; */
    cursor: pointer !important;
    background-color: #666;
    border-bottom: 3px solid #666;
    padding: 8px;
}

input[type="submit"].button-grey:hover , .button-grey:hover {
	background-color: #888;
	border-bottom: 3px solid #888;
}

input[type="submit"].button-grey:active, .button-grey:active {
    background-color: #4cad4c !important;
    box-shadow: inset 1px 2px 0px rgba(0, 0, 0, 0.2) !important;  
}

input[type="submit"].button-blue, .button-blue {
    color: white;
    cursor: pointer;
    border-bottom: 2px solid #1d3461;
    padding: 8px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 1s;
	background-color: #537bcc;
}

input[type="submit"].button-blue:hover , .button-blue:hover {
    color: white;
	border-bottom: 3px solid #274785;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	background-color: #1d3461;
}


input[type="submit"].button-blue:active, .button-blue:active {
    background-color: #005fb3 !important;
    box-shadow: inset 1px 2px 0px rgba(0, 0, 0, 0.2) !important;  
}

input[type="submit"].button-red-delete, .button-red-delete {
    color: #ffffff !important;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; */
    font-weight: bold !important;
    cursor: pointer !important;
    background-color: #cc0000 !important;
    padding: 8px;
	border-bottom: 3px solid #cc0000;
}

input[type="submit"].button-red-delete:hover ,.button-red-delete:hover {
    background-color: #ee0000 !important;
    border-bottom: 3px solid #ee0000 !important;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 1s;
}

.button-yellow {
    color: #ffffff !important;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; */
    font-weight: bold !important;
    cursor: pointer !important;
    background-color:#ffab23 !important;
    padding: 3px;

}

.button-yellow:hover {
    background-color: #FFB261 !important;
    border-bottom: 3px solid #FFB261 !important;

}

input.save-button, .save-button {
    width: 150px;
    height: 40px;
    background-image: url('/Library/Icons/save_16x16.png') !important;
    background-repeat: no-repeat !important;
    background-position: 7% center !important;
}


.button-orange, .button-blue, .button-green, .button-grey, .button-red, .button-red-delete, .button-yellow ,
input[type="submit"].button-orange, input[type="submit"].button-blue, input[type="submit"].button-green, input[type="submit"].button-grey, input[type="submit"].button-red, input[type="submit"].button-red-delete, input[type="submit"].button-yellow
{
	border-bottom-width: 3px;
	cursor: pointer;
}




.box .content table.standard input.decode-button {
    width: 80px;
    height: 30px;
    margin-left: 10px;
}

.box .content table.standard input.reset-button {
    height: 30px;
}

.box .content table.standard input.selector-button {
    height: 30px;
}

.box .content table.standard .undo-button {
    margin-left: 10px;
    vertical-align: middle;
    cursor: pointer;
}

.box h3 {
    border: 1px solid white;
    font-size: 15px !important;
    cursor: pointer;
    text-align: left;
    padding: 2px 10px;
    background-color: #CACACA;
    -webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	color: #555;
    /* text-shadow: 1px 1px 1px white; */
}

.box h3 img {
    vertical-align: middle;
}

.box h3 .checkbox {
    padding-left: 0;
    padding-right: 10px;
}

.box h3 span {
    padding-left: 10px;
}

.box h3.shrink {
    background-image: url('/Library/Icons/round_remove_16x16.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.box h3.expand {
    background-image: url('/Library/Icons/round_add_16x16.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.image-cover {
    width: 300px;
    height: 200px;
    float: left;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.image-holder {
    width: 600px;
    float: left;
    margin-left: 20px;
}

.button-holder {
    float: left;
    width: 600px;
    margin-left: 20px;
    margin-top: 10px;
    text-align: center;
}

.button-holder input:first-child {
    margin-left: 0;
}

.button-holder input {
    margin-left: 10px;
    width: 125px;
    height: 50px;
    padding-left: 30px !important;
    color: #ffffff;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); */
    font-weight: bold;
    white-space: normal;
}

.button-holder input.upload-button {
    background-image: url('/Library/Icons/add_24x24.png') !important;
    background-repeat: no-repeat;
    background-position: 7% center;
}

.button-holder input.rearrange-button {
    background-image: url('/Library/Icons/workflow_24x24.png') !important;
    background-repeat: no-repeat;
    background-position: 5% center;
}

.button-holder input.delete-button {
    background-image: url('/Library/Icons/trash_24x24.png') !important;
    background-repeat: no-repeat;
    background-position: 7% center;
}
        
.details img {
    margin-top: 12px;
}

/* Tiny Scrollbar */
#scrollbar1 { width: 600px; margin: 0 0 10px; }
#scrollbar1 .viewport { width: 580px; height: 132px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(/Scripts/TinyScrollbar/images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(/Scripts/TinyScrollbar/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(/Scripts/TinyScrollbar/images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(/Scripts/TinyScrollbar/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/* Modal */
.modal {
    color: #000000;
	margin: 0 auto;
	margin-bottom: 10px;
    border: 1px solid #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #FFFFFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#EFEFEF));
	background: -webkit-linear-gradient(#FFFFFF, #EFEFEF);
	background: -moz-linear-gradient(#FFFFFF, #EFEFEF);
	background: -ms-linear-gradient(#FFFFFF, #EFEFEF);
	background: -o-linear-gradient(#FFFFFF, #EFEFEF);
	background: linear-gradient(#FFFFFF, #EFEFEF);
	-pie-background: linear-gradient(#FFFFFF, #EFEFEF);
	behavior: url(/PIE.htc);
	text-align: center;
}

.modal h3 {
    border: 1px solid white;
    font-size: 15px;
    cursor: pointer;
    text-align: left;
    padding: 2px 10px;
    background-color: #CACACA;
    -webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	color: #555;
    /* text-shadow: 1px 1px 1px white; */
}

.modal .content {
    padding: 20px;
    border: 1px solid white;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	color: #565656;
    font-size: 13px;
}

.modal .content .buttons {
    text-align: center;
    margin-top: 20px;
}

.modal .content .buttons input[type="submit"] {
    height: 30px;
    width: 75px;
}

.modal .content .buttons input[type="submit"]:first-child {
    margin-left: 0;
}

.modal .content .thumbnail {
    border: 2px solid #cacaca;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin: 10px;
    width: 96px;
    height: 66px;
}

.modal-background {
    background-color: gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.hidden {
    display: none !important;
}

.decoded {
    padding: 2px;
    border: 1px solid #ff0000;
    background-color: #ffffcc;
}

.color-sample {
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    border: 1px solid gray;
    margin-left: 4px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    float: left;
}

.color-select {
    width: 132px !important;
    float: left;
}

/* Chosen */
.chzn-container-single, .chzn-single {
    height: 32px !important;
	position: relative;
	top: 5px;
}

.chzn-container-single .chzn-single div, .chzn-container-single .chzn-single span {
    padding-top: 5px;
}





/************************************************************************************************************************************/
/* For JQuery Data Tables */



/*
 * Table

table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100%;
}

table.dataTable thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.dataTable td {
	padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

table.dataTable tr.even {  }

table.dataTable tr.odd td.sorting_1 {

} 

 */

 .dataTable{
    border-spacing: 5px;
    border-collapse: separate;
 	border-radius: 5px;
 }
 
 tr .odd {
	 border-bottom: 1px solid #ccc;
	 
 }
 
 
.odd td {
	border: none;
	background-color: #efefef;
	mix-blend-mode: multiply;
	background-image: none;
	border-radius: 2.5px;
 }
 
 .odd {

 }
 
 .even td {
	border: none;
	background-image: none;
	mix-blend-mode: multiply;
	border-radius: 2.5px;
 }
 
 .even {

 }

 .leadbk{
	background-color: #e9e9e9;
	background-image: url(../../images/odd.jpg);
}



.sCritical{
	background-color: #dc143c;
}

.sHigh{
	background-color: #FE9A2E;
}

.sStandard{
	background-color: #077908;
}


.sLow{
	background-color: #ffd700;
}



Case 1
priorityItem = ""

Case 2
priorityItem = ""

Case 3 
priorityItem = "Low"



/*
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }
*/

/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}


/*
 * Page length menu
 */
.dataTables_length {
	float: left;
}


/*
 * Filter
 */
.dataTables_filter {
	float: right;
	text-align: right;
}

.dataTables_filter label {
	
	font-weight: bold;
}


/*
 * Table information
 */
.dataTables_info {
	clear: both;
	float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
	height: 22px;
	line-height: 22px;
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*
 * Sorting
 */
.sorting { background: url('../images/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }
 
table.dataTable thead th:active,
table.dataTable thead td:active {
	outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}


.leads-icon-wrapper {
	margin: 20px 0 0 0;
}

.phone-icon, .demo-icon, .vehicle-icon, .write-up-icon, .turned-icon {
	width: 24px; height: 24px;
	display: inline-block;
	margin: 2px; 
	background-color: transparent;
	border: 0px solid cyan;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center;
	background-size: 100% 100%;
	border-radius: 2px;
} 

.phone-icon { background-image: url("/Library/Icons/phone.png"); }
.demo-icon { background-image: url("/Library/Icons/demo.png"); }
.vehicle-icon { background-image: url("/Library/Icons/vehicle-selection.png"); }
.write-up-icon { background-image: url("/Library/Icons/write-up.png"); }
.turned-icon { background-image: url("/Library/Icons/turned.png"); }

.goLink {
	border: 1px solid #ccc;
	display: inline-block;
	background-color: #eee; 
	padding: 0; 
}

.goLink a{ margin: 2px 10px;}

#vehicleList {
float: right; width: 350px; margin: 10px;
}


/************************************************************************************************************************************/
/* For Mobile Friendliness */

@media screen and (max-width: 800px) {

#LeftCol, #RightCol, .tabMenu, #vehicleList , #contentTopLinks5  #inventoryTable_filter label input {width: 95% !important; top: 5px; text-align: center!important; position: relative!important; min-width: 300px!important; overflow: hidden!important;}

.image, .image img {width: 100px !important;}

.vehicleInfo {
	padding-top: 50px!important;
	position: relative;
}

.tabMenu  a { float: left; }

.yearmakemodel {
	position: absolute;
	top: 0px; left: -110px;
	min-width: 300px!important;
	background: transparent;
	text-align: left;
}

#appointment { top: 0px; display: inline-block; font-size: 10px; width: 30%; padding: 0;  left: 200px;  }
#appointment img { width: 16px; }

#LeftCol { top: 120px; }

#RightCol { top: 100px; left: 0;}
	
#menuInventory, #menuInventoryMain, #inventoryTable_length,  .color , 
#leadsHeader .notes, #lead .notes, 
#leadsHeader .days, #lead .days,   
#leadsHeader .read, #lead .read ,
#leadsHeader .vehicle, #lead .vehicle,
#leadsHeader .source, #lead .source 
{ display: none!important; }


.leadContact { width: 30%; }

#leadsHeader .time, #lead .time, #leadsHeader .rep, #lead .rep  { width: 23%; margin: 2px;}

#inventoryTable_filter label input { height: 50px; min-width: 300px;}


  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px !important;
    
  }
  
.button-orange, .button-blue, .button-green, .button-grey, .button-red, .button-red-delete, .button-yellow ,
input[type="submit"], input[type="button"], input[type="submit"].button-orange, input[type="submit"].button-blue, input[type="submit"].button-green, input[type="submit"].button-grey, input[type="submit"].button-red, input[type="submit"].button-red-delete, input[type="submit"].button-yellow
{
	width: 150px;
	height: 35px;
	line-height: 30px;
}
  
  
 

}






/************************************************************************************************************************************/
/* For Print Friendliness */



@media print {

/* For elements that we may make exceptions for */
a, div { 	color: black;}



/* No Exceptions! */
input, select, img, #header, #LeftCol, #contentTopLinks2, #contentTopLinks6, #contentTopLinks5, #pages, #SiteSearchFrmLeads, #legend, #dates a,
#leadsHeader .read, #leadsHeader .image, #lead .read, #lead .image, #leadsHeader .checkbox, #lead .checkbox, #leadsHeader .days, #lead .days, div.buttonTABLE,
.tooltip, .tabMenu, .dataTables_length, .dataTables_filter, .instructions,
.button-red, .button-blue, .button-green, .button-grey, .button-orange, .button-red-delete, .buttonTABLE 
 { 	visibility: hidden !important; 
	display: none !important; 
	overflow: hidden !important;
}


#dates { border: none;}
#dates select { visibility: visible !important; border: 0; border-bottom: 2px solid grey; background: white; box-shadow: none; padding: 0; margin: -5px; font-weight: bold; font-size: 15px;}

.pagebreak{ page-break-before: always; }

#RightCol, h1, h2 { margin: 0 !important; padding: 0 !important; border: 0 !important; top: 0; box-shadow: none;}

#leadsHeader .notes, #lead .notes { width: 33%;}

#lead { background: none; border: 0; border-bottom: 1px dotted grey; }

}

@page {
margin: 0.5cm;
}

.tbl{
	border: 1px solid #545454;
	border-radius: 10px;
    border-collapse: collapse;
    border-style: hidden;
}

.tbl td{
	padding-left: 10px;
	padding-right: 10px;
}

.justify{
	text-align: justify;
}

.Yellow , .Yellow td {
	background-color: #ffd700;
	background-image: url(../../images/yellow-pattern-background.jpg);
}



input[type=text] {
  padding: 12px 15px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

input[type=text]:focus {

}



.CustomReport a{
	color: #030368;
}

.CustomReport a:hover{
	color: #0a4284;
	font-weight: bold;
}

.Setting{
	padding-top: 30px;
	text-align:center;
}

.Setting a{
	display: block;
	margin: 30px;
	width: 300px;
}



/* The SelectAll */
.SelectAll {
  display: block;
  position: relative;
  padding-left: 40px;

  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: -10px;
}

/* Hide the browser's default checkbox */
.SelectAll input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  height: 25px;
  width: 25px;
  background-color: #eee;
  text-align: center;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.SelectAll:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.SelectAll input:checked ~ .checkmark {
  background-color: #092c55;
  border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
  
}

/* Show the checkmark when checked */
.SelectAll input:checked ~ .checkmark:after {
  display: inline-block;
}

/* Style the checkmark/indicator */
.SelectAll .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.foot{
	font-size: 12px;
}