body { font-size:16px; }

.fhwacontainer, #fhwacontent.fhwacontainer  { width:960px; }
#fhwacontent { 
	border:#F00 0px solid;
    margin:0px auto 20px;
    padding:8px;
}

#fhwaheader li, #fhwanavmenu li { margin-bottom:0; }

#fhwanavmenu { height: 40px; }

.dropdown ul:before, .dropdown ul:after { content:normal; }

#logosrsf { margin: 0px -8px; }

.content { font-size:1.2em; }
.rsdp-title-tray {width: 945px; padding-top: 10px;}
.rsdp-title-div {float: left; }
.rsdp-title {font-family: segoe ui, Verdana, Geneva, sans-serif; font-size: 2em; font-weight: bold; color: #494949; margin: 36px 0 0 0; text-transform: uppercase;}

.rsdp-banner-nav {
	font-family: Segoe UI, Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 0px;
}

.rsdp-logo-div {float: right;}
.rsdp-logo-img {margin-right: 8px; margin-bottom: 9px;}


.rsdp-toolbox-div { width: 945px; background: #d7d7d7; padding: 20px 20px 20px 15px; }
.rsdp-toolbox-intro {width: 150px; float: left; padding-right: 15px; padding-top: 10px;}
.rsdp-toolbox-intro P {font-family: Segoe UI, verdana, Geneva, sans-serif; font-size: 0.85em; font-weight: normal; color: #565656; line-height: 1.45em;}
.rsdp-toolbox-main {background: white; padding: 18px; min-height: 400px;}


.rsdp-box-tray {}
.rsdp-box-div {float: left; width: 163px; margin-right: 17px;}
.rsdp-box {height: 163px; width: 163px; position: relative;}
.rsdp-box H2 {position: absolute; bottom: 5px; left: 18px; color: white; font-family: Segoe UI, verdana, arial, sans-serif; font-weight: normal; font-size: 25px; margin-bottom: 5px; line-height: 2.0em;}
.rsdp-box-arrow {position: relative; text-align: center; height: 8px;}


.rsdp-tab-tray {}
.rsdp-tab {float: left; width: 173px; margin-left: 9px; position: relative;}
.rsdp-tab H2 {position: absolute; bottom: 8px; left: 12px; color: white; font-family: Segoe UI, verdana, arial, sans-serif; font-weight: normal; font-size: 0.85em; margin-bottom: 0px;}


.rsdp-hilite-tray { width: 945px; padding: 28px 15px 35px 28px; }
.rsdp-hilite {float: left; width: 282px; margin-right: 20px; position: relative; margin-bottom: 10px;}
.rsdp-hilite H2 {
	background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
    background: rgba(0, 0, 0, 0.7);
	color: #fff; 
	font-family: Segoe UI, verdana, arial, sans-serif; 
	font-weight: normal;
	font-size: 1.3em; 
	margin: 0px;
	padding: 8px 0px;
	position: absolute; 
	text-align: center;
	top: 20px;
	width: 100%;
}

span.text-content {
	background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
  	background: rgba(0, 0, 0, 0.7);
	color: white;
  	display: table;
  	font-size:1.1em;
  	height: 221px;
  	left: 0;
  	position: absolute;
  	visibility:hidden;
  	top: 0;
  	width: 282px;
}
.rsdp-hilite:hover H2 { visibility:hidden; }
.rsdp-hilite:hover span.text-content, 
.rsdp-hilite:hover span.text-content h2 { visibility:visible; }
.rsdp-hilite:hover span.text-content h2 {
	background:none;
	width:262px;
}
 
span.text-content span {
  display: table-cell;
  padding:0px 10px;
  text-align: left;
  vertical-align: middle;
}

.rsdp-news {float: left; width: 210px; margin-right: 15px; position: relative; margin-bottom: 10px;}
.rsdp-news H2 {position: relative; color: #2b5db0; font-family: Segoe UI, verdana, arial, sans-serif; font-weight: normal; font-size: 0.80em; margin-bottom: 0px; margin-top: 8px; line-height: 1.0em;}
.rsdp-news-pic {border: 1px solid #adaaaa; border-bottom: 6px solid #2b5db0;}

.rsdp-tool-title-div {border-top: 1px solid #d7d7d7; height: 156px; width: 945px;}
.rsdp-tool-info {margin-top: 12px; margin-left: 3px; float: left; width: 530px; font-family: Segoe UI, Verdana, Geneva, sans-serif; font-size: 0.90em; line-height: 1.6em; color: #525252;}
.rsdp-tool-info H2 {font-weight: bold; margin-top: 0px; margin-bottom: 9px; color: #525252; font-size: 1.80em;}

.rsdp-tool-primer {float: right; width: 160px; text-align: right; padding-left: 10px; padding-top: 10px; padding-right: 3px; font-family: Segoe UI, Verdana, Geneva, sans-serif; font-size: 0.85em; line-height: 1.40em;}


.rsdp-tool-icon {float: left; width: 170px; height: 155px; text-align: center; padding-top: 17px; padding-left: 0px; padding-right: 10px;}
.rsdp-tool-text {float: left; width: 560px; font-family: Segoe UI, Verdana, Geneva, sans-serif; font-size: 0.9em; line-height: 1.5em; color: #525252; padding-left: 15px; padding-top: 10px;}
.rsdp-tool-text H2 {line-height: 1.45em; font-weight: bold; margin-top: 0px; margin-bottom: 11px; color: #525252; font-size: 1.80em;}

.rsdp-primer-div {float: right; width: 210px; text-align: right; padding-left: 10px; padding-top: 25px; padding-right: 13px; font-family: Segoe UI, Verdana, Geneva, sans-serif; font-size: 0.85em; line-height: 1.40em;}


.rsdp-moreresources {font-family: segoe ui, Tahoma, Geneva, sans-serif; font-size: 1em; color: #817f7f;}

.rsdp-filter-div { font-size:1.1em; }

.rsdp-filter-type {width: 945px; background: #d7d7d7; padding: 12px 20px; font-family: Segoe UI, Verdana, Geneva, sans-serif; font-size: 0.90em; line-height:1.6em; color: #525252;}
.rsdp-filter-tray {border-top: 1px solid white; width: 945px; background: #d7d7d7; padding: 12px 20px; font-family: Segoe UI, Verdana, Geneva, sans-serif; font-size: 0.90em; line-height:1.6em; color: #525252;}
.rsdp-filter-column-left {position: relative; float: left; width: 400px; padding-right: 10px;}
.rsdp-filter-column-right {position: relative; float: right; width: 440px; padding-left: 10px;}
.rsdp-filter-button {text-align: left; width: 945px; background: #eaeaea; padding: 12px 20px; font-family: Segoe UI, Verdana, Geneva, sans-serif; font-size: 0.90em; line-height:1.6em; color: #525252;}

.rsdp-droplabel {float: left; width: 185px; margin: 7px 0px 0px 0px;}
.rsdp-dropdown {float: left; margin: 0px 0px 4px 10px;}

.rsdp-formlabel {float: left; width: 150px; margin: 4px 0px 0px 0px; font-weight: bold;}
.rsdp-formfield {float: left; margin: 0px 0px 4px 10px;}
.rsdp-formreq {float: left; width: 100px; margin: 7px 0px 0px 20px; font-weight: bold; color: #d7d7d7;}

.rsdp-formlabel-sub {float: left; width: 185px; margin: 7px 0px 0px 0px; font-weight: normal;}
.rsdp-formfield-sub {float: left; margin: 0px 0px 4px 10px; width: 304px;}


.rsdp-form-div {width: 945px; border-top: 1px solid #d7d7d7;}
.rsdp-form-tray {border-top: 1px solid white; width: 945px; background: #ffffff; padding: 0px 0px; font-family: Segoe UI, Verdana, Geneva, sans-serif; font-size: 0.90em; line-height:1.6em; color: #525252;}
.rsdp-form-row {border-bottom: 1px solid #d7d7d7; padding: 15px 25px; display: block;}


.rsdp-list-tray {width: 945px; padding: 10px 22px; font-family: Segoe UI, Verdana, Geneva, sans-serif; font-size: 1em; line-height:1.6em; color: #525252;}
.rsdp-list-div-header {position: relative; clear: both; padding: 8px 0px 5px 0px;}
.rsdp-list-div-header SPAN {font-weight: bold; font-size: 0.9em !important;}
.rsdp-list-div {position: relative; clear: both; border-bottom: 1px solid #d7d7d7; padding: 8px 0px;}
.rsdp-list-column-1 {float: left; width: 500px; text-align: left;}
.rsdp-list-column-2 {float: left; width: 180px; text-align: left; padding-left: 15px;}
.rsdp-list-column-3 {float: left; width: 180px; text-align: left; padding-left: 15px;}

.rsdp-content-main-div {width: 945px;}
.rsdp-content-tray {padding: 25px 15px; font-family: Segoe UI, Verdana, Geneva, sans-serif; font-size: 0.90em; line-height: 1.6em; color: #525252;}
.rsdp-content-title-div {width: 945px; }
.rsdp-content-title {border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding: 15px 0px;font-family: Segoe UI, Verdana, Geneva, sans-serif; font-size: 0.90em; line-height:1.6em; color: #525252;}
.rsdp-content-title H2 {font-weight: bold; margin-top: 0px; margin-bottom: 9px; color: #525252; font-size: 1.80em;margin-left: 10px; max-width: 850px;}
.rsdp-content-back {margin-left: 10px; margin-bottom: 0px;}
.rsdp-content-row {clear: both;}
.rsdp-content-text-left {float: left; font-weight: bold; width: 100px; margin-bottom: 10px; font-size: 0.95em; line-height: 1.4em;}
.rsdp-content-row P {margin: 0px 0px 10px 0px;}
.rsdp-content-text-right {float: right; margin-left: 15px; margin-bottom: 10px; width: 700px; margin-right: 30px;}
.rsdp-content-row-disclaimer {clear: both; padding-top: 15px;}
.rsdp-content-row-disclaimer {font-size: 0.85em !important;}

/***********begin home page****************/
.content { padding: 8px 0px; }
.home
{
    background: url(../images/bg_aboutTitle.png) top left no-repeat;
    height: 115px;
    color: #fff;
    background-color: #585d67;
    border-top: 10px solid #004d97;
    font-size: 13px;
}

#home_middle
{
    width: 945px;
    float: right;
    color: #333;
    background: #d7d7d7;
    padding-bottom: 25px;
}
#home_middle .content
{
    /*margin-left: 25px;*/
    margin-left: 0px;
    margin-top: 22px;
    margin-bottom: 12px;
    width: 800px;
}
#home_middle .floatimage
{
    float:right; margin:8px;
}

.home_bluebox
{
    width: 193px;
    background: #004d97;
    color: #fff;
    margin: 8px;
    padding: 8px;
    float: right;
}
.home_bluebox a { color: #fff; }
/***********end home page****************/

/******** begin technical transfers **************/
#techtrans {
	background-color:#FFF;
	border-bottom:#666 2px solid;
	border-top:#36c 2px solid;
	clear:both;
	padding:25px 0px;
	text-align:center;
}
#techtrans h2 {
	color:#666;
	font-size:2.5em;
}
#techtrans ul {
	margin:30px 0 0 2px;
}
#techtrans ul li {
	display:inline-block;
	list-style-type:none;
	line-height:15px;
	margin:0;
	padding:0 22px;
	width:152px;
	vertical-align:text-top;
}
#techtrans ul li a {
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}
#techtrans ul li a img {
	margin-bottom:10px;
}

/******** end technical transfers **************/

/*begin section for custom css by gsiry*/
.highlight{
    font-weight: bold;
    background-color:#0094ff;
    color:white;
}

.readmore-js-toggle, .readmore-js-section {
  display: block;
  width: 100%;
}
.readmore-js-section {
  overflow: hidden;
}
.showhidefilters {
    cursor:pointer
}
.searchbox{
    width:200px;
}
.popover{
    width:500px !important;
    max-width:500px;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #eaeaea !important;
}

input.error { border: 1px solid red; }
textarea.error { border: 1px solid red; }
label.error {
	color:red;
	padding-left: 16px;
	margin-left: .3em;
}
/*end section for custom css by gsiry*/


