/* BODY  *****************************************************************/ 
/* BODY  *****************************************************************/ 
/* BODY  *****************************************************************/ 

body {
	margin: auto;
	max-width: 1200px;
	background-color: #DDD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.bodyWrapper {background-color: #FFF;margin: auto;}

a, a:link, a:visited, a:hover, a:active {text-decoration: underline;color: #c00;}
a:hover {	text-decoration: none;}
table {	border-collapse: collapse;   width: 100%; max-width: 100%;}
li {    line-height: 1.35em;    margin-bottom: 1em;}
h1,h2,h3,h4,h5,h6 {font-weight: bold;color: #c00;}
input {padding: 0.25rem;}
select  {width: inherit;background-image: url(../images/selectArrow.gif) !important;/* -webkit-appearance: initial; */padding: 3px 5px;margin-bottom: 0rem;font-size: 12px;height: inherit;}

body .v2 {display: none;}
.v2 .v2 {display: inline;}
.v2 th.v2 {display:table-cell;}
.v2 td.v2 {display:table-cell;}


/* HEADER  *****************************************************************/ 
/* HEADER  *****************************************************************/ 
/* HEADER  *****************************************************************/ 

header {}

.banner_bg {
	background-image: url(../images/source/bg_banner.jpg);
	background-repeat: repeat-x;
	background: #000;
	padding: 1rem 0rem;
}
.headerLogo img {padding-left: 20px;}
.headerButtons {text-align: right;padding-right: 20px;margin: 0px 0px 0px 0px;}
.headerButtons img {padding-right: 0px;}
.headerButtons img:hover {opacity: 0.8; cursor: pointer;}
.headerButtons a{display: none;}
.headerButtons .button {margin-bottom: 0rem;}


/* MAIN  *****************************************************************/ 
/* MAIN  *****************************************************************/ 
/* MAIN  *****************************************************************/ 

.container-fluid { padding-right: 3px; }

main {/* padding: 0em 0em 5em 0em; *//* border-left: 1px solid #CCC; *//* border-right: 1px solid #CCC; */}
.container {max-width: 1000px;}
@media (min-width: 768px) {
	.container {width: 100%;}
}

#content table.inputTable td {
	background-color: #F6EBC7;
	border: 0px;
	padding: 0px;
	width: 20px;	
}

#inputFixdata table td {
	background-color: #E8F0F6;
	border-left: 0px solid #F6EBC7;
	border-right: 0px solid #F6EBC7;		
}

#outputTableWrapper table td {
	background-color: #F6EBC7;
}

.resultsDisabled {
	position: absolute;
	top: 80px;
	left: 10px;	
}

.pd_dropdown {
	width: 180px;	
}

