@import url("/Portals/18/Skins/TRFskins/css/menu.css");

#Body {
    background-color: #fff; height: 100%; 
}

body {
    text-align:left; /* for IE */ 
    background-color: #fff; 
} 

/* --- define default fonts --- */
body, table, td, th, div, span, ul, li, blockquote, textarea, tbody, p, tfoot	{  
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:  1em;
    
}

.logo {	
	position:relative;
}

#csslogo
{
	background: url(/Portals/18/Skins/TRFskins/images/TRF-logo1.png) 50% 50%; 
	padding: 0px; 
	margin: 0px;
	background-repeat: no-repeat;
	width:200px;
	height:175px;
	display:inline-block;
	float:left;
}
 
#main {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1em;
    width: 972px;    
    margin:0 auto;
    position:relative;	
}

/* --- Header and Top Menu --- */


#tabend {
    position: relative;
    left: -68px;
    top: 56px;
}


#topmenu {  
	background: transparent;
	height: 26px;
	float:left;
	margin-top:149px;
}

.backlink {
    width: 100%;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 0.7em;
    cursor: pointer;  
}


.printlink {
    cursor: pointer; 
    color: #146592; 
    font-size: 0.8em; 
}

.printlink img {
    border:0;
    vertical-align:middle;
}

.printBox {
	float:right;
	padding:15px 15px 10px 0;
}

.printlink p{
	cursor: pointer; 
}

