/* /css/nwp-additional.css
 *
 * This file includes additional CSS styles for all general templates in addition to those core design parts
 */


/* HEADERS */
h1 a {
    font-size: 90%;
    line-height: 135%;
}

h4 {
    font-size: 1.1em;
    font-weight: bold;
}
h5 {
    font-weight: bold;
}

h4.sub_hd {
    background: url(/img/double_arrow.gif) 0 .4em no-repeat;
    padding: 0 0 0 1em;
}

/* Only gets recognized in IE */
hr {
    color: #e2ecf5;
    margin-bottom: 10px;
    height: 1px;
}


/* Tables */
td {
    vertical-align: top;
}

span.normal_weight {
    font-weight: normal;
}


/* home page */
#home div#login h2 {
    margin-bottom: 5px;
}

#home div#login .lostpw {
    font-size: smaller;
}

/* Set the first h1 tag in .mainbox to have some padding */
/* Ideally we'd use a first-child selector, but this is not supported in IE */
div.mainbox h1.first {
    margin-bottom: 10px;
}

div.mainbox form h1.first {
    margin-bottom: 10px;
    font: normal 1.6em Georgia, "Time New Roman",  Times, serif;
    line-height: 1.3em;
}

/* Featured Items on Home Page */
#home div.mainbox h1 {
    margin-bottom: 0;
}

ul.sublist {
    margin-bottom: 0 !important;
    margin-left: 2em;
}

span.current_resource_topic {
    font-weight: bold;
    color: #51447A;
}

/* Horizontal Rule replacement (2px blue line) */
div.hr {
    border-bottom: 2px solid #e2ecf5;
    margin-bottom: 5px;
    margin-top: 7px;
    line-height: 1px;
}

/* More subtle hr replacement (1px gray) */
div.hr_subtle {
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px;
    margin-top: 7px;
    line-height: 1px;
}

div.press_room_section_header {
    font-weight: bold;
    background-color: #e2ecf5;
}

.footnote {
    font-style: italic;
    font-size: 80%;
}

/* Shows up in the About section only for now */
strong.statistic {
    font-weight: bold;
    color: #C6541E;
}

.note {
    color: #857A4D;
    font-style: italic;
}

/* Shows up only in the Programs section for now (SFN grants) */
strong.daterange {
    color: #456A36;
    font-weight: bold;
}

/* Resources */
div.articleoptions {
    background-color: #e2ecf5 !important;
}

p.press_release_subhead {
    color: #C6541E;
    font-style: italic;
}

/* this is for the E-Voice table -- added by Vince*/
table.evoice{
	width: 99%;
	border: 4px solid #2659A6;
}
table.evoice td a{
	 font: bold 1.1em Arial, Helvetica, Geneva, sans-serif;
 }

table.evoice th{
    background-color: #2659A6;
    color: #ffffff;
    padding: 2px 10px;
    vertical-align: middle;
}

.evoice span.header{
    color: #ffffff;
    padding: 1px;
    font:  bold 2.2em Arial, Helvetica, Geneva, sans-serif;
}
.evoice span.subtitle{
    color: #ffffff;
    padding: 1px;
    font:  normal 1.1em Arial, Helvetica, Geneva, sans-serif;
}

.evoice img.left{
    border: 0;
    float: left;
    padding-right: 10px;
}

.evoice img.left_b{
    border: 1px solid #000000;
    float: left;
    margin-right: 10px;
}

.evoice img.right{
    border: 0;
    float: right;
    padding-left: 10px;
}
.evoice img.right_b{
    border: 1px solid #000000;
    float: right;
    margin-left: 10px;
}

.evoice td{
    background-color: #ffffff;
    border: 1px solid #000;
    padding: 10px;
}
.evoice td div{
    border: 0;
    padding-top: 10px;
    clear: both;
}

.evoice td div.foot{
    padding-top: 10px;
    color: #666;
    font-size: .9em;
}

/* for the books - person and info, and other pubs*/

table.booklist {
   table-layout: fixed;
     }

table.booklist td {
     vertical-align:top;
     padding: 4px 3px;
	}

table.booklist td img.tnail {
     padding: 0 10px 0 0;
	}

p.quota_name{
	text-align: right;
	margin-bottom: 1px;
	font-weight: bold;
	}

p.quota_address{
	text-align: right;
	margin-top: 1px;
	font-style: italic;
	}


span.book_name {
    font-style: italic;
}

fieldset {
    border: 1px solid #963A2F;
    width: 600px;
    padding: 5px 10px;
    margin-bottom:10px;
    clear: none;
}