hr {border-top: 1px solid #ccc;margin: 0.75rem auto;}

#inputPanelWrapper {	background-color: #FFF;}

.tabs-content {background: #f6f6f6;border: 1px solid #c00;z-index: 2;}
.tabs {border-bottom: 1px solid #FFF;width: 96%;margin-bottom: -2px;border: 0px;}
.tabs-title > a {background: #fff;border:0px solid #FFF; text-decoration: none;}
.tabs-title > a:focus, 
.tabs-title > a[aria-selected='true'] {background: #fff;}
.tabs-title {width: 49%;margin-bottom: 0rem;}
.tabs-title a{margin-left: 10px;border: 1px solid #CCC;border-bottom: 1px solid #C00;padding:  0.75rem 0.5rem;background: #e6e6e6;/* margin-top: 2px; */z-index: 1;margin-bottom: 1px;border-radius: 3px 3px 0px 0px;line-height: 1.1em;font-size: 1.1em;text-align: center;font-weight: bold;}
.is-active.tabs-title a{background: #f6f6f6;/* margin-top: -1px; */font-weight: bold;border: 1px solid #c00;border-bottom: 1px solid #f6f6f6;z-index: 3;/* margin-bottom: -3px; */}

.breakInto2Lines {}
@media(min-width: 40rem) {.breakInto2Lines {display: block;}}



#outputPanelWrapper {
	background: #FFF;
	margin-bottom: 0.5em;
}
@media(max-width: 40rem) {#outputPanelWrapper {margin-top: 1rem;}}
#outputPanelWrapper h4 {color: #666;margin-bottom: 2rem;margin-top: 0.5rem;}

#inputPanelControls1 {padding: 0em 1em 1em 0em; }
#inputPanelControls2 { padding: 0.5em 1em 0em 0em; margin: 0.5em 0em 0em 0em;  padding-bottom:10px; }  

#SampleUsersPanel {}
#SampleUsersPanel li{padding: 0px; margin: 5px 0px;}

#inputPanelControls1 .assumptionsTable td {
	padding: 1px 5px;	
	border: 1px solid #0A7DB1;
	background-color: #FFC;
}

#curtain {
    display: none;
    height:1000px;
    width: 100%;
    padding: 100px 0px;
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99999;
    background: #A4A4A4;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    transition: all 1s;
}

.popover {  width: 250px;}

.browserWarning_wrapper {display:none; padding: 50px 0px; margin: 0px auto; background: #FF9; color: #333; text-align:center;}
.browserWarning_msg {font: bold 14px/20px Verdana, Geneva, sans-serif; width: 500px; text-align:center; margin: 20px auto;}


.btn {text-decoration: none !important;}
.btn-danger {
  color: #fff !important;
  background-color: #C00;
  border-color: #900;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {background-color: #900;}
.close-button {float: right; margin-left: 1rem; margin-bottom: 1rem;}

.lbl_reflector {font-weight: bold;}
.ui-slider {margin-left: .7em;margin-top:.5em;background-color: #FFF;cursor: pointer;display: none;}
.ui-slider-horizontal {  height: 0.4em; margin-bottom: 1.5rem;}
.ui-widget.ui-widget-content {border: 1px solid #900; width: 90%;}
.ui-slider .ui-slider-handle {height: 1em;width: 2em;margin-top: -1px;background: #666;border: 1px solid #900;cursor: pointer;}
.inputItem .popoverInstance {font-size:16px;}

.inputItem a i {text-decoration: none; color: #CCC;}
.inputItem:hover a i {text-decoration: none; color: #666;}
.inputItem a i:hover {text-decoration: none; color: #00F;}


.printOnly {display:none;}

input[type='number'], input[type='date'] {
	width: 100px;
	margin: 2px 0px 2px 10px;
	padding: 1px;
	vertical-align: middle;
}

label.error{
    background-color:#F3E6E6;
    border: 1px solid #924949;
    padding: 1px;
    display: inline;
	margin: 2px 0px 2px 10px;
	vertical-align: middle;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #900;
    color: #FFF;
    border: 1px solid #F00;
}    

.ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a{
    color: #0F80B3;
}    

#myModalLinkWrapper{
	float: right; width: 180px; text-align:right;
}


.eligibleForTable td, .eligibleForTable th {padding: .5em 1em;}

.eligibleForTable thead  {border-bottom:2px solid #555 !important;  }
.eligibleForTable thead th {background: #c00;border: 1px solid #CCC;font-weight:bold;line-height: 1.3em;text-align: center;color: #FFF;}
.eligibleForTable thead td {background: #DDD;border: 1px solid #CCC;font-weight:normal;line-height: 1.3em;font-size: 0.9em;}

.eligibleForTable tbody th {background: #EEE;border-bottom: 1px solid #CCC;text-align: left;}
.eligibleForTable tbody td {background: #FFF; border-bottom: 1px solid #CCC;	}
.eligibleForTable tbody td img {padding: 0px; margin: 0px;	}

.eligibleForTable tfoot  {border-top:2px solid #555 !important;  }
.eligibleForTable tfoot th {background: #DDD; border: 1px solid #CCC; font-weight:bold; line-height: 1.3em;}
.eligibleForTable tfoot td {background: #EEE; border: 1px solid #CCC;  font-weight:normal;  line-height: 1.3em; font-size: 0.9em;}


.borderLeft {border: 1px solid #666 !important;}
.borderRight {border-right: 1px solid #DDD !important;}

.missingDataReminder {background-color: #FFDDDD;}

select.ng-invalid {
  background-color: #FFDDDD;
}
select.ng-valid {
  background-color: none;
}

#SampleUsersBox {}

.modal-body {padding-right: 3em;}
.alignRight {text-align: right;}

.eligibleForTable  .bottomBorder td{border-bottom: 2px solid #666;}
.subhead {color: #666;}
.ui-widget-header {background: #d71920;}
.ui-slider .ui-slider-range {border:0px solid black;}

.boldedRed {font-weight: bold; color: #c00;}


/* FOOTER  *****************************************************************/ 
/* FOOTER  *****************************************************************/ 
/* FOOTER  *****************************************************************/ 

footer {border-top: 1px solid #CCC;margin: 1em 1em 1em 1em;padding: 1em 1em;clear: both;}
.footer_right {text-align:right;}
@media (max-width: 992px) {
    .footer_right {
        float:left; text-align: left;
    }
}
.versions {
    color: #999; font-size: 10px; text-align:right;
}



/* DEBUGGING  *****************************************************************/ 
/* DEBUGGING  *****************************************************************/ 
/* DEBUGGING  *****************************************************************/ 

.debuggingMode {}	/*debuggingMode will be added to body tag when address container "debug=1" */

.headerMedia {display: none; position: fixed; width: 450px; left: 10px; top: 10px; padding: 5px; background:#FCC; border:1px solid #CCC; font-size: 10px; opacity: 0.9; z-index:100000; }
.debuggingMode .headerMedia {display: inline;}
	.media_Desktop {display: none;}  
	.media_LandscapeTablet {display: none;} 
	.media_PortraitTablet {display: none;}
	.media_LandscapePhone {display: none;} 
  
#debugger {position: fixed; width: 450px; right: 10px; top: 10px; padding: 5px; background:#FCC; border:1px solid #CCC; font-size: 10px; opacity: 0.9; z-index:100000; display: none;}
#debugger div {font-size: 10px; }
#debugger.collapsedDebugger {opacity: .5; zoom: 1; filter: alpha(opacity=50); width: 10px; height: 10px; overflow:hidden; }

.debuggingOnly {display:none;}
.debuggingMode .debuggingOnly {display: inline;}
.debuggingOnly hr{margin:5px;}

.smallTable {}
.smallTable {font-size: 11px;/* width: 40%; */float:left;margin: 0rem 0.2rem 1rem 0.2rem;display:block;border-top: 2px solid #666;}
.smallTable td{padding:5px 6px;vertical-align: top;}
.clearAll {clear: both !important;border-top: 10px solid red;/* margin-top: 10rem; */}

/* SPECIFIC TO USERAGREEMENT PAGES  *****************************************************************/ 
/* SPECIFIC TO USERAGREEMENT PAGES  *****************************************************************/ 
/* SPECIFIC TO USERAGREEMENT PAGES  *****************************************************************/ 

.userAgreement_intro{}
.legalInfo {background: #FFF; padding: 1em 2em 1em 2em; margin: 0em 1em 2em 0em; 
border: 1px solid #CCC; height: 220px; overflow: scroll; font-size: 0.9em;}

label {font-size: inherit;}
.validationError {color: #C00; }

.tbl {border: 1px solid #EEE; width: 99%;}
.tbl th {padding: 0.5em 1em; border-bottom: 1px solid #999; border-right: 1px solid #DDD; }
.tbl td {padding: 0.5em 1em; border-bottom: 1px solid #999; border-right: 1px solid #EEE;}

.tbl thead td {background: #CDE; color: #000; font-weight: bold;border-right: 1px solid #EEE;}
.tbl thead th {background: #025; color: #FFF;}

.tbl tbody {border-right:1px solid #BBB;}
.tbl tbody tr th {background: #F6F6F6; }
.tbl tbody tr td:last {border-right:1px solid #BBB;}

.tbl tfoot {background: #E7E3D6; color: #000; }

.tbl.centeredCells td, .tbl.centeredCells th {text-align: center;}
.tbl .borderRight {border-right: 1px solid #999;}
.tbl td.hiddenCell {display: none;}
.tbl tr.hiddenRow {display: none;}

.dimmed {color: #999;}

#contactInfo {background-color: #c00;color: #FFF !important;margin: 1rem;/* margin-top: 0rem; */}
#contactInfo a:link, 
#contactInfo a:visited {color: #FFF !important;}
#contactInfo a:hover, 
#contactInfo a:active {color: #EEE !important;}

.hideFromTMS65Master {}
.hideFromTMS65Master .hideFromTMS65{display: none;}


.hideSpouseRRA {display: none;}


/* SPECIFIC TO ADMIN PAGES  *****************************************************************/ 
/* SPECIFIC TO ADMIN PAGES  *****************************************************************/ 
/* SPECIFIC TO ADMIN PAGES  *****************************************************************/
.adminTabBody {background: #FFF;}


/* DONT' ADD ANYTHING AFTER THIS **/