/* Filename: base.css
 * Short Description: Base stylesheet
 * Long Description:
 **************************************************************************
 * Change Log
 **************************************************************************
 * @01 : 2010-04-15 : Kevin Fox : #login, .login_name added.
 * @02 : 2010-04-15 : Kevin Fox : #adminMenu added.
 * @03 : 2010-04-28 : Bob Payn : Yahoo styles added.
 * @04 : 2010-06-07 : Courtney Fieber : Home page mainimage link coordinates updated and .fhpsb_menu styles added.
 **************************************************************************
*/
body {
	background-color:#f7f7f7;
	color:#222222;
	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size:75%;
	font-style:normal;
	line-height:1.35em;
	margin:0;
	padding:0;
}
a {
	color:#1862bb;
	text-decoration:none;
}
a:hover {
	color:#056deb;
	text-decoration:underline;
}
h1 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:150%;
	font-weight:bold;
	line-height:normal;
	margin-bottom:0;
	margin-top:1em;
	/*padding-bottom: 2px;*/
	position: relative;
}
h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:125%;
	font-weight:bold;
	line-height:normal;
	margin-top:1.2em;
	padding-bottom: 2px;
	position: relative;
	text-transform: uppercase;
}
#col2 h2 a, #col3 h2 a {
	background-color:#1862bb;
	color:#ffffff;
	font-size:65%;
	letter-spacing:1px;
	line-height:normal;
	top:0;
	right:0;
	padding:1px 2px;
	position:absolute;
}
#col2 h2 a:hover, #col3 h2 a:hover {
	text-decoration:none;
}
img {
	border:none;
}
h3 {
	font-size:110%;
	font-weight:bold;
	line-height:normal;
	padding-top:1em;
}
h4 {
	color: #555555;
	font-style:italic;
	font-weight:bold;
	/*text-transform:uppercase;*/
	padding-top: 1em;
}
h5, h6, h7 {
	font-weight:bold;
}
img {
	border-style:none;
}
input, textarea {
	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size:100%;
}
p {
	font-style:normal;
	margin: 0.75em 0;
	line-height:1.4em;
}
em {
	font-style:italic;
}
sub {
	vertical-align:sub;
	font-size:70%;
}
sup {
	vertical-align:super;
	font-size:70%;
}
blockquote {
	margin-left:18px;
}
.errors {
	color:#ff0000;
}
#col1, #col2, #col3 {
	background: url(../images/col_top.gif) top left no-repeat;
}
#col1 {
	float:left;
	margin-right:3px;
	padding:20px;
	width:274px;
}
#col1 p {
	font-size:110%;
	line-height:1.3em;
}
#col2 {
	float:left;
	padding:20px;
	width:274px;
}
#col2 li, #col3 li {
	font-size:100%;
}
#col1 h2, #col2 h2, #col3 h2, #col1 h1 {
	margin-top:0;
}
#col2 h2 {
	width:274px;	
}
#col1 h2.top, #col2 h2.top, #col3 h2.top {
	padding-top:6px;	
}
#col2 ul {
	border-top:1px solid #d4d1c5;
	padding:0;
}
#col2 ul li {
	border-bottom:1px solid #d4d1c5;
	list-style-type:none;
	margin-top:5px;
	padding-bottom:5px;
}
#col3 {
	float:right;
	margin-right:1px;
	padding:20px;
	width:274px;
}
#col3 ul {
	border-top:1px solid #d4d1c5;
}
#col3 ul li {
	border-bottom:1px solid #d4d1c5;
	list-style-type:none;
	margin-top:5px;
	padding-bottom:5px;
}
#council_main #header {
	background:white url(../images/subheader_back.gif) top left no-repeat;
}
#custom_lib_history {
	display: block;
	width: 99%;
	height: auto;
	border-top:1px solid #bbb;
}
#delete {
	border-right:1px solid #bbb;
}
#footer {
	color:#363636;
	font-size:90%;
	padding:5px 0;
	text-align:center;
}
#header {
	background:white url(../images/subheader_back.gif) top left no-repeat;
	height:92px;
}
#header ul {
	/*background: url(../images/topnav.gif) no-repeat;*/
	float:right;
	height:20px;
	padding:5px 2px;
}
#header ul li {
	border-right:1px solid #d4d1c5;
	display:inline;
	font-size:85%;
	font-weight:bold;
	height:20px;
	list-style-type:none;
	margin-left:3px;
	padding-right:4px;
	text-transform: uppercase;
	vertical-align:middle;
	position: relative;
}
#header a:hover {
    text-decoration: underline;
}
#header ul li input {
	font-size:100%;
}
#header ul div {
	display: none;
}
#header ul li.mega div {
	border: 1px solid #d4d1c5;
	width: 28em;
	position: absolute;
	top: 1.6em;
	left: 0em;
	padding: .25em;
	background: #fff;
	z-index: 10;
}
#header ul li.hovering div {
	display: block;
}
#header ul div ul {
	background: none;
	float: none;
	height: auto;
}
#header ul div ul li {
	border-right:none;
	display:list-item;
	font-size:90%;
	height:auto;
	background: url(../images/dot.gif) top left no-repeat;
	margin: 0;
	padding: 2px 0 0 12px;
}
#header .search_btn {
	display:inline; 
	background-color:#1862BB; 
	border:1px solid #1862BB; 
	color:white; 
	font-size:9px; 
	letter-spacing:1px; 
	padding:1px 3px; 
	position:relative; 
	text-transform:uppercase;
}
/* @01 start */
#login {
	margin:10px 0 0 8px;
	font-size:90%;
	color:#999;
}
.login_name {
	font-weight:normal;
	font-style:italic;
	text-transform:capitalize;
}
/* @01 end */
/* @02 start */
#adminMenu {
	margin:10px 0;
}
/* @02 end */
#homepagebottom {
	background: url(../images/homepagebottom_back.gif) no-repeat left bottom;
	clear:both;
	height:5px;
}
#logo {
	padding:30px 0 0 40px;
}
#logo a {
	background: url(../images/wbdg_logo.gif) top left no-repeat;
	display:block;
	height:45px;
	width:355px;
}
#maincontent {
	margin-left:203px;
	min-height:400px;
	padding:.75em 0 1em 0;
	width:540px;
}
ul, ol {
	padding-left:2em;
}
#maincontent a {
	text-decoration:underline;
}
#maincontent a.noborder {
	text-decoration:none;
}
img.border {
	border:1px solid #333333;
}
#maincontent img.noborder {
	border:none;
}
table.data {
	border-left:1px solid #bbbbbb;
	border-top:1px solid #bbbbbb;
	font-size:95%;
	margin-top:0;
	width:100%;
}
table.data tr th {
	font-weight:bold;
}
table.data tr th, table.data tr td {
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	padding:3px;
}
#maincontent {
	font-style:normal;
}
#maincontent a:visited, #supplement a:visited {
	color:#cc3399;
}
#main {
	background: url(../images/col_back.gif) top left repeat-y;
	border-top:10px solid #e7e7e7;
	margin:0 auto;
	width:950px;
}
#mainimage {
	background: url(../images/mainimage.jpg) top left repeat-y;
	height:140px;
	margin:0 auto;
	padding:0;
	/*position:relative;*/
	width:944px;
}
#topNav {
	position:relative;
	background-color:#336699;
	height:27px;
	margin:0 auto;
	padding:0;
	width:944px;
	overflow: auto;
}
#topNav .nav {
	float:left;
	height:27px;
	padding:0;
	color:#fff;
	cursor:pointer;
	background-position: 0 27px;
}
#topNav .nav:hover {
	background-position: left top;
}
#topNav noborder {
	border:0;
}
#navPanel {
	position:absolute;
	top:119px;
	left:0;
	display:none;
	width:400px;
	height:auto;
	padding:10px 10px;
	background-color: #ddd;
	z-index: 1000;
}
#navPanel ul {
	color: #fff;
	list-style-type: square;
	margin-top: 1em;
	padding-left:1em;
	width: 46%;
}
#navPanel ul.right {
	color: #fff;
	float: right;
	list-style-type: disc;
	margin-top: .75;
	width: 48%;
}
#navPanel li {
	font-size: 100%;
	list-style-type: disc;
	margin: 0 .25em .75em 1em;
}
#menu_dg  { background-image: url(/images/nav_design_combo.gif); 	 width:114px; }
#menu_pm  { background-image: url(/images/nav_project_combo.gif); 	 width:142px; }
#menu_om  { background-image: url(/images/nav_om_combo.gif); 		 width:175px; }
#menu_dr  { background-image: url(/images/nav_references_combo.gif); width:167px; }
#menu_t   { background-image: url(/images/nav_tools_combo.gif); 	 width: 51px; }
#menu_ce  { background-image: url(/images/nav_education_combo.gif);  width:149px; }
#menu_bim { background-image: url(/images/nav_bim_combo.gif); 	 	 width: 31px; }
#menu_ar  { background-image: url(/images/nav_research_combo.gif); 	 width:115px; }

