/*
-----------------------------------------------
Bill Me Later Screen Styles for Questionnaire
Author: Nick Hall
Edited: Nat Ring
Version: 13 June 2008
----------------------------------------------- */



/* =General Questionnaire Form
----------------------------------------------- */
.interior #primaryContent form.questionnaire{
	background:transparent;
	border:0;
	margin:0;
	padding:0;
}
form.questionnaire fieldset{
	background:#ffffff;
/*	background:#eaeaea; */
	border:0;
	margin:0;
	padding:11px 16px 2px 12px;
	width:547px;
}
.fieldsetBorder{
	border:1px solid #bbbbbb;
	margin:0 20px 14px 0;
	padding:1px;
	background:#FFF;
}
.questionnaire label{
	display:block;
	margin:0 0 1px 0;
}
.questionnaire input,
.questionnaire select,
.questionnaire textarea{
	margin:0 0 12px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#333;
	width:190px;
}
.questionnaire input{
	padding-left:4px;
	padding-right:4px;
}
.questionnaire textarea{
	padding:1px 4px;
	height:50px
}
.questionnaire select{
	width:auto;
}
.questionnaire p.first {
	padding-top:20px;
}
.interior #primaryContent form.questionnaire p.question{
	margin-bottom:6px;
}
*html .interior #primaryContent .questionnaire p.question{
	/*  These styles only read by IE6  */
	margin-bottom:3px;
}
*:first-child+html .interior #primaryContent .questionnaire p.question{
	/*  These styles only read by IE7  */
	margin-bottom:3px;
}
.questionnaire input.short{
	width:40px;
}
.questionnaire input.radio,
.questionnaire #personalSection input.radio{
	margin:0 3px -2px 0;
	padding:0;
	width:auto;
}
*html .questionnaire input.radio{
	/*  These styles only read by IE6  */
	margin-right:0;
}
*:first-child+html .questionnaire input.radio{
	/*  These styles only read by IE7  */
	margin:0 0 -1px 0;
}
.questionnaire .radioGroup{
	padding-bottom:7px;
}
.questionnaire .radioGroup label{
	margin:0 0 5px 0;
}
*html .questionnaire .radioGroup label{
	/*  These styles only read by IE6  */
	margin-left:-5px;
	margin-bottom:0;
}
*:first-child+html .questionnaire .radioGroup label{
	/*  These styles only read by IE7  */
	margin-left:-5px;
	margin-bottom:0;
}
.helpText{
	color:#555;
	font-style:italic;
	display:block;
}
.questionnaire input.dollarValue{
	width:100px;
}
#actions{
	background:#E0F1F7;
	padding-bottom:11px;
}
.actionBorder{
	border:1px solid #ADD1DE;
	background:#FFF;
	padding:1px;
	margin:0 20px 0 0;
}
.questionnaire .actionBorder input{
	margin:0;
	color:#000;
	width:auto;
}
.questionnaire .actionBorder .leftBtn{
	float:left;
}
.questionnaire .actionBorder .rightBtn{
	float:right;
}


/* =Personal Section
----------------------------------------------- */
form.questionnaire #personalSection input,
form.questionnaire #personalSection select,
form.questionnaire #personalSection textarea{
	margin-bottom:6px;
}
#personalSection .leftColumn{
	float:left;
	margin-right:40px;
}
#personalSection .rightColumn{
	float:left;
}
#street{
	height:54px;
}
*html .questionnaire textarea#street{
	/*  These styles only read by IE6  */
	height:56px;
}
*:first-child+html .questionnaire textarea#street{
	/*  These styles only read by IE7  */
	height:58px;
}


/* =Merchant Section
----------------------------------------------- */
form.introductionForm {
	padding-top:20px!important;
}
form#inquiryForm,
form#declineForm,
form#thanksForm {
	padding-top:20px!important;
}


/* =Company Section
----------------------------------------------- */
#companyInfo label{
	width:400px;
}
.questionnaire #companyInfo label{
	margin:0 0 2px 0;
}
.questionnaire #companyInfo .b2Section input,
.questionnaire #companyInfo .b2Section select,
.questionnaire #companyInfo .b2Section textarea{
	margin-bottom:6px;
}
.questionnaire #companyInfo .b2Section p.question{
	margin-bottom:3px;
}
.questionnaire #companyInfo .b2Section input.callCenter{
	margin-bottom:12px;
}
select.paymentMethod{
	height:80px;
	width:200px;
}
.percent{
	position:relative;
	width:70px;
}
.percent span{
	position:absolute;
	top:4px;
	right:0;
}


