/* Styles specific to the solution finder */

/* Hide the entire form*/
.sf_form_hidden {
  display: none;
}

/* hover the form over the rest of the page */
.sf_hover_finder {
  position: absolute;
  width: 864px;
  height: 552px;
  z-index: 1000;
  top: 10%;
  left: 50%;
  margin-left: -432px;
  background-image: url('/images/solution-finder/sf_bg_sprite.png');
  background-repeat: no-repeat;
  background-position: left 0;
  padding: 16px 0;
}

.sf_close_button_wrapper, .sf_paging_buttons_wrapper   {
  text-align: right;
}

.sf_close_button_wrapper {
  position: absolute;
  top: -32px;
  right: 8px;
}

#sf_close_button {
  display: block;
  background: url("/images/solution-finder/close.png") no-repeat scroll right top transparent;
  color: #fff;
  text-decoration: none;
  font: normal 12px/27px "Arial",sans-serif;
  padding-right: 35px;
  height: 27px;
  outline: none;
  cursor: pointer;
}

#sf_close_button:hover {
  color: #ddd;
}

.sf_page_button_next, .sf_page_button_back, #sf_push_form_button {
	cursor: pointer;
}

.sf_paging_buttons_wrapper {
  border-top: 1px solid #999;
  padding-top: 1em;
	display: none;
}

.sf_page_counter {
  float: left;
  font-family: "Arial", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  padding: 0 1.5em;
}

#sf_form, .sf_solution_view {
  color: #666;
  font: normal 12px/16px "Arial",sans-serif;
}

#sf_form input[type=submit] {
  display: none;
}

/* Each fieldset in the form will be treated as a "page view" in the finder */
#sf_form fieldset {
  display: block;
  border: none;
  float: left;
  width: 118px;
  height: 440px;
  padding-left: 12px;
  color: #333;
}

#sf_form legend {
  color: #252525;
  display: block;
  padding-left: 1.33em;
  text-indent: -1em;
  font-weight: bold;
}

#sf_form legend span, .sf_solution_bar span, .sf_results_bar span {
  color: #489AB4;
}

#sf_form label {
  /* display: none; */
}


fieldset br {
	line-height: 2em;
}

#sf_form div.sf_radio_panel, #sf_form fieldset h2, #sf_form fieldset p {
  display: none;
}

#sf_form fieldset.expanded {
  width: 428px;
	font-size: 12px;
	padding: 0 12px 0 38px;
}

#sf_form fieldset.expanded.sf_wide {
  width: 460px;
	font-size: 12px;
	padding: 0 12px 0 5px;
}

.selected_value_box {
 border-top: 1px dotted #ccc;
 border-bottom: 1px dotted #ccc;
 padding: 1em 0;
 position: absolute;
 width: 100px;
 display: none;
}

#sf_form fieldset.expanded div.sf_radio_panel, #sf_form fieldset.expanded h2, #sf_form fieldset.expanded p {
display: block;
}

#sf_form fieldset.expanded label {
  display: block;
  font-size: 1.5em;
}

#sf_form fieldset.sf_normal_page label {
  color: #fff;
  margin: 8px 0 12px 0;
}

#sf_form fieldset.expanded legend {
  display: none;
}

.sf_panel_number {
  background-image: url("/images/solution-finder/divider.png");
  background-position:right center;
  background-repeat:no-repeat;
  color:#489AB4;
  padding-right:0.5em;
}

.sf_solution_view {
	width: 100px;
	float:left;
}

.sf_results_shown {
	width: 860px !important;
	float: none !important;
}

.sf_radio_label {
	padding-left: 12px;
}

.sf_solution_view div.sf_solution_bar, .sf_solution_view div.sf_results_bar {
	color: #252525;
	margin-left: 20px;
	text-indent: -1em;
	font-weight: bold;
}

.sf_results_bar {
	text-indent: 0 !important;
	width:170px;
}

.sf_results_bar div {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

.sf_solution_view div.sf_solution_content {
	display: none;
	position: absolute;
	left: 236px;
	width: 600px;
	top: 90px;
	color: #666;
}

.sf_solution_view div.sf_solution_content p {
	margin-bottom: 1em;
	color: #666;
	line-height: 1.4em;
}

.sf_content_result_section, .sf_radio_panel {
	border-bottom: 1px dotted #ccc;
}

.sf_content_result_section h3 {
  color: #6d012c;
  font-size: 14px;
}

#sf_restart_button {
	position: relative;
	left: 42px;
}

.sf_solution_view div.sf_solution_content p.sf_content_first_para {
	font-size: 1.4em;
}

.sf_solution_label {
	position: absolute;
	top: 24px;
	left: 242px;
	font-size: 18px;
	color: white;
	display: none;
	margin-bottom:3px;
	padding-bottom:3px;
}

.sf_header {
  position: absolute;
  top: -42px;
  left: 20px;
  color: #fff;
  font-family: "Arial", sans-serf;
  font-weight: normal;
  font-size: 30px;
}

.splitter_label {
  background-image: url(/images/solution-finder/goal_bg.jpg);
  background-repeat: repeat-x;
  padding-top: 0.25em;
  border-top: 1px dotted #ccc;
  color: #6d012c !important;
/*  margin-top: 40px !important;*/
  width: 447px;
}

.black_overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 999;
  background-color: black;
}


* html .black_overlay { /* ie6 hack */
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#sf-intro {
	padding-right: 10px;padding-top:10px;
}
div.results-border-container {
	border-top: 1px dotted #489ab4;
	border-bottom: 1px solid #e3e3e3;
	margin: 10px 0px;
}
h3.results-link-header {
	color: #6d012c !important;
	font-size: 12px;
	font-weight: bold;
	margin-left: -8px;
	_margin-left: 0px;
	padding-bottom: 0px;
	font-family:Arial;
}
ul.results-link-list li {
	float: left;
	width: 264px;
	height: 95px;
	border-top: 5px solid #e3e3e3;
	border-bottom: 5px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	padding: 5px;
}
ul.results-atg-links {
	padding-left: 30px;	
}
ul.results-link-list li img {
	float: left;
	width: 70px;
	min-height: 80px;
	padding-right: 10px;
	overflow: hidden;
}
div#results-link-list-title {
	height: 50px;
}
div#results-link-list-spacer {
	float: left;
	width: 20px;
	height: 95px;
}

.results-container ul li{
	float:left;
	width:282px;	
	margin-right:7px;
}
.results-container ul li div{
	width:278px;
	height:93px;
	padding-top:5px;
	padding-left:4px;
	background: url("/images/my-atg/reccomendation-box.jpg") no-repeat scroll left top; 	
	background-repeat:none;
}
.results-container ul li div img{float:left;padding-top:8px;padding-right:5px;padding-left:5px}
.results-container ul li div p.t4{padding-top:5px;padding-bottom:0px;margin-bottom:0px;line-height:12px;}
.results-container ul li div a{top:2px;line-height:12px;}