.printBox  a:link {color: #146592;  font-weight: normal;}
.printBox  a{color: #146592;  font-weight: normal;}
.printBox  a:visited {color: #146592;  font-weight: normal;}
.printBox:visited {color: #146592;  font-weight: normal; font-weight: normal;}
.printBox  a:hover {color: #faa61d; text-decoration: none; font-weight: normal;}


.printlink SPAN {
	 display: inline-block; 
}

.toppane {
	width:722px;
	height:90px;
}


/* --- Main content table styles --- */
#maintable          { width: 100%; height: 100%; position: relative; left: 0px; z-index: 0;  border: 0px solid black; float:left;  }

td.leftcol       	 { width: 227px; vertical-align: top; padding: 0px 0px 0px 0px; }
td.centrecol     	 { width: 493px; vertical-align: top; padding: 0px 7px 0px 7px; min-height:200px; }
td.homecol		 { width: 720px; vertical-align: top; padding: 0px 10px 0px 0px; min-height:200px; }
td.rightcol        	 { width: 227px; vertical-align: top; padding: 0px 0px 0px 5px; margin:0; border-left:5px solid #005d9e;}
td.admincol	 	 { width: 100%; vertical-align: top; padding: 5px; }
 
.rpane { width:227px;}
 
#leftsubmenu	 {  width: 227px; margin-bottom: 10px; padding-right:12px; padding-bottom:3px; background:url('/Portals/18/Skins/TRFskins/images/menu-right-border.png') repeat-y right top #b0cde2; }
#leftsubmenu h1, #leftsubmenu h2      { margin:0 11px; margin-bottom:5px;  height:19px; font-size:1.05em; font-family: Arial, Helvetica, Sans-Serif; color:#0062a1; font-weight:normal; border-bottom:2px #fff solid;}

#leftsubmenu a		{text-decoration: none;}
#leftsubmenu a:hover { color:#ffffff;}

.MenuItem0, .MenuItemMouseOver0, .MenuItem0 HR, .MenuHdr0 , .MenuHdrMouseOver0 
{
  font-size: 0.8em; padding-left: 11px; font-weight: normal; padding-bottom: 7px;
  padding-top: 6px; height: 100%;   
}

.MenuItem0 A, .MenuItem0 A:Active, .MenuItem0 A:Hover, .MenuItem0 A:Visited, 
.MenuItem0 A:Link, .MenuHdr0 A, .MenuHdr0 A:Active, .MenuHdr0 A:Hover, .MenuHdr0 A:Visited, 
.MenuHdr0 A:Link , .MenuItemMouseOver0 A , .MenuHdrMouseOver0 A
{
   width: 100%; padding-top: 1px;
  padding-bottom: 1px; cursor: default; cursor: pointer; 		
  background:url(/Portals/18/Skins/TRFskins/images/menu-arrow.png) no-repeat left 47%;
  padding-left:15px;
} 

.MenuItem1, .MenuItem1 HR, .MenuItemMouseOver1  
{ font-size: 0.7em; padding-left: 29px; font-weight: normal; padding-bottom: 2px;
   padding-top: 0px; height: 100%;  
}

.MenuItem1 A, .MenuItem1 A:Active, .MenuItem1 A:Visited
{
  text-decoration: none; width: 100%; padding-top: 1px;
  cursor: default; cursor: pointer;
}

.currentHeaderHighlight0, .currentItemHighlight0, .currentItemHighlight1 {
	color:#ffffff;
}

.footerMenu { 
	width: 100%;
	vertical-align: middle; height: 25px; 
	border-bottom: 5px #f4a300 solid;
    font-family: Arial, Helvetica, Sans-Serif;
	float:left;
    padding: 5px 0 5px 0px; 
    font-size:1em;    
    color:#ffffff;
	background:url("/Portals/18/Skins/TRFskins/images/hlsp-logo.png") no-repeat right top;	
	background-position: 98% 50%;
	background-color:#0062a1;
    height:60px;
	margin-top:10px;
	margin-bottom:15px;
}

.footerMenu span {
	 padding: 21px 0 0 25px;
	 float:left;
	 font-family: Arial, Helvetica, Sans-Serif;
	 font-size:0.8em;
	 
}

.footerMenu A, .footerMenu A:Active, .footerMenu A:Visited, .footerMenu A:Link {
    font-weight: normal; 
    cursor:pointer;
    color:#ffffff;
}

.footerMenu A:Hover {
    color: #faa61d;
    text-decoration:none;
    font-weight: normal;
    cursor:pointer;
}

.SignIn {   
	 font-family: Arial, Helvetica, Sans-Serif;
	 color:#0066a5;
}


/* --- Contol Panel styles --- */
.ControlPanel, .PagingTable {
	margin:0 auto;
	
    background-color: transparent;
	border:none;
}

.PagingTable .Normal {
	color:#f7a11a;
	font-weight:bold;
}

A.CommandButton:link {
	color:#0062a1;
	text-decoration:none;
}

.CommandButton {
	 font-family: Arial, Helvetica, Sans-Serif;
	 font-size:1em;
}

.ManagerContent  p {
	/*width:100%;*/
	margin:3px 0 9px 0;
}

/* BreadCrumb styles */

.breadcrumb {
	font-size:0.9em;
	margin-bottom:10px
}

/* --- Main Menu styles --- */

#menu_header {
	width: 199px;
	height: 8px;
	/*background: url(/Portals/18/Skins/TRFskins/search-top-border.gif) bottom no-repeat; */
}
#menu_footer {
	width: 199px;
	height: 8px;
	/*background: url(/Portals/18/Skins/TRFskins/search-bottom-border.gif) top no-repeat;*/
}

#searchbox   { width: 200px; vertical-align: top; padding: 10px 0px 0px 10px; }

#adminMenuCont {
    border: 1px solid #346699;
	border-top: 0px;
	background-color: #cad5ea; 
	z-index:1001;
}

.MainMenu_MenuContainer {
	background-color: #cad5ea; 
	height: 25px;
	text-align: center;
	width:950px;
	margin:3px auto;
	z-index:1001;
}

.MainMenu_MenuBar {
	cursor: pointer; 
	height:16;
	background-color: Transparent;
	z-index:1001;
}

.MainMenu_MenuItem {
	z-index:1001;
	cursor: pointer; 
	color: #346699; 
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: .9em; 
	font-weight: normal; 
	font-style: normal; 
	border-left: #49534a 0px solid; 
	border-bottom: #49534a 1px solid; 
	border-top: #49534a 0px solid; 
	border-right: #49534a 0px solid;
	background-color: Transparent;
	padding-left: 3px;
	padding-right: 3px;
}

.MainMenu_MenuItemSel {
		z-index:1001;
	cursor: pointer; 
	color: #ccc; 
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: .9em; 
	font-weight: normal; 
	font-style: normal;
	background-color: #91c2ed;
	text-decoration: none;
	border-bottom: #49534a 1px solid;
	padding-left: 3px;
	padding-right: 3px;
}

/* --- menuitems idle ---*/ 
.MainMenu_Idle TD {
    color: #346699; 
    font-weight: normal; 
    xwidth: 202px; 
    height: 20px; 
    cursor: pointer; 
		z-index:1001;
}

/* --- menuitems over  ---*/ 
.MainMenu_Selected TD {
    color: #346699; 
    background: #91c2ed ; 
    font-weight: normal; 
    xwidth: 202px; 
    height: 20px;
    cursor: pointer; 
	z-index:1001;
}

/* --- menuitems active ---*/ 
.xMainMenu_Active TD, .xMainMenu_BreadcrumbActive TD {
    color: #346699; 
    background: #333; 
    font-weight: normal; 
    xwidth: 202px; 
    xheight: 25px; 
    cursor: pointer; 
	z-index:1001;
}


.MainMenu_MenuIcon {
	display: none;
	cursor: pointer; 
	background-color: #00f; 
	border-left: red 0px solid; 
	border-right: red 0px solid;
	border-bottom: #49534a 1px solid; 
	border-top: red 0px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}

/* --- Submenu overall styles --- */
.MainMenu_SubMenu {
	cursor: pointer; 
	background-color: #d5e6f9; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=135, Strength=0); 
	border-bottom: #49534a 0px solid; 
	border-left: #49534a 1px solid; 
	border-top: #49534a 1px solid; 
	border-right: #49534a 1px solid;
	xcolor: #000; 
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: normal; 
	font-style: normal;
	color: red;
	xwidth: 100px;
	z-index:1001;
}

/* --- Sub-menuitems idle --- */ 
.MainMenu_SubMenu TD { color: #346699; font-size: .85em; font-weight: normal; height: 20px;  z-index:1001;}


.MainMenu_MenuBreak {
	border-bottom: yellow 1px solid; 
	border-left: yellow 1px solid; 
	border-top: yellow 1px solid;  
	border-right: yellow 1px solid; 
	background-color: yellow; 
	height: 1px;
}

.MainMenu_MenuArrow {
	display: none;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	border-right: blue 0px solid; 
	border-bottom: blue 0px solid; 
	border-top: blue 0px solid;
}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	display: none;
}

/* text style used for most text rendered by modules */
.Head {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.Normal, .NormalDisabled
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: .8em;
	font-weight: normal;
	color: #2b2b2b;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled {
	color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	font-weight: normal;
}

/* text style used for error messages */

H1 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #0062a1;
}

H2 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #f7a11a;
	Padding: 10px 0 10px 0;
}

H3 {
font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #2B2B2B;
	Padding: 10px 0 10px 0;
	margin:0;
}

H4 {
	font-family: Arial, Helvetica, Sans-Serif;
}

H5 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #0062a1;
	Padding: 10px 0 10px 0;
	margin:0;
}