.nav_menu_dg  { 
	background-color: #0b8235 !important; 
	left:	  8px !important; 
	background: #00441a; /* Old browsers */
	background: -moz-linear-gradient(top, #00441a 1%, #0b8235 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#00441a), color-stop(100%,#0b8235)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00441a 1%,#0b8235 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00441a 1%,#0b8235 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00441a 1%,#0b8235 100%); /* IE10+ */
	background: linear-gradient(top, #00441a 1%,#0b8235 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00441a', endColorstr='#0b8235',GradientType=0 ); /* IE6-9 */
}
.nav_menu_dg li  { text-shadow: 1px 1px #02531f; color:#94c794;}
.nav_menu_pm  { 
	background-color: #2b5295 !important; 
	left:	121px !important; 
	background: #001c49; /* Old browsers */
	background: -moz-linear-gradient(top, #001c49 1%, #083389 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#001c49), color-stop(100%,#083389)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #001c49 1%,#083389 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #001c49 1%,#083389 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #001c49 1%,#083389 100%); /* IE10+ */
	background: linear-gradient(top, #001c49 1%,#083389 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001c49', endColorstr='#083389',GradientType=0 ); /* IE6-9 */
}
.nav_menu_pm li { text-shadow: 1px 1px #062458; color:#8a9fc4;}
.nav_menu_om  { 
	background-color: #c97a02 !important; 
	left: 262px !important; 
	background: #a35201; /* Old browsers */
	background: -moz-linear-gradient(top, #a35201 0%, #c97a02 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a35201), color-stop(100%,#c97a02)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a35201 0%,#c97a02 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a35201 0%,#c97a02 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a35201 0%,#c97a02 100%); /* IE10+ */
	background: linear-gradient(top, #a35201 0%,#c97a02 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a35201', endColorstr='#c97a02',GradientType=0 ); /* IE6-9 */
}
.nav_menu_om li { text-shadow: 1px 1px #7d4c01; color:#f7c57a;}
.nav_menu_dr  { 
	background-color: #7b1945 !important; 
	left: 438px !important; 
	background: #420d1f; /* Old browsers */
	background: -moz-linear-gradient(top, #420d1f 0%, #7b1945 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#420d1f), color-stop(100%,#7b1945)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #420d1f 0%,#7b1945 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #420d1f 0%,#7b1945 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #420d1f 0%,#7b1945 100%); /* IE10+ */
	background: linear-gradient(top, #420d1f 0%,#7b1945 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420d1f', endColorstr='#7b1945',GradientType=0 ); /* IE6-9 */
}
.nav_menu_dr li { text-shadow: 1px 1px #350226; color:#c089b0;}
.nav_menu_t   { 
	background-color: #9a221f !important; 
	left: 236px !important; 
	background: #6b1916; /* Old browsers */
	background: -moz-linear-gradient(top, #6b1916 0%, #9a221f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b1916), color-stop(100%,#9a221f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6b1916 0%,#9a221f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6b1916 0%,#9a221f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6b1916 0%,#9a221f 100%); /* IE10+ */
	background: linear-gradient(top, #6b1916 0%,#9a221f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b1916', endColorstr='#9a221f',GradientType=0 ); /* IE6-9 */
}
.nav_menu_t li { text-shadow: 1px 1px #540807; color:#d99290;}
.nav_menu_ce  { 
	background-color: #1b96b2 !important; 
	left: 385px !important; 
	background: #007b9e; /* Old browsers */
	background: -moz-linear-gradient(top, #007b9e 1%, #1b96b2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#007b9e), color-stop(100%,#1b96b2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #007b9e 1%,#1b96b2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #007b9e 1%,#1b96b2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #007b9e 1%,#1b96b2 100%); /* IE10+ */
	background: linear-gradient(top, #007b9e 1%,#1b96b2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007b9e', endColorstr='#1b96b2',GradientType=0 ); /* IE6-9 */
}
.nav_menu_ce li { text-shadow: 1px 1px #065668; color:#a0cfda;}
.nav_menu_bim { 
	background-color: #912590 !important; 
	left: 416px !important; 
	background: #661a60; /* Old browsers */
	background: -moz-linear-gradient(top, #661a60 0%, #912590 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#661a60), color-stop(100%,#912590)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #661a60 0%,#912590 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #661a60 0%,#912590 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #661a60 0%,#912590 100%); /* IE10+ */
	background: linear-gradient(top, #661a60 0%,#912590 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#661a60', endColorstr='#912590',GradientType=0 ); /* IE6-9 */	
}
.nav_menu_bim li { text-shadow: 1px 1px #5f0f5e; color:#e1ace1;}
.nav_menu_ar  { 
	background-color: #4a371c !important; 
	left: 531px !important; 
	background: #261d0e; /* Old browsers */
	background: -moz-linear-gradient(top, #261d0e 0%, #4a371c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#261d0e), color-stop(100%,#4a371c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #261d0e 0%,#4a371c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #261d0e 0%,#4a371c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #261d0e 0%,#4a371c 100%); /* IE10+ */
	background: linear-gradient(top, #261d0e 0%,#4a371c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#261d0e', endColorstr='#4a371c',GradientType=0 ); /* IE6-9 */
}
.nav_menu_ar li { text-shadow: 1px 1px #342209; color:#b7a183;}
#navPanel a{
	color:#fff;
}

#popupwindow {
	margin:8px;
}

#sub3col { background: url(../images/sub_3col_back.gif) top left repeat-y;}
#sub2col { background: url(../images/sub_2col_back.gif) top left repeat-y;}
#sub1col { background: url(../images/sub_1col_back.gif) top left repeat-y;}

#sub3col .rp { background: url(../images/sub_rp3colcontent_back.gif) top left no-repeat;}

#sub1col #maincontent {
	margin:0 10px;
	width:930px;
}
#sub2col #maincontent {
	width:740px;
}
#subnav {
	border-right:2px solid white;
	float:left;
	margin-top:5px;
	padding-left:3px;
	width:180px;
}
#subnav ul {
	padding:5px 0;
	margin:0;
}
#subnav ul li {
	list-style-type:none;
	padding:7px 0 7px 8px;
}
#subnav ul li a {
	/*color:#5a5145;*/
	font-size: 95%;
	font-weight:bold;
	line-height:normal;
	margin:0;
}
#subnav a.on {
	color: #626262;
}
#subnav ul li.level1 {
	background: url(../images/subnav_back.gif) bottom left repeat-x;
	border-bottom: 1px solid #e5d6ea;
	line-height:normal;
	text-transform:uppercase;
}
#subnav ul li.level1 .on {
	font-style: italic;
}
#subnav ul.level2 li {
	border-bottom:1px solid #e2e2e2;
	padding:.25em .2em .25em 8px;
	text-transform:none;
}
#subnav ul.level2 li.noborder {
	border:none;
}
#subnav ul.level2 a {
	font-size: 90%;
}
#subnav ul.level2 li ul.level3 li {
	background: url(../images/dot_off.gif) top left no-repeat;
	border:none;
	line-height:none;
	padding:2px 0 3px 10px;
}
#subnav ul.level2 li ul.level3 li a {
	color:#1862bb;
	padding:1px 0 1px 0;
}
#supplement {
	float:right;
	padding-right:8px;
	width:180px;
}
#supplement h3 {
	margin:5px 0;
	text-transform:uppercase;
}
#supplement ul {
	margin:0;
	padding:0;
}
#supplement ul li {
	font-size:90%;
	list-style-type:none;
}
#supplement span {
	font-size:85%;
	font-weight:bold;
	text-transform:uppercase;
}
#supplement .wbdgservices, #supplement .pa {
	margin-top:25px;
}
#supplement .resourcepgs {
	padding-top:15px;
}
#supplement .resourcepgs ul {
	padding-top:5px;
}
#supplement .resourcepgs li {
	background: url(../images/resourcepg_icon.gif) top left no-repeat;
	border-bottom:1px solid #d6d6d6;
	padding: 2px 0 6px 15px;
}
#supplement .resourcepgs li.noicon {
	padding: 0 0 5px 3px;
}
#supplement .resourcepgs .noicon {
	background-image:none;
}
#supplement .resourcepgs .index {
	font-size:90%;
	padding: 5px 0 0 0;
}
#supplement .resourcepgs ul li.login {
	background: url(../images/btn_login.gif) no-repeat left top;
}
#supplement .resourcepgs ul li.logout {
	background: url(../images/btn_logout.gif) no-repeat left top;
	border-style:none;
}
#supporters {
	background: url(../images/supporters_back.gif) top left no-repeat;
	clear:both;
	height:48px;
	padding:16px 0 0 20px;
	position:relative;
	width:931px;
}
#supporters h2 {
	border-right:1px solid #d4d1c5;
	padding-top:0px;
	position:absolute; 
	height:40px;
	left:20px;
	margin-top:0px;
	width:140px;
}
#supporters ul {
	display:inline;
	padding-left:150px;
}
#supporters ul li {
	display:inline;
	padding:0 12px;
}
#wrapper {
	background-color:#e7e7e7;
	margin:0 auto;
	padding:0 5px 5px;
	position:relative;
	width:950px;
}
#content .author {
	font-size:90%;
	margin:0;
	padding:0;
}
#confirmation {
	font-size:100%;
	font-weight:bold;
	color:red;
}
.archives,  .inactives {
	display: block;
	padding-left:15px;
}
.archives {
	background: url(/images/resourcepages.gif) no-repeat 0 2px;
}
.backtotop {
	font-size:80%;
	text-align:right;
	text-transform:uppercase;
}
.bold {
	font-weight:bold;
}
.bottom {
	margin-bottom:12px;
}
.breadcrumb {
	font-size:90%;
	font-style:italic;
}
.breadcrumb a {
	text-decoration:none;
}
ul.bullet li {
	background: url(/images/li_bullet.gif) top left no-repeat;
	border-bottom:1px solid #d4d1c5;
	list-style-type:none;
	margin-top:2px;
	padding-bottom:2px;
	padding-left:12px;
}
.callout {
	border: 1px solid black;
	margin: 12px 24px;
	padding: 12px;
}

/*** CCB ***/
.ccb {
	background-color:#eee8ec;
}
#ccbHeader {
	overflow:hidden;
}
#ccbHeader div {
	float:left;
	width:auto;
}
#ccbHeader div.left {
	width:37px;
	margin:12px 12px 0 0;
}
#ccbHeader div.right {
	width:490px;
}
.center {
	margin:0 auto;
	text-align:center;
}
.clear {
	clear:both;
}
.clearer {
	clear: both;
	height: 1px;
}
.councilslist {
	padding:0;
}
.councilslist li {
	background: url(../images/dot.gif) top left no-repeat;
	border-bottom: 1px solid #d4d1c5;
	list-style-type:none;
	padding:3px 0 3px 12px;  
}
.emailpage, .comment, .social, .addthis_default_style, .logout a {
	font-size:80%;
	font-weight:bold;
	padding-left:20px;
	text-transform: uppercase;
}
.comment {
	background: url(../images/comment_icon.gif) top left no-repeat;
	margin-top:10px;
}
.custom_lib_history_item {
	background: url(../images/ccb_icon.png) no-repeat top left;
	display: block;
	margin:4px 0;
	font-size: 90%;
	border-bottom:1px solid #bbb;
	padding: 0 0 6px 15px;
}
.emailpage {
	background: url(../images/email_icon.gif) top left no-repeat;
	margin-top:5px;
}
.icon { 
	display:block;
	background-repeat: no-repeat;
	height: 13px;
	padding-left: 15px; 
}
.inactives {
	background: url(/images/resourcepages.gif) no-repeat 0 2px;
}
.arrow {background-image: url(/images/arrow.gif); }
.books	{ display:inline-block !important; background-image: url(/images/book_muti.gif); height:18px !important; padding-left:20px !important; }
.cadd  { background-image: url(/images/zip.gif); }
.docplus { display:block; background-image: url(/images/doc_plus.png); width:12px; height:12px; margin:0 auto; }
.dwf  { background-image: url(/images/dwf.gif); height:14px; padding-left: 14px !important;}
.checked { display:block; background-image: url(/images/checkbox_checked.png); width:12px; height:12px; margin:0 auto; }
.doc  { background-image: url(/images/word.gif); }
.html	{ background-image: url(/images/html.gif); width:16px; height:16px; padding-left:19px; }
.ifc	{ background-image: url(/images/ifc.gif); width:22px; height:11px; padding-left:25px; }
.ifcxml	{ background-image: url(/images/ifcxml.gif); width:45px; height:11px; padding-left:50px; }
.pdf  { background-image: url(/images/pdf_sm.gif); }
.rss  { display:inline; background-image: url(/images/rss.gif); background-position:0 2px !important; padding-left:13px !important; }
.rvt  { background-image: url(/images/rvt.gif); height:13px; padding-left:13px !important;}
.sec  { background-image: url(/images/si.gif); }
.si   { background-image: url(/images/si.gif); }
.wpf  { background-image: url(/images/wp.gif); }
.xhtml	{ background-image: url(/images/xhtml.gif); width:16px; height:16px; padding-left:19px; }
/* .xls	{ background-image: url(/images/cobie.gif); width:14px; height:13px; padding-left:16px; } */
/*.xls	{ background-image: url(/images/cobie.gif);  background-position:0 2px; padding-left:40px !important;} */
.xls	{ background-image: url(/images/xls.gif); }
.xml  { background-image: url(/images/xml.gif); }
.zip  { background-image: url(/images/zip.gif); }

.logout {
	background: url(../images/btn_logout.gif) top left no-repeat;
	margin-top:5px;
}
.fhpsb_menu hr {
	color:#d6e2e9;
}
.fhpsb_menu p {
	background-color:#eff8ee; 
	font-size:95%; 
	margin-left:170px; 
	padding: 5px;
}
.file {
	font-size:85%;
	color:#444444;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
table.form td {
	padding:0.25em 0;
}
.hide {
	display: none;
}
.image p, .imageleft p, .imageright p {
	font-size:90%;
	margin: 0;
	padding: 0.5em;
}
.image {
	margin:1em 0;
	text-align:left;
}
.imageleft {
	float:left;
	margin:0 1em 1em 0;
	text-align:left;
}
.imageright {
	float:right;
	margin:1em 0 1em 1em;
}
.image img, .imageleft img, .imageright img {
	border: 1px solid #333333;
}
ul.indent li {
	list-style-type:none;
	padding-left: 2.5em;
}
.italic {
	font-style:italic;
}
.italic a {
	font-style:italic;
}
.mainimage_more {
	display:block;
	height:20px;
	margin-left:830px;
	margin-top:45px;
	position:absolute;
	width:108px;
}
.moretop{
	margin-top:18px;
}
.next_btn {
	position:absolute;
	top:9px;
	left:923px;
}
.marginleft {
	margin-left:12px;
}
img.noborder {
	border:none;
}
.nobr {
	white-space:nowrap;
}
.nomargin {
	margin:0;
	padding:0;
}
.notop {
	margin-top:0;
	padding-top:0;
}
ul.nostyle {
	padding:0;
}
ul.nostyle li{
	list-style-type:none;
}
table.nostyle, table.nostyle tr td {
	border: none;
}
.pagebottom {
	background: url(../images/page_bottom.gif) bottom left no-repeat;
	clear:both;
	height:5px;
}
.pagenav {
	background: url(../images/pagenavcurve.gif) top left no-repeat;
	padding: 8px 6px 8px 8px;
	width: 150px;
	float:right;
	margin:2.25em 0 1em 1em;
	text-align:left;
	font-size: 90%;
}
.pagenav li {
	line-height:normal;
	margin-bottom: 2px;
}
.pagenav ul li ul li {
	margin-left: -12px;
}
ul.periodicals li {
	border-bottom:1px solid #d4d1c5;
	list-style-type:none;
	padding:5px 0 5px 0;
}
ul.refs li {
	padding-bottom:3px;
}
.resourcepage {
	background-color:#68757F;
	color:white;
	padding:3px;
}
.separator {
	background-color: #f9f7f8;
}
.shaded {
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
.small {
	font-size:90%;
}
.social {
	background: url(../images/add_icon.gif) top left no-repeat;
	margin-top:5px;
}
.social_home_rss {
	background: url(../images/add_icon.gif) top left no-repeat;
	float:right;
	font-size:85%;
	font-weight:bold;
	padding-left:20px;
	text-transform: uppercase;
	width:120px;
	
}
.social_home_twitter {
	background: url(../images/twitter.gif) top left no-repeat;
	border-right:1px solid #d4d1c5;
	font-size:85%;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:5px;
	padding-left:20px;
	text-transform: uppercase;
	width: 100px;
}
.tabletitle {
	font-style:italic;
	font-weight:bold;
}
.top{
	margin-top:12px;
}
.viewall, .submit {
	background-color:#1862bb;
}
.viewall {
	position:absolute;
	top: 0; 
	right: 0;
}
.viewall a, span.submit a {
	color: white;
	padding: 0px 3px;
}
.submit {
	font-size: 90%;
	letter-spacing: 1px;
	padding:2px;
}
.viewall a {
	font-size: 60%;
	letter-spacing: 1px;
}
.viewall a:hover, #header span.submit a:hover {
	text-decoration:none;
}

/* On-screen message styles */
#error, #fatal, #locked, #success, #warning {
	margin:10px 0;
	padding:2px 5px;
	display: none;
}
#success {color:green;}
#warning {color:#cc6633;}
#error, #fatal, #locked {color:red;}
#serverMsg {
	cursor: pointer;
}
#question, .question {
	position: absolute;
	left:495px;
	display: inline;
	text-align: center;
	width: 179px;
	height: 78px;
	font-size: 13px;
	line-height: 1.5em;
	background: url('/images/question.png') left top no-repeat;
	padding: 10px 0 0 0;
	text-shadow: 0px 1px 0px #fff;
	margin-left: 0;
	margin-top: -15px;
	opacity: 0;
}
#question.long {
	background: url('/images/question_long.png') left top no-repeat;
	height: 115px;
}
#question.large {
	background: url('/images/question_large2.png') left top no-repeat;
	width: 250px;
	height: 115px;
}
.yes, .cancel {
	margin-top: .5em;
	margin-right: .5em;
	cursor: pointer;
	display: inline-block;
	width: 63px;
	height: 21px;
	color: #fff;
	text-shadow: 0px 1px 0px #000;
	background: url('/images/button.png') left top no-repeat;
}
.copyButton {
	display:block;
	background:url('/images/copy.png') no-repeat;
	float:left;
	width:16px;
	height:16px;
	padding-right:2px;
	cursor:pointer;
}
.editButton {
	display:block;
	background:url('/images/edit_icon.gif') no-repeat;
	float:left;
	width:15px;
	height:17px;
	padding-right:2px;
	cursor:pointer;
}
.deleteButton {
	display:block;
	background:url('/images/delete.png') no-repeat left 3px;
	float:left;
	width:12px;
	height:15px;
	cursor:pointer;
}
.restoreButton {
	display:block;
	background:url(../images/return-icon.png) no-repeat left top;
	float:left;
	width:16px;
	height:16px;
	margin:0 2px 0 0;
	cursor:pointer;
}
.tagButton {
	display:block;
	background:url('/images/green_tag.png') no-repeat left 3px;
	float:left;
	width:16px;
	height:16px;
	cursor:pointer;
}
.userButton {
	display:block;
	background:url('/images/user-icon.png') no-repeat left 3px;
	float:left;
	width:16px;
	height:16px;
	cursor:pointer;
}

/* CCB Document Hierarch style - start 
 * 2012-02-07
 */
.ccbLibraryHeader {
	background-color: #DED2DB;
	border: #5C1C49 1px solid;
	border-left:0;
	border-right:0;
	margin:10px 0;
	padding:10px 4px;
	font-weight:bold;
	color:#5C1C49;
}
.ccbLibraryWrapper {
	margin:10px 0;
	overflow: auto;
}
.ccbOrgWrapper {
	float:left;
	width:100%;
	margin-bottom:10px;
	border-bottom:1px solid #5C1C49;
	padding-bottom:10px;
	overflow: auto;
}
.ccbOrgHeader {
	float:left;
	width:90px;
	margin:0;
	font-weight:bold;
	text-align: right;
	clear:left;
}
.ccbOrgContents {
	margin-left:100px;
}
.ccbCategory {
	margin:5px 0;
}
.sublink {
	margin-left:20px;
}
.noborder {
	border:0;
}
/* CCB Document Hierarch style - end */
 
