html,body {text-align:center;font:11px Arial,Helvetica,sans-serif; line-height:18px}
p,td,th {text-align:left;font:13px Arial,Helvetica,sans-serif; line-height:18px}
body {background:#000;margin:0}
a, a:link, a:visited { color:#000}
a:hover,a:active {color:#000;border:0;text-decoration:underline}
form {margin:0}
h1 { font-size:16px; color:#000}
h1 span { font-size:12px; font-style:normal; font-weight:normal}
h2 { font-size:15px; color:#000}
h3 { font-size:14px}
h4 {font-size:12px;color:#444;margin-top:4px;margin-bottom:4px}
fieldset {border:1px solid #666}
fieldset legend {color:#666;font-weight:bold;padding:0 5px}
fieldset div {padding:10px}
img {border:0}
p{margin-top:0px}


#container {width:975px;text-align:left;margin-left:auto;margin-right:auto;background:#FFF}
	#header {height:62px;background:url(/images/background_header.gif) no-repeat top right; margin-bottom:0px;}
		#header h1 {display:none}
		#header h2 {margin:0; font-size:14px;}		
		#header_logo { padding:5px; float:left; width:472px}
		#loggedin { float:right; width:460px;margin-top:20px; margin-right:6px; color:#fff; text-align:right}
			#loggedin span {font-weight:bold; background:url(/images/icon_key.gif) no-repeat 0px 2px; padding-left:30px}
			#loggedin a, #loggedin a:link, #loggedin a:visited { color:#fff; margin-right:6px}
			#loggedin a:hover, #loggedin a:active  { color:#ccc}
		#login { float:right; width:460px;margin-top:10px; margin-right:6px; color:#fff}
			#login a, #login a:link, #login a:visited { color:#fff; margin-right:6px}
			#login a:hover, #login a:active  { color:#ccc}
			#login label { font-size:11px; color: #fff; padding:2px 8px 2px 8px; display:block; float:left}
			#login #login-options {clear:both; text-align:right; margin-right:0px} 
			#login #login-options span { margin-right:38px}
			#login #username, #login #password  {float:left; width:100px; padding:2px; font-size:11px}
			#login #btnLogin {font-size:11px; width: 61px; height:19px; color:#d50004; font-weight:bold; border:0px; background: url(/images/button_login.gif) no-repeat; margin-left:5px}
	#location {background:#d7d7d7; padding:6px 12px; font-size:11px; color:#666}
	#columns {height: 100%; padding:10px 10px}
		#searchbox { border:2px solid #cacaca; padding:10px; background:url(/images/background_searchbox.gif) repeat-x bottom left; height:100%; overflow:auto}
			#help { float:right; margin-top:6px; margin-right:4px}
			#help a, #help a:link, #help a:visited { font-size:11px; font-weight:bold; padding:5px 0px 5px 25px; background:url(/images/button_help.gif) no-repeat; text-decoration:none}
			#searchbox h2 {font-size:22px; padding:4px 0px 12px 0px; margin:0px}
			#searchbox h2 span { font-size:12px; color:#000}
			#searchoptions-basic {padding:5px 0px}
			#searchoptions-basic label { font-size:14px; font-weight:bold; padding:2px 14px 12px 0px; display:block; float:left; }
			#searchoptions-basic #brand { float:left; width:210px; margin-right:12px}
			#searchoptions-basic #model { float:left; width:210px; margin-right:12px}
			#searchoptions-basic #fuel { float:left; width:210px; margin-right:6px}						
			#searchoptions-advanced {padding:5px 0px; clear:both}
			#searchoptions-advanced label { font-size:14px; font-weight:bold; padding:2px 14px 12px 0px; display:block; float:left}
			#searchoptions-advanced #subject { float:left; width:210px; margin-right:12px}
			#searchoptions-advanced #engine { float:left; width:210px; margin-right:12px}
			#searchoptions-advanced #year { float:left; width:210px; margin-right:12px}			
			#searchoptions-keyword {padding:5px 0px; }
			#searchoptions-keyword label { font-size:14px; font-weight:bold; padding:2px 14px 12px 0px; display:block; float:left; }			
			#searchoptions-keyword #st { float:left; width:420px; margin-right:12px}				
			#searchbox #searchoptions-expand { display:block; clear:both}
			#searchbox #searchoptions-expand a,#searchbox #searchoptions-expand a:link,#searchbox #searchoptions-expand a:visited {color:#d50004;text-decoration:none; padding-left:10px; background:url(/images/arrow_red.gif) no-repeat 0px 4px; font-size:12px; font-weight:bold}
			#searchbox #searchoptions-expand a:hover,#searchbox #searchoptions-expand a:active {color:#d50004;text-decoration:underline}	
			#searchbox #searchoptions-reset { display:block; clear:both;width:326px; float:left; padding:8px 0px 2px 0px}
			#searchbox #searchoptions-reset a,#searchbox #searchoptions-reset a:link,#searchbox #searchoptions-reset a:visited {color:#d50004;text-decoration:none; padding-left:10px; background:url(/images/arrow_red.gif) no-repeat 0px 4px; font-size:12px; font-weight:bold}
			#searchbox #searchoptions-reset a:hover,#searchbox #searchoptions-reset a:active {color:#d50004;text-decoration:underline}							
			#searchbox #btnSearch { font-size:18px; width: 73px; height:24px; color:#d50004; font-weight:bold; border:0px; background: url(/images/button_search.gif) no-repeat; float:right;}
			#searchbox #btnSearch2 { font-size:18px; width: 73px; height:24px; color:#d50004; font-weight:bold; border:0px; background: url(/images/button_search.gif) no-repeat; float:right; margin-right:13px}
		#questionbox { border:2px solid #cacaca; padding:10px; background:url(/images/background_searchbox.gif) repeat-x bottom left; height:100%; overflow:auto}		
			#questionbox label { font-size:14px; font-weight:bold; padding:2px 14px 12px 0px; display:block; float:left; }			
			#questionbox div  {clear:both}
			#questionbox	#searchoptions-basic #brand {width:200px;}
			#questionbox	#searchoptions-basic #model {width:200px; }			
			#questionbox	#searchoptions-advanced #subject {  width:200px;}			
			#questionbox	#searchoptions-advanced #engine { width:200px;}			
			#questionbox .entry { width:440px}
		#column-left {width:610px; float:left; margin-right:10px; margin-top:10px}
		#column-right {width:335px; float:left; margin-right:0px; margin-top:10px}		
	#footer {color:#999;background:#fff;clear:both;padding:0;text-align:center;;margin:15px 0px 5px 0px; font-size:11px}
		#footer a,#footer a:link,#footer a:visited {color:#999;text-decoration:underline}
		#footer a:hover,#footer a:active {color:#000;text-decoration:underline}
		#footer_guide {float:none;clear:both}

/* Blocks */

.block { border:1px solid #ccc; margin-bottom:10px}
.block .content { padding:5px 10px}
.highlight h2 { font-size:14px;margin:0px; padding:5px 10px; color:#FFF; background:url(/images/background_block_highlight.gif) repeat-x}
.normal h2 { font-size:14px;margin:0px; padding:5px 10px; color:#000; background:url(/images/background_block_normal.gif) repeat-x}
.block a, .block  a:link, .block a:visited { color:#d50004; font-weight:bold}
.block a:hover,.block a:active {color:#000000}
.block h3 { font-size:12px; margin:4px 0px}
.block hr {border:0px; height:1px; color: #c7c7c7; background-color: #c7c7c7;}
/* Form */
.eon-form {}
.eon-form fieldset { margin-bottom:10px; padding:2px; border:1px solid #a18a65}
.eon-form fieldset legend {color:#a18a65}
.eon-form fieldset div.row { display:block; float:none; clear:both ; margin:0px; padding:2px}
.eon-form fieldset label { font-weight:bold; font-size:11px}
.eon-form fieldset div.row label { width: 100px; display:block; float:left;}
.eon-form input { margin:0px; padding:0px}
.eon-form #btnShowAgenda { font-size:10px; padding:1px; border:1px solid #666}
.eon-form select { font-size:10px}
.eon-form textarea { font: 11px Verdana, Arial, Helvetica, sans-serif}

/* Data Table */

.data-table {}
.data-table th { font-weight:bold; text-align:left; border-right:1px solid #ebebeb; padding:2px 8px}
.data-table th.first {padding-left:0px}
.data-table th.last {border:0px}
.data-table td { border-right:1px solid #ebebeb; padding:2px 8px}
.data-table td.first {padding-left:0px}
.data-table td.last {border:0px}
.data-table td a, .data-table td a:link, .data-table td a:visited {text-decoration:none; font-weight:normal; color:#000}


/* Sort Table */
#results { margin-top:15px}

.sort-table {}
.sort-table th { font-weight:bold; text-align:left; background:url(/images/th-normal.gif) repeat-x ; padding:4px 8px; border-right:1px solid #cacaca}
.sort-table th a { color:#d50004}
.sort-table th.first {}
.sort-table th.last {border:0px}
.sort-table td {  padding:2px 8px;border-right:1px solid #cacaca}
.sort-table td a {text-decoration:none}
.sort-table tr.odd td {background-color:#ededed}
.sort-table td.first {}
.sort-table td.last {border:0px}

.sort-table  th.hdrasc,.sort-table  th.hdrdesc   {
	color: #fff;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	background: #b2ca00 url(/images/th-selected.gif) repeat-x

}

.sort-table th.hdrasc a, .sort-table th.hdrasc a:link, .sort-table th.hdrasc a:visited, .sort-table th.hdrdesc a, .sort-table th.hdrdesc a:link, .sort-table th.hdrdesc a:visited {
	color: #fff;
	display:block;
	padding-left:12px;
	text-decoration:none;
}

.sort-table th.hdrasc a:hover, .sort-table th.hdrasc a:active, .sort-table th.hdrdesc a:hover, .sort-table th.hdrdesc a:active  {
	color: #ededed;
	text-decoration:underline
}

.sort-table th.hdrasc a, .sort-table th.hdrasc a:link, .sort-table th.hdrasc a:visited {
	background:url(/images/down.gif) no-repeat 1px 6px;
}

.sort-table th.hdrasc a:hover, .sort-table th.hdrasc a:active {
	background:url(/images/up.gif) no-repeat 1px 6px;
}

.sort-table th.hdrdesc a, .sort-table th.hdrdesc a:link, .sort-table th.hdrdesc a:visited {
	background:url(/images/up.gif) no-repeat 1px 6px;
}

 .sort-table th.hdrdesc a:hover, .sort-table th.hdrdesc a:active {
	background:url(/images/down.gif) no-repeat 1px 6px;
}


.sort-table tr.relevance td { background-color:#d50004; text-align:center; color:#FFFFFF; font-weight:bold}
.sort-table tr.relevance td p {text-align:center}

.question { font-weight:bold; font-size:12px; text-align:center; padding:10px}
.question a, .question a:visited, .question a:link { color:#d50004}

/* Detail Page */

#classification {padding:8px 8px; background-color:#e9e9e9; overflow:auto; height:100%; display:block}
#classification dl {margin:0;padding:0;float:left; width:340px;padding-bottom:0px; }
#classification dl.first { width:250px;}
#classification dt { float:left; font-size:12px; height:20px; width:110px }
#classification dd { font-size:12px;  height:20px;padding-left:4px; font-weight:bold}
#classification dd div {}

#problem {border:2px solid #e9e9e9; padding:8px; margin-top:14px}
#problem h2 { font-size:18px; color:#39728d; margin:0px; padding:2px 0px 4px 30px; background:url(/images/icon_problem.gif) no-repeat 0px 0px}
#problem-footer {margin-top:-2px; background:url(/images/background_problem.gif) no-repeat center; height:11px}
#solution { border:2px solid #fdedab;  padding:8px; background-color:#fffbe7; margin-top:5px }
#solution h2 { font-size:18px; color:#79c91a; margin:0px; padding:2px 0px 5px 30px; background:url(/images/icon_solution.gif) no-repeat 0px 0px}
#additional-information {border:2px solid #e9e9e9; padding:8px; margin-top:14px}
#additional-information h2 { font-size:18px; color:#000; margin:0px; padding:2px 0px 4px 30px;  background:url(/images/icon_additional.gif) no-repeat 0px 0px}
#problem p , #solution  p {margin-bottom:0px}

#options {margin-top:12px;}
#options ul { margin:0px; padding:0px; list-style:none}
#options ul li { margin:0px; padding:0px; list-style:none; float:left; margin-right:10px}
#options ul li a {  padding:0px 0px 0px 12px; color:#d60004; text-decoration:none; background:url(/images/background_button.gif) no-repeat top left;display:block; font-size:12px; font-weight:bold}
#options ul li a span { padding: 3px 12px 3px 0px; background:url(/images/background_button_end.gif) no-repeat top right;display:block }
#options ul li a:hover { color:#000000}

#more-results, #documents {margin-top:12px;}
#more-results ul, #documents ul { margin:0px; padding:0px; list-style:none}
#more-results ul li, #documents ul li { margin:0px; padding:0px; list-style:none;  padding-left: 12px; background:url(/images/arrow_red.gif) no-repeat 0px 6px;}
/* Secundary login boxes */

#login-form-secundary { margin-top:20px}
#login-form-secundary div.row {clear:both; margin-bottom:2px}
#login-form-secundary div.row input { width:220px}
#login-form-secundary label { float:left; padding:2px 0px; width:120px; clear:both; font-size:12px}
#login-form-secundary #login-options-secundary { padding-left:120px}
#login-form-secundary #login-options-secundary div { padding-bottom:4px}
#login-form-secundary #btnLogin2 {font-size:11px; width: 76px; height:24px; color:#d50004; font-weight:bold; border:0px; background: url(/images/button_login2.gif) no-repeat; margin-left:87px; margin-top:5px;text-align:center}

#trial-form { margin-top:20px}
#trial-form div.row {clear:both; margin-bottom:2px}
#trial-form div.row input { width:220px}
#trial-form label { float:left; padding:2px 0px; width:120px; clear:both; font-size:12px}


/* Ajax info boxes */
.instant_message, .instant_message_frame { padding: 15px; font-size: 12px; font-family: Arial; visibility: hidden; position: absolute; width: 289px; height:140px;  background: url(/images/background_ajax_box.gif) no-repeat; text-align:left;top:-4px ;left:-4px; z-index:500}
.instant_message_frame {z-index:500; background-color:#00FF00;visibility: hidden; width: 476px;; border:0px; color:#FFFFFF}

.instant_message .hr { width: 100%; font-size: 1px; height: 1px; line-height: 1px; background: #808080; border-bottom: solid 1px #ffffff; margin: 2px}
.instant_message h1 {margin-top:0px}	
.instant_message a{ color:#d50004}

.paging { text-align:center; font-weight:bold}
.paging  a, .paging  a:visited, .paging  a:link { color:#d50004}
.paging .pgs { color:#fff; background-color:#d50004; padding:3px 5px; }
.paging #pages a {padding:3px 1px;}

/* Help boxes */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    margin: 0;
    padding: 0;
    overflow-x: hidden; overflow-y: auto;
    white-space: nowrap;
}


.GB_frame {
    margin: 0;
    padding: 0;
    overflow-x: hidden; 
	 overflow-y: auto;
    white-space: nowrap;
}

.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
	 padding:10px
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 40px;
    font-size: 18px;
    padding: 3px 0;
    color: #fff;
}

.GB_Window .caption {
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }
