.FPSFtitle {
	font-size: 14pt;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
}
.FPSFdescription {
	margin-left: 10px;
	margin-right: 10px;
}
.FPSFid {
	font-weight: bold;
	vertical-align: top;
	padding: 10px;
	width: 32px;
}
.FPSFattribute {
	vertical-align: top;
	padding: 10px;
}
.FPSFhelp {
	vertical-align: top;
	font-style: italic;						
	padding: 10px;					
	background: #efefef;
	width: 200px;
}
.FPSFtable {
	width: 100%;
}
.SF424SmartForm INPUT, .SF424SmartForm SELECT, .SF424SmartForm A {
	font-size: 9pt;
}
.SF424SmartForm .DisplayHead {
	font-size: 9pt;
}
.SF424SmartForm .List {
	font-size: 9pt;
}
.SF424SmartFormCurrency{
}
.SF424SmartFormCurrency Input{
	font-size: 9pt;
	text-align: right;
}
.SF424SmartFormCurrency .PrintAnswer{
	font-size: 9pt;
	text-align: right;
}
.SF424SmartForm .PrintQuestion{
	font-size: 9pt;
}
.SFtitle {
	font-size: 11pt;
	font-weight: bold;
}
.SFdescription {
	margin-left: 10px;
	margin-right: 10px;
}
.SFid {
	font-weight: bold;
	vertical-align: top;
	padding: 10px;
	width: 32px;
}
.SFattribute {
	vertical-align: top;
	padding: 10px;
}
.SFhelp {
	vertical-align: top;
	font-style: italic;						
	padding: 10px;					
	background: #efefef;
	width: 100px;
}
.SFhelpWide {
	vertical-align: top;
	font-style: italic;						
	padding: 10px;					
	background: #efefef;
	width: 200px;
}
.SFtable {
	width: 100%;
}
.SFSmall {
	font-size : 9pt;
}
.SFSmallBold {
	font-size : 9pt;
	font-weight : bold;
}
.SFSmallItalic {
	font-size : 9pt;
	font-style : italic;
}
.SFList {
	border-top: 1px solid #ccc;
	font-size : 9pt;
}
.SFListBold {
	border-top: 1px solid #ccc;
	font-size : 9pt;
	font-weight : bold;
}
.SFListAlt {
	background-color : #EEE;
	font-size : 9pt;
}
.SFListAltBold {
	background-color : #EEE;
	font-size : 9pt;
	font-weight : bold;
}
/**************************************************************************
General Elements - Alphabetically
**************************************************************************/
A {
    color : #003366;
	text-decoration: none;
}
A:ACTIVE {
	color : #003366;
}
A:LINK	{
	color : #003366;
}
A:HOVER 	{
    color : #003366;
	text-decoration: underline;
}
A:VISITED {	
	color : #003366;
}
/*BODY {
	background-color : #FFF;
	margin-bottom : 10px;
	margin-left : 10px;
	margin-right : 10px;
	margin-top : 10px;
}*/
BODY,P,DIV,TR,TD,CENTER,TABLE,SELECT,TEXTAREA, INPUT {
	font : 11pt Arial, Helvetica, sans-serif;
}
H1 {
    font-size: 14pt;
	font-weight: bold;
    color: #003366;
}

