@import url(/style/shared/RFStyle.css);

/* 
 * This is essentially blank, other than inheriting from shared.
 * Only put styles in here which are specific to your client.
 * Do not put any styles in here for Fett. 
 * All new clients should start with a clean, empty stylesheet,
 * using what's in shared, and then customize only what they need, as they go.
 */
body {
	color: #5E5C5C;
	margin: 20px; /* added by KM on 7/14/15 for better spacing.  will affect a lot of pages, you may want to remove this. */
}	
	body.logo {
		background: #FFFFFF; 
		background-image: url(../../img/imfar/bannerBG.jpg);
		background-repeat: repeat-x;
		height: auto;
		margin:0;
		}
	body.staffpage {
		color: #5E5C5C;
		background: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 1.5;
		font-size: 12px;
		margin-left: 10%;
		margin-right: 10%;
		}
.mainhead, h2.mainhead {
	color: #009DAA;
	text-transform: uppercase;
	margin-top: 1em;
	}
	span.mainhead {
		display: block;

		}
		
.note, .notecolor {
	color: #009DAA;
	}

.picture {
	float: right;
	padding-right: 50px;
	vertical-align: top;
	margin-top: -103px;
	}
	
#logo > .picture {
	margin-top: 0px;
	}


		
.imageright {border-bottom: 25px solid black;}

.defaultdisplay .leftcolumn {
 	  width: 50%;
		}
	
.defaultdisplay .rightcolumn {
   background-color: #C0C0C0;
   margin-left: 50%;
   padding: 10px;
	}

.defaultdisplay .pageheader {
   background-color: #CDDEE4;
	}

.defaultdisplay .sectionheader {
   background-color: #CDDEE4;
	} 
.graybox {margin-bottom: 25px;}

.page {width: 800px;}

.legend {padding-left: 25px;
	border: 1px solid #CCCCCC;}

li.oral	{list-style-image:url("/static/img/hicolor/16x16/stock/generic/stock_about.png");
	vertical-align: center;list-style-position:inside;}

li.newsworthy	{list-style-image:url("/static/img/hicolor/48x48/stock/generic/stock_news.png");
	vertical-align: center;list-style-position:inside;}
	
 
.grayboxstepheader, .grayboxheader {
background: url(../../img/imfar/containerwrap-bg.gif) repeat-x top #caeaeb;
border-top: none;}
 
 .grayboxheader {color: 484848;
 	font-weight: bolder;}


/* Normal link */
a {
	color: #008C99;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #008C99;
	text-decoration: underline;
}

a:visited {
	color: #008C99;
	text-decoration: none;
	}
	
/* Small text */
.small, .smalldark, .createdate, .modifydate, .mosimage_caption,
.back_button, .pagenavcounter, .pagenav, .pagenavbar {
	font-size: 0.89em;
}

/* Heading */
.reviewerassignments_programtitle {font-size: 1.5em;
	font-weight: normal;
	Padding-bottom: 12;
}

.reviewerassignments_classification1 { background: #AFEEEE; }
.reviewerassignments_classification2 { background: #ADFF2F; }
.reviewerassignments_classification3 { background: #FFFF00; }

h1 {
	font-size: 1.7em;
	font-weight: normal;
}

h2 {
	font-size: 1.5em;
	font-weight: normal;
}

h3 {
	font-size: 1.35em;
}

h4 {
	font-size: 1em;
	text-transform: uppercase;
}

p {
	margin: 5px 0 15px;
}


th {
	padding: 4px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #D1D1C7;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

a img {
	border: none;
}

td, div {
	font-size: 12px;
}

/* Code text */
pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #DDDAB5;
	background: #F5F3DE;
	font: 1em/1.5 "Courier News", monospace;
}

blockquote {
	padding: 15px 40px;
	background: url(../images/quote.gif) 10px 10px no-repeat;
	font: italic 1em/1.5 Georgia, Times, serif;
}
 
.dropcap {
	float: left;
	padding: 3px 3px 0 0;
	display: block;
	color: #484848;
	font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
.error {
	padding-left: 22px;
	color: #CC0000;
	background: url(../images/bullet-error.gif) no-repeat top left;
}

.message {
	padding-left: 22px;
	color: #4D84A7;
	background: url(../images/bullet-info.gif) no-repeat top left;
}

.tips {
	padding-left: 22px;
	color: #CC7400;
	background: url(../images/bullet-tips.gif) no-repeat top left;
}

.highlight {
	border-bottom: 1px dotted;
	background: #F5F3DE;
	font-weight: bold;
}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

input, select {
	font: 12px/normal Arial, Helvetica, sans-serif;
}

select, .inputbox {
	padding: 2px;
}

textarea {
	padding-left: 2px;
}

.button {
	border: 1px solid #D1D1C7;
	padding: 1px 8px;
	background: url(../images/button-bg.gif) top #EDEDE1;
	color: #666666;
}

.button:hover, .button:focus {
	border: 1px solid #A7A79F;
	color: #484848;
}

.inputbox {
	border: 1px solid #D1D1C7;
	background: #F7F6F0;
}

.inputbox:hover, .inputbox:focus {
	border: 1px solid #A7A79F;
}



td.buttonheading {
	padding: 0 3px!important;
	text-align: center;
}

.category {
	font-weight: bold;
}

.clr {
	clear: both;
}


#subnavwrap,
#containerwrap,
#footerwrap {
	text-align: center;
	width: 100%;
}

#header,
#subnav,
#container,
#footer {
	margin: 0 auto;
	width: 750px;
	text-align: left;
}

.wide #header,
.wide #subnav,
.wide #container,
.wide #footer {
	width: 950px;
}

.auto #header,
.auto #subnav,
.auto #container,
.auto #footer {
	width: 95%;
	min-width: 750px;
	max-width: 1150px;
}

#containerwrap {
	clear: both;
	border-top: 1px solid #A7A79F;
	background: url(../../img/imfar/containerwrap-bg.gif) repeat-x top #FFFFFF;
}

