@charset "UTF-8";
/**************************************************************************
USF Custom Style Sheet - custom.css - 3/29/2017
 NOTES:
 Portal 8 introduces significant changes to the UI requiring a re-write of this file.
 Our intention is to minimize the footprint of custom.css, re-implementing only what is necessary.
 Organize this file by adding a header indicating the site area impacted. 
**************************************************************************/


/**************************************************************************
General
**************************************************************************/

/*Set the default font settings for the site here*/
BODY, P, DIV, TR, TD, CENTER, TABLE, SELECT, TEXTAREA, INPUT {
    font: 10pt Arial, Helvetica, sans-serif;
}

/*SEM 1-10-14: Some browsers render a double-bold effect when processing nested classes and tags.
  Explicitly define the font weight of bold and strong to avoid this effect. */
  
b, strong {
	font-weight: bold;
}

.RoomComponent {
	text-align: left;
	margin: 0.6em;
	padding: 0.6em;
}

div.ProjectPrint_Banner {
 background-color: #FFFFFF;
}

.PrintQuestion{
	font-weight: bold;
}


/**************************************************************************
Top Navigation
**************************************************************************/

.TopNavAreaLeft	{
	background-color: #FFFFFF;
	background: none;
}
.TopNavAreaRight {
	background: #FFFFFF 
}


/**************************************************************************
Footer
**************************************************************************/

.FooterArea {
	border-top: #405767;
	border-top-style: solid;
	color: #FFFFFF;
	padding: 10px;
	text-align: right;
        vertical-align:text-top;
        height: 70px;

}
.FooterText {
	color: #000000;
	font-size: 10pt;
	text-align: right;
	font-family: RobotoSlab;
}

.FooterText:link, .FooterText:active, .FooterText:visited {
	color: #336699;
}
.FooterText a:hover {
	color: #336699;
}


/**************************************************************************
Project Workspace
**************************************************************************/

.CurrentRole, .StatusArea  {
	/*
	background-color: #800000;
	border: 1px solid #000;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	*/
	background-color: #405767;
    color: #FFF;
    font-family: RobotoSlab;
    font-size: 13pt;
    /*min-width: 208px;*/
    padding: 10px;
    text-align: center;	
	
}

.CurrentState  {
	/*
	background-color: #800000;
	border: 1px solid #000;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	border-radius: 10px 1px 1px 1px;
	*/
	background-color: #405767;
    color: #FFF;
    font-family: RobotoSlab;
    font-size: 13pt;
    /*min-width: 208px;*/
    padding: 10px;
    text-align: center;	
	
}

.StatusDescription {
    background-color: #bed4df;
    border: 1px solid #000;
    color: #405767;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    /* border-radius: 1px 1px 10px 1px; 
    font-family: RobotoSlab;*/
}


/**************************************************************************
SmartForm - IRB
**************************************************************************/
.SFtitle {
	font-size: x-small;
	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;
}

.help {
	vertical-align: top;
	font-style: italic;						
	padding: 2px;					
	background: #efefef;
	width: 200px;
}

.SFhelp {
	vertical-align: top;
	font-style: italic;						
	padding: 10px;					
	background: #efefef;
	width: 100px;
}

.irbPage {
	margin-right: 120px;
	margin-top: 10px;
	/*vertical-align: top;*/						
}

.irbFormContent{
	float: left;
	width:100%
}

.irbPageTitle{
	vertical-align: top;
    font-size: medium;
    font-weight: bold;		
    padding: 10px;	
    margin-left: 40px;
}

.irbPageDescription{
	font-size: small;
	font-weight: normal;
	padding-top: 5px;
}

.irbAttribute {
	vertical-align: top;
	padding: 10px;
}

.irbRegion{
	vertical-align: top;
	padding: 10px;
	/*margin-left: 40px;*/
}

.irbSidebar{
	float: right;
	width: 120px;
	margin-right: -120px;
	background: #efefef;
	text-align: center;
	vertical-align: top;
    font-size: xx-large;
    font-weight: bold;
    font-style: italic;
	color: rgb(204, 204, 204);
	padding-top: 10px;
}

.irbHelpText{
	font-size: small;
    font-weight: normal;
	font-style: italic;	
	color: #000000;
}

.irbCleared{
	clear: both;
}


/**************************************************************************
SmartForm - IACUC
**************************************************************************/

.iacucAreaTop {
	vertical-align: top;
	font-style: italic;						
	padding: 10px;					
	background: #eaeaea;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
}
.iacucAreaTopRight {
	vertical-align: top;
	font-style: italic;						
	padding: 10px;					
	background: #efefef;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
        width: 100px;
}

.iacucAreaSection {
	vertical-align: top;
        font-family: Helvetica;
        font-size: 24pt;
	font-style: italic;
        font-weight : bold;
	color: #ffffff;					
	padding: 10px;					
	background: #e1e1e1;
        border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	width: 100px;

}

.iacucAreaLeft {
	vertical-align: top;
        font-family: Helvetica;
        font-size: 10pt;
        font-weight : bold;
	color: #000000;					
	padding: 10px;					
        border-left: 2px solid #f8f8f8;
	border-bottom: 2px dashed #f8f8f8;
	width: 32px;

}
.iacucAreaAttribute {
	vertical-align: top;
	padding: 10px;
	border-bottom: 2px dashed #f8f8f8;


}

.iacucAreaHelp {
	vertical-align: top;
	font-style: italic;						
	padding: 10px;					
	background: #e1e1e1;
	border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	width: 100px;

}