/**************************************************************************
General Classes - Alphabetically
**************************************************************************/
.ActivityArea {
	background-color: #DDDEDE;
	border-bottom : 1px solid #FFFFFF;
}
.Breadcrumb {
}
.Breadcrumb:link, .Breadcrumb:active, .Breadcrumb:visited	{
	line-height : 1.5em;
	color : #003366;
}
.Breadcrumb:hover	{
	color : #003366;
}
.BreadcrumbArea	{
    background-color: #CFCCAD;
	border-bottom: 2px solid #FFF;
    color: #003366;
	padding : 0 .5em 0 .5em;
}
.BreadcrumbTarget, .BreadcrumbTarget:link, .BreadcrumbTarget:active, .BreadcrumbTarget:visited {
	color: #003366;
}
.BreadcrumbTarget:hover {
	color: #003366;
	text-decoration: none;
}
.ComponentText {
}
.ComponentText:link, .ComponentText:active, .ComponentText:visited, .ComponentText:hover	{
	line-height : 2em;
	color : #003366;
}
.FolderNav1, .FolderNav1:link, .FolderNav1:active, .FolderNav1:visited, .FolderNav1:hover {
	color : #003366;
	font-weight : bold;
}
.FolderNav2, .FolderNav2:link, .FolderNav2:active, .FolderNav2:visited, .FolderNav2:hover {
	color : #003366;
}
.FolderNav3, .FolderNav3:link, .FolderNav3:active, .FolderNav3:visited, .FolderNav3:hover {
	color : #003366;
}
.FormHead {
	background-color: #CFCCAD;
	color : #FFF;
	font-weight: bold;
	padding: 10px;
}
.ListSelected {
	border-top: 1pt solid #CCCCCC;
	background-color : #FBEAC0;
}
.PageHead {
    font-size: 14pt;
	font-weight: bold;
    color: #003366;
}
.SubTabArea {
	background-color : #003366;
	border-bottom : 4px solid #FFFFFF;
	padding-left : 4px;
	padding-right : 4px;
	text-align : bottom;
}
.SubTabOff {
	font : bold 8pt;
	color : #FFFFFF;
	border-left : 4px solid #003366;
	padding-left : 8px;
	padding-right : 8px;
}
.SubTabOff:link, .SubTabOff:active, .SubTabOff:visited {
	color : #FFFFFF;
	border-left : none;
	padding-left : none;
	padding-right : none;
}
.SubTabOff:hover {
	color : #B5E7FF;
}
.SubTabOn {
	font : bold 8pt;
	color : #000000;
	background-color : #FFFFFF;
	border-left : 4px solid #003366;
	padding-left : 8px;
	padding-right : 8px;
}
.SubTabOn:link, .SubTabOn:active, .SubTabOn:visited {
	color : #000000;
	border-left : none;
	padding-left : none;
	padding-right : none;
}
.SubTabOn:hover {
	color : #000000;
	text-decoration : none;
}
.TabBar {
	background-color : #003366;
}
.TabOff, .TabOff:link, .TabOff:active, .TabOff:visited {
	background-color: #F2F0DA;
	color : #000000;
}
.TabOff:hover {
	color : #003366;
}
.TabOn, .TabOn:link, .TabOn:active, .TabOn:visited {
	font-weight: bold;
	color : #FFFFFF;
	background-color : #003366;
}
.TabOn:hover {
	color : #FFFFFF;
	text-decoration : none;
}
.TopNavAreaLeft	{
	background : url(Images/custom/TopBG.gif) repeat-x;
	padding : 0px;
	width: 5%;	
}
.TopNavAreaRight {
	background : url(Images/custom/TopBG.gif) repeat-x;
	padding: 20px 10px 0px 0px;
	vertical-align : top;
	}
.TopNavTabArea {
	background : url(Images/custom/TabBG.gif) repeat-x top;
	padding : 0px 8px 0px 8px;
}
.TopNavTabBar {
	background-color: #CFCCAD;
}
.TopNavTabOff, .TopNavTabOff:link, .TopNavTabOff:active, .TopNavTabOff:visited {
	font-weight : bold;
	color : #FFF;
	line-height : 1.5em;
	padding : .25em .5em .25em .5em;
}
.TopNavTabOff:hover {
	 color : #B5E7FF;
}
.TopNavTabOn:link, .TopNavTabOn:active, .TopNavTabOn:visited {
    background-color : #CFCCAD;
	color : #000;
	font-weight : bold;
	line-height : 1.5em;
	padding : .25em .5em .25em .5em;
}
.TopNavTabOn:hover {
	color: #000;
	text-decoration : none;
}
.TopNavText {
	color : #FFF;
}
.TopNavText:link, .TopNavText:active, .TopNavText:visited {
	color : #FFF;
}
.TopNavText:hover {
	color : #B5E7FF;
}
.TopNavTitleText {
	color : #FFF;
	font-weight : bold;
}

/**************************************************************************
Default  Component Style 
**************************************************************************/
.ComponentHeaderTable {
	background-color: #4D93CE;
}

/**************************************************************************
Component Spacing Styles CSS 
**************************************************************************/
/*Top Margin: Default; Padding On*/
.ComponentSpacing_DefaultPadding .ComponentMarginTop {
	margin-top: 15px;
}
.ComponentSpacing_DefaultPadding .ComponentBodyTable{
	padding : 10px 10px 10px 10px;
}
/*Top-Margin: None; Padding On*/
.ComponentSpacing_NonePadding .ComponentMarginTop {
	display: none;
}
.ComponentSpacing_NonePadding .ComponentBodyTable{
	padding : 10px 10px 10px 10px;
}
/*Top Margin: 2x ; Padding On*/
.ComponentSpacing_2xPadding .ComponentMarginTop {
	margin-top: 30px;
}
.ComponentSpacing_2xPadding .ComponentBodyTable{
	padding : 10px 10px 10px 10px;
}
/*Top-Margin: None; Left Indent*/
.ComponentSpacing_NoneLeftIndent .ComponentMarginTop {
	display: none;
}
.ComponentSpacing_NoneLeftIndent .ComponentBodyTable {
	padding-left: 120px;
}

