/*DOCUMENT STRUCTURE*/
 
#container-calc {
  width: 900px;
  margin: 0 auto;
  font-family: Calibri, Verdana, Geneva, sans-serif;
  background-color: white;
  padding: 20px;
  position: relative;
  /*border-right: solid 30px #7a2f6f; */
  }
 
 
#bang { /* from calc intro page */
	min-height:539px;
	background-color: white;
	background-image: url(../img/calc-intro.png);
	background-repeat: no-repeat;
	padding: 80px 50px 0;
	/*width:895px;  = 935 - 20 - 20 */
	position:relative;
}
a#bangStart {
	position:absolute;
	top:518px;
	left:50px;
	text-decoration:none;
	padding:0.5em;
	background-color:#4CA3C4;
	color:white;
}
a#bangStart:hover {
	color:darkRed;
}
/* Styling for content inside the Retirement Calculator table */
#tableCalc {
	/*width:100%;*/
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
}
#tableCalc .header {
	font-weight:bold;
	color:#85A03C; /* olive green */
}
#tableCalc .leader {
	background:url(../img/leaderLine.png) repeat-x white;
	background-position:left 1em;
}
#tableCalc .leader span {
	background-color:white;
	padding:0 .5em;
	margin-left: -.5em;
}
#tableCalc .col2 {
	padding-left:1em;
	text-align:center;
}
#tableCalc .col3 {
	padding:0 1em;
	text-align:center;
	border-bottom:solid thin black;
	font-weight:bold;
}
#tableCalc .blankCell {
	border-bottom:none;
 }
input {
	font-weight:bold;
	text-align:center;
	border:none;
	background-color:transparent;
	color:black;
}
input.dataEntry {
	color:#85A03C; /* olive green */
}
input:focus {
	outline: medium dotted #09C;
}
input[readonly] {
	outline:none;
}
.choiceBarButton {
	cursor:pointer;
	color:#85A03C; /* olive green */
	font-weight:bold;
}
.choiceBarButton:focus {
	outline: medium dotted #09C !important;	
}
.error {
	background-color:darkRed;
	color:white;
}
.choiceBar {
	position:absolute;
	left:0;
	margin-top:-32px;
	width:775px; /* = 845 - 15 - 55 */
	height:100px;
	text-align:left !important;
	padding-left:15px;
	padding-right:55px;
	opacity:0;
	visibility:hidden;
}
.cbTextArea p {
	color:white;
}
.cbTextArea > * {
	margin:0;
}
.cbButtonArea {
	float:right;
	padding-top:6px;
	text-align:right;
	/*background-color:papayaWhip;*/
}
.cbButtonArea p,
.cbButtonArea a
 {
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
}
.cbButtonArea a {
	background-image:url(../img/choiceBarButton.png);
	background-color:transparent;
	width:40px;
	height:40px;
	font-size:14px;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
	border:none;
	line-height:40px;
	vertical-align:middle;
	display:inline-block;
	text-decoration:none;
}
.cbButtonArea a:focus,
.cbButtonArea a:hover {
	color:red;
	outline: medium dotted #09C;
}


/******** BEGIN individual Choice Bars *********/
#replacementRatio {
	background:transparent url(../img/choiceBarGreen.png) no-repeat;
}
#inflationFactor {
	background:transparent url(../img/choiceBarPurple.png) no-repeat;
}
#payout {
	background:transparent url(../img/choiceBarOrange.png) no-repeat;
}
#growthFactor {
	background:transparent url(../img/choiceBarBlue.png) no-repeat;
}
#savingsFactor {
	background:transparent url(../img/choiceBarGreen.png) no-repeat;
}
/******** END individual Choice Bars *********/


.brightCells {
	background-color:#FF3;
}

.choiceBar {
	display: block !important;
    min-width: 650px !important;
	max-width: 775px !important;
}

.cbTextArea p {
	color:white !important;
}

.cbTextArea h3 {
	font-weight: bold;
}

.cbTextArea {
	display: block !important;
}


.cbButtonArea {
	display: block !important;
}