#detailText.span {
  display: inline-block;
  width: 75px;
}

div.contentContainer {width:740px}

div.workflowListRow {width:740px; border:1px solid gray;margin:1em; padding:.5em}

div.workflowListDetails {float:left; margin-right:40px }
div.workflowListDecisions {float:right; width:150px}

div.workflowListGrantNumber { float: left; width:150px; }
div.workflowListPIName { float: left; width: 250px; }
div.workflowListApplId { float: left; width: 100px; }
div.workflowListComment { float: right; width: 500px; padding-top:12px}
div.workflowListStatus { margin-bottom: .6em }
input.workflowListAction { width: 150px; margin-bottom: .6em}
input.workflowListDecision { width: 150px; margin-right: .3em; margin-bottom:.3em}
input.workflowListDecisionNoWidth { margin-right: .3em; margin-bottom:.3em}
div.workflowListClear { clear: both; }

div.verticalSpacerShort { padding-bottom:.4em; }
div.verticalSpacerMedium {  padding-bottom:1em; }
div.verticalSpacerTall {  padding-bottom:2em; }
	
div.workflowDetailsInfoNarrow { float: left; width: 75px; }
div.workflowDetailsInfo { float: left; width: 200px; }
div.workflowDetailsInfoWide { float: left; width: 350px; }
div.workflowDetailsAttachment { float: left; width: 100%; }

.workflowHistoryNotStarted {background-color:gray; width:10px;}
.workflowHistoryPending {background-color:yellow; width:10px;}
.workflowHistoryApproveDecisionMade {background-color:green; width:10px;}
.workflowHistoryNotApproveDecisionMade {background-color:blue; width:10px;}

table.list td.workflowHistory, fieldset table.list td.workflowHistory{
width:10px
}

input[type="radio"], input[type="checkbox"] {
background-color:transparent;
border:medium none;
margin-left:0;
padding-left:0;
}

table.list td, fieldset table.list td{
vertical-align:top;
text-align: left;
padding-left:10px;
padding:top:6px;
}

fieldset.useBlueLabel * label.label, fieldset.useBlueLabel * label.errorLabel {
background: #6699CC;
color: white;
padding: 0.1em 0 0.1em 0.1em;
border:1px solid black;
font-style:normal;
}

h2 {
	border-bottom: none;
}

div.dashboardContent fieldset {
	background:#E5E2C7;
}

div.browseWorkflowContent fieldset {
	background:#E5E2C7;
}

div.formContent fieldset {
	/*background:#E5F2D7;*/
	background:#D9E8D1;
	/*border:2px inset #E5F2D7;*/
}

div.formContent fieldset fieldset{
	background-color:#dddccc;
}

div.workflowContent fieldset {
	/*background:#E5F2D7;*/
	background:#E5E2C7;
	/*border:2px inset #E5F2D7;*/
}

div.formContent fieldset.admin, div.formContent > div.editInstructions {
	background-color:#E5E2C7;
	/*border:2px outset #A1A5AB;*/
	border:1px solid gray;
	padding-bottom:1em;
}

fieldset legend {
	/*border:1px outset #666666;*/
	border:none;
}

label.useShortLabel{
	width:.3em;
}

label.errorLabel{
color:inherit;
font-style:normal;	
}

div.sameLine { float:left; }
div.margin-right-40 { margin-right:40px; }

div.veryStandardLabel label.label, div.veryStandardLabel label.errorLabel {
  background: none!important;
  color: black!important;
  font-weight: bold!important;
}

div.useBlueLabel label.label, div.useBlueLabel label.errorLabel {
background: #6699CC;
color: white;
font-style:normal;
margin-right:1em;
padding-left:1em;
/*margin-top:2px;*/
}

div.useNormalFontWeightLabel label.label {
	font-weight:normal;
}

div.usePaddedLabel label.label {
	padding-bottom:.5em;
}

div.useBlueLabel span.dataBlock {
	/*padding-top:2px; */
}
.smallLeftMargin {
	margin-left:1em;
}

.smallTopMargin {
	margin-top:.1em;
}

.noBottomMargin{
	margin-bottom:0;	
}

.mediumTopMargin {
	margin-top:.3em;
}

.smallLeftPadding {
	padding-left:1em;
}

.largeLeftPadding {
	padding-left:11em;
}

.smallTopPadding {
	padding-top:.1em;
}

.mediumTopPadding {
	padding-top:.3em;
}


.topPadding {
	padding-top:1em;
}

.bottomPadding {
	padding-bottom:1em;
}