/**************************************************************************
Custom Layout Classes
**************************************************************************/
.1Column {
	background-color : #FFF;
	padding : 10px;
	vertical-align: top;
}
.1ColumnB {
	background-color : #FFF;
	padding : 10px;
	vertical-align: top;
}
.Column1 {
	background-color: #F2F0DA;
	border-bottom: 2px solid #FFF;
	padding : 10px;
	width: 200px;
	vertical-align: top;
}
.Column2 {
	padding: 10px;
	vertical-align: top;
}
.Column2B {
	padding: 10px;
	vertical-align: top;
}
.Column3 {
	/*background : url(Images/custom/GrantsBanner.jpg) no-repeat top left;
	padding-top: 338px;*/
	padding: 10px;
	width: 200px;
	vertical-align : top;
}
.FooterArea {
	/*background-color: #003366;*/
	border-top: 4px solid #CFCCAD;
	color: #FFF;
	padding: 10px;
	text-align : right;
}
.FooterText {
	color: #000; /*#FFF;*/
	font-size: 9pt;
	text-align : right;
}

.FooterText:link, .FooterText:active, .FooterText:visited {
	color: #000; /*#FFF;*/
}
.FooterText:hover {
	color: #000; /*#FFF;*/
}
.LoginTitleArea {
	/*padding-top: 10em;*/
	background-color: #F2F0DA;
}
.LoginArea {
	background-color: #F2F0DA;
	padding: 10px;
}
.StatusArea {
	background-color : #F5C241;
	border : 1px solid #767A7D;
	color : #FFF;
	font-weight : bold;
	padding : 5px;
	text-align : center;
}

.CurrentState {
	background-color : #FFFFFF;
	border : 1px solid #ECE9F2;
	font-weight : bold;
}
.CurrentRole {
	background-color : #003366;
	/*background-color : #5C30A6;*/
	/* background-color : ##CFCCAD;*/
	border : 1px solid #FFFFFF;
	color: #FFFFFF;
	font-weight : bold;
	padding : 5px 5px 5px 5px;
}

/**************************************************************************
Scalable Fonts Fix
**************************************************************************/
BODY,P,DIV,TR,TD,CENTER,TABLE,SELECT,TEXTAREA, INPUT {font-size: 11pt;}
H1 {font-size: medium;}
#ResultTitle {font-size: smaller;}
.Button {font-size : 11pt;}
.Button2 {font-size : 9pt;}
.PageHead {font-size: 13pt;}
.PageHead2 {font-size: 12pt;}
.SmallHelp {font-size: 9pt;}
.SmallText {font-size: 9pt;}
.SubTabOff {font-size: 11pt;}
.SubTabOn {font-size: 11pt;}
.ViewBarText {font-size: 9pt;}
.JumpToLauncher {font-size: 9pt;}
.JumpToBreak {font-size: 9pt;} 

/*************************************************************************
Styles for CR Number of Subjects hover over text - #5777 -gap201 - 8/24/2015
**************************************************************************/
/*Help text icon*/
.CRhelptext
{
	position: absolute;
	text-align: center;
	background-color: #BCDBEA;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	font-size: 11px;
	line-height: 22px;
	cursor: help;
}

.CRhelptext:before
{
	content:'?';
	font-weight: bold;
	color:#080808;
}

/*CR Number of Subjects Page Help Text display*/
.CRDefinition
{
 border: #c0c0c0 1px dotted;
 background: #BCDBEA;
 padding: 5px 20px 5px 5px;
 display : none;
 position: relative;
 z-index: 200;
 top : -10px;
 left: -200px;
 margin: 10px;
 width: 350px;
 text-decoration: none;
 text-align: justify;
 font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
 WHITE-SPACE: normal
}

.CRhelptext:hover .CRDefinition
{
 display: block; 
}

/*All help text content display*/
.helptextContent{
 	border: #c0c0c0 1px dotted;
 	background: #BCDBEA;
 	padding: 5px 20px 5px 5px;
 	display : none;
 	position: relative;
 	width: 350px;
 	text-decoration: none;
 	text-align: justify;
 	font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
 	WHITE-SPACE: normal;
 }

.CRhelptext:hover .helptextContent{
 	display: block; 
 }
 
.textareaCR { 
    border-style: none; 
    border-color: Transparent; 
    overflow: auto;        
  }

.ActivityTypeGroup_hssc{
	border-style:none;
	border:0;
	padding:0;
}

/*IRB Private Information Highlight*/
.IRBPrivateInfoBG{
 	background: #ffffcc;
 	}
 	
.HeaderTabContents {
    display: table;
    margin: auto;
    width: 90%;
    min-width: 982px;
    height: 100%;
    border-collapse: collapse;
    white-space: nowrap;
	overflow: auto;
	text-overflow: ellipsis;   
} 	

/*For remote site project view*/

.tablinks{
margin-bottom: 0;
margin-left: 0;
}
.tablinks:after {
display:block;
clear:both;
content:'';
}
.tablinks li {
margin:0px 5px;
float:left;
list-style:none;
}
 
.tablinks a {
padding:9px 15px;
display:inline-block;
border-radius:3px 3px 0px 0px;
background:#cedee7;
font-size:16px
font-weight:600;
color:#405767;
transition:all linear 0.15s;
}
 
.tablinks a:hover {
background:#405767;
text-decoration:none;
color:#ffffff;
}
 
li.active a, li.active a:hover {
background:#fff;
color:#405767;
}