/* @override http://local.lotus/staticfiles/css/app/global.css */

/* BASE */
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#767676; }


img { border:1px solid #d9d9d9; padding:5px; }
ul	{list-style:none; padding:0; padding-left:10px; margin:0;}
ul li a {color:#000000; text-decoration:none;}
p {line-height:1.5em;} 
p {margin-bottom:1.5em; }
a {background: url(../images/blue_arrow.gif) no-repeat 0% 4px; padding-left:15px; text-decoration:none; color:#3c7ccd;}
a:hover	{text-decoration:none;}
.clear {clear:both;}
label {color:#565656;}

input[type="text"], input[type="password"], input[type="checkbox"], select, textarea, field {
	border:1px solid #ccc; 
	width:180px; 
	margin-left:5px; 
	margin:6px 0 3px 0;
}

input[type="submit"] {
	border:0; 
	background-color:white;
	background:url(../images/submit_btn.gif) no-repeat 0% 4px; 
	margin:10px 35px 0 0; 
	color:#3c7ccd;
	font-size:10px;
	border:0; 
	cursor:pointer;
	padding-left:8px;
	font-weight:bold;
}

.tooltip { border: 1px solid #ccc; padding: 5px; margin: 0; background-color: #fff; filter:alpha(opacity=90); opacity:0.90; -moz-opacity:0.90; width: 15em; }

/* GENERAL */

label { 
	float: left; width: 180px; font-weight: bold; margin-top:8px; margin-bottom:4px; 
	/*line-height: 28px;  */ /* Looks VERY bad on longer texts */ 
	line-height:1.3em;
}
	
.value { float: left; }
.fieldset { border: 1px solid #FDE7E7; padding: 5px; margin-bottom: 10px;}

.error, .success { padding: 9px 8px 9px 40px; background-repeat: no-repeat; background-position: 7px 5px; border: 1px solid #C1151C; margin-bottom: 10px;}
.error h3, .success h3 { margin: 0; font-weight: bold; font-size: 11px; }
.error p, .success p { margin: .5em 0 .5em 0; }
.success { color: #00b31b; border: 1px solid #00b31b; padding: 10px; margin: 1.22em 0; }
.success h3 { color: #00b31b; margin-top: 0; }

.warning {color:#C1151C; font-weight:bold;} /* Used for form areas */

/* BASE EXTENSIONS */
/*body { background: url(../images/body_background.jpg) repeat-x; background-position: top left; background-color: #dddddd; text-align:center;}*/
body#test {background:none; background-color:white; }

/***************
	 STRUCTURE 
***************/

#container		{margin:0 auto; margin-top:15px; padding:0; width:968px; background:none; background-color:#ffffff; text-align:left;}

#content	{*zoom: 1; padding:10px 15px 20px 15px;}
#content:after  { content: '.'; clear: both; height: 0; display: block; visibility: hidden;}

#content_fullscreen	{*zoom: 1; padding:0; margin-top:-15px; height:100%; width:100%;}

#main_img { margin:-10px -15px 0px -15px; }
#main_img img { border:0; padding:0; margin:0; }

#header {height:84px; /*background: url(../images/logo.jpg) no-repeat right;*/ margin-right:10px; position: relative;}
#logolink {z-index:100; background:transparent; position:absolute; top:0; right:0;}
#logolink a {display:block; width:224px; height:80px; background:url(../images/logo.jpg) no-repeat right;}

#main_content {padding-top:15px;}


/* BEGIN NAVIGATION*/

#nav {position:absolute; top:73px; padding:0 0 0 15px; cursor:pointer;}
#nav span {float:left; margin-right:17px;}
#nav #nav-container {margin-top:26px;}
#nav ul	{font-size:11px; width:136px; background-color:#f5f4f3; /* filter:alpha(opacity=95); opacity:0.95; -moz-opacity:0.95;*/ padding:0px;}	
#nav ul li	{list-style:none; padding:5px 0 5px 10px;}	
#nav ul li:hover {background-color:#cdcdce;}	
#nav ul li a {background:none; padding:0px; color:#696969;}

/*#nav-main {position:relative; *zoom:1;}
#nav-main:after {content:'.'; clear:both; height:0; display:block; visibility:hidden; }
#nav-main ul ul {position:absolute; top:0px; left:140px; white-space:nowrap;}
#nav-main ul ul a {}
#nav-main ul ul a.selected, #nav-main ul ul a:hover { }*/


#navigation {z-index:1000; position:absolute; top:82px; padding:0 0 0 15px; cursor:pointer; font-size:80%; font-family:Arial; }
#navigation, #navigation ul {padding:0; margin:0; list-style:none;}
#navigation ul { width: 170px; }

#navigation a { background-color: transparent; background-image: none; display:block; width:160px; padding: 5px; height:auto; color:#696969; }
#navigation a.parent { background: transparent url(../images/nav_arrow.png) no-repeat 90% center; }
#navigation a:hover { background-color:#B8B9B9; color:#292929;  }
#navigation a.parent:hover { background: #B8B9B9 url(../images/nav_arrow.png) no-repeat 90% center; }

#navigation li ul {  background: transparent url(../images/menubg3.png) no-repeat; }

#navigation li ul { margin-left:15px; margin-top:0px; position:absolute; }
#navigation li ul ul {margin: 0 0 0 170px; top:0;}
#navigation li ul ul ul {margin: 0 0 0 170px; top:0;}
#navigation li ul ul ul ul {margin: 0 0 0 170px; top:0;}
	
#navigation #menu-control { color:#3c7ccd; font-size:10px; line-height: 15px; width: 140px; font-weight:bolder; border:1px solid #d2d2d2; padding:2px 95px 2px 10px; background: #E1E1E1 url(../images/grey_arrow_dwn.gif) no-repeat 90% 8px; margin-bottom:100px;}
#navigation a{
	color: #B80000;
}
/* changes to nav */
#navigation ul li { height:15px; }
#navigation ul li ul li { height:20px; padding-top:-2px;  margin-top:-2px; width:auto; border:0; 	padding-bottom:8px;}
#navigation li ul { margin-left:-1px;margin-top:1px; }
	
#top_links { position:absolute; top:16px; left:auto; margin-left:-15px; font-size:9px; line-height:15px;}
/* ie 6 fix */
#top_links ul { background-color:#676767; height:17px; padding-left:0px; _width:411px;}
#top_links ul li { display:inline; list-style:none; padding:15px; _padding:14px;  margin:0 }
#top_links ul li a { color:#fff; text-decoration:none; }

#navdrop {z-index:1010; cursor:pointer; position: absolute; top: 16px; margin-left: 517px; }
#modelselector {z-index:1010; cursor:pointer; position: absolute; top: 16px; margin-left: 374px; }
#modelselector ul, #navdrop ul { margin: 0; padding: 0; }
#modelselector li, #navdrop li { display: block; float: left; border: 1px solid #ccc; width: 130px; padding: 1px 2px 1px 10px; font-size: 90%; background: #E1E1E1 url(../images/grey_arrow_dwn.gif) no-repeat 90% 6px; color:#3c7ccd; }
#modelselector ul ul li, #navdrop ul ul li { padding: 0; margin: 0; border-top: 0; border-bottom: 0; background-image: none; width: 142px; }
#modelselector li a, #navdrop li a { margin: 0; background-color: #E1E1E1; background-image: none; display:block; width:122px; padding:5px 10px 5px 10px; color:#696969; }
#modelselector li ul, #navdrop li ul { width:auto; height: 0; position: absolute; overflow: hidden; margin-left:-11px; margin-top:13px; background-color: #E1E1E1; border-bottom: 1px solid #ccc;  } 
#modelselector a:hover, #navdrop a:hover { background-color:#B8B9B9; color:#292929;  }
#modelselector span.menucontrol, #navdrop span.menucontrol { font-size:10px; text-transform: uppercase; }

#model_selector {background-color:#c4c4c4; padding-left:15px;}
#model_selector a {background-color:#c4c4c4; background:url(../images/grey_arrow_dwn.gif) no-repeat 100% 5px; padding-right:15px; color:#ffffff;}

#breadcrumb { z-index:1005; position:absolute; top:69px; font-size:9px; margin-left:145px;}
#breadcrumb ul li {display:inline; list-style:none; color:#838383;}
#breadcrumb ul li a {color:#838383; background:none; padding:0px;}
#breadcrumb ul li span.seperator {background: url(../images/bread_blue_arrow.gif) no-repeat 50% 4px; padding:0 8px 0 8px;}

/* END NAVIGATION*/


/* GREY BAR AREA need 2 different styles for cars and engineering because wasn't aligning*/

#section-nav {background: #444; margin:0px; padding:0px;  margin-top:-3px; margin-left:-15px; width:968px;}
#section-nav ul {margin:0; padding:0; margin-left:0px; height:21px; line-height:20px;}
#section-nav ul li {display:inline; list-style:none; padding:4px 14px 4px 14px; font-size:80%; }
#section-nav ul li.selected {background-color:#c1c1c1; color:#444; }
#section-nav ul li:hover {background-color:#666;}
#section-nav ul li a {background-image:none; padding: 0; margin: 0; color:#fff; }
#section-nav ul li.selected a {color:#3b3b3b; }

#section-nav-engineering {background: #444; margin:0px; padding:0px; margin-left: -15px; margin-top:-3px;  width:968px;}
#section-nav-engineering ul {margin:0; padding:0; margin-left:0px; height:21px; line-height:20px;}
#section-nav-engineering ul li {display:inline; list-style:none; padding:4px 14px 4px 14px; font-size:80%; }
#section-nav-engineering ul li.selected {background-color:#c1c1c1; color:#444; }
#section-nav-engineering ul li:hover {background-color:#666;}
#section-nav-engineering ul li a {background-image:none; padding: 0; margin: 0; color:#fff; }
#section-nav-engineering ul li.selected a {color:#3b3b3b; }

#mc-pagination form { float: right; }
/* END GREY BAR AREA */


/* FOOTER */
#footer	{clear:both; background: url(../images/footer_shadow.jpg) repeat-x; background-position:bottom left; background-color:#c4c4c4; height:26px; font-size:10px; line-height:25px; margin-top:2px; font-size:10px;}
#footer ul	{float:right;}	
#footer ul li	{display:inline; list-style:none; padding:10px; }	
#footer ul li a {color:#838383; text-decoration:none; background:none; padding:0px;}
/* END FOOTER */

#recruitment-view .stdtable th, #recruitment-view .stdtable td { width: 50%; border: 1px solid #ccc; }
#recruitment-view p { margin-top: 1em; }

.lhs-dates { margin-bottom: 0.7em; font-weight: bold; line-height: 1.6em; }
.lhs-dates-notes { font-weight: normal; padding-left: 0.5em; }

/* BULLETIN TABLE - customer_services_and_product_recall page */
#bulletin {
	border: 1px solid #efefef;

}
#bulletin th{
	padding: 0.75em;
	background: #CDCDCE;
	color: #2B2B2B;
}
#bulletin td{
	padding: 0.5em;
}
#bulletin .alt{
	background: #efefef;
}


.center { text-align: center;}