.bottomMargin {
	margin-bottom:1em;
}

div.dataBlockPadding .workflowDetailsInfo, div.dataBlockPadding .workflowDetailsInfoWide {
	margin-top:.6em;
	margin-left:1em;
}

div.dataBlockNoMargin .dataBlock, div.dataBlockNoMargin span.wwlbl, div.dataBlockNoMargin div.wwgrp {
	margin-left:0px;
	margin-bottom:0px;
}

div.dataBlockNoMargin .dataBlock * {
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0;
	padding-left:0px;
	padding-bottom:0px;
	vertical-align:text-top;
}

td div.wwgrp {
	margin-bottom:0.1em;
}

td div.dataBlockNoMargin div.wwgrp, div.dataBlockNoMargin td div.wwgrp {
	margin-bottom:0.1em;
}

.formContent .wwgrp {
overflow:auto;
}

div.dataBlockNoMargin div.wwgrp {
	margin-bottom:.5em;
}

div.dataBlockBottomMarginOnly div, div.dataBlockBottomMarginOnly span {
	margin-left:0px;
	padding-left:0px;
}

.questionNumberInline .questionNumber, .questionNumberInline .dataBlock, .questionNumberInline 
div.wwgrp {
	display:inline;
	float:left;
	clear:none;
}

div.dataBlockInlineFields div, div.dataBlockInlineFields .dataBlock, div.dataBlockInlineFields 
label.label {
	display:inline-block;
	clear:none;
}

.userightLabel div.dataBlockInlineFields div, .userightLabel div.dataBlockInlineFields .dataBlock, 
.userightLabel div.dataBlockInlineFields label.label {
	display:inline;
	clear:none;
}

.dataBlockPadding {
	padding-bottom:1px;
}

div.errorMessage, fieldset .errorMessage, body fieldset div.errorMessage  {
	/*width:;*/
	margin-bottom:0;
	border:0px;
	background-color:transparent !important;
	padding:0px;
	padding-left:20px;
	clear:left;
	display:block;
	background-position:0% 50%;
}

p.errorMessageText {
	margin-bottom:0em;
	margin-right:0.3em;
}

div.editInstructions input, div.editInstructions textarea, div.editInstructions select, div.editInstructions a.goButton, 
div.editInstructions a.cancelButton, div.editInstructions a.printButton {
	background-color:#F7F7F7;
}

div.editInstructions input:hover, div.editInstructions textarea:hover, div.editInstructions select:hover, 
div.editInstructions .cancelButton:hover, div.editInstructions .saveButton:hover, div.editInstructions .submitButton:hover, div.editInstructions .resetButton:hover, div.editInstructions .rejectButton:hover, div.editInstructions .overrideButton:hover, div.editInstructions .holdButton:hover, div.editInstructions .approveButton:hover, div.editInstructions .releaseButton:hover, div.editInstructions .createUserButton:hover, div.editInstructions .editButton:hover, div.editInstructions .changeDateButton:hover, div.editInstructions .createButton:hover, div.editInstructions .previousButton:hover, div.editInstructions .printButton:hover, div.editInstructions .addButton:hover, div.editInstructions .searchButton:hover, div.editInstructions .goButton:hover, div.editInstructions .button:hover
{
	background-color:#ffffee;
}

table.list {
	background:white;
}
  
table.list td div.dataBlock, table.list td span.dataBlock {

}


table.list td .useleftLabel label{
margin-right:0;	
}


span.questionNumber {
  display: inline-block;
  float:left;
  padding-right: 1em;
  font-weight:bold;
}

input.short, a.short{
padding-top:0;
padding-bottom:0;
}

.requiresAttention, table.list tr td.requiresAttention{
	background-image:url("../struts/nimh-jquery/images/error.png");
	background-position:1% 50%;
	background-repeat:no-repeat;
	font-weight:bold;
	padding-left:22px;
}

.italic {
font-style:italic;
}

.smalltext {
font-size:10px;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: inherit;
 line-height:inherit;
 width:99%; /* to fix an issue with IE repeating words clipped at the edge */
}

/* 
make sure the inner textarea does not have any margins or patterns, or else browsers will offset the 
rectangle to the right because of the 100% width.  put margin or padding on the container below
*/
.buildableFormTextArea {
	width:99%;
	margin: 0px !important; 
	padding: 0px !important; 
}

div.addTextAreaSizeToggle .buildableFormTextArea{
width:98%;
}

.buildableFormTextAreaContainer {
	padding:0.3em;
	border: 1px inset #999;
min-height:1.4em;
}

