/* ProximaNova - Normal font-weight */
@font-face {
    font-family: 'ProximaNova';
    src: url('../../fonts/proximanova-regular.eot');
    src: url('../../fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/proximanova-regular.woff') format('woff'),
         url('../../fonts/proximanova-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

body{background:#fff;color:#000;font:10px Arial, Helvetica, sans-serif;font-weight:400;margin:0;}
#containapp{background:#FFF;margin:0 auto;width:550px;}
#main{padding:0;}
#primaryapppanel{clear:both;}
#formwrapper{background:#fff;padding:0;}
#formcontent{background:#fff;margin:10px 10px 0;padding:0;}
#fieldset{margin:10px 0 0;padding:5px;text-align:left;}
fieldset{border:none;margin:0;padding:10px 0 0;text-align:center;}
#calcoutput{margin:0;padding:0;text-align:center;}
h2.results{margin:0;padding:100px 0 10px;text-align:left;}
#disclaimer{color:#999;float:left;font-size:10px;margin:10px 0;padding:5px;}
#poweredby{border:none;clear:left;float:left;margin:60px 0 10px;padding:5px;}
#formtitle h2{border-bottom:0;color:#17476f;font-size:18px;font-weight:700;margin:0;padding:5px 5px 5px 10px;}
#fieldset h2{font-size:18px;margin:15px;}
form{color:#000;margin:0;padding:0;text-align:center;}
input,select,textarea{color:#1E354E;font-size:12px;}
label{font-size:11px;font-weight:700;}
.tabletop{background:#FFF;}
.labelcol{background:#FFF;color:#e55403;font-size:15px;padding-bottom:2px;padding-left:0;padding-top:20px;text-align:left;}
.labelcol b{background:#FFF;border:none;font-size:14px;font-weight:700;padding:3px 6px;}
.labelcol2{color:#E8264D;text-align:right;}
.inputcol{background-color:#fff;float:right;}
.innerinputtable{background-color:#FFF;border-collapse:collapse;}
.innerinputcolheader{background-color:#Fff;}
button{cursor:pointer;}
button img{padding-left:5px;vertical-align:middle;}
* html .bar button{width:110px;}
.inputtable{align:left;width:500px;}
.btnrow{background-color:#fff;padding:30px 20px 10px 0;text-align:right;}
.btn{margin-left:3px;background-color:#194576;border:1px solid #2A2A2A;color:#FFF;cursor:pointer;font-family:Verdana;font-size:10px;font-weight:700;overflow:visible;padding:3px 6px;text-transform:uppercase;vertical-align:top;}
.calcdescription{font-size:13px;line-height:17px;padding-bottom:3px;position:relative;}
.formproper{clear::left;margin-top:5px;}
.inputtablewrapper{margin:auto;text-align:left;}
.inputfieldstable{text-align:right;}
.calcoutputtable{background:#FFF;margin:1px;padding:0;text-align:left;}
.calcoutputtable td{color:#000;font-size:12px;font-weight:400;text-align:left;vertical-align:middle;}
.simpletable{background:#FFF;border-collapse:collapse;border-color:#fff;border-style:solid;border-width:1px;padding:0;}
.simpletable th{background:#FFF;border-bottom:1px solid #9F9F9F;color:#e55403;font-size:11px;font-weight:700;padding:5px;text-align:right;vertical-align:bottom;}
.simpletable td{border-right:1px solid #9F9F9F;color:#000;font-size:12px;font-weight:400;padding:5px;text-align:right;vertical-align:middle;}
.inputtable td{color:#000;font-size:12px;line-height:17px;padding:5px;text-align:left;}
th{margin-bottom:10px;}
.relevantlinkstable{background:#FFF;border-collapse:collapse;border-color:#CCC;border-style:solid;border-width:1px;padding:0;}
html > body .relevantlinkstable{border:1px solid #9F9F9F;width:100%;}
.relevantlinkstable th{background:#194576;color:#FFF;font-size:13px;font-weight:700;padding:5px;text-align:left;vertical-align:bottom;}
.relevantlinkstable td{border-left:1px solid #9F9F9F;border-right:1px solid #9F9F9F;color:#333;font-size:12px;font-weight:400;padding:5px;text-align:left;vertical-align:middle;}
.relevantlinkstable td.redbold{color:red;font-weight:700;}
.relevantlinkstable td.greenbold{color:#8CC718;font-weight:700;}
.stdimage,.helpimg{border:none;}
.poweredbyimg{border:none;display:inline;vertical-align:middle;}
.calcoutputtable td.resultHeader{background:url(http://www.calcxml.com/images/whitebar.png);color:gray;font-size:14px;font-weight:700;padding:6px 3px;text-align:left;}
.poweredbylink a:hover{color:#777;font-family:verdana;font-size:10px;text-decoration:none;}
#header,#formtitle{margin:0;}
#calcoutput h2,h2{color:#c26506;font-size:18px;font-weight:700;}
.inputlabel,.innerinputcol,.innerinputlabel,.helpcol{background-color:#fff;}
.btnrow a,.poweredbylink a{text-decoration:none;}
.resetbtn,.editbtn{margin-left:3px;background-color:#4F4F4F;border:1px solid #373737;color:#FFF;cursor:pointer;font-family:Verdana;font-size:10px;font-weight:700;overflow:visible;padding:3px 6px;text-transform:uppercase;vertical-align:top;}
html > body .inputfieldstable,html > body .calcoutputtable,html > body .simpletable{width:100%;}
.simpletable td.tdcenter,.relevantlinkstable td.tdcenter{text-align:center;}
.image1,.image2,.logoimg,.poweredbyimg2,.poweredbylink2{display:none;}
.calcoutputtable td.resultDescription,.calcoutputtable td.resultRelatedStuff{text-align:left;}
.poweredbylink a:link,.poweredbylink a:visited,.poweredbylink a:active{color:#088ABE;font-family:verdana;font-size:10px;text-decoration:none;}


/*/
/// <summary>
///   This CSS provides common styles for the Buy vs. Rent Calculator.
///   This is a differential CSS, simply complementing the existing styles
///   of the tool.
/// </summary>
/// <history>
///  <change author="Konrad Kyc" copyright="2014 © HDSF" date="2014-08-13">Creation</change>
/// </history>
/*/

body {
    font-family: 'ProximaNova';
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
}

.calcdescription,
#formtitle h2,
#calcoutput h2, h2 {
    font-family: 'ProximaNova';
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #363636;
}


.calcdescription {
    margin-bottom: 30px;
}

#formtitle h2,
#calcoutput h2, h2 {
    font-weight: 600;
}

.inputtablewrapper {
    margin: 0;
}

.labelcol,
.inputlabel,
.inputtable td {
    font-family: 'ProximaNova';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #363636;
}

.labelcol {
    font-weight: 700;
    text-transform: uppercase;
}

.simpletable th {
    font-family: 'ProximaNova';
    font-weight: 700;
    font-size: 10px;
    color: #363636;
    text-transform: uppercase;
}

.inputtable td {
    padding: 5px 0 5px 0;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    font-family: 'ProximaNova';
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #7a716e;

    background-color: #f6f6f6;
    height: 26px;
    border-top: 1px solid #E1E0E0;
    border-bottom: none;
    border-left: 1px solid #E1E0E0;
    border-right: none;
    padding: 2px 5px 2px 5px;
    margin: 0 0 3px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.btn, 
.resetbtn,
.editbtn,
input[type="submit"],
input[type="reset"] {
    background-color: #b7b2b1;
    border: 0;
    padding: 10px;
    margin: 0;
    font-family: 'ProximaNova';
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    outline: none;
    width: 234px;
}

.btn:hover, 
.resetbtn:hover,
.editbtn:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button-link a:hover {
    background-color: #f15500;
    color: #fff;
}

.editbtn {
    margin-left: 10px;
}

.btnrow {
    padding: 45px 0 0 0;
    margin: 0;
    text-align: left;
}

.poweredbylink a,
.poweredbylink a:link,
.poweredbylink a:visited,
.poweredbylink a:hover {
    font-family: 'ProximaNova';
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    color: #363636;
}

    .poweredbylink a:hover {
        color: #f15500;
    }

#disclaimer {
    font-family: 'ProximaNova';
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #363636;
}

.calcoutputtable td {
    font-size: 15px;
}