/*******************************************************************************
** form.css
** Styles controlling general forms and their layout, including input
** devices.
*/

.wvform {
  background-color: #b1c9cb;
  width: 100%;
  border: solid #000000 1px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.wvform fieldset {
  margin: 4px;
  padding: 0px;
}

.wvform fieldset legend {
  color: black;
  font-weight: bold;
}

.wvform p,
.wvform fieldset p {
  clear: both;
  padding: 0px;
  margin: 2px;
}

/* First field header in a form row */
.wvform p label.field,
.wvform fieldset p label.field {
  float: left;
  width: 75px;
  padding-top: 3px;
  text-align: right;
}

.wvform p label.field + span {
  margin-left: 5px;
  line-height: 20px;
}

/* Other field headers in a form row */
.wvform p label.ifield,
.wvform fieldset p label.ifield {
  margin-left: 20px;
}

/* Push input boxes down just a bit */
.wvform p input[type=checkbox],
.wvform fieldset p input[type=checkbox] {
  margin-top: 2px;
}

.wvform fieldset p input {
  margin-left: 2px;
}

.wvform fieldset p span.required {
  font-weight: bold;
  font-size: larger;
  color: black;
}

.wvform .submit_row {
  text-align: center;
}

.wvform fieldset p textarea {
  width: 95%;
}

/*******************************************************************************
** Floating field headers
*/
.wvform .field_hdr {
  float: left;
  width: 100px;
  text-align: right;
}

.wvform .field_content {
  margin-left: 105px;
}

/*******************************************************************************
** Floated rows
*/

.wvform .errors {
  display: none;
  color: red;
  font-weight: bold;
}

.wvform .errors ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

.wvform .inputrow { /* Input row */
  margin-bottom: 5px;
  margin-top: 5px;
}

.wvform .inputrow .name { /* Field row */
  vertical-align: center;
  text-align: right;
  font-weight: bold;
  float: left;
  width: 110px;
  margin-right: 10px;
}

.wvform .inputrow .input { /* Input area */
  margin-left: 120px;
  vertical-align: center;
}

/*******************************************************************************
** Other crap
*/
form {
  /*background-color: #c8ccd2;*/
}

input[type=button],
input[type=submit],
.button {
	font-size: 11px;
  background-color: #c8ccd2;
  border-style: outset;
}

input[type=button].button_depressed {
	font-size: 11px;
  background-color: #c8ccd2;
  border-style: inset;
}

/*******************************************************************************
********************************************************************************
** Hide Navigation Menu Button
*/
#btnHideNav {
  font-size: 10px;
  padding: 0px;
  margin: 0px;
  display: block;
}

/*****************
 * Webview Forms *
 ****************/
form.wvform{
background-color: #b1c9cb;
border: solid #000000 1px;
font-size: 12px;
color: black;
font-family: Verdana;
}

form.wvform select,
form.wvform input{
font-size: 12px;
color: black;
font-family: Verdana;
}

form.wvform table{
width: 100%;
}

/**
 * BuyerDocument Upload Form
 */
#buyerdoc input.radio {
  margin-left: 20px;
}

#buyerdoc p {
  margin-top: 0px;
}

/**
 * Eblast forms
 */
#eblast.wvform select,
#eblast.wvform input {
  margin: 5px;
}

#eblast.wvform #SelSubs,
#eblast.wvform #SelTrades {
  width: 235px;
}

#eblast.wvform #body {
  width: 99%;
  height: 250px;
}

/**
 * User Permissons
 */
#user_permissions.wvform ul {
  /*border: dashed white 1px;*/
  list-style-type: none;
}

#user_permissions.wvform li {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}
#user_permissions.wvform a {
  color: black;
  text-decoration: none;

}
#mod_permissions.wvform fieldset {
  padding: 5px;
  margin-bottom: 20px;
}
#mod_permissions.wvform fieldset fieldset {
  margin-bottom: 5px;
}
#mod_permissions.wvform input {
  margin-left: 10px;
}
#mod_permissions.wvform label.field {
  float: none;
  margin-left: 5px;
}

/**
 * MANAGE OPTIONS
 */
#ManageOptionsFilter {
  margin-bottom: 20px;
}
ul#ManageOptionsListing div.errors ul {
  margin-top: 0px;
  margin-bottom: 0px;
  border: none;
}
ul#ManageOptionsListing div.errors ul li {
  border:none;
}
ul#ManageOptionsListing {
 margin: 0px;
}
ul#ManageOptionsListing {
  list-style-type: none;
  padding: 0px;
}
ul#ManageOptionsListing li {
	border: solid #D4D4DD 1px;
	padding: 10px;
}
ul#ManageOptionsListing li.odd {
  background-color: #d4d4dd;
}
ul#ManageOptionsListing li h4 {
  float: left;
  margin: 0px;
}
ul#ManageOptionsListing li a.js_upload_img {
  float: right;
  text-decoration: none;
  font-size: 10px;
}
ul#ManageOptionsListing li p {
  clear: both;
  margin-top: 5px;
}
ul#ManageOptionsListing li ul.ImageList {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
}
ul#ManageOptionsListing li ul.ImageList li {
  border: none;
  float: left;
  width: 100px;
  padding: 2px;
  text-align: center;
}
ul#ManageOptionsListing li ul.ImageList li a {
  float: none;
  display: block;
  font-size: 10px;
  text-decoration: none;
}
ul#ManageOptionsListing li ul.ImageList li a img {
  border: none;
}
ul#ManageOptionsListing li ul.ImageList li p {
  text-align: left;
}
#ManageOptionsFilter fieldset p label.field {
  width: 100px;
}
#CopyOptionImages fieldset p label.field {
  width: 100px;
}
ul#ManageOptionsListing p.builder_note,
#UploadOptionPics p.builder_note {
  background-color: yellow;
}
#UploadOptionPics,
#EditOptionPics {
  clear: both;
}
#UploadOptionPics.wvform fieldset p input.file,
#UploadOptionPics.wvform fieldset p textarea,
#EditOptionPics.wvform fieldset p input.file,
#EditOptionPics.wvform fieldset p textarea {
  display: block;
}
#EditOptionPics.wvform fieldset p a img,
#DeleteOptionPics.wvform fieldset p a img {
  border: none;
  margin: 2px;
}