.buildableFormTextAreaContainer pre, .dataBlock pre{
margin:0;	
}

input[disabled], input[disabled]:active, input[disabled]:hover, input[disabled]:hover:active, 
select[disabled], select[disabled]:active, select[disabled]:hover, select[disabled]:hover:active, textarea[disabled], 
textarea[disabled]:active, textarea[disabled]:hover, textarea[disabled]:hover:active {
background-color:#EEE !important;
color:black;
}

input[type="checkbox"]:disabled, input[type="radio"]:disabled {
    opacity: 0.5; /*using opacity since background color doesnt work for these types of inputs*/
}

.recordedFormStatus {
font-weight:bold;
}


.formElementContainer{
	/*background-color:#EFEFEF;*/
	  position:relative;
	  clear:left;
	  
}

.formElementContainer .formElementContainer{

}
div.dataBlockInlineFields div.formElementContainer, div.dataBlockInlineFields div.formElementContainer 

div.qBtnsDiv,
div.dataBlockInlineFields div.formElementContainer div.felementDiv,
div.dataBlockInlineFields div.formElementContainer div.qActionBtnsDiv{
display:block;
float:none;
overflow:auto;
}

div.formElementContainer div.qBtnsDiv{
background-color: #F6f6f6;
margin-bottom:0.4em;
float:none;
text-align:left;
}

div.formElementContainer div.qBtnsDiv a{
visibility:hidden;
margin-right:0.4em;
}

div div.selectedFE div.qBtnsDiv a{
visibility:visible;	
}

div.formElementContainer:hover>div.qBtnsDiv a,
.felementDiv>div.formElementContainer:hover>div.qBtnsDiv a,
.felementDiv>div.formElementContainer:hover .felementDiv div.formElementContainer:hover>div.qBtnsDiv a{
visibility:visible;	
}

div.formElementContainer div.hidden{
display:none;
}

.qActionBtnsDiv{
	margin: 0.2em 0;
	text-align:center;
}

.qActionBtnsDiv div{
display:inline;	
}

.qActionBtnsDiv a{
display:inline-block;	
font-size:0.8em;
}

.qActionBtnsDiv a.hidden{
display:none;	
}

div.veryHidden{
	display:none !important;	
}

.felementDiv{
	background-color:#fff;
	min-height:10px;
	border:1px solid #AAA666;
	  position:relative;
}

 .felementDiv:hover{
border: 1px solid blue
}

.dragenter {
 background-color: #00FF00;
}

.selectedFE{
border:2px solid blue;
}

.invisible{
visibility:hidden;
}

.usetopLabel label{
clear:left;
display:block;
float:none;
width:auto;
margin-bottom:0.3em;
}

.usetopLabel label.checkboxLabel, .usetopLabel label.inlineLabel{
display:inline-block;
clear:none;
margin-right:0.5em;
}

.userightLabel div.dataBlockInlineFields div, .userightLabel div.dataBlockInlineFields .dataBlock, 
.userightLabel div.dataBlockInlineFields label.label {
clear:none;
display:inline;
}


.usetopLabel .dataBlock .wwgrp {
margin-left:1em;
}

.usetopLabel .dataBlock .dataBlock .dataBlock, .dataBlock .useleftLabel .wwgrp .dataBlock, .dataBlock 
.dataBlock .wwgrp {
margin-left:0;
}

.usetopLabel .dataBlock{
margin-left:1em;
margin-top:0.3em;
}

.usetopLabel .dataBlock .dataBlock, .usetopLabel .dataBlock .wwgrp {
margin-left:0;
margin-top:0;
margin-bottom: 0.2em;
}


.useleftLabel label {
clear:left;
display:inline-block;
float:none;
margin-right:1em;
margin-bottom:0;
width:auto;
vertical-align:top;
}

label.checkboxLabel{
font-weight:normal;
}

.useExtraLongLabel label, .useleftLabel .useExtraLongLabel label, .useExtraLongLabel .useleftLabel label{
width: 80%;
}

.useExtraLongFixedLabel label, .useleftLabel .useExtraLongFixedLabel label, .useExtraLongFixedLabel .useleftLabel label{
width: 25em;
}

.useExtraExtraLongLabel label, .useleftLabel .useExtraExtraLongLabel label, .useExtraExtraLongLabel .useleftLabel label{
width:85%;
}

.useExtraExtraLongFixedLabel label, .useleftLabel .useExtraExtraLongFixedLabel label, .useExtraExtraLongFixedLabel .useleftLabel label{
width:33em;
}

