/* reset style */

html, body, div, span, a, img, center, form, label, table, tbody, tfoot, thead, tr, th, td, select, input, textarea
 {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

body {font: normal 100%/125% sans-serif;}

emphasis {font-style: italic;}
strong {font-weight:bold;}


#contentout {
font-size: 100%;
width: 90%;
min-width: 15.75em;
max-width: 34em;
margin: 1em auto !important;
padding: 0 0.625em 0 0.625em !important;
border: 3px solid #1c2c56;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#F6F6F6;
}


#appname {
font: normal 150%/150% verdana, helvetica, arial, sans-serif;
margin: 1em auto;
text-align: center;
}

input, select {font-size: 100%;}
input[type="text"] {padding:0.125em 0.1875em 0.125em 0.125em; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; width:25%; text-align:right;}
input[type=radio]  {width:1.25em; height:1.25em; padding:0; margin:0 0.25em 0 0; vertical-align:bottom; position:relative; top:0; overflow:hidden;}
input[type=checkbox]  {width:1.25em; height:1.25em; padding:0; margin: 1em 0.25em 0 0; vertical-align:bottom; position:relative; top:0; overflow:hidden;}
#additionaldeps {
  width: 2em;
}


h1 {
padding: 0 0 1em 0;
text-align: center;
font-size: 105%;
font-weight:bold;
color: #1c2c56;
margin: 1.5em auto 0em auto;
border-bottom: 2px solid #1c2c56;
}

h2 {
  margin-top: 1em;
  margin-left: 0.5em;
  font: bold 100%/125% helvetica, arial, sans-serif;
}

h3 {
  margin-top: 2em;
  margin-left: 1.5em;
  font: bold 100%/125% helvetica, arial, sans-serif;
}

form {display: inline-block; width: 98%;}


#pensiontype p {
margin-left: 1.5em;
padding-left: 0em;
text-indent: -1.5em;
font-size: 115%;
}

#protectedpension p, #oldlawpension p {
clear:both;
margin: 0.5em 0.25em 1em 3em;
padding-left:0em;
text-indent:-1.5em;
}

#protectedpension label, #oldlawpension label {
margin-left: -2em;
padding-left: 2em;
text-indent: 2em;
font-size: 100%;
font-family: helvetica, arial, sans-serif;
}


#vetstatusdiv p {
clear:both;
margin: 0.5em 0.25em 1em 3em;
padding-left:0em;
text-indent:-1.5em;
}

#vetstatusdiv label {
margin-left: -2em;
padding-left: 2em;
text-indent: 2em;
font-size: 100%;
font-family: helvetica, arial, sans-serif;
}



#results306, #resultsold {
  margin-top: 2em;
  padding: 0.325em 0.25em 0.125em 0.25em;
  background-color: #f8f8f8;
}
#results306 p, #resultsold p {
margin-left: 0em;
padding-left: 0.5em;
padding-right: 0.5em;
text-indent: 0em;
font-size: 100%;
font-family: helvetica, arial, sans-serif;
}

#notes p {
clear:both;
margin: 0.5em 0.25em 1em 0.5em;
padding-left:0em;
text-indent:-0.5em;
font-size: 90%;
font-family: helvetica, arial, sans-serif;
}


#spouseincexc p, #sbp_miw p, #resultsold p {
font-family: helvetica, arial, sans-serif;
}


#oldlawpension h3 {
margin-top: 0.5em !important;
}

.bbutton { /* print button */
border: 1px solid #1c2c56;
padding: 0.25em 0.5em;
font-size: 90%;
font-family: helvetica, arial, sans-serif;
font-weight: normal;
color: #fff;
margin: 0.25em -0.0625em -1em 0.125em;
cursor: pointer;
outline: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #1c2c56;
}
.bbutton:active { /* print button */
background: #1a3151;
}
#resetbtn {
  border: 1px solid #b5672f;
  background:#b5672f;
}


/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 1.125em;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 95%;
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
#incomelist {
  padding: 0 1.125em;
  display: none;
  overflow: hidden;
  background-color: #f8f8f8;
}


.tablefot {
color: #111;
width: 100%;
display: inline-block;
margin: 1.5em 0 1em 0;
border-top: 3px solid #b5672f;
}

.tablefotina {float: left; margin-top: 0.75em;}

.tablefotinb {margin: 0.75em -6px 0.25em auto; width: 80%; text-align:right;}



#collapseInstructions {
  background-color: #edf0f7;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top:0.175em;
  margin-bottom: 2em;
  padding:0.5em;
  display: none;
  color: #000;
}

#white-background {margin-right:1em;}

.rate-date {
clear: both;
color: #333;
font-size: 62.5%;
line-height: 125%;
font-family: verdana, helvetica, arial, sans-serif;
margin-top: 0em;
padding: 0;
}




#sec306disability-type label {
  font-family: helvetica, arial, sans-serif;
  font-weight: bold;
}

#effective {
text-align: right;
color: #333;
font-size: 62.5%;
font-family: verdana, helvetica, arial, sans-serif;
margin-top: 1em;
padding: 0;
}
#powered {text-align: center;color: #333; font-size: 70%; font-family: verdana, helvetica, arial, sans-serif; margin-top:2em; padding: 0;}
#powered a {color: #1F2AAA; text-decoration: none;}
#powered a:active {color: #009C00; text-decoration: none;}

.nobrk { white-space: nowrap; }




@media all and (min-width: 30em) {
.tablefot { margin-top: 0.5em; }
}



@media all and (min-width: 30.0001em) {
    #contentout {
        width: 90% !important;
        min-width: 25em;
        max-width: 34em;
        margin: 2em auto !important;
        padding: 0 1.25em 0 1.25em !important;
        border: 5px solid #1c2c56;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }
}


@media all and (max-width: 30em) {
    #contentout {
        width: 90% !important;
        min-width: 15.75em;
        max-width: 27em;
        margin: 1em 0.5em !important;
        padding: 0 0.625em 0 0.625em !important;
        border: 3px solid #1c2c56;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
}