/* allocations */
.allocOptions { float: left; margin: 5px;  width: 130px; height: 50px }
.allocOptions label { display: block; background-color: #9A9A9A; color: #FFFFFF; padding:5px; font-size: smaller; font-weight: bold }
.allocOptions input { width: 125px }
.allocOptions select { width: 130px }
.allocOptions img { margin-top: 17px}

#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #FEFFF9; padding: 5px; opacity: 0.95}
#tooltip h3, #tooltip div { margin: 0; font-size: 11px }

.ui-tabs-nav span { color: #FFFFFF; }
.ui-tabs-panel { border: solid 1px #C0C0C0}

.accordBlock { width: 100%; }        
.accordBlockNest {} /* needed for nested accords */
.accordBlockShowAll {} /* needed for showing all contents in accord */
.accordBlock p { margin-bottom : 10px; border: none; text-decoration: none; margin: 0px; padding: 10px }        
.accordBlock a { cursor:pointer; display:block; padding:0px; margin-top: 0; text-decoration: none; font-weight: bold; font-size: 14px; color: #FFFFFF; background-color: #57B247 }
.accordBlock a span { float:right; margin: 0 10px 0 0; text-align: right; width: 85px }
.accordBlock a.selected { background-image: tab.png }
.accordBlock .level1Head { padding: 5px; color:#FFFFFF; font-size: 12px; border-bottom: 1px solid #999 }
.accordBlock .level2Head { padding: 5px; background-color: #E5F0DF; color:#333333; font-size: 12px; border-bottom: 1px solid #000000}
.accordBlock .level3Head { padding: 5px 5px 5px 18px; background-color: #FFFFFF; color:#000000; font-size: 12px; border-bottom: 1px solid #999 }
.accordBlock .level2Row, .accordBlock .level3Row {padding: 5px 5px 5px 18px; border-bottom: solid 1px #CCCCCC }


.level { vertical-align: middle; color: #333333 }
.level br { clear: both}
.level input, .level .amount { float: right; width: 60px; margin: 0 10px 0px 16px; text-align: right}        
.level img { vertical-align:middle; padding-left:5px }
.level .related { display:block; cursor:pointer; float: right; text-align: center; width: 100px; margin: 0 16px 0px 16px; font-size: 14px; font-weight: bold }

.level1Row {padding: 5px; border-bottom: solid 1px #cccccc }

.accordToolTip { font-size: smaller; width: 400px }

.accordHeadFootRow { vertical-align: middle; font-size: 14px; background-color: #9A9A9A; padding: 10px; color: #FFFFFF; font-weight:bold; height: 25px }        
.accordHeadFootRow span { float: right; width: 100px; margin: 0 0 0 0; text-align: right; font-size: 10pt }
.accordHeadFootRow #expander { cursor:pointer; text-decoration: none; color: #FFFFFF; font-size: 8pt }
.accordHeadFootRow #expanderImg { cursor:pointer; text-decoration: none; padding-right: 5px}
.l1Expander, .l2Expander { cursor:pointer; text-decoration: none; padding: 0 5px 5px 0}

#btnReset, #btnBenchReset, #nextAlloc, #nextBench, #prevBench, #prevProp { cursor:pointer }
#feedback1, #feedback2, #feedback3 { float: right }

.hiddenTd { display:none }

.faDocs { float: right; background-color: #F5F5F5; border: solid 1px #000000; padding: 5px; margin: 5px  }

/* benchmarks */
.chkBenchStyle { width: 100%; }
.chkBenchStyle tbody tr td, #gvBlended tr td { width: 100%; padding: 2px; border-bottom: solid 1px #a3a3a3; background-color: #E5F0DF } 
#divTotal { width: 95%; font-weight: bold; vertical-align: bottom }
#divTotal span { display:block; float: right; margin: 5px }
#divTotal input { width:50px; float:right; text-align:right; background-color:#C0C0C0 }

/* ErrMsg */
.ErrMsg { color: #FF0000; font-weight: bold; padding: 5px; margin: 5px; border-bottom: solid 2px #FF0000; border-top: solid 2px #FF0000; background-color: #FFEFEF }