@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 RobotoSlab, Arial, 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;*/
}

/*-FCOI-----------------------------------*/

.fcoiAreaTop {
	vertical-align: top;
	font-style: italic;						
	padding: 10px;					
	background: #F3F3E9;
	border-bottom: 2px solid #D8D8B8;
	border-top: 2px solid #D8D8B8;
	border-left: 2px solid #D8D8B8;
}
.fcoiAreaTopRight {
	vertical-align: top;
        font-family: "Trebuchet MS", Helvetica;
        font-size: 100%;
	font-weight : bold;
	color: #B9B97D;						
	padding: 8px;					
	background: #ECECDD;
	border-left: 2px solid #D8D8B8;
	border-bottom: 2px solid #D8D8B8;
	border-right: 2px solid #D8D8B8;
	border-top: 2px solid #D8D8B8;
        width: 100px;


}

.fcoiAreaSection {
	vertical-align: top;
        font-family: Helvetica;
        font-size: 24pt;
	font-style: italic;
        font-weight : bold;
	color: #948C5F;					
	padding: 10px;					
	background: #E7E7D3;
        border-left: 2px solid #D8D8B8;
	border-right: 2px solid #D8D8B8;
	width: 100px;

}

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

}
.fcoiAreaAttribute {
	vertical-align: top;
        font-family: "Trebuchet MS", Helvetica;
        font-size: 12pt;
	color: #005100;
	padding: 10px;
	border-bottom: 2px dashed #F9F9F2;

}

.fcoiAreaAttributeColor {
	vertical-align: top;
        font-family: "Trebuchet MS", Helvetica;
        font-size: 10pt;
	color: #006F00;
        font-style: italic;
	padding: 10px;
        background: #F3F3E9;
	border-bottom: 2px dashed #F9F9F2;

}

.fcoiAreaAttributeNote {
	vertical-align: top;
        font-family: "Trebuchet MS", Helvetica;
        font-size: 10pt;
	color: #006F00;
        font-style: italic;
	padding: 10px;
        background: #F3F3E9;
	border-bottom: 2px dashed #F9F9F2;
	width: 220px;

}

.fcoiAreaAttributeSpace {
	vertical-align: top;
	padding: 10px;
	border-bottom: 2px dashed #F9F9F2;
	width: 16px;

}

.fcoiAreaHelp {
	vertical-align: top;
	font-style: italic;
	color: #948C5F;							
	padding: 10px;					
	background: #E7E7D3;
	border-left: 2px solid #D8D8B8;
	border-right: 2px solid #D8D8B8;
	width: 100px;

}

.fcoiAreaBottom {
	vertical-align: top;
	font-style: italic;						
	padding: 10px;					
	background: #ECECDD;
        border-top: 2px solid #D8D8B8;
	border-bottom: 2px solid #D8D8B8;
	border-left: 2px solid #D8D8B8;

}
.fcoiAreaBottomRight {
	vertical-align: top;
        font-family: Helvetica;
        font-size: 14pt;
	font-style: italic;
        font-weight : bold;
	color: #FDFDFB;						
	padding: 10px;					
	background: #E3E3CC;
	border-left: 2px solid #D8D8B8;
	border-right: 2px solid #D8D8B8;
	border-top: 2px solid #D8D8B8;
	border-bottom: 2px solid #D8D8B8;
        width: 100px;
}
.fcoiAreaVIEW {
	vertical-align: top;
        font-family: "Trebuchet MS", Helvetica;
        font-size: 10pt;
	color: #005100;	
	font-style: italic;
        font-weight : bold;					
	padding: 10px;					
	background: #ffffff;
	border-left: 2px dashed #D8D8B8;
	border-right: 2px dashed #D8D8B8;
	border-top: 2px dashed #D8D8B8;
	border-bottom: 2px dashed #D8D8B8;

}


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

}
.fcoiAreaAttributeVIEW {
	vertical-align: top;
        font-family: "Trebuchet MS", Helvetica;
	color: #005100;
	padding: 10px;
	border-bottom: 2px dashed #F9F9F2;
        width: 100%;

}
.fcoiAreaAttributeProject {
	vertical-align: top;
        font-family: "Trebuchet MS", Helvetica;
	color: #005100;
	padding: 10px;
	border-bottom: 2px dashed #F9F9F2;

}
.fcoiAreaAttributeProjectCenter {
	vertical-align: top;
        font-family: "Trebuchet MS", Helvetica;
	color: #005100;
	padding: 10px;
	border-bottom: 2px dashed #F9F9F2;
        width: 10px;

}
.fcoiAreaAttributeProjectLeft {
	vertical-align: top;
        font-family: "Trebuchet MS", Helvetica;
	color: #005100;
	padding: 10px;
	border-bottom: 2px dashed #F9F9F2;
        width: 300px;
}
.fcoiAreaTitleVIEW {
	vertical-align: top;
        font-family: "Trebuchet MS", Helvetica;
        font-size: 14pt;
	color: #005100;
	padding: 10px;
	background: #F3F3E9;
	border-bottom: 2px dashed #F9F9F2;

}