#container {
	padding: 5px 0 20px;
}


/* HEADER
--------------------------------------------------------- */
#headerwrap {
	background: #FFFFFF;
}

#header {
	text-align: left;
	line-height: normal;
}

#header h1 {
	font-size: 2em;
	height: 100px;
}

#header h1 img {
	float: left;
}


/* MAIN NAVIGATION
--------------------------------------------------------- */
#mainnav {
	font-size: 1em;
	font-weight: bold;
	line-height: normal;
	clear: both;
	float: left;
}

#subnavwrap {
	width: 100%;
	float: left;
	background: #BDBAA6;
}







/* Normal link */
a {
	color: #4D84A7;
}

a:hover, a:active, a:focus {
	color: #484848;
}

ul li {
	background-image: url(../../images/grey/bullet-list.gif);
}

hr {
	border-top-color: #CCCCCC;
}

.

.roleclassification .programtitle {
	font-weight: bold;
	font-size: large;
	padding: 10px 0 5px 0;
}

.roleclassification .categorytitle {
	font-weight:bold;
	padding: 3px 0 3px 0;
}


.login { background-color: #cddee4;
	padding-left: 20%;
	padding-right: 20%;
	}
	
#StudentDetail {
	padding-left: 30px;
	}
	
.peoplePage #peopletable hide {
	visibility: hidden;
}

table.people {
	border: 2px solid #DDE6E9;
	border-top: 5px solid #DDE6E9;
	border-bottom: 5px solid #DDE6E9;
	background-color: #EDF2F5;
	}
	
table.people td {
	background-color: #EDF2F5;
	color: #666666;
	border-left: 1px solid #DDE6E9;
	border-right: 1px solid #DDE6E9;
	}
	
table.people th {
	background-color: #EDF2F5;
	color: #666666;
	border-left: 1px solid #DDE6E9;
	border-right: 1px solid #DDE6E9;
	border-bottom: 1px solid #DDE6E9;
	}
	
/* Staff page */

h4.staff {
	color: #009DAA;
	}
	
/* CFR */

#cfr  {
   background: url("../../img/imfar/top_fold.png") repeat-x scroll 0 86px #FFFFFF;
    margin: 0 auto 95px;
    max-width: 1220px;
    overflow: hidden;
	margin-top: -15px;
	}
	
#cfr .topbanner {
	background: url("../../img/imfar/top_fold.png") repeat-x scroll 0 86px #C0B390;
    color: #FFFFFF;
    margin: 0 auto;
    overflow: auto;
    padding: 51px 27px 30px;
    width: 966px;
	margin-top: 6px;
	text-align: left;
	}

#cfr .navbar {
  background-color: #C0B390;
  margin-top: 0 auto;
  margin-bottom: 10px;
  padding: 0;
  margin: 0; 
  vertical-align: top;
  width: 965px;}

#cfr >.navbar {
	width: 1020px;}
	
#cfr .navbar ul {
  display: inline-block;
  margin: 0;
  padding: 0; }
	
#cfr .navbar ul li {
  font-weight: bold;
  font-size: 0.8em;
  float: left;
  margin: 0;
  /* divider between navigation items */
  border-right-color: #ffffff;
  border-right-width: 1px;
  border-right-style: dotted; }
		
#cfr .navbar ul li a:hover {
  background: none repeat scroll 0 0 #5A5541;}

#cfr .navbar li {
  background: url("../../img/imfar/nav_border.png") no-repeat scroll left 25px transparent;
  display: table-cell;    
  min-width: 120px;
  padding: 0;
  vertical-align: middle;
}

#cfr .navbar li.currentpage {
  background: none repeat scroll 0 0 #5A5541;
}

#cfr .navbar li a {
  color: #FFFFFF;
  display: block;
  font: normal 14px Arial;  
  padding: 26px 19px 20px 18px;  
  text-decoration: none;
}	
#cfr .page {
	margin: 0 auto;
    padding-top: 33px;
    width: 965px;
	text-align: left;
	}
	
#cfr >.page {
	width: 1020px;
	}
	
/* View submission people */
.rightcolumn .item .sectionbox, .rightcolumn .item .sectionboxtable {
	clear: none;
}