/*******************
author: Sarada Pachalla
spachalla@tycothermal.com
date:12/01/2010
*********************/

@import url("datePicker.css");

.form-combobox-dropdown, .form-combobox-container {display:inline;}
.form-combobox-dropdown {width:220px;margin-top:-1px;margin-left:-1px;z-index: 700 !important;overflow:hidden;}
.form-combobox-container {width:220px;margin-left:-1px;background: transparent url('/Images/down-arrow-sprite.gif') 0 -21px repeat-x;height: 21px;margin: 0 0 5px 0;cursor: default;border:1px solid #ccc;overflow:hidden;float:left;font-weight:normal;}
.form-combobox-value-container {height: 21px;}
.form-combobox-value-content {background: transparent url('/Images/down-arrow-sprite.gif') 0 0 no-repeat;float: left;height: 21px;line-height: 21px;padding-left: 5px;font-size: 11px;color: #5B5B5B;white-space: nowrap;}
.form-combobox-dropdown {background: #FFF;width: 220px !important;position: absolute;border:1px solid #ccc;margin:0;padding:0;margin-left:-1px;overflow:auto;height:150px;}
.form-combobox-dropdown-button {display: block;width: 19px;height: 21px;background: transparent url('/Images/down-arrow-sprite.gif') 0 -42px no-repeat;float: left;}
.form-combobox-item {background: #FFF;padding: 2px 2px 2px 3px;font-size: 11px;color: #999;}
.form-combobox-item-hover {background-color: #dac9db;}

.ttcForm input[type="text"] {width: 210px;border: 1px solid #ccc;}
.ttcForm input.text {width: 210px;border: 1px solid #ccc;}
.ttcForm input.error {border: 1px dotted red;}
.ttcForm input.gasRate {border: none; width:250px;}
.ttcForm input.smTextbox[type="text"] {width: 120px;border: 1px solid #ccc;}
.ttcForm input.smTextbox:focus {border: 1px dotted black;}
.ttcForm input.reqCodebox, .ttcForm input.warranty20yrCode[type="text"] {width: 30px;border: 1px solid #ccc;}  
.ttcForm input.reqCodebox:focus, .ttcForm input.warranty20yrCode {border: 1px dotted black;}
.ttcForm input#sno-1.error {border: 1px dotted red;}
.ttcForm input#sno-2.error {border: 1px dotted red;}
.ttcForm input#sno-3.error {border: 1px dotted red;}
.ttcForm input#sno-4.error {border: 1px dotted red;}
.ttcForm input#sno-5.error {border: 1px dotted red;}
.ttcForm input#sno-6.error {border: 1px dotted red;}
.ttcForm input.spDT  {width:162px;margin-left:5px;border: 1px solid #ccc;}
.ttcForm input:focus {border: 1px dotted black;}
.ttcForm input[type="checkbox"] {border:none;margin-right:5px;display:inline;}
.ttcForm input.checkbox {border:none; margin-right:5px;display:inline;}
.ttcForm input[type="radio"] {border:none;margin-right:5px;display:inline;}
.ttcForm input.radio {border:none; margin-right:5px;display:inline;}
.ttcForm input[type="file"] {position: relative; text-align: right;-moz-opacity:0 ;z-index: 2;height:24px;}
.ttcForm input.file {position: relative; text-align: right;-moz-opacity:0 ;z-index: 2;}
.ttcForm input.submitBtn {background: transparent url('/Images/btn-calculator_blue.jpg') no-repeat scroll top right; float:right;display: block; color:#fff; font: bold 14px arial, sans-serif;height: 30px; padding: 3px 10px; text-decoration: none; text-align:left;width:120px;border: 0;}
.ttcForm input.submitBtn:hover {background-position: bottom right;color: #fff; outline: none; cursor:pointer;}
.ttcForm textarea {width:350px;}
.ttcForm textarea:focus {border: 1px dotted black;}
.ttcForm textarea.error {border: 1px dotted red;}
.ttcForm select {border: 1px solid #ccc;width:357px;margin-left:-1px;background: #fff; height: 21px;margin: 0 0 5px 0;cursor: default;overflow:hidden;float:left;}
.ttcForm select option{width:335px;padding:2px 0 2px 3px;font-size:10px;}
.ttcForm  p#batchNum {margin-bottom:0;padding-bottom: 0;}
.ttcForm  #batchNum select.bcode, .ttcForm  #warranty20yrCode select.bcode{border: 1px solid #ccc;width:45px;background: #fff; height: 21px;margin: 0 12px 5px 0;cursor: default;overflow:auto;float:left;}
.ttcForm  #batchNum select.error, .ttcForm  #warranty20yrCode select.error{border: 1px dotted red;width:45px;height: 21px;margin: 0 12px 5px -1px;cursor: default;overflow:hidden;float:left;}
.ttcForm select.bcode option{width:auto;padding:2px 0;font-size:10px;}
.ttcForm select.smSelBox {border: 1px solid #ccc;width:220px;height: 21px;margin: 0 0 5px 0;cursor: default;overflow:hidden;float:left;}
.ttcForm select.smSelBox option{width:190px;padding:2px 0;background-color:#fff;}
.ttcForm select.verBox {border: 1px solid #ccc;width:55px;height: 21px;margin: 0 0 5px 0;cursor: default;overflow:hidden;float:left;}
.ttcForm select.verBox option{width:auto;padding:2px 0;background-color:#fff;}
.ttcForm select.error{border: 1px dotted red;width:220px;margin-left:-1px;background: transparent url('/Images/down-arrow-sprite.gif') 0 -21px repeat-x;height: 21px;margin: 0 0 5px 0;cursor: default;overflow:hidden;float:left;}
.ttcForm label {width: 120px; float: left; font-size:11px; font-weight:bold;}
.ttcForm label.long {width: 200px; float: left; font-size:11px; font-weight:bold;display:block;}
.ttcForm span {font-size:11px; font-weight:normal;}
.ttcForm span.span-cb {clear:left;display:block;font-size:11px; font-weight:normal;}
.ttcForm span.topping {font-size:11px; font-weight:normal;vertical-align: top;margin-left:-3px; padding-right:23px;}
.ttcForm span.col2 {width: 160px; float: left; display:inline-block; margin-left:20px;}
.ttcForm span.col2-SP {width: 160px; float: left; display:inline-block;margin-left:148px;}
.ttcForm span.SP-98 {display:inline-block;margin-left:98px; margin-left:/*\**/105px\9;}
.ttcForm span.SP-120 {display:inline-block;margin-left:120px; margin-left:/*\**/128px\9;}
.ttcForm span.SP-140 {display:inline-block;margin-left:140px; margin-left:/*\**/145px\9;}
.ttcForm span.sp-rad-text{position:relative;float: none;display:inline;margin-right:50px;vertical-align: top;}
.ttcForm .lSpace-add {position:relative;display:block;margin-left:126px;margin-top:3px;vertical-align: top;}
.ttcForm .address2Box {display:block;padding-top:3px}
.ttcForm .lSpace-form {position:relative;display:block;margin-left:128px;margin-top:3px;vertical-align: top;}
.ttcForm .lSpace207-form {position:relative;display:block;margin-left:207px;margin-top:3px;vertical-align: top;}
.ttcForm .lSpace2-form {position:relative;display:block;margin-left:120px;margin-top:3px;vertical-align: top;}
.ttcForm span.lit-receivedCb {float:left; width:20px;margin-top: 2px;}
.ttcForm span.lit-receive-txt {position:relative;margin-top:0px;vertical-align: top;display:inline;}
.ttcForm label.error {width: 350px; float: none; color: red; padding-left: .5em; vertical-align: top; font-weight:normal; display:inline-block;}
.ttcForm  .warranty20yrBox {clear:both; margin:15px 0 5px 0; padding:10px 0 10px 10px; background-color: #F5F5F5; border: 1px solid #ccc;overflow:auto;}
.ttcForm  .warranty20yrSelect {float:none!important; margin:0!important;}
.ttcForm .projDataBox label.error   /* FireFox 3 and newer */{
    /* Move the error above the input element. */
    position: absolute; display:none; line-height: 1.5em; margin-top: -1.5em!important; margin-left:70px;width:100px; color: red; padding: 0 2px 0 5px;}

/*.ttcForm label.error, label.error { color: red; display:none;}*/

.ttcForm p {clear: both;padding: 5px 0;}
.ttcForm fieldset.oneCOl-940 {padding: 0px;width:940px;float:left;border-left:1px solid #fff;margin-right:20px;margin-bottom:15px;}
.ttcForm fieldset {padding: 0px;width:430px;float:left;border-left:1px solid #fff;margin-right:20px;margin-bottom:15px;}
.ttcForm fieldset > fieldset {padding: 0px;width:430px;float:left;}
.ttcForm fieldset.divideCol {padding-left: 25px;width:430px;float:left;border-left:1px solid #ccc;margin-right:0;}
.ttcForm fieldset.divideCol > fieldset {float:left;display:block;clear:left;width:430px;padding-left: 0;margin:0;margin-bottom:35px;}
.ttcForm fieldset.divideCol > fieldset  p{float:none;display:block;clear:left;}
.ttcForm legend.steps {background: url('/Images/btn-bgSteps.jpg') no-repeat; padding: 3px 3px 3px 8px;margin-bottom:5px;color:#fff; font: bold 11px arial;width:100px;}
.ttcForm legend{font-size:13px; font-weight:bold;padding:0px 0 5px;margin-left:0px;color: #762977;width:300px;}
.ttcForm h5{font-size:13px; font-weight:bold;padding:0px 0 5px;margin-left:0px;color: #762977;width:300px;}
.ttcForm p.bg-color {background-color:#f5f5f5;padding:10px 10px 10px 0;}
.ttcForm input.btn-resetForm {float:right;display:inline-block; margin-right:15px; height:30px; text-align:middle; cursor:pointer; font-weight:bold;font-size:14px;}
.ttcForm  .marginL400 {margin-left: 400px!important;}
.ttcForm a.btn-goBackForm {float:left;display:inline-block; height:30px; color:#2A89CD; text-align:middle; cursor:pointer; font-weight:bold;font-size:14px;width:95px;}
.ttcForm a.btn-goBackForm:active {color:#2A89CD;text-decoration: none;}
.ttcForm a.btn-goBackForm:visited {color: #7499BD;text-decoration: none;}

.ttcForm input.btn-resetForm-oneCol {float:right;display:inline-block; margin-right:15px; height:30px; text-align:middle; cursor:pointer; font-weight:bold;font-size:14px;}
.ttcForm ul.form-cbList {clear: both;padding: 5px 0;}
.ttcForm ul.form-cbList li{padding: 0 0 5px;}
.ttcForm ul.form-cbList li input.checkbox {margin-right:3px;display:inline; vertical-align: middle;}

.ttcForm .projDataBox {clear:both; min-height: 110px;width: 860px; background-color: #f5f5f5; padding: 5px 0 5px 5px; margin-top: 5px;}
.ttcForm .projDataBox  .projDataContent {width:170px;float:left;padding: 3px;padding-top: 0;}
.ttcForm .projDataBox  .projDataContent input[type="radio"] {border:none; display:inline; padding:0;margin-right:7px; margin-top:2px;}
.ttcForm .projDataBox  .projDataContent label{font-weight: normal;padding-left:7px; vertical-align:top;margin-bottom:2px;}
.ttcForm .projDataBox  .projDataContent-line {background:url('/Images/dd-submenu-l-bg.gif') 0 -485px repeat-y; height:95px; float:left; width:1px; margin-right:25px; margin-left:25px;vertical-align: middle;}

/*.ttcForm  label.TC-err {display:block; color: red;float: none; font-weight: normal; padding-left: 0.5em;vertical-align: top; width: 350px;}
.ttcForm  label.TC-text {width:900px; font-weight:normal;display:block;}

.ttcForm dl.dividerLine {background:url('/Images/dd-submenu-l-bg.gif') 0 -485px repeat-y; height:75px; float:left; width:2px; margin-right:25px; margin-left:25px;padding-top:5px;vertical-align: middle;}
.ttcForm dl.projData-form {position:relative; float:left; vertical-align: top;margin-bottom:10px; width:170px;}
.ttcForm dl.projData-form dt {clear:left; float:left;font-weight:bold;margin-right:7px;padding:3px 3px 0;width:12px;margin-left:12px;}
.ttcForm dl.projData-form dd {margin:2px 0; padding:2px 0 0;}
.ttcForm span.errorMsg {display:inline-block; float:left; margin-left:65px;text-align:right;}*/

.ttcForm fieldset.oneCOl-940 > fieldset {position:relative; float:left; vertical-align: top; width:150px;}
em.asterik { font-weight: bold; color:#f00; float:left;font-size:9px;vertical-align: top;padding-right:3px; }
.ttcForm span.plusMinus {position:relative;float: right;padding-left: 10px;font-size: 18px; font-weight: bold;line-height:20px;}
.ttcForm a#minus, a#plus {border:none;color: #999; text-decoration: none; font-size:17px;}
.ttcForm a#minus:hover, a#plus:hover {color: #000;}

.ttcForm  table.formTable {width: 940px;background:#fff;border:1px solid #ccc;}
.ttcForm  table.formTable caption {font-size:15px; font-weight:bold;padding:10px 0;}
.ttcForm  table.formTable  thead th {border-collapse: collapse;padding: 5px 5px 5px 10px;vertical-align: top;text-align: left;background: #c3c3c3;color:#2a2a2a;font-size: 12px;font-weight: bold;}
.ttcForm  table.formTable  tfoot td {font-size: 11px;color:#666;border-collapse: collapse;vertical-align: top;padding:5px 0px;text-align:left;background-color:#fff;} 
.ttcForm  table.formTable  tbody tr {}
.ttcForm  table.formTable  tbody tr.bg-row {background-color:#f5f5f5;}
.ttcForm  table.formTable  tbody tr.bgLine-row {background-color:#f5f5f5; border-bottom: 1px solid #ccc;}
.ttcForm  table.formTable  tbody tr.lc {border-bottom: 1px solid #ccc;}
.ttcForm  table.formTable  tbody td.lc, .ttcForm  table.formTable  tbody td.fc {border-bottom: 1px solid #ccc;}
.ttcForm  table.formTable  tbody td span{font-size: 11px;padding-right:10px;}
.ttcForm  table.formTable  tbody td {font-size: 12px;border-collapse: collapse;vertical-align: top;padding:5px 10px;text-align:left;}
.ttcForm  table.formTable label.error {width: 200px; padding-left:0;}
.ttcForm  table.wd-710 {width: 710px;}
.eventr {background-color:#fff;}
.oddtr {background-color:#f5f5f5;}

.btn-formSubmit {background: transparent url('/Images/but-contactUs.jpg') no-repeat scroll top right;color: #fff;float:right;display: block;font: bold 14px arial, sans-serif;height: 30px; margin-right: 0px; padding-right: 30px; padding-left:15px; /* sliding doors padding */text-decoration: none;text-align:left;}
.btn-formSubmit:hover {background-position: bottom right;color: #000; outline: none;}
.btn-formSubmit span {color:#fff;font: bold 14px arial, sans-serif;}

.btn-formSubmit-sm-holder {background: transparent url('/Images/btn-blue-med.jpg') no-repeat left 0;color: #fff;float:right;height: 19px; margin-right: 0px; padding:0 0 0 5px; /* sliding doors padding */text-decoration: none;text-align:left;}
.btn-formSubmit-sm-holder:hover {background: transparent url('/Images/btn-blue-med-hover.jpg') no-repeat left 0;color: #fff; outline: none;}
.btn-formSubmit-sm {font: bold 11px arial, sans-serif;color:#fff; display: block; padding: 0 15px 0 0; height: 19px; line-height: 19px; background: transparent url('/Images/btn-blue-med.jpg') no-repeat right 0;}
.btn-formSubmit-sm:hover {background: transparent url('/Images/btn-blue-med-hover.jpg') no-repeat right 0;}

#otherInput {position:relative;display:block;margin-left:128px;margin-top:3px;vertical-align: top;}
.form-outerDiv {display:inline;}
.form-outerDiv  .divLeft {float:left;width:300px;margin:5px 10px 10px 0;}
.form-outerDiv  .divRight {float:left;width:270px;margin:5px 0 10px 0;}

.addRec-outerDiv {width:940px;display:inline-block;background-color:#f5f5f5;padding-top:5px;}
.addRec-outerDiv .addRec-divLeft {clear:left;width:450px;float:left;}
.addRec-outerDiv .addRec-divRight {width:470px;float:left;margin-top:0;}

#floorHeating-form label.error, #10yearWarranty-form label.error {display:block;}
.edit-profile {float:left;padding-top:10px;font-size:10px; font-weight:bold;}
.login-page {background: #f3f3f3 url('/Images/RR-module-bg-185.jpg') bottom left repeat-x;width: 315px; height:150px;margin: 20px 0;padding: 7px 14px 10px; border: 1px solid #ccc;}
.textRt {clear:none; padding-left:18px;}
.sp-5 {margin-top:5px;}

/* date selection */
input.dp-applied {width: 210px;float: left;}
a.dp-choose-date {float: left;width: 16px;height: 16px;padding: 0;margin: 5px 3px 0;display: block;text-indent: -2000px;overflow: hidden;background: url('/Images/calendar.png') no-repeat;}
a.dp-choose-date.dp-disabled {background-position: 0 -20px;cursor: default;}
#calendar-me {margin: 20px;}

#messageLabel {color:#000000;direction:ltr;font-family:arial;font-size:11px;font-style:normal;font-weight:normal;left:3px; position:relative;text-align:left;unicode-bidi:normal;}

#recaptcha_widget_div {width:350px; display:inline-block;}

/* number style */
ol#cableList {display:inline-block; margin:0; padding:0; counter-reset:item;} 
ol#cableList li.cable-record {display:block; margin:5px 0; padding:10px 0 0;font-size:13px; font-weight:bold;color: #762977;border-bottom:1px solid #ccc;} 
ol#cableList li.cable-record:before {content: "Cable# " counter(item); counter-increment: item ;margin:5px 0; padding:5px 0;}

ol#matList {display:inline-block; margin:0; padding:0; counter-reset:item;} 
ol#matList li.mat-record {display:block; margin:5px 0; padding:10px 0 0;font-size:13px; font-weight:bold;color: #762977;border-bottom:1px solid #ccc;} 
ol#matList li.mat-record:before {content: "MAT# " counter(item); counter-increment: item ;margin:5px 0; padding:5px 0;}

/* Progress Bar styles */
.progBar {float: left; width: 700px;margin-top:10px;}
.progBar ul {float: left; list-style-type: none; margin: 5px 0 2px; padding: 0;}
.progBar ul li {border-top: 1px solid #999999;border-bottom: 1px solid #999999;background-color: #E8E8E5; float: left; padding: 8px 0;}
.progBar ul a {background: #E8E8E5 url('/Images/progbar_gray_white.gif') no-repeat scroll right -71px;text-align: center;font-size: 13px;color:#999;white-space:nowrap;padding: 8px 30px 9px; width:200px;}
.progBar ul a.active {cursor:default;background: #ffffff url('/Images/progbar_white_gray.gif') no-repeat scroll right -71px;color: #000;font-weight:bold;}
.progBar ul li:last-child a.active,.progBar ul a.pbar-lc, .progBar ul li.last {background-image: none;}
.progBar ul a:active,.progBar ul a:focus,.ui-tabs-active a,.ui-tabs-selected a:link {background: #ffffff url('/Images/progbar_white_gray.gif') no-repeat scroll right -71px; color: #000;font-weight:bold;width: 150px;}
.progBar ul a.previous {background: #ffffff url('/Images/progbar_gray_white.gif') no-repeat scroll right -71px; padding-left: 15px!important; margin-left: 35px!important;}
.ui-tabs-deselected a:visited {background: #ffffff url('/Images/progbar_gray_white.gif') no-repeat scroll right -71px;}
.progBar ul li.first {border-left: 1px solid #999999;}
#tip {background: transparent url('/Images/progbar_gray_white.gif') no-repeat scroll right -71px; float: left; margin: 6px 0 0;    padding: 9px 0; width: 11px;}
.progBar ul li.lastSelected {background-color: #FFFFFF; color: #000000;}
#tip.selected {background: transparent url('/Images/progbar_white_white.gif') no-repeat scroll right -71px;}
.pBar-tabContent {clear:both;display:block;margin:0; padding:15px 0;}
.progBar-resultTabBlueBox {clear:both; width:680px; border: 1px solid #73abe3; background-color:#f5f5f5; margin:10px 0; padding: 10px;}
.progBar-resultTabBlueBox  .prevMoreDetPara  {clear:both; float: right; margin-top: 25px;font-weight:bold;}
span.prevScreen {clear:left; float: right; display: inline-block; font-weight:bold;}

#result {font-weight: normal; line-height: 20px; font-size: 12px; background: transparent url('/Images/iconResult.jpg') no-repeat left 0px;
padding-left: 25px;}