@charset "utf-8";
/* CSS Document */

body {
 background-color:#373e43;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 margin:auto;
 color: #ccc;
 font-size:1em;
 }

a, a:link {
color:#cccccc;
}
a:visited {
color:#b3d7fc;
}

a:hover {
color: #FFFFCC;
}

div {text-align:center;}
img {border:none;}

p {text-align:left;}
#wrap {
width:600px;
margin:auto;
text-align:center;
font-size:90%;
}

#menu {
border:1px solid #FFCC00;
/* border:1px solid #cccccc; */
text-align:center;
width: 600px;
margin:auto;
}
#menu-offices {
border:1px solid #FFCC00;
/* border:1px solid #cccccc; */
text-align:center;
width: 600px;
margin:auto; }

#footer {
font-size:70%;
text-align:center;}

.life_expectancy_container, .commuted_value_container, .num_weeks_container, .present_value_container {
width: 244px;
margin:12px; 
padding: 10px;
background-color:#4d545a;
/* border:#2a3137 solid 1px; */
border:1px solid #FFCC00;
float:left;
}

.life_expectancy_container h3, .commuted_value_container h3, .num_weeks_container h3, .present_value_container h3 {
color:#fff;
font-size:15px;
}

.life_expectancy_container div, .commuted_value_container div, .num_weeks_container div, .present_value_container div {
margin:12px 0px 0px 0px;
}

.present_value_container div.results {
margin:0px;
}

.life_expectancy_container span.result, .num_weeks_container span.result {
display:block;
margin:12px auto 10px;
width:210px;
height:24px;
background-color: #6e757b;
/* border:#2a3137 solid 1px; */
border:1px solid #FFCC00;
padding-top:5px;
}

.commuted_value_container span.result {
display:block;
margin:12px auto 10px;
width:125px;
height:24px;
background-color: #6e757b;
/* border:#2a3137 solid 1px; */
border:1px solid #FFCC00;
padding-top:5px;
}

.present_value_container span {
display:inline-block;
}

.present_value_container span.resultstext {
font-size:80%; 
position:relative; 
top:8px;
}

.present_value_container span.resultstext2 {
font-size:80%; 
position:relative; 
top:2px;
}


.present_value_container span.result {
margin:12px 0 10px;
width:100px;
height:24px;
background-color: #6e757b;
/* border:#2a3137 solid 1px; */
border:1px solid #FFCC00;
padding-top:5px;
vertical-align:middle;
}

.present_value_container span.result-a {
margin:12px 0 0px;
width:100px;
height:24px;
background-color: #6e757b;
/* border:#2a3137 solid 1px; */
border:1px solid #FFCC00;
padding-top:5px;
vertical-align:middle;
}

hr {
 color: #cccccc;
 /* color: #FFCC00; */
 background-color: #cccccc;
 /* background-color: #FFCC00; */
 border: 0px;
 height: 1px;
}

.life_expectancy_container div.help, .commuted_value_container div.help, .num_weeks_container div.help, .present_value_container div.help { 
float:right;
width:18px;
height:18px;
margin:3px 3px 0 0;
}

label { font-size:12px; }

input.calculate {
text-indent:-9999px;
width:96px;
height:43px;
background: url(images/calculate.gif) no-repeat top left;
border:0px;
cursor:pointer;
color: #FFCC00;
}

div#qTip { padding: 5px; border: 1px solid #999; display: none; background: #ccc;position: absolute; z-index: 1000; font-size:92%; color: #333; }

.leftpic {
float:left; margin:20px 20px 0px 0px; width:150px;
}

.maincontent {
float:right; margin:20px 0px 0px 0px; clear:none; width:420px; text-align:left;
}