/* =Hints
----------------------------------------------- */
img.helpIcon{
	border:0;
	position:absolute;
	top:2px;
	right:0;
}
.formHints{
	width:280px;
	position:relative;
}
.hint{
	/*display:none;*/
	background:#f0ffef;
	border:1px solid #2A8730;
	padding:12px;
	width:200px;
	position:absolute;
	right:-253px;
	bottom:12px;
}
.b2Section .hint{
	bottom:6px;
}
#b2bSection{
	padding:14px 0 0 0;
}
#b2cSection{
	padding:14px 0;
}
.hint .hintPointer{
    position:absolute;
    left:-12px;
    bottom:-1px;
    width:12px;
    height:23px;
    background:url(../images/questionnaire/pointer.gif) left top no-repeat;
}





/* =Page styles from 12 Horses
----------------------------------------------- */
body.questionnaire {
	background: #efefef url(../images/bg_repeat.gif) no-repeat left top;
	padding: 0;
	margin: 0;
	font: 11px/14px arial, verdana, sans-serif;
	color: #444;
	text-decoration: none;
}


.questionnaire h1 {
  font: bold 16px/20px arial, verdana, sans-serif;
  color: #272425;
  text-decoration: none;
  padding: 25px 0 5px 0;
  margin: 0;
  }

.questionnaire h2 {
  font: bold 13px/18px arial, verdana, sans-serif;
  color: #8c8c8c;
  text-decoration: none;
  padding: 0 0 10px 15px;
  margin: -2px 0 0 0;
  background: url(../images/square_icon.gif) no-repeat 0 3px;
  }

.questionnaire p,
.questionnaire p.question{
  font-family:arial, verdana, sans-serif;
  line-height:14px;
  color: #444;
  text-decoration: none;
  padding: 0 20px 15px 0;
  margin: 0;
  }
  
.questionnaire p.question {
  padding-bottom:0;
  }

.questionnaire a:link {
  font: bold 11px/13px arial, verdana, sans-serif;
  color: #1976bc;
  text-decoration: none;
  }

.questionnaire a:hover {
  color: #1976bc;
  }

.questionnaire ul {
  font: 11px/14px arial, verdana, sans-serif;
  color: #444;
  text-decoration: none;
  padding: 0;
  margin: 0 0 15px 30px;
  }

.questionnaire li {
  padding: 0 0 5px 0;
  margin: 0;
  }

/*** HEADER ***/

#top_container {
  width: 920px;
  margin: 0 auto;
  background-color: #fff;
  clear: both;
  }

#top_wrapper {
  width: 810px;
  height: 100px;
  margin: 0 auto;
  }

#logo {
  width: 209px;
  height: 50px;
  float: left;
  background: url(../images/common/logo.gif) no-repeat left top;
  text-indent: -9000px;
  padding: 0;
  margin: 18px 0 0 0;
  }

/*** MAIN CONTENT AREA ***/

.questionnaire #main_wrapper {
  width: 920px;
  margin: 0 auto;
  }

.questionnaire #main_container {
  width: 920px;
  margin: 0 auto;
  float: left;
  background-color: #fff;
  }

.questionnaire #content_wrapper {
  width: 810px;
  margin: 0 auto;
  }

.questionnaire #content_container {
  width: 810px;
  margin: 0 auto;
  float: left;
  padding: 0;
  background: url(../images/content_bg.gif) repeat-y left top;
  }

.questionnaire #left_container {
  width: 169px;
  float: left;
  background: url(../images/content_bg.gif) repeat-y left top;
  padding: 20px 5px 20px 15px;
  margin: 0;
  }

.questionnaire #right_container {
  width: 599px;
  float: left;
  padding: 0 0 25px 20px;
  margin: 0;
  border: solid 1px #d9d9d9;
  background-color: #fff;
  }

.questionnaire #right_container img {
  padding: 0 0 0 20px;
  margin: 0;
  }

/*** FOOTER ***/

#footer_container {
  width: 920px;
  margin: 0 auto;
  background-color: #fff;
  clear: both;
  }

#footer_wrapper {
  width: 810px;
  height: 90px;
  margin: 0 auto;
  }

#bottom_navigation {
  width: 710px;
  float: right;
  }

ul#footer_navigation {
  font: 11px/16px arial, verdana, sans-serif;
  color: #888;
  text-decoration: none;
  list-style: none;
  padding: 5px 0 0 0;
  margin: 0;
  }

ul#footer_navigation li {
  display: inline;
  padding: 0;
  margin: 0;
  }

#footer_navigation a {
  font: 11px/13px arial, verdana, sans-serif;
  color: #888;
  text-decoration: none;
  }

#footer_navigation a:hover {
  color: #1976bc;
  }

/*** MOZILLA HACKS ***/

:focus {
  -moz-outline-style: none;
  }