.longLabel, .useleftLabel .useLongLabel label, .useLongLabel .useleftLabel label{
	width:75%;
}

.longFixedLabel, .useLongFixedLabel label, .useleftLabel .useLongFixedLabel label, .useLongFixedLabel .useleftLabel label{
	width:20em;
}

.mediumLabel, .useMediumLabel label, .useleftLabel .useMediumLabel label, .useMediumLabel .useleftLabel label {
	width:60%;
}

.mediumFixedLabel, .useMediumFixedLabel label, .useleftLabel .useMediumFixedLabel label, .useMediumFixedLabel .useleftLabel label {
	width:15em;
}

.useMediumFixedLabel .dataBlock,.useleftLabel .useMediumFixedLabel .dataBlock,.useMediumFixedLabel .useleftLabel .dataBlock {
    margin-left: 15em;
}

.shortFixedLabel, .useShortFixedLabel label, .useleftLabel .useShortFixedLabel label, .useShortFixedLabel .useleftLabel label {
	width:7em;
}

.veryShortFixedLabel, .useVeryShortFixedLabel label, .useleftLabel .useVeryShortFixedLabel label, .useVeryShortFixedLabel .useleftLabel 

label {
	width:3em;
}


.fixedLabel, .useFixedLabel label, .useleftLabel .useFixedLabel label, .useFixedLabel .useleftLabel label {
	width:11em;
}

.autoLabel, .useAutoLabel label, .useleftLabel .useAutoLabel label, .useAutoLabel .useleftLabel label {
	width:auto;
}

.useleftLabel label.inlineLabel,.useleftLabel label.checkboxLabel {
display:inline;
margin-right:0.5em;
}

.useShortFixedLabel label.checkboxLabel, .useShortFixedLabel label.inlineLabel,
.useFixedLabel label.checkboxLabel, .useFixedLabel label.inlineLabel,
.useMediumFixedLabel label.checkboxLabel, .useMediumFixedLabel label.inlineLabel,
.useLongFixedLabel label.checkboxLabel, .useLongFixedLabel label.inlineLabel,
.useExtraLongFixedLabel label.checkboxLabel, .useExtraLongFixedLabel label.inlineLabel,
.useExtraExtraLongFixedLabel label.checkboxLabel, .useExtraExtraLongFixedLabel label.inlineLabel {
clear:none;
display:inline-block;
margin-right:0.5em;
width:auto;
}
.useleftLabel .useleftLabel .dataBlock, .useleftLabel .dataBlock, .usetopLabel .useleftLabel .dataBlock{
margin-left:1em;
/*this messes up radio button alignment  margin-top:0.3em;*/
display:inline-block;
margin-top:0;
}

.useleftLabel .dataBlock .dataBlock{
margin-left:0em;
margin-top:0em;
display:block;
}

.useInlineLblContainer .useleftLabel .dataBlock .dataBlock{
display:inline-block;	
}

.userightLabel label {
clear:left;
display:inline-block;
float:none;
margin-right:1em;
width:auto;
}

.userightLabel label.checkboxLabel, .userightLabel label.inlineLabel{
display:inline;
clear:none;
margin-right:0.2em;
}

.userightLabel .dataBlock{
margin-left:0em;
margin-top:0em;
display:inline;
}

.userightLabel .dataBlock .dataBlock{
margin-left:0em;
margin-top:0em;
display:block;
}

.insideAnswerable label, .inlineWithParent label, .nested label{
font-weight:normal;
}


.wwgrp .dataBlock .insideAnswerable .wwgrp {
/*, .wwgrp .dataBlock .nested .wwgrp  {*/
margin-top:0em;
margin-left:1.3em;
}

.useleftLabel .dataBlock .insideAnswerable .dataBlock, 
.inlineWithParent .dataBlock, .useleftLabel .inlineWithParent .dataBlock {
display:inline-block;
}

div.inlineWithParent {
display:inline-block;
vertical-align:top;
}
.inlineWithParent .wwgrp {
margin-bottom:0;
margin-left:0;
}

.wwgrp .dataBlock .inlineWithParent .wwgrp{
margin-bottom:0;
/*test*/
margin-left:1em;
}

.usetopLabel .errorMsg{
margin-left:0;
}


.formContent h2{
background-color:#DDDDDD;
border-bottom:medium none;
font-size:115%;
margin-bottom:0;
margin-top:0;
padding:0.2em;
}

