/******
  BASE 
*******/



* { margin: 0; padding: 0; }
html { min-height: 100%; }
body { height: 100%; width: 100%; position: absolute; font: 11px/14px Arial, sans-serif; background: #94D9DE no-repeat fixed 0 50%; color: #707070; }

img { border: 0; }
p { margin: 14px 0; line-height: 16px; }
a { color: #19a8af; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
ul { position:relative; } /* IE6 fix*/

h1 { font-size: 20px; color: #1089CF; font-weight: normal; border-bottom: 1px solid #1089CF; padding: 11px 0 10px 185px; margin-bottom: 9px; background-image: url(/img/mpower-header.jpg); background-position: -20px -15px; background-repeat:no-repeat; }
h2 { font-size: 14px; color: #1089CF; font-weight: normal; margin-bottom: 9px; margin-top: 12px}
h3 { font-size: 1.2em; font-weight: bold; margin: 9px 0 9px 0;}
h4 { color: #19a8af; font-size: 1em; font-weight: bold; margin: 9px 0 9px 0;}

table { border-collapse: collapse; border-spacing: 0; }

hr {  height: 1px; background-color: #8cd3d7; color: #8cd3d7; margin: 0 0 1.22em 0; border:0; }

fieldset { border:none; }

textarea, input, select { font-family: Arial, Helvetica, sans-serif; }

/*/input[type="text"], select, textarea { border: 1px solid #A2A3A0; } */


/*****************
  BASE EXTENSIONS
******************/

body#home, 
body#search, 
body#account,
body#widgets, 
body#usermanagement,
body#contact   			{ background-image: url(/images/backgrounds/home.jpg); background-position: 0 0; }

body#signup				{ background: url(/images/backgrounds/signup-bg.jpg) #94D9DE repeat-y; }
body#community          { background-image: url(/images/backgrounds/community.jpg); }
body#links              { background-image: url(/images/backgrounds/contact.jpg); }
body#fantasy-football   { background-image: url(/images/backgrounds/fantasy-football.jpg); }
body#news				{ background-image: url(/images/backgrounds/news.jpg); }
body#reporting,
body#fleet,
body#wholesale,
body#vehicleordering,
body#additionalorders        { background-image: url(/images/backgrounds/reporting.jpg); }
body#vehiclescrappage,
body#vehicleinput         { background-image: url(/images/backgrounds/reporting.jpg); }
body#resources, 
body#kaizen   			{ background-image: url(/images/backgrounds/resources.jpg); }
body#rewards            { background-image: url(/images/backgrounds/rewards.jpg); }

body#information		{ background-image: url(/images/backgrounds/information.jpg); }
body#recognition		{ background-image: url(/images/backgrounds/recognition.jpg); }

body#login 				{ background: #1AA19D;}


h2.separator { padding-bottom: 9px; border-bottom: 1px solid #8cd3d7; }


.page ul { list-style: none; margin: 14px 0;}
.page ul li { background: url(/images/bullet-std.gif) no-repeat 0 6px; padding-left: 10px; margin: 4px 0;}
.page ul.nobg li { background-image: none; padding-left: 0; margin: 4px 0 4px 0; }

.page ul.arrows li { background: url(/images/blue-arrow.gif) no-repeat 0 3px; }
.page ul.bullets li { background: url(/images/bullet-std.gif) no-repeat 0 6px; }

.page ol { margin: 14px 0; }
.page ol li { padding-left: 10px; margin: 14px 20px;}

em { color: #b12c2f; }
strong { color: #000; }
span.strong { color: #000; }

.page ul.bold { margin: 20px 0; }
.page ul.bold li { background: none; padding: 0; margin: 10px 0; font-size: 12px; }

.page ul.inline { list-style: none;margin: 0; }
.page ul.inline li { background: none; padding: 0; margin: 10px 0; }
.page ul.inline .dt { color: #19a8af; font-size: 12px; padding-right: 10px; }

.small { color: #acacac; }

input.text { border: 1px solid #b5b5b5; }
input { vertical-align: middle; }

/*table.std { width:100%; font-size:11px; border:1px solid #b5b5b5; }*/
table.std { width:100%; font-size:11px; }

table.std th { background:#19a8af; color:#FFF; padding:3px 6px; border-left:1px solid #FFF; font-weight:normal; }
table.std th:first-child { border-left:1px solid #b5b5b5; }
table.std th.subhead { color:#939598; background:#FFF; border:1px solid #b5b5b5; }
table.std th.side { color:#19a8af; background:#e8f6f7; border:1px solid #b5b5b5; }
table.std td { padding:3px 10px; text-align:left; background:#e8f6f7; width:50px; border:1px solid #b5b5b5; }
table.std td.left { text-align: left; }
table.std td.center { text-align: center; }
table.std td.empty { background:#87979a; }
table.std td.disable, table.std th.disable{ border: 0; background: none !important; }
table.std th.white { border-bottom:1px solid #ffffff; }
table.std th.grey { border-left:1px solid #b5b5b5; }
.grey { border-left:1px solid #b5b5b5; }

table.mini { width: 100%; font-size: 1.2em; }
table.mini th { font-weight: normal; }
table.mini tr.num th { font-weight: bold; color: black; text-align: left; }
table.mini tr.num td { text-align: center; }
table.col2 td { width: 50%; padding: 3px; }

/* i hate that i have to do this, but lack of table-cell support in IE forces this quick fix */
table.vertical-text-correct { width: 100%; margin-bottom: 1.22em; }
table.vertical-text-correct td { vertical-align: middle; }
table.vertical-text-correct td.img { padding-right: 10px; }

img.img-top { float: left; margin-right: 10px; }

hr.no-space { margin: 0; }
hr.top-space { margin: 1.22em 0 0 0; *margin-top: .7em; }

/****************
  GENERAL STYLES
*****************/

.spacer { clear: both; } 
.surround { *zoom: 1; }
.surround:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }

.first { margin-top: 0 !important; }
.last { margin-bottom: 0 !important; }
.intro { font-weight:bold; }

.large { font-size: 1.2em;}

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

.error { color: #ff0000; background-image: url(/images/icon-error.gif); background-color: #fec7c7; border-color: #ff0000; } 
.error a { color: #ff0000; text-decoration: underline; }
.error a:hover { color: #BB1B0D; }

.success { padding-bottom: 26px; position: relative; _zoom: 1; color: #229196; background-color: #daf4f4; border-color: #229196; *margin-top: 10px;}
.success a { color: #229196; text-decoration: underline; }
.success a:hover { color: #0C9BA6; }
.success .link { position: absolute; bottom: 8px; right: 8px; }

.fleet_success { padding-bottom: 26px; position: relative; _zoom: 1; color: #464845; background-image: url(/images/icon-success_fleet.gif); background-color: #eff1db; border-color: #b2b2b2; *margin-top: 10px;}
.fleet_success a { color: #229196; text-decoration: underline; }
.fleet_success a:hover { color: #0C9BA6; }
.fleet_success .link { position: absolute; bottom: 8px; right: 8px; }

.standout { font-size: 1.25em; padding: 1em; background-color: #E7F5F6; }

/****************
  GLOBAL STYLES
*****************/

.hover_text { display: none; }

.page_shadow { background: #a8a8a8; z-index: 11; position: absolute; }
.page { background: #fff; padding: 16px; margin-bottom: 30px; *zoom: 1; }
div.page.first { padding-top: 35px; }

.page:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }

.newpage { border-top: 1px solid #CBCBCB; margin-top: 15px; padding-top: 15px; }

.page-grid { *zoom: 1; }
.page-grid:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }

.mainpanel { float: left; margin-right: 30px; width: 448px; }
.sidepanel { float: left; width: 130px; }
.halfpanel-left { float: left; margin-right: 30px; width: 289px; }
.halfpanel-right { float: left; width: 289px; }

#island { position: absolute; z-index: 1; height: 100%; top: 0; left: 0;}
#island_swf { position:fixed;  }

/* Article/Intro/News Listings */
.sections-semi { width: 100%; border: 2px solid #fff;  }
.sections-semi .article { width: 50%; border: 1px solid #b5b5b5; padding: 12px 12px 10px 12px; height: 150px; }
.sections-semi .article .container { position: relative; height: 150px; width: 100%; }
.sections-semi .article-image { float: left; margin-right: 10px; }
.sections-semi .title { font-size: 15px; color: #19a8af; margin-bottom: 10px; }
.sections-semi .link { position: absolute; bottom: 0; right: 0; }

.display_results { font-weight:bold; font-size:1.2em; margin-bottom:16px; }
.display_results .page_picker { width:100px; text-align:right; float:right; font-size:11px; font-weight:normal; margin:0; }
.page_picker { text-align:center; font-size:11px; font-weight:normal; margin:20px 0 12px 0; }

.sections-full { }
.sections-full .article, .sections-full .non-article { margin-top: -1px; *zoom: 1; position: relative; padding: 10px 10px 26px 10px; border: 1px solid white; border-top: 1px solid #E2E2E2; }
.sections-full .article:hover { z-index: 10; border: 1px solid #96d7da; background: #e7f5f6; }
.sections-full .article:after, .sections-full .non-article:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
.sections-full .top { border-top: 1px solid white; }
.sections-full .article-image { float: left; margin-right: 10px;}
.sections-full .title { padding-top: 3px; font-size: 15px; color: #19a8af; margin-bottom: 6px; }
.sections-full .desc { display:table-cell; /* *float: left; *width:expression(this.previousSibling.previousSibling ? (this.parentNode.offsetWidth - this.previousSibling.previousSibling.offsetWidth-10)+ 'px' : 'auto'); */ }
.sections-full .link { position: absolute; bottom: 10px; right: 10px; }

.news { }
.news .article, .news .non-article { margin-top: -1px; *zoom: 1; position: relative; padding: 10px 10px 26px 10px; border: 1px solid white; border: 1px solid white; border-top: 1px solid #E2E2E2;  }
.news .article:hover { z-index: 10; border: 1px solid #96d7da; background: #e7f5f6; }
.news .article:after, .news .non-article:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
.news .top { border-top: 1px solid white; }
.news .article-image { float: left; margin-right: 10px; }
.news .title { font-size: 14px; color: #000; margin-bottom: 5px; }
.news .date { font-size: 11px; color: #acacac; padding-left: 15px; }
.news .desc { display:table-cell; /* *padding-bottom: 10px; *float: left; *width:expression(this.previousSibling.previousSibling ? (this.parentNode.offsetWidth - this.previousSibling.previousSibling.offsetWidth-10)+ 'px' : 'auto'); */ }
.news .link { position: absolute; bottom: 10px; right: 10px; }

.news-mini {  }
.news-mini .article, .news-mini .non-article { margin-top: -1px; *zoom: 1; position: relative; padding: 10px 10px 10px 10px; border: 1px solid white; border: 1px solid white; border-top: 1px solid #E2E2E2;  }
.news-mini .article:hover{margin-top: -1px; *zoom: 1; position: relative; padding: 10px 10px 10px 10px; border: 1px solid #96d7da; z-index: 10; background: #e7f5f6; }

.news-mini .article:after, .news-mini .non-article:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
.news-mini .top { border-top: 1px solid white; }
.news-mini .article-image { float: left; margin-right: 10px; }
.news-mini .title { font-size: 14px; color: #000;  margin-right: 70px; }
.news-mini .date { font-size: 11px; color: #acacac; padding-left: 15px; }
.news-mini .link { position: absolute; bottom: 10px; right: 10px; }

.info_boxes .box { position:relative; width:150px; float:left; margin:0 0 12px 15px; padding:16px; background:#E8F6F7; height:150px; }
.info_boxes .box.start { margin-left:0; }
.info_boxes .title { font-size:1.2em; font-weight:bold; border-bottom: 1px solid #8cd3d7; margin:0 0 10px 0; padding-bottom:6px; }
.info_boxes .desc p { font-size:1.2em; margin:0 0 6px 0; }
.info_boxes .box .link { position: absolute; bottom: 16px; right:16px; }

.adv_alt { padding: 4px; border: 1px solid #666666;	width: 200px; background: white; text-align: left; background: #f0fbfb; color: #666; }
.adv_alt br { line-height: 70%; }
.adv_alt p { margin: 7px 0; }
.adv_alt p.last { margin-bottom: 0; }

ul.tabs { list-style: none; padding: 0 0.4em; border-bottom: 1px solid #2cabaf; *zoom: 1; font-size: 13px; }
ul.tabs:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
ul.tabs li {cursor: pointer; background: #daf4f4; float: left; margin: 0 0.25em -1px 0.25em; padding: 0.2em 0.5em; border: 1px solid #2cabaf; }
ul.tabs li.selected { background-color: #fff; border-bottom: 1px solid #fff; }
ul.tabs li.disabled { cursor: default; color: #C7C7C7; background-color: #F8F8F8; border-top: 1px solid #C7C7C7; border-left: 1px solid #C7C7C7; border-right: 1px solid #C7C7C7; }

/* home pages */
#section-container { position: relative; top: 0; }

.section-view { height: 203px; background-repeat: no-repeat; position: absolute; top: 0; width: 546px; margin: 0; color: #fff; font-weight: bold; padding: 0 15px;}
.section-view p { line-height: 14px; margin-top: 0; }
.section-view h2 { font-size: 14px; font-weight: bold; color: #fff; margin-bottom: 10px; margin-top: 0; }

#section-container .recognition-section-home-box{
	background: url(/images/sections/recognition-section-header.jpg);
	width: 574px;
	height: 204px;
	}

#section-container .recognition-section-home-box p{
	font-weight: bold;
	color: #040404;
	font-size: 11px;
	display: block;
	position: relative;
	top: 60px;
	left: 20px;
	width: 265px;
}

#section-container .recognition-section-home-box .takemethere{
	top: 60px;
	left: 20px;
}

#sectionlinks { padding-top: 203px;}
#sectionlinks ul { margin: 0; padding: 0; list-style: none; border-top: 2px solid #353535; background: #696969; height: 48px; *zoom: 1; }
#sectionlinks ul:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
#sectionlinks li { background: #7D7D7D; cursor: pointer; position: relative; margin: 0; padding: 0; float: left; width: 192px; height: 48px; color: #fff; font-size: 11px; }
#sectionlinks li.selected { background: #515151; }
#sectionlinks li img, #sectionlinks li span { position: absolute; top: 0; left: 5px; height: 48px; width: 64px; }
#sectionlinks li .text { position: absolute; top: 2px; left: 74px; width: 110px; padding-right: 5px; }
#sectionlinks li h5 { font-size: 12px; font-weight: bold; margin-bottom: 0; }
/************
  STRUCTURE
*************/

#container { position: absolute; min-height: 100%; _height: 100%; *overflow-x: hidden; width: 968px; margin-bottom: 0; margin-top: -11px;}
/*
  // not sure why this has been put here...
* html body#home div#container, 
* html body#search div#container, 
* html body#account div#container, 
* html body#contact div#container { background-image: url(/images/backgrounds/home.jpg); background-position: 0 0; }
*/
#footer { z-index: 10; height: 25px; position: static; bottom: 0px; _bottom: -1px; left: 0; background: url(/images/bg-footer.png) no-repeat 0 0; width: 100%; display: none; }

#content { z-index: 10; position: relative; height: auto; margin-top: 58px; padding-bottom:45px; float: right; margin-right: 80px; display: inline; width: 608px; }

body#login #content { margin:58px 80px 0 80px; width:808px; }

body#signup div#container {
	background: url(/images/backgrounds/signup-header.jpg) no-repeat 0 0;
	padding-top: 150px;
}

body#signup div#sub-container {
	background: url(/images/backgrounds/signup-footer.jpg) no-repeat 0 bottom;
	padding-bottom: 100px;
}

body#signup #signup-content { width: 850px; float: left; margin: 0 0 0 60px; }

/* navigation */
#nav {
	z-index: 10; padding-top: 57px; position: relative; margin-bottom: 25px; width: 200px; float: left; background: url(/images/mazda-logo.gif) no-repeat 0 0;
	_position: absolute; _top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px');
}

#nav-top { background: #cecece; _height: 1px; padding: 4px 9px 0 9px; height: 19px; }
#nav-top:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
#nav-top a { color: #636363; }
#nav-top span { float: left; margin-right: 17px; }
#nav-top span#menu-control { float: right; text-align: right; margin: 0; padding-right: 13px; color: #000; background: url(/images/bg-menu-up.gif) no-repeat 100% 5px; cursor: pointer; }
#nav-top span#menu-control.collapse { float: right; text-align: right; margin: 0; padding-right: 13px; color: #000; background: url(/images/bg-menu-down.gif) no-repeat 100% 5px; cursor: pointer; }

.nav-head { height: 19px; }
.nav-left { padding: 4px 0; float: left; background: #b2b2b2; width: 90px; color: #fff; }
.nav-right { padding: 4px 0; float: left; background: #fff; width: 110px; color: #898989; }

#nav-main { background: white; position: relative; *zoom: 1; border-bottom: 1px solid #b2b2b2; }
#nav-main:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }

#nav-main ul { list-style: none; }
#nav-main li { margin: 3px 0; }
#nav-main .nav-left { float: none; }
#nav-main a { color: white; padding: 0 9px; display: block; *display: inline-block; width: 72px; position: relative; }
#nav-main a.selected, #nav-main a:hover { color: black; text-decoration: none; }
#nav-main span { position: absolute; top: 0; right: 9px; cursor: pointer; }

#nav-main ul ul { position: absolute; top: 20px; left: 90px; width: 106px; white-space:nowrap; }
#nav-main ul ul a { margin-left: 4px; color: #898989; background: url(/images/bullet-dash-menu.gif) no-repeat 0 6px; }
#nav-main ul ul a.selected, #nav-main ul ul a:hover { background: url(/images/bullet-dash-menu-o.gif) no-repeat 0 6px; }

#nav-search { line-height: 13px; border-top: 1px solid #b2b2b2; }
#nav-search .nav-left { float: left; background: #cecece; color: #636363; }
#nav-search span { position: static; cursor: default; padding: 0 9px; }
#nav-search .nav-right { height: 13px; position: relative; }
#nav-search form { position: absolute; top: 3px; *top: 2px; left: 9px; }
#nav-search input#search_term { border: 1px solid #E0E0E0; font-size: 11px; width: 73px; vertical-align: top; *margin-right: 5px; }
#nav-search button { vertical-align: middle; }

/* top links & breadcrumb trail */
#global_links { background-image: url(/images/top_nav_bar/silver_bar.png); none repeat scroll 0 0;height:3.2em;position:relative;right:0;top:0;width:100%;z-index:11;}
#breadcrumb { z-index: 100; position: absolute; background-color:#cecece; width: 100%; height:12px; padding-bottom: 10px; _padding-bottom: 0;}
#breadcrumb ul {float: right; background: url(/images/breadcrumb_mid.jpg) repeat-x; color:#ffffff; height:16px; margin-right:30px; margin-top:6px; display:inline; }
#global_links li { list-style-type: none; float: right; margin-right: 16px; margin-top: 0.4em; }
#breadcrumb li { list-style-type: none; float: left; color:#ffffff; padding-left:10px;}
#breadcrumb ul li a {color:#ffffff;}
#breadcrumb ul li.title {font-weight:bold; background: url(/images/breadcrumb_left.jpg) no-repeat left;}
#breadcrumb ul li span.seperator {color:#ffffff; background: url(/images/breadcrumb_arrow.jpg) no-repeat top left; padding-left:5px; padding-right:5px;}
#breadcrumb ul li.br_close {background: url(/images/breadcrumb_right.jpg) no-repeat right;}

#global_links a { color: #fff; }
#docs_link{float: left;background: #712b8d;  padding-left:4em; padding-bottom:0.5em; padding-right: 4em; height: 1.7em; *height: 1.6em; color:#fff;margin-top:0px;border-color:#CECECE;border-right:2px solid #CECECE;border-width:2px;}
*.png_fix{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true')}
#mpower_link{float: left;background: #fff;  padding-left:3em; padding-bottom:0.5em; padding-right: 3em; height: 1.7em; *height: 1.6em; color:#fff;margin-top:0px;border-color:#CECECE;border-right:2px solid #CECECE;border-width:2px;}
*.png_fix{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true');}

.leftcol { width: 120px; float: left; }
.rightcol { width: 450px; float: right; }

.leftcol-w { width: 180px; float: left; }
.rightcol-n { width: 380px; float: right; }

.cols-e { width: 275px; float: left; }
.rspace { margin-right: 20px; }

.topspace { margin-top: 2em; }
span.date { color: #19a8af; padding-right: 1em; }

a.pdf-download { background: url(/images/pdf-icon.gif) no-repeat 0 0; padding: 3px 20px 3px 25px; }

.replace{ position:relative; margin:0px; padding:0px;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
}
.replace span{ display:block; position:absolute; top:0px; left:0px; z-index:1; /*for Opera 5 and 6*/ }

h3 strong { color: #19a8af; }
div.blueblock { background-color: #D8F5F6; padding: 0.5em 1em; color: #878F8E;}

.messages { width:500px; }
.allmessages { border: 1px solid #E0E0E0; width:500px; padding:15px; }
/* -------- Mazda Academy ---- */

#academy_t {
	max-height: 244px;
	clear: both;
	overflow: auto;
}

#academy_table {
	color: #555555; 
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:20px;
	margin:4px;
	padding:4px 0;
	width: 99%;
	*width: 95.7%;
}

	#academy_table th {	

		text-align: left;
		padding-left: 5px;
		color: white;
	}

	#academy_table td {	
		border:1px dotted #B9B9BA;
		padding:0 5px;	
	}

	#academy_table .header {

		background: url('/images/purple_strip.jpg') repeat-x;
		height: 30px;
	}

	#academy_table .grey 		{ background-color: #E4E5E6;}
	#academy_table .position 	{ width: 57px;}
	#academy_table .name 		{ width: 150px;}
	#academy_table .dealer 		{ awidth: 100px;}
	#academy_table .score		{ width: 43px;}

.academy_footer   { background: red;}
.academy_footer p {float: right; font-size: 20px; margin-top: 46px;}
/* Download font page */
#font_list{
	margin-left: 20px;
	
}
.font_list li {
	list-style: disc;
	text-indent: 1em;
	padding-left: 2em;
	
}
.font_list ul {
	
} 

/* ie6 fixes */

div.news:hover, li:hover, div.article, .news-mini .article:hover, .news-mini .article {
_width:auto;
}