/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}
/* Nasty clearfix hacks */
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/ 
.clearfix{display:block;}
/* End hide from IE Mac */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*** ***/
*{
  text-align:left;
  font-family: helvetica, arial;
  color:#393939;
}
body{
  padding:1px 0 0 0;
  background:#CCC;
  background: -webkit-gradient(linear, left top, left bottom, from(#B4B4B4), to(#ccc));
  background: -moz-gradient(linear, left top, left bottom, from(#B4B4B4), to(#ccc));
}
body#auth_form_body{background:white !important;}


.important{
  background-color:#FFEDB7 !important;
  padding:5px !important;
  margin:10px 0 !important;
}
.important, .important *{color:#9F24AF !important;letter-spacing:0.5px;}
#example_dialog, .hidden{display:none;}
ul.important li:last-child, .important ul li:last-child{margin-bottom:0 !important;}
acronym, abbr{
  text-decoration:underline;
  cursor:help;
}
em ,#content em{
  font-style:italic;
  letter-spacing:0.5px;
  padding:0 3px;
  color:black !important;
}
strong{font-weight:bold;}
#content ul{margin-bottom:10px;}
#content ul li{margin-bottom:10px;margin-left:15px;list-style-type:disc;}
#content ul li ul{margin-top:10px;}
#content ol li{margin-bottom:10px;margin-left:25px;list-style-type:decimal;}

p{margin-bottom:10px;font-size:108%;line-height:1.5em;}
p.introduction{font-size:116%;}
p.request_auth{
  background:#9F24AF;
  padding:10px;
  margin:30px 0;
  text-transform:uppercase;
}
p.request_auth a, #content p.request_auth a:hover{
  color:white;
  text-decoration:none !important;
}
p.error{
  background:#F299A3;
  padding:10px;
  color:white !important;
}
#auth_form p{font-size:85%;}

a{
  color:black;
  text-decoration:none;
}
#content a{text-decoration:underline;}
#content a:hover{color:#858585;}

h1{font-size:153.9%;}
h2{font-size:131%;}
h3,h4{font-size:108%;}
h1,h2,h3{margin-bottom:10px;}
h1,h2,h3,h4{font-weight:bold;}

/** **/
#logo{
  position:absolute;
  top:0;
  left:10%;
  width:10%;
  background:white;
  border:1px solid white;
  text-align:center;
  -moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius:4px;
  -webkit-border-bottom-right-radius:4px;
}
#logo img{width:90%;display:block;margin:auto;}

#navigation, #content, #footer{
  width:76%;
  margin:0 auto;
  padding:2%;
}
#navigation{margin-top:5.5%;padding-bottom:0; padding-top:0;}
#navigation ul{
  width:85%;
  margin-left:15%;
}
#navigation ul li{
  font-size:116%;
  float:left;
  display:block;
  margin-left:3px;
}
#navigation a{
  display:block;
  background:#E6E6E6;
  color:#ccc;
  text-align:center;
  padding:12px 10px 8px;
  -moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px;
}
#home #basics_nav a,
#vehicle_data #vehicle_data_nav a,
#approved_content #approved_content_nav a,
#introduction #introduction_nav a
{background:white; color:black;}

#content, #footer{background:white;}
#content{
  -moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px;
}


#key_details{
  float:right;
  margin:10px 0 20px 20px !important;
  background:#FFEDB7;
  width:250px;
}
#content #key_details ul{margin-bottom:0;}
#key_details a, #key_details a:hover{text-decoration:none;}
#content #key_details li{
  list-style-type:none;
  margin-left:0;
  font-size:93%;
}
#key_details li em{
  display:inline-block;
  width:38%;
  vertical-align:top;
}
#key_details li span{
  display:inline-block;
  width:58%;
  vertical-align:top;  
}
#key_details li{padding:3px 0;}

#auth_request_form label{font-size:116%;}
#auth_request_form legend{display:none;}
#auth_request_form .text_input{
  width:50%;
  padding:3px 4px;
  font-size:108%;
}
iframe{border:0;}
#iframe_form{
  width:460px;
  margin:0 auto 10px 0;
  border:0;
  height:220px;
}
#iframe_form *{background:white;}

.live_example{
  background-image:url('/images/view-live.png');
  background-repeat: no-repeat;
  background-position: 98% 5px;
  cursor:pointer;
}