/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

-------------------------------------------------------------- */

fieldset    { padding:0;  margin: 0; border:0; }
legend      { font-weight: bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em; }

/* Form fields
-------------------------------------------------------------- */

/*Borders and background color*/
/*avoid declaring input here to keep file upload input="file" nice and slim*/
input[type=text], input[type=password], select, textarea {background-color:#fff;  border:2px solid #d9d9d9;}
/*input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {border-color:#F15c22;}
select { }*/


/* Newer styles added here to sorted later
-------------------------------------------------------------- */
input, select, textarea {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

input {padding:7px 3px}
select {padding:7px 3px}

select, input[type=file] {
height: 35px; line-height: 35px; *margin-top: 4px;
/* For IE7, add top margin to align select with labels */}

textarea {padding:5px; box-sizing: content-box;-webkit-box-sizing:content-box;-moz-box-sizing: content-box;-ms-box-sizing: content-box;}
input[type=text], input[type=password], input, textarea, select {margin:3px 0 0 0;}

/* vertical alignment of checkboxes (a different value is served to IE 7) */
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline;}
input[type="radio"] {vertical-align: text-bottom; margin: 2px 2px 0 0;}

/* vertical alignment of input fields for IE 6 */
input {_vertical-align: text-bottom;}

/* horizontal containers for all forms use divs, p or span */
.inputs {clear:both;display:block;margin-bottom:1px;}
.inputs.buttons {margin-top:15px;}
.inputs.buttonsLarge {margin-top:30px;}
.inputs img {margin-top:0;}

label, input, select, textarea {float:left;margin:3px 0 0 0;}
label {font-weight: normal;margin-right:0; }
label.margin {margin-right:10px;}
label span {display:block;float:left; }

label.right {float:right !important;}

label.alt {text-align:right;}

.lbl_vvsm {width:70px;}
.lbl_vsm {width:110px;}
.lbl_sm {width:200px;}
.lbl_med {width:219px;}
.lbl_lg {width:250px;}
.lbl_full {width:100%;margin:0;}
.lbl_textArea {width:560px;margin:0;}

.txt_vvsm {width:60px;}
.txt_vsm {width:100px;}
.txt_sm {width:190px;}
.txt_med {width:209px;}
.txt_lg {width:240px;}
.txt_vlg {width:449px;}
.txt_full {width:100%;margin:0;}

.slt_vvsm {width:70px;}
.slt_vsm {width:110px;}
.slt_sm {width:200px;}
.slt_med {width:219px;}
.slt_lg {width:250px;}
.slt_full {width:100%;margin:0;}

input.chk {width:16px;height:16px;display:block;float:left;margin: 0 5px 0 0;padding:0;border:0;
 position: relative;top: 2px;vertical-align: bottom}
.chk input{width:16px;height:16px;display:block;float:left;margin: 0 5px 0 0;padding:0;border:0;
 position: relative;top: 2px;vertical-align: bottom}


textarea {width:445px;height:150px;}
textarea.brief {height:70px;}
.getQuote textarea, .narrowVersion textarea {width:406px;height:65px;}


/*IE sees this file input width others do not*/
input#fuResume {width:250px;}

/*Nitro form containers, columns and classes*/

.formContainer {position:relative;background-color: #f9f9f9; box-shadow: 0 1px 2px #A8A8A8; margin-bottom: 36px; padding: 30px 0;}
.getQuote.formContainer, .purchasePremiumSupport.formContainer { background-color: transparent; box-shadow:none; margin-bottom:0; min-height: 240px;}

/*columns for inputs*/
.column {float:left;width:220px;margin:0;margin-right:20px;border:0;position:relative;left:0;}
.column.last {margin-right:0;}
.columnLast {margin-right:0;} /*stop using class stacking for IE6!*/
.column.full {width:auto;margin:0;float:none;position:relative;left:0;}

/*personalized quote version*/
.getQuote .column, .narrowVersion .column {width:200px;}

#registerProduct .column {width:220px;}
#installationActivationUpgrade .column {width:220px;}

/*validation containers, images and styles*/
.validation {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.validation {border:0;/*position:relative;*/display:block;padding:0;}
/*.validation.userError {background-color:#ffdddd;border:solid 1px #dd8888;}*/
div.userError{color: #ff4600;}

.validation .userSuccess {/*border:solid 1px green;*/}
.validationImage {float:left;width:16px;height:16px;margin:9px 0 0 6px;display: none;}

#emailTrialDownloadError { margin:6px 0 0 6px; } 

.userError .validationImage {background:url("/graphics/icons/icon_sprite_form.png") scroll no-repeat 50% bottom; display: block;}
.userSuccess .validationImage {background:url("/graphics/icons/icon_sprite_form.png") scroll no-repeat 50% top; display: block;}

.userError input, .userError select, .userError textarea {border-color:#ff4600;/*background-color:#ffdddd;*/}

.validationMessage {width:auto;overflow:hidden;display:none;float:none;clear:both;padding:8px 5px 5px 5px;color:#ff4600}

.userError .validationMessage {display:block;}

/* Success, info, notice and error/alert boxes
-------------------------------------------------------------- */

/*small information under input fields*/
.supInfo {display:block;clear:left;margin-top:5px;font-size:11px;color:#666666;}

.requiredInfo {display:block;clear:left;margin-top:5px;font-size:11px;color:#5FA0CC;}
.requiredSymbol {font-weight:bold;color:#5FA0CC;}
.userError .requiredInfo  {display:none;}

.error,.alert, .notice, .success, 
.info 			{ padding: 0.8em; margin-bottom: 1em; border: 1px solid #ddd; }

.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #DD8888; }
.notice     { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success    { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info 			{ background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a, .alert a { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.info a			{ color: #205791; }

/*additional form ui*/
:-moz-placeholder {
  color: #bfbfbf;
}
::-webkit-input-placeholder {
  color: #bfbfbf;
}
input, textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
  outline: 0;
  border-color: #F15c22;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #F15c22;
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #F15c22;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #F15c22;
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 1px dotted #666;
}
/*Changing a select into an input and a list */
/* Drop down styles*/
div.selectbox-wrapper {
  position:absolute;
  width:100% !important;
  background-color:white;
  border:1px solid #ccc;
  margin:0px;
  margin-top:38px;
  padding:0px;
  text-align:left;
  height:200px;
  overflow:scroll;
   
  /*added*/z-index:2;
  
}


/*Drop down list styles*/
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected {
  background-color: #F15c22;
  color:#fff;
}

/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current {
  background-color: #F15c22;
  color:#fff;
}

/* Drop down list items style*/
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

/* Look and feel of select box */
.selectbox
{
  margin: 0px 5px 10px 0px;
  padding-left:2px;
  /*extra padding right for the select bg image*/
  padding-right:35px;
  width : 146px; /* Resize Width */
  display : block;
  text-align:left;
  background: url('/graphics/ui/bg-select.png') scroll no-repeat right center;
  cursor: pointer;
  border:1px solid #D1E4F6;
  color:#333;
}

/*Newer gradient background for forms container*/

.formContainer {background: #e9e9e9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e9e9e9 0%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e9e9e9 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e9e9e9 0%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e9e9e9 0%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(top,  #e9e9e9 0%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#f6f6f6',GradientType=0 ); 
/* IE6-8 */
}