.iacucAreaBottom {
	vertical-align: top;
	font-style: italic;						
	padding: 10px;					
	background: #e1e1e1;
        border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-left: 2px solid #cccccc;

}
.iacucAreaBottomRight {
	vertical-align: top;
        font-family: Helvetica;
        font-size: 14pt;
	font-style: italic;
        font-weight : bold;
	color: #ffffff;						
	padding: 10px;					
	background: #eaeaea;
	border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
        width: 100px;
}
.iacucAreaVIEW {
	vertical-align: top;
        font-family: Helvetica;
        font-size: 10pt;
	font-style: italic;
        font-weight : bold;					
	padding: 10px;					
	background: #ffffff;
	border-left: 2px dashed #cccccc;
	border-right: 2px dashed #cccccc;
	border-top: 2px dashed #cccccc;
	border-bottom: 2px dashed #cccccc;

}

.iacucNotify {
	vertical-align: top;
        font-family: Helvetica;
        font-size: 10pt;
	font-style: italic;
        font-weight : bold;					
	padding: 10px;					
	background: #ffffff;
	border-left: 1px dashed #cccccc;
	border-right: 1px dashed #cccccc;
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
}

.iacucApprovalLetter{
	vertical-align: top;
        font-family: Times New Roman;
        font-size: 10pt;
}


/**************************************************************************
SmartForm - COI
**************************************************************************/

/*-COI------------------------------------*/

.coiAreaTop {
	vertical-align: top;
	font-style: italic;						
	padding: 10px;					
	background: #eaeaea;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
}
.coiAreaTopRight {
	vertical-align: top;
	font-style: italic;						
	padding: 10px;					
	background: #efefef;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
        width: 100px;
}

.coiAreaSection {
	vertical-align: top;
        font-family: Helvetica;
        font-size: 24pt;
	font-style: italic;
        font-weight : bold;
	color: #ffffff;					
	padding: 10px;					
	background: #e1e1e1;
        border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	width: 100px;

}

.coiAreaLeft {
	vertical-align: top;
        font-family: Helvetica;
        font-size: 10pt;
        font-weight : bold;
	color: #000000;					
	padding: 10px;					
        border-left: 2px solid #f8f8f8;
	border-bottom: 2px dashed #f8f8f8;
	width: 32px;

}
.coiAreaAttribute {
	vertical-align: top;
	padding: 10px;
	border-bottom: 2px dashed #f8f8f8;

}

.coiAreaHelp {
	vertical-align: top;
	font-style: italic;						
	padding: 10px;					
	background: #e1e1e1;
	border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	width: 100px;

}

.coiAreaBottom {
	vertical-align: top;
	font-style: italic;						
	padding: 10px;					
	background: #e1e1e1;
        border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-left: 2px solid #cccccc;

}
.coiAreaBottomRight {
	vertical-align: top;
        font-family: Helvetica;
        font-size: 14pt;
	font-style: italic;
        font-weight : bold;
	color: #ffffff;						
	padding: 10px;					
	background: #eaeaea;
	border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
        width: 100px;
}
.coiAreaVIEW {
	vertical-align: top;
        font-family: Helvetica;
        font-size: 10pt;
	font-style: italic;
        font-weight : bold;					
	padding: 10px;					
	background: #ffffff;
	border-left: 2px dashed #cccccc;
	border-right: 2px dashed #cccccc;
	border-top: 2px dashed #cccccc;
	border-bottom: 2px dashed #cccccc;

}

.coiNotify {
	vertical-align: top;
        font-family: Helvetica;
        font-size: 10pt;
	font-style: italic;
        font-weight : bold;					
	padding: 10px;					
	background: #ffffff;
	border-left: 1px dashed #cccccc;
	border-right: 1px dashed #cccccc;
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
}

/*----------------------------------------*/




/*-Interest Inventory---------------------------------------*/

.invTrainingHeader{

	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 16pt;

}

.invAreaAttribute{

	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 12pt;
	vertical-align: top;
	padding: 10px;
	border-bottom: 2px dashed #f8f8f8;
}


/**************************************************************************
Custom Hide/Show Functionality
**************************************************************************/




/**************************************************************************
Click Analytics
**************************************************************************/
/* Click Analytics Styles.  Added 9/17/2014*/

.ComponentStyle_ClickAnalyticsHeader .ComponentHeaderTable
{
	font : 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;  
        background : url(ClickAnalytics/Images/barbg.gif) repeat-x center;
	border-top : 1px solid #FFFFFF;
	color:#000066;	
		
}

.ComponentStyle_ClickAnalyticsHeader .ComponentHeaderTitle 
{
         color:#000066;
  
}

.CAButtons {
 /*font-size : 8pt;*/
        font : 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;  
        background : url(ClickAnalytics/Images/barbg.gif) repeat-x center;
 border-top : 1px solid black;
 color:#000066;
 font-weight : bold;
        cursor:hand;
}

.CAText
{
 font : 12pt Verdana, Geneva, Arial, Helvetica, sans-serif;  
        color:#193d70; 
} 

.CATitle
{
 font : 14pt Verdana, Geneva, Arial, Helvetica, sans-serif;  
        color:#193d70;
 font-weight : bold;
} 


/**************************************************************************
CK Editor
**************************************************************************/
/*
#CKEditorBody P, LI, UL {
 font: 10pt Arial;
 }
*/