/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://themeforest.net/user/artbees
Description:    Child theme for the Jupiter theme
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Version:        1.0
*/



/*
Sample : remove the comment and start adding your own custom CSS rules.

body {
	background-color:#fff;
}

*/

.cost-calc .fontCls{
	background-color: #ffffff !important;
}
.contentCls {
    margin: 0 auto;
}
.cost-calc .blockheader
{
	margin-bottom:0;
}
.cost-calc .block-title {
    top: 4px !important;
}
.cost-calc .blockheader {
    height: 49px !important;
}
.cost-calc .blockheader-small{
	margin-bottom:0;
}
.cost-calc .blockheader-small tr{
	vertical-align: top;
}
.cost-calc .blockheader-small tr td{
	padding:0;
	vertical-align: top;
}
.cost-calc .block-title-small{
	top:-4px;
	left:0 !important;
}
.cost-calc .resultsTable tr td div{
	margin:0 auto !important;
}
.cost-calc .reg_labelstyle{
	padding:0;
}
.cost-calc .reg_fldstyle {
	line-height:18px;
    margin-bottom: 10px;
    margin-top: 5px;
}
.cost-calc .blockfooter tr td{
	vertical-align:top;
}
.cost-calc .blockfooter .left,.blockfooter .right{
	background-repeat: no-repeat;
    width: 22px !important;
    padding: 0;
    height: 40px;
}
.cost-calc .blockheader  tr td{
	vertical-align:top;
}
.cost-calc .blockheader .left,.blockheader .right {
    padding: 0;
    height: 61px;
    background-repeat: no-repeat;
}
.cost-calc .reg_blocknew{
	color:#000;
}
input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], textarea{
	color:#000;
	padding:2px 12px;
}
.cost-calc .unitinfo a{
	font-weight:bold;
	color:#006838 ;
}
.cost-calc .block-title-footer {
    padding-left: 0 !important;
}

/*///*/
html{
    overflow-x: hidden;
}
@media(max-width:991px){
    .pageCls, .pageWidth {
       width: 100% !important;
    }
    .middleCls #mapWrapperOuter\ mapBorder {
        width: 100% !important;
        height: auto !important;
    }
    .middleCls #mapWrapper {
        width: 100% !important;
        position: static !important;
        left: 0 !important;
        right: 0 !important;
    }
    .middleCls #mapLayerPanelId{
        width: 100% !important;
        height: auto !important;
        position: static !important;
        left: 0 !important;
        right: 0 !important;
        height: auto !important;
    }
    .middleCls .font {
        width: 100% !important;
        text-align: center !important;
        height: auto !important;
    }
}
@media(max-width:767px){
    .middleCls #mapWrapper {
        height: 400px !important;
    }
}
@media(max-width:575px){
    .middleCls #mapWrapper {
        height: 300px !important;
    }
}