/* CSS for DealerSocket AAX Login */

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus
{
	/* remember to define focus styles! */
	outline: 0;
}
body
{
	 background: #fff; /* -white */
	/* background: #000000; -black */
	line-height: 1.2;
}
ol, ul
{
	list-style: none;
}
table
{
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td
{
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}
blockquote, q
{
	quotes: "" "";
}
a img
{
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
	display: block;
}

/* Global */
body, input, textarea
{
	color: #49596e;
	font: 14px Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1;
}
body
{
	/* background: #000 url('/images/login/body_bg.jpg') top left repeat-x; */
}
::selection
{
	background: #ccd6db; /* Safari */
}
::-moz-selection
{
	background: #ccd6db; /* Firefox */
}

/* Container */
#marketing-wrapper
{
	margin: 0 auto;
	z-index: 1;
	position: relative;
}
#wrapper
{
	width: 900px;
	margin: 0 auto;
	z-index: 2;
}
#container
{
	background: #fff;
	height: 460px;
	-moz-box-shadow: 0px 0px 25px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 25px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 25px rgba(0,0,0,0.2);
	overflow: hidden;
}
#login-wrapper
{
	float: left;
	width: 234px;
	height: 424px;
	padding: 18px;
}
#login-wrapper h2
{
	margin-top:10px;
	font-size: 35px;
	margin-bottom:35px;
}

#login-box ul , #login-box-error ul
{
	padding: 0 0 15px;
	margin: 15px 0;
	list-style: none;
	font-size: 11px;
	line-height: 18px;
	border-bottom: 2px solid #d7d8d9;
}
#login-box-reset ul
{
	padding: 0 0 15px;
	margin: 4px 0;
	list-style: none;
	font-size: 11px;
	line-height: 8px;
	border-bottom: 2px solid #d7d8d9;
}
#login-box-forgot ul
{
	padding: 0 0 10px;
	margin: 2px 0;
	list-style: none;
	font-size: 1px;
	line-height: 18px;
	border-bottom: 2px solid #d7d8d9;
}
#marketing-message, #reset-message
{
	font-size: 12px;
	line-height: 14px;
}
#marketing-message h3
{
	font-weight: bold;
	line-height: 14px;
}

/* Header */
#header
{
	margin: 0px auto 16px;
	height : 100px;
}
#header h1
{
	float: left;
	padding: 0;
	margin: 0 0 5px 0px;
	display: block;
	width: 450px;
	height: 55px;
	margin-top : 50px;
	text-indent: -9999px;
}
#header h1 a
{
	display: block;
	width: 100%;
	height: 100%;
	background: url('../images/login/logo.png')  4px 0px no-repeat; 
	background-size: 305px 31px;
	
}
#header h2
{
	float: right;
	font-size:15px;
	padding: 0;
	margin: 0;
	display: block;
	width: 330px;
	margin-top: 55px;
	height: 50px;
	text-indent: -100px;
	
}
navtext {
		color: #999da3;
		}
#header h2 a
{
	display: inline;
	font-size: 15px;
	/*font: 18px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; */
	width: 100%;
	height: 0px; 
	/* background: url('') 0px 0px no-repeat;*/
	color: #999da3;
}
#header h2 a:hover
{
	color: #000000;
}

.reset {

	color:#990000;
}

/* clearfix */
.group:before, .group:after
{
	content: "";
	display: table;
}
.group:after
{
	clear: both;
}
.group
{
	zoom: 1;
}

/**/
.hideme
{
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

/* Text elements */
p
{
	margin-bottom: 2.625em;
}
ul, ol
{
	margin: 0 0 1.625em 2.5em;
}
ul
{
	list-style: square;
}
ol
{
	list-style-type: decimal;
}
ol ol
{
	list-style: upper-alpha;
}
ol ol ol
{
	list-style: lower-roman;
}
ol ol ol ol
{
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul
{
	margin-bottom: 0;
}
dl
{
	margin: 0 1.625em;
}
dt
{
	font-weight: bold;
}
dd
{
	margin-bottom: 1.625em;
}
strong
{
	font-weight: bold;
}
cite, em, i
{
	font-style: italic;
}
blockquote
{
	font-family: Georgia, "Bitstream Charter" , serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite
{
	font-style: normal;
}
blockquote cite
{
	color: #666;
	font: 12px Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre
{
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch" , Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd
{
	font: 13px Monaco, Consolas, "Andale Mono" , "DejaVu Sans Mono" , monospace;
}
abbr, acronym, dfn
{
	border-bottom: 1px dotted #666;
	cursor: help;
}
address
{
	display: block;
	margin: 0 0 1.625em;
}
ins
{
	background: #fff9c0;
	text-decoration: none;
}
sup, sub
{
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup
{
	bottom: 1ex;
}
sub
{
	top: .5ex;
}
hr
{
	background-color: #e5eef1;
	border: 0;
	height: 1px;
	margin: 0.625em 0 1.625em;
}

/* Forms */
input[type=text], input[type=password], textarea
{
	background: #fff;
/*	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.16);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.16);
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.16);
	border-top: 1px solid #848484;
	border-right: 1px solid #c1c1c1;
	border-left: 1px solid #c1c1c1;
	border-bottom: 1px solid #e1e1e1;
	color: #999; */
	height: 38px;
	line-height: 20px;
	padding: 3px !important;
	width: 96%;
	margin-bottom: 12px;
}
input[type=text]:focus, input[type=password]:focus
{
	color: #000;
	background: #e8f7ff;
}
input[type=submit]
{
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	height: 22px;
	width: 50px;
	border: 1px solid #5692c5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
	background: rgb(113,186,248);
	background: -moz-linear-gradient(top,  rgba(113,186,248,1) 0%, rgba(74,146,208,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,186,248,1)), color-stop(100%,rgba(74,146,208,1)));
	background: -webkit-linear-gradient(top,  rgba(113,186,248,1) 0%,rgba(74,146,208,1) 100%);
	background: -o-linear-gradient(top,  rgba(113,186,248,1) 0%,rgba(74,146,208,1) 100%);
	background: -ms-linear-gradient(top,  rgba(113,186,248,1) 0%,rgba(74,146,208,1) 100%);
	background: linear-gradient(to bottom,  rgba(113,186,248,1) 0%,rgba(74,146,208,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71baf8', endColorstr='#4a92d0',GradientType=0 ); 
}
input[type=submit]:hover
{
	background: rgb(105,164,216);
	background: -moz-linear-gradient(top,  rgb(105,164,216) 0%, rgb(68,126,179) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(105,164,216)), color-stop(100%,rgb(68,126,179)));
	background: -webkit-linear-gradient(top,  rgb(105,164,216) 0%,rgb(68,126,179) 100%);
	background: -o-linear-gradient(top,  rgb(105,164,216) 0%,rgb(68,126,179) 100%);
	background: -ms-linear-gradient(top,  rgb(105,164,216) 0%,rgb(68,126,179) 100%);
	background: linear-gradient(to bottom,  rgb(105,164,216) 0%,rgb(68,126,179) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69a4d8', endColorstr='#447eb3',GradientType=0 );
}
label
{
	font-size: 15x;
}

/* Links */
a
{
	color: #6699c5;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a:focus, a:active, a:hover
{
	color: #0089ff;
	text-decoration: none;
	outline: none;
}

/* Marketing Promotion */
#main
{
	float: left;
	width: 630px;
	height: 461px;
	position: relative;
}
#main img
{
	z-index: 1;
}
#main a#learn-more
{
	position: absolute;
	bottom: 1px;
	left: 200px;
	color: #fff;
    font-style:italic;
    font-weight:bolder;
    font-size-adjust:initial;
    text-align:center;
	padding: 10px 3px 3px 6px;
	line-height: 20px;
	background: rgb(0,156,205);
    height: 29px;
    width: 220px;
    opacity: 0;
}
#main a#learn-more span
{
	position: absolute;
	right: 18px;
	top: 15px;
	display: block;
	width: 15px;
	height: 15px;
	/*background: url('/images/login/learn-more-arrow.png') top left no-repeat;*/
}
#main a#learn-more:hover
{
	background: rgb(225,225,235);
    opacity: 0.85;
/*  background: -moz-linear-gradient(top,  rgb(86,177,69) 0%, rgb(46,137,29) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(86,177,69)),   color-stop(100%,rgb(46,137,29)));
	background: -webkit-linear-gradient(top,  rgb(86,177,69) 0%,rgb(46,137,29) 100%);
	background: -o-linear-gradient(top,  rgb(86,177,69) 0%,rgb(46,137,29) 100%);
	background: -ms-linear-gradient(top,  rgb(86,177,69) 0%,rgb(46,137,29) 100%);
	background: linear-gradient(to bottom,  rgb(86,177,69) 0%,rgb(46,137,29) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56b145', endColorstr='#2e891d',GradientType=0 ); */
}

/* Marketing Ad */
#marketing-ad
{
	display: block;
	width: 122px;
	height: 460px;
	position: absolute;
	bottom:64px;
	left: 50%;
	margin-left: 450px;
	text-indent: -9999px;
	/* background: url('/images/login/ad-truetarget.png') center left no-repeat; */
	z-index: 1;
}

/* Footer */
#footer
{
	color: #999da3;
	font-size: 14px;
	text-align: center;
	padding: 3em 0; /* footer spacing */
}
#footer p
{
	margin-bottom: 0;
}
#footer a
{
	color: #999da3;
}
#footer a:hover
{
	color: #000000;
}

.reset {

	color:#990000;
}
div.error {
	background:#fef5f5 url(/images/icon-error.gif) no-repeat 3px 3px;
	border:2px solid #fff;
	padding:4px 4px 4px 25px;
	color:#c43131;
	margin-bottom:10px;
	position:absolute;
}

.error {
	color:#c43131;
}

.success {
	color:#36ae1d;	
}
#login-box-reset h1, #login-box p {
	margin: 2px 0 5px 0;	
}
#login-box-reset h1 {
	font-size:18px;	
}

#login-box-forgot h1, #login-box p {
	margin: 2px 0 5px 0;	
}
#login-box-forgot h1 {
	font-size:18px;	
}

#login-box-error ,#login-box-success
{
padding: 15px 15px 15px 15px;
position: absolute;
border: solid 1px black;     
left: 6%;     
top: 17%;     
background: #e1e1e1 url('/images/login/login-wrapper.jpg') top left repeat;  
}