div.formChildren, .rootChildren .rootChildren div.formChildren {
border:1px solid #CCCCCC;
margin-bottom:1em;
padding:0.2em 0.3em;
}

.width100px{
max-width:100px;
width:100px;
}

.width125px{
max-width:125px;
width:125px;
}

.width150px{
max-width:150px;
width:150px;
}

.width200px{
max-width:200px;
width:200px;
}

.useInlineLblContainer .wwlbl{
display:inline-block;
vertical-align:top;
width:80%;
}

.textareaToggler{
display:inline-block;
vertical-align:top;
width: 16px;
}

.textareaToggler img{
	cursor: pointer;	
}

.textareaToggler .taExpand{
margin-bottom:10px;
}

div.supplementDetails label {
width:8em;
}

div.supplementDetails div.dataBlockNoMargin .wwgrp{
  margin-right:1em;
  margin-bottom:0.2em
}

div.supplementDetails .dataBlock{
  margin-left:0em;
}

div.indentedChild{
 margin-left:2em;
}

.useInlineLblContainer div.indentedChild .wwlbl{
width:70%;
}

.hdn {
	text-indent: -9999px;
	visibility: hidden;
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.inline{
display:inline;	
}

.marginLeft1em{
margin-left:1em;	
}

.marginLeft2em{
margin-left:2em;	
}

.preSpaces{
white-space: pre-wrap;	
}

.dyntxt{
	color:#000;
	display: inline-block;
}

.BSC .formContent h2 {
    background-color: transparent;
    font-size: 180%;
    margin-bottom: 0.8em;
    padding: 0;
    text-align: center;
    letter-spacing:3px;
}

.BSCform .mediumFixedLabel, .BSCform .useMediumFixedLabel label, .BSCform .useleftLabel .useMediumFixedLabel label, .BSCform .useMediumFixedLabel .useleftLabel label {
	width:16em;
}

.BSC .dyntxt{
	border:none;
	border-bottom:1px solid #000;
	background-color:transparent;
}

.rvwDetailsHdr{
	background-color: #F7F7F7;
    border-color: #777777;    
    border-style: solid;
    border-width: 2px 0;
    margin-bottom: 1em;    
    padding-top: 0.5em;
}

.BSC div.formContent fieldset{
	background-color: #F7F7F7;
}

.BSC div.formContent fieldset fieldset{
	background-color: #E6ECF2;
}

.BSC div.formContent fieldset.admin, .BSC div.formContent > div.editInstructions{
	/* background-color:#f6f6e5;*/
}

.BSC table.list tr:hover td{
	background-color: #FFFFE0;
}

.SPS .dyntxt {
    background-color: #EEEEEE;
    border: 1px solid #A1A5AB;
    color: #000000;
    display: inline-block;
    padding: 1px 3px 0;
}

.formContent .dyntxtNoBorder{
	border:none;
}

.actBtnsDiv{
	margin-bottom:1em;
}

div.removeBtnDiv{
	margin-bottom:0em;
}

span.removeBtnDiv {
    margin-bottom: 0.3em;
    display: inline-block;
}

span.removeBtnDiv .rejectButton{
	padding-top:0.1em;
	padding-bottom:0.1em;
}

div.leftDiv {
    margin-right: 0.5em;
}
div.splitDiv {
    float: left;
    min-width: 480px;
    width: 49%;
}

fieldset .repeatable fieldset {
    margin-bottom: 0.3em;
}

.lettered > li {
    list-style-type: upper-alpha;
    margin-left: 0;
}

.PART div.formChildren, .OCRPL div.formChildren, .OCRPL .rootChildren .rootChildren div.formChildren {
    border: 1px solid #CCCCCC;
    margin-bottom: 1em;
    padding: 0.2em 0.3em;
}

.OCRPL .formContent h2, .PART .formContent h2 {
    background-color: #DDDDDD;
    border-bottom: medium none;
    font-size: 115%;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0.2em;
}

.alert {
	font-weight: bold;
	color: #993366;
}

.areaTitle {
	font-weight: bold;
}

#tagline {
    padding:3px 0 0 12px;
    position:absolute;
    z-index:0;
}

div.finalReportHeader {
    text-align: center;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;	

	}

div.finalReportHeader .dyntxt{
	    font-size: 115%;
    font-weight: bold;
}

div.indentedQ{
	margin-left:1em;
	margin-right:1em;
}

.multilineHeader{
    border: none;
    font-size: 180%;
    letter-spacing: 3px;
    line-height: 1em;
    font-weight: bold;   
}

.divTextCenter{
     text-align: center;    
}