@charset "UTF-8";

div#vlx-calculator-wrapper {
    max-width: 700px;
    margin: 0 auto;
}

div#main h1 {
	margin: 0 0 15px 0 !important;
	font-size: 130% !important;
	font-weight: bold;
}

div#mvp-content #mvp-content-inner{
	max-width: 745px !important;
	padding: 20px 0px !important;
	font-size: 85%;
}

p.vlx_formula {
    background-color: #2c3164;
    color: #FFF;
    padding: 10px;
    font-size: 120%;
}

.vlx-calculator-select dl dt span {
    color: #fff;
    font-size: 55%;
    display: inline-block;
    width: 40px;
    text-align: center;
    background-color: red;
}

span.vlx_heightarea {
    margin-right: 9px;
}

.vlx-calculator-select {
    border-radius: 5px;
    color: #2c3164;
    font-size: 95%;
    margin: 0 auto;
}

.vlx-calculator-select dl dt small {
    margin-left: 36px;
    font-weight: initial;
}

.vlx-calculator-select dl dt {
     width: 100%;
     clear: both;
     font-weight: bold;
     max-width: 335px;
     float: left;
     border-top: 1px solid #fff;
     padding: 5px 0px 5px 10px;
}


.vlx-calculator-select dl dt:before {
    content: '必須';
    color: #fff;
    font-size: 85%;
    display: inline-block;
    width: 30px;
    text-align: center;
    margin-right: 7px;
    background-color: red;
    border-radius:3px;
    }

.vlx-calculator-select dl dd {
		overflow: hidden;
		border-top: 1px solid #fff;
		padding: 5px 14px;
		line-height: 3em !important;
}

.vlx-calculator-select form {
    display: inline-block;

}

.vlx-calculator-select form select {
    border: 1px solid #2c3164;
    width: 85px;
    height: 27px;
    line-height: 25px;
    margin-right: 15px;
    text-align: center;
    }

.vlx-calculator-select dl dd input {
    border: 1px solid #2c3164;
    width: 85px;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    text-align: center;
}

.vlx-calculator-select dl dd:firstchild{
	color:beige;
}


input[type=radio] {
	display: none;
}
input[type="radio"]:checked + label {
	background: #2c3164;
	color: #ffffff;
}

label {
    display: block;
    float: left;
    width: 100px;
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    color: #2c3164;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
    background-color:#fff;
    border:1px solid #2c3164;
}

label:hover {
	background-color:#2c3164;
	color:#fff;

}

.text_color {
    color: red !important;
}

span.text_color.no_margin {
    margin-left: auto;
    color: red !important;
    background-color:transparent !important;
    font-size: 100% !important;
    width:auto !important;
}
.vlx-calculator-select dl {
    background-color: #ebecf1;
    margin-bottom: 10px;
}

span#vlx_jaffe {
    display: inline-block;
    background-color: #fff;
    border: 1px solid;
    width: 87px;
    height: 27px;
    vertical-align: middle;
    margin-right: 10px;
    text-align: center;
    line-height: 27px;
}


button.vlx_calculate {
    font-size: 110%;
    font-weight: bold;
    padding: 5px 20px;
    background-color: #2c3164;
    color: #fff;
    border: 3px solid;
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;
    cursor: pointer;
}

button.vlx_calculate:hover {
    background-color: #24d;
    color: #fff;

}

button.vlx_calculate.clear {
    margin-left: 15px;
    background-color: #5e5e61;
}

button.vlx_calculate.clear:hover {
    background-color: #a8a8a9;
    color: #fff;
}

.vlx-buttonarea {
	float:right;
    width:210px;
}

p.vlx-answerarea {
    background-color: #f2f1ff;
    max-width: 350px;
    padding: 0px 20px 10px;
    font-size: 150%;
    font-weight: bold;
    border: 3px solid;
    float: left;
}

.vlx_buttonandanswer {
    max-width: 700px;
    margin: 0 auto;
}

p.vlx-answerarea span small {
    font-weight: initial;
    font-size: 60%;
}
.vlx_resultare {
   margin: 0 auto;
   overflow: hidden;
   max-width: 700px;
   clear: both;

}


.vlx_resultare h2 {
   font-size: 120%;
   margin-bottom: 10px;
}
.vlx_resultare h2:after {
   content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(44, 49, 100), transparent);
background: -webkit-linear-gradient(to right, rgb(44, 49, 100), transparent);
background: linear-gradient(to right, rgb(44, 49, 100), transparent);
}


.vlx_resultare h2+p {
    color: #2c3164;
    font-weight: bold;
    margin-bottom:10px !important;
    font-size: 85%;
}

.vlx_resultare h2+p:before {
    content: '■';
    }

.vlx_imagearea {
    padding: 15px;
    border-radius: 5px;
    border: 1px dotted #2c3164;
    max-width: 279px;
    text-align: center;
    margin-right: 5px;
}

p.vlx_notes {
    font-weight: bold;
    color: #2c3164;
}

.vlx_imagearea img {
    width: 100%;
}

.vlx_result_second {

}

.vlx_tablearea {
    margin-top: 5px;
    display: block;
}


.vlx_tablearea table {
    text-align: center;
    background-color: #efeeff;
    font-size: 95%;
}

.vlx_tablearea table tbody tr th {
    background-color: #2c3164;
    color:#fff;
    border: 1px solid;
}


.vlx_tablearea table tbody tr td {
    border: 1px solid #fff;
}

.vlx_result_first input,.vlx_result_second input,.vlx_result_third input {
    border: double #2c3164;
    width: 85px;
    height: 25px;
    line-height: 25px;
    margin-right: 15px;
    margin-bottom: 5px;
    text-align: center;
    margin-top: 5px;
}

span#kekka1,span#kekka2,span#kekka3 {
	border: double #2c3164;
	display: inline-block;
	width: 100px;
	height: 30px;
	text-align: center;
	margin-right: 11px;
	vertical-align: text-bottom;
	margin-top: 10px;
	background-color: #fff;
  line-height: 30px;

}

.vlx_result_first,.vlx_result_second,.vlx_result_third {
    max-width: 350px;
    width: 100%;
    float: left;
    margin-top: 10px;
}

p.vlx_note {
    clear: both;
    padding: 20px;
    background-color: #ebecf1;
    line-height: 1.8em !important;
    font-size: 85%;
}


.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	display: none;
}

p#error ul li {
    max-width: 83%;
    margin: 0 auto;
    text-align: left;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {
    background-color: #2c3164;
}

span#ui-id-1 {
    color: #fff;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
		position: fixed !important;
		top: 30%!important;
    left: 50% !important;
    transform: translateX(-50%);
		z-index: 1;

}



/* ------------------------------------------------------------------
 * Tablet
 * ------------------------------------------------------------------ */
@media screen and (min-width: 0px) and (max-width: 715px) {

div#vlx-calculator-wrapper {
    margin: 15px;
}



.vlx_result_first,.vlx_result_second,.vlx_result_third {
    float: none;
    margin: 0 auto 15px;
}


span.vlx_heightarea {
    display: block;
}


}



@media screen and (min-width: 0px) and (max-width: 600px) {

.vlx-calculator-select {
    text-align: center;
}

.vlx-calculator-select dl {
    text-align: left !important;
}

.vlx-calculator-select dl dt {
     max-width: none;
     float: none;
     width:auto;
}

span.vlx_heightarea {
   display: inline-block;
}


.vlx-calculator-select dl dd {
		 border-top: none;
}

.vlx-calculator-select form {
    display: block;
}






}