/**
 * SalesView stuff
 */
div#prospect_detail { /* for tabs */
  clear: both;
}
div#prospect_detail .wvform { /* for tabs */
  margin-top: 0px;
  border-style: none solid solid;
}
div#SalesView_financing fieldset#finance_pricing,
div#SalesView_financing fieldset#finance_loan,
div#SalesView_financing fieldset#finance_fees,
div#SalesView_financing fieldset#finance_prepaid {
  float: left;
}
div#SalesView_financing fieldset#finance_pricing p label.field,
div#SalesView_financing fieldset#finance_loan p label.field,
div#SalesView_financing fieldset#finance_fees p label.field {
  width: 150px;
}
div#SalesView_financing fieldset#finance_prepaid p label.field {
  width: 100px;
}
div#SalesView_financing fieldset#finance_pricing .summary,
div#SalesView_financing fieldset#finance_fees .summary,
div#SalesView_financing fieldset#finance_prepaid .summary,
div#SalesView_financing fieldset#finance_loan .summary {
  margin-top: 15px;
}
div#SalesView_financing fieldset#finance_pricing input,
div#SalesView_financing fieldset#finance_fees input,
div#SalesView_financing fieldset#finance_prepaid input,
div#SalesView_financing fieldset#finance_loan input {
  text-align: right;
}

/**
 * InterestView Setup Forms
 */
div#VitalSetup.wvform table {
  margin: 0px;
}

div#VitalSetup.wvform table tr.header {
  font-weight: bold;
}

div#VitalSetup.wvform table tr td.field {
  text-align: right;
  width: 100px;
}

div#VitalSetup.wvform table tr td.visible,
div#VitalSetup.wvform table tr td.required {
  text-align: center;
  width: 100px;
}

div#VitalSetup.wvform div#vital_preview {
  display: none;
}

div#VitalSetup.wvform div#buttons {
  text-align: center;
  margin-bottom: 5px;
}

div#DemoSetup.wvform div.btn_row {
  text-align: right;
  padding-right: 5px;
}

div#demoq_button_row {
  text-align: center;
}

/* We indent demographic question answer sections */
div#demographic div.demoq .indent,
div#ProspectPage.wvform div#demographic div.demoq .indent,
div#DemoSetup.wvform div.demoq .indent {
  margin-left: 5%;
}
div#demographic div.demoq textarea.indent,
div#ProspectPage.wvform div#demographic div.demoq textarea.indent,
div#ProspectPage.wvform div#demographic table.indent,
div#DemoSetup.wvform div.demoq textarea.indent,
div#DemoSetup.wvform table.indent {
  margin-left: 5%;
  width: 94%;
}
div#demographic div.demoq,
div#ProspectPage.wvform div#demographic div.demoq {
  margin-top: 20px;
}

/* Rating scale styles */
div#demographic table.indent tr td,
div#ProspectPage.wvform div#demographic table.indent tr td,
div#DemoSetup.wvform table.indent tr td {
  padding-top: 5px;
  padding-bottom: 5px;
}
div#demographic table.indent tr td input,
div#ProspectPage.wvform div#demographic table.indent tr td input,
div#DemoSetup.wvform table.indent tr td input {
  width: 25px;
  height: 25px;
  border: none;
}
div#demographic table.indent tr td.label,
div#ProspectPage.wvform div#demographic table.indent tr td.label,
div#DemoSetup.wvform table.indent tr td.label {
  width: 100px;
}
div#demographic table.indent tr td.choice,
div#ProspectPage.wvform div#demographic table.indent tr td.choice,
div#DemoSetup.wvform table.indent tr td.choice {
  vertical-align: middle;
  text-align: center;
}
div#ProspectPage div#header {
  margin: 5px;
  margin-bottom: 15px;
}
div#ProspectPage div.submit_row {
  text-align: center;
}

/**
 * Buyer survey submittal page
 */
form#Survey.BuyerSurvey {
  background-color: #b1c9cb;
  width: 100%;
  border: solid #000000 1px;
  padding-top: 4px;
  padding-bottom: 4px;
}

form#Survey.BuyerSurvey .errors {
  color: red;
  font-weight: bold;
}