.fcoiAreaNotify {
	vertical-align: top;
        font-family: "Trebuchet MS", Helvetica;
        font-size: 10pt;
	font-style: italic;
        font-weight : bold;					
	padding: 10px;					
	border-left: 2px dashed #D8D8B8;
	border-right: 2px dashed #D8D8B8;
	border-top: 2px dashed #D8D8B8;
	border-bottom: 2px dashed #D8D8B8;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;

}

.fcoiAreaTitleNotify {
	vertical-align: top;
        font-family: "Trebuchet MS", Helvetica;
        font-size: 14pt;
	font-style: italic;
        font-weight : bold;
	color: #948C5F;					
	padding: 10px;
        border-bottom: 2px dashed #F9F9F2;  					

}

.fcoiAreaLeftNotify {
	vertical-align: top;
        font-family: "Trebuchet MS", Helvetica;
        font-size: 10pt;
        font-weight : bold;
	color: #000000;			
	padding: 10px;					
        border-left: 0px solid #f8f8f8;
	border-bottom: 0px dashed #F9F9F2;
	width: 100px;

}
.fcoiAreaAttributeNotify {
	vertical-align: top;
        font-family: "Trebuchet MS", Helvetica;
	color: #005100;
	padding: 10px;
	border-bottom: 0px dashed #F9F9F2;
        width: 100%;

}

.fcoiHorizontalRule {

	color: #ECECDD;
	background-color: #ECECDD;
	height: 2px;
}

/* FCOI Checklist Classes */

.fcoiChecklistForm {
	width: 450px;
	/*border-left: 3px solid lightgray; */
	padding: 10px;
	padding-left:20px; 
	padding-top:10px; 
	float: left;
}

.fcoiChecklistSection {
	vertical-align: top;
    font-family: "Trebuchet MS", Helvetica;
	color: #005100;
	padding: 10px;
	/*border-bottom: 2px dashed #F9F9F2;*/
	border-style:solid;
	border-width:2px;
	border-color: #F9F9F2;
        width: 100%;
}

.fcoiChecklistQuestion {
	vertical-align: top;
    font-family: "Trebuchet MS", Helvetica;
	color: #005100;
	padding: 10px;
	border-top: 2px dashed #F9F9F2;
        width: 100%;
}

.fcoiChecklistQuestion:hover {
	background-color: #FFFFF0;
}


.printFriendlyIframe {
	width: 700px; 
	height: 700px; 
	border: 2px solid gray; 
	float: left; overflow:hidden; 
	-webkit-overflow-scrolling:touch;
}

/*.reviewDetermination {width: 450; border: 0px solid gray; padding-left:20px; padding-top:10px; float: left};*/


.HideMe {
	display: none;
}
.ShowMe {
	background-color: #F3F3E9;
}

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


/**************************************************************************
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
**************************************************************************/

/*-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;
 }
*/