/*
-----------------------------------------------
Client:Jameco Electronics
Project:Public Web Site

File Name: form.css
Version: 1.0
Notes: Rules for form elements.

Author: Dayspring Technologies, Inc.
Email: info@dayspring-tech.com
Web: http://www.dayspring-tech.com/
----------------------------------------------- */

/* Layout
------------------------------------------------- */
form {
	width:auto;
  }
form ul {
	margin-bottom:0;
  }
form li {
  list-style:none;
  margin:0 0 5px;
  position:relative;
	}
form li.right {
  text-align:right;
	}
form li.info, form li p { /* when there is no error */
  }

/* table.form (for horizontal layout)
----------------------------------------------- */
table.form {
	margin:0 auto 20px;
	width:80%;
	}
.form tr {
	}
.form th {
	font-weight:bold;
	padding:10px 0 5px;
	text-align:right;
	vertical-align:top;
	width:25%;
	}
.form th.left {
	text-align:left;
	}
.form td {
	padding:5px 0 5px 10px;
	text-align:left;
	vertical-align:top;
	}
.form td p {
  margin:2px 0  0;
	font-size:85%;
	}
form td p.err { /* when there is no error */
  display:none;
	}
label.opt { /* Optional fields. */
	color:#666;
	font-weight:normal;
	}

/* Typography and Form Elements
------------------------------------------------- */
form li label {
 /* display:block;  commented by vz      */
  font-weight:bold;
  margin:0 0 3px 0;
  }
form li label acronym, form li legend acronym { /* Styles asterisk that indicates a required field. */
  border:0;
  color:#df0000;
  cursor:help;
  }
/*  vz commented 
form input{
  background-color:#ffffeb;
	border:1px solid #005daa;
  margin:0;
  padding:3px;
  width:250px;
  }*/
form fieldset {
  border:0;
  margin:0;
  padding:0;
  }
form legend {
  font-weight:normal;
  margin:0;
  padding:0 0 5px 0;
  }
form select {
  display:block;
  margin:0;
  padding:0;
  }
form option {
  margin:2px;
  }
form textarea {
  padding:2px;
  width:300px;
  }

/*commented by vz
form input.submit {
  font-weight:normal;
  margin:0 5px 5px 0;
  padding:2px 10px;
  width:auto;
  }
*/

/* Quick add controls
------------------------------------------------- */
form.quick li label {
  display:inline;
  margin:0 3px 0 0;
	}
form.quick li input {
  display:inline;
	margin:0 3px 0 0;
  padding:2px;
	width:40px;
  }
form.quick.inline ul {
  float:left;
  margin:0 3px 0 0;
  }
form.quick.inline p.btn-lg {
	margin-top:-3px;
	}
form.quick.inline p.btn-sm {
	float:left;
	margin:0;
	}

/* Keyword search controls
------------------------------------------------- */
form.keyword {
	margin-bottom:10px;
	}
form.keyword li label {
  display:inline;
  font-weight:normal;
	margin:0 3px 0 0;
	}
form.keyword li input {
  display:inline;
	margin:0 3px 0 0;
	}
form.keyword.inline ul {
  float:left;
  margin:0 3px 0 0;
  }
form.keyword.inline p.btn-lg {
	float:left;
	margin:-2px 0 0 0;
	}

/* Phone Number Area
------------------------------------------------- */
form fieldset legend {
	font-weight:bold;
  margin:0 0 5px 0;
  padding:0;
  }
form fieldset span {
  display:inline;
  float:left;
  margin:0;
  padding:0;
  }
form fieldset span input {
  margin:0;
  width:40px;
  }
form fieldset span label {
  display:block;
  font-size:85%;
	font-weight:normal;
  margin:0;
  padding:0;
  }

/* Services Area
------------------------------------------------- */
form fieldset.radio legend {
  margin-bottom:0;
  }
form fieldset.radio span {
  display:block;
  float:none;
  margin:5px 0 0 0;
  padding:0;
  }
form fieldset.radio input {
  margin:0 5px 0 0;
  padding:0;
  width:auto;
  }
form fieldset.radio label {
  display:inline;
  font-size:100%;
  font-weight:normal;
  margin:0;
  padding:0;
  }

/* Error Styles
------------------------------------------------- */
form li.error{
  background:#ffdfdf;
  }
form li.error label, form li.error legend {
  color:#df0000;
  font-weight:bold;
  }
form li.error p {
  color:#df0000;
  display:block;
  font-size:85%;
  margin:5px 0 0 0; /* Space between error msg and input field. */
  padding:0;
  }
form li.errorinfo { /* Error message at the top. */
  display:none;
  border:1px solid #df0000;
  margin-top:20px;
  margin-bottom:20px;
  padding:15px 10px;
  }
form li.errorinfo h2 {
  color:#df0000;
  font-size: 112%;
  text-indent: 0;
  height:auto;
	}
form li.errorinfo p {
  display:block;
  margin:0;
  }
form li.errorinfo em {
  background-color:#ffdfdf;
  color:#df0000;
  font-style:normal;
  font-weight:bold;
  margin:-2px;
  padding:2px;
  }

/* Button Styles
---changed p.btn-lg to .btn-lg */
.btn-lg { /* Large blue form button with gradient background. */
	float:left;
	font-weight:bold;
	height:26px;
	line-height:26px;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	text-transform:uppercase;
  }
.btn-lg strong {
  background:transparent url(../images/Dspring/btn1-l.gif) no-repeat top left;
	float:left;
	width:8px;
	}
.btn-lg a {
  background:transparent url(../images/Dspring/btn1-r.gif) no-repeat top right;
  color:#fff;
	float:left;
	padding:0 10px 0 1px;
	}

p.btn-sm { /* Dark blue form button. This will go full width of parent. */
  background:transparent url(../images/Dspring/btn2-budk-r.gif) no-repeat top right;
  display:block;
	font-size:85%;
	height:20px;
	line-height:20px;
	margin-bottom:5px;
	text-align:center;
	text-transform:uppercase;
  }
p.btn-sm.left { /* This will go only width of content and align left. */
  float:left;
	margin-right:10px;
	}
p.btn-sm.right { /* This will go only width of content and align right. */
  float:right;
	margin-left:10px;
	}
.btn-sm strong {
  background:#e8f4f9 url(../images/Dspring/btn2-budk-l.gif) no-repeat top left; /* Bgcolor set for ltblue backgrounds. */
  display:block;
	float:left;
	width:5px;
	}
.btn-sm a {
  color:#fff;
  padding:0 6px 0 1px;
	}
.btn-sm a.add {
  background:transparent url(../images/Dspring/icons.gif) no-repeat 0 -668px;
  padding:0 11px 0 16px;
	}

p.btn-sm.ltbl { /* Light blue form button. */
  background:transparent url(../images/Dspring/btn2-bult-r.gif) no-repeat top right;
  }
.btn-sm.ltbl strong {
  background:#fff url(../images/Dspring/btn2-bult-l.gif) no-repeat top left; /* Bgcolor set for ltblue backgrounds. */
	}
.btn-sm.ltbl a {
  color:#005daa;
	}
.btn-sm.ltbl a.add {
  background:transparent url(../images/Dspring/icons.gif) no-repeat 0 -778px;
	}

h5.param-search {
	border:1px solid #005daa;
	width:140px;
	padding:3px 8px;
	position:absolute;
	left:400px;
	top:5px;
	}