legend{
    color: #000000;
    font-weight:600;
    font-style:italic;
    background: #B3CADC;
    border: 1px solid #781351;
    padding: 2px 6px;
}

/* end of the books and other pubs */

/*  for the bottom margin of the ul in the content */
.mainbox ul, .spotlight ul {
    margin-bottom: 1em;
}

/* for the separate link in one line */
.more_right{
	color: #ced2ce;
	text-align: right;
}


/* Event theme header */
h4.event_theme {
    color: #51447A;
    font-style: italic;
    margin-bottom: 10px;
}

/* Event Date Range */
h3.event_date {
    color: #857A4D;
    margin-bottom: 10px;
}

/* used for colored » (i.e. >> ) */
span.raquo {
    color: #C6541E;
}

/* Button-style links */
.button {
    display: block;
    background: #CCC;
    border: 2px outset #CCC;
    line-height: 20px;
    width: 180px;
    margin: 5px 0px 5px 0px;
    text-align: center;
}

.button a {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: #000;
}

.button a:hover {
    background-color: #DDD;
}

/* Edit user profile section --vince */
 form table td{
	padding: 5px 0 1px 0;
}

form select option {
	padding: 1px 2px 1px 2px;
}

/* the globle css set the form layout wired. redefine it here for forms only */
/* moved here  from next one - font: normal 1.0em Arial, Helvetica, Geneva, sans-serif;  */
#content form input {
	line-height: 1.1em;
	padding: 2px 1px 1px 2px;
}


#content form textarea {
    font-size: 1.2em;
	padding: 0 2px 0 2px;
}


div.edit_profile{
	border-top: 1px solid silver;
	padding: 10px 5px 6px 35px;
    margin: 0 -20px -20px -20px;
}

ul.u_profile
{
   	list-style-type: none;
	margin: 0;
	padding-bottom: 23px;
}

ul.u_profile li{
    float: left;
    border:1px solid  silver;
    border-bottom:none;
    cursor:pointer;
    margin: 0;
    text-align: center;
    background: url(/img/u_fade_up.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
    padding: 2px 14px 3px 15px;
}

ul.u_profile li:hover {
    background: url(/img/u_fade_down.gif);
    background-repeat: repeat-x;
    border-bottom: 1px solid #fff;
}

ul.u_profile li.cur{
    background: url(/img/u_fade_down.gif);
    background-repeat: repeat-x;
    cursor: auto;
    border-bottom: 1px solid #fff;
}

/**********************************
 * Mouse-over tooltips            *
 **********************************/
.tooltip {
    font-size: 12px;
    text-decoration: none;
    position: absolute !important;
    z-index: 9999;
    opacity: 0.0;
    visibility: hidden;
    top: 0px;
    left: 0px;
    padding: 3px;
    background: #ffffff;
    border: 1px solid black;
    color: black;
    width: 200px;
    white-space: normal;
}

/* for the nwp site map on IE 6 issue */
#map-container1 {
    border-top: 1px solid #ced2ce;
    border-right: 1px solid #ced2ce;
    background-color: #83afd4;
    margin: 0 0 0 241px;
    padding: 17px
}


/* for the nwpi blue bg header */
h4.blue_bar{
    background-color: #a0b9cd;
    color: #fff;
    margin-top: 1em;
   	margin-bottom: 1em;
   	padding: 2px 0 0 3px;
}

h4.blue_bar img{
   	padding: 2px 0;
   	vertical-align: middle;
}

div.info{
    background-color: #ece9d8;
}


body#nwpi .twocol #content {
    padding: 20px;
    margin-right: 0px;
    font-size: 1.0em;
}
/* font-size: 1.1em; reset most of the font size in the nwp-s.css file */

body#nwpi td {
    font-size: 1.0em;
}


/* RFP/Application system */
div.continue {
    text-align: right;
    margin-top: 1em;
}


/* Single Column pages */
/* This is for the #bot element */
div.single_column {
    background-image: none !important;
    border: 1px solid #ced2ce !important;
    border-top: none !important;
}
div.single_column div#content {
    margin: 0 !important;
    padding: 10px !important;
}
/* survey */
textarea#styled {
    width: 580px;
    padding: 0px;
}
table.survey {
   table-layout: fixed;
     }

table.survey td {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

table.survey td.left_top {
    text-align:left;
    vertical-align: top;
}

table.survey td.bot {
    vertical-align: bottom
}

table.survey tr.d0 td {
    background-color: #FFFFFF;
}

table.survey tr.d1 td {
    background-color: #EFEFEF;
}
    
a.h4class {
    font-size: 1.1em;
    font-weight: bold;
}
a.h5class {
    font-size: 1.0em;
    font-weight: bold;
}