A:Hover, p A:hover, h2 A:hover {
	color:#faa61d;
	text-decoration:none;
}


A:link, A:active, A:Visited {color:#005ea0; font-weight: bold;}

/*- Menu Tabs J--------------------------- */

#banner {height: 175px; background: url(/Portals/18/Skins/TRFskins/images/banner-bg1.png) top right no-repeat; padding: 0px; margin: 0px; position:relative; z-index:1000; border-bottom:5px solid #f7a11a; margin-bottom:10px;}

.MainMenu_MenuItem2 {
	cursor: pointer; 
	color: #346699; 
	font-family: Arial, Arial, Helvetica; 
	font-size: .9em; 
	font-weight: normal; 
	font-style: normal; 
	border-left: #49534a 0px solid; 
	border-bottom: #49534a 1px solid; 
	border-top: #49534a 0px solid; 
	border-right: #49534a 0px solid;
	background-color: Transparent;
	padding-left: 3px;
	padding-right: 3px;
}

#resourceTable H2, #resourceTable P, #resourceTable span  {
	padding:0px;
	margin-top:0px;
	margin-bottom:10px;
	
}


/* Accessibility COntrols added */

.printBox2 {
	float:right;
	padding:5px 5px 10px 0;
	width: 100px;
}

.topresize24   { width: 453px; display: -moz-inline-box; float: right;  margin:0 auto;}

.SearchButton2 {
    background:url("/Portals/18/Skins/TRFskins/search_icon.png") no-repeat left top;
    padding: 0px;
    cursor: pointer;
    width: 20px;
    height: 18px;
    border:0;
    margin:0;
    left:auto;
    top:15px;
}


.top_wrap{height:31px; border-bottom:1px #ffdca9 solid;}
.top_space{width:970px; margin:0px auto; padding:0 10px 0 0; }
.search_style{float:right;}
.search_bg{padding:2px 2px 5px 5px; display:block;}
.resourceItemBg{background-color:#FFFFFF}
.jumpto { float:left; font-size:0.85em; padding:4px 0 0 3px;}
.jumpto  span a { margin-right:7px; color:#999999; }
.jumpto  span a:hover {color:#333333; }
.screenControls{width:235px; padding-bottom:5px; float:right;}

#WidthSize, #TextSize {
	float:left; 
	margin:5px 0 0 20px;
	tabindex:0;
}

#ContrastControl {
	float:left; 
	margin:5px 0 0 20px;
	tabindex:0;
}


#normaltextcontrol, #mediumtextcontrol, #largetextcontrol, #WidthSize_width1024, #WidthSize_width1280, #WidthSize_widthfull, #contrastHigh, #contrastNormal {
	float:left;
	height:18px;
	width:18px;
	margin-right:3px;
	cursor:pointer;
	background:transparent none no-repeat;
}

#normaltextcontrol {
	background-image:url(/Portals/18/Skins/TRFskins/images/accessibility/textsmallhover.png); 
}

#normaltextcontrol:hover {
	background-image:url(/Portals/18/Skins/TRFskins/images/accessibility/textsmallhover.png); 
}
#mediumtextcontrol {
	background-image:url(/Portals/18/Skins/TRFskins/images/accessibility/textmedium.png);
}
#mediumtextcontrol:hover {
	background-image:url(/Portals/18/Skins/TRFskins/images/accessibility/textmediumhover.png); 
}
#largetextcontrol {
	background-image:url(/Portals/18/Skins/TRFskins/images/accessibility/textlarge.png);
}
#largetextcontrol:hover {
	background-image:url(/Portals/18/Skins/TRFskins/images/accessibility/textlargehover.png);
}


#WidthSize_width1024 {
	background-image:url(/Portals/18/Skins/TRFskins/images/accessibility/width1024hover.png);
}
#WidthSize_width1280 {
	background-image:url(/Portals/18/Skins/TRFskins/images/accessibility/width1280.png);
}
#WidthSize_width1280:hover {
	background-image:url(/Portals/18/Skins/TRFskins/images/accessibility/width1280hover.png);
}
#WidthSize_widthfull {
	background-image:url(/Portals/18/Skins/TRFskins/images/accessibility/widthfull.png);
}
#WidthSize_widthfull:hover {
	background-image:url(/Portals/18/Skins/TRFskins/images/accessibility/widthfullhover.png);
}

 
#contrastHigh {
	background-image:url(/Portals/18/Skins/TRFskins/images/accessibility/ctr_high.gif);
}

#contrastNormal {
	display:none;
	background-image:url(/Portals/18/Skins/TRFskins/images/accessibility/ctr_nor.gif);
}


/* Announcement Module styles */

.ArticlesContent {
	margin-top:15px;
}

.ArticlesContent td {
	padding:0;
}

.article-module {
	border-bottom:1px solid #f7a11a;
}

.article-module h2 .Normal {
	color: #f7a11a;
	font-size:0.9em;
}

.article-module  p {
	padding:10px 0 0 0 !important;
}

/* admin skin style */
.WorkPanel div {
	float:left;
}