/* ------------------------------------------------------------
 * PROJECT        : FHSC Interface Standard
 * FILENAME       : default.css
 * ------------------------------------------------------------
 * DATE CREATED   : 02 Aug 2006
 * LAST UPDATED   : 06 May 2008
 * ------------------------------------------------------------
 * AUTHOR(S)      : Kevin Scholl (http://www.ksscholl.com/)
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * BASIC DECLARATIONS
 * ------------------------------------------------------------ */

html,
body {
  height: 100%;
  }

body {
	margin: 0;
	background: #FFF url(../images/bg_masthead.gif) left top repeat-x;
	padding: 0;
	font-size: 101%;
  }

#container {
  position: relative;
	min-height: 100%;
  }

.cleaner {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
  }

acronym {
	cursor: help;
  }

form {
  margin: 0;
  }

/* ------------------------------------------------------------
 * GENERAL LINK APPEARANCES
 * ------------------------------------------------------------ */

a:link,
a:visited {
	color: #407BC1;
  }
a:hover,
a:active {
	color: #FF8E00;
  }
.actionLink {
	font-weight: bold;
  }

/* ------------------------------------------------------------
 * ACTION BAR BUTTONS
 * ------------------------------------------------------------ */
	
div.actionBtn {
	margin: 0;
	border: 0;
	background: transparent url(../images/bg_btn_blue_left.gif) left center no-repeat;
	padding: 0;
	font: bold 11px/20px arial,helvetica,sans-serif;
	color: #000;
	text-transform: none;
  }
div.actionBtn a:link,
div.actionBtn a:visited {
  display: block;
	background: transparent url(../images/bg_btn_blue_right.gif) right center no-repeat;
	padding: 0 10px;
	color: #FFF;
	text-decoration: none;
  }
div.actionBtn a:hover,
div.actionBtn a:active {
	color: #CFDEEF;
  }

div.disabledBtn {
  display: block;
	margin: 0;
	border: 0;
	background: transparent url(../images/bg_btn_gray_left.gif) left center no-repeat;
	padding: 0 0 0 10px;
	font: bold 11px/20px arial,helvetica,sans-serif;
	color: #ADBCCD;
	text-transform: none;
  }
div.disabledBtn span {
  display: block;
	background: transparent url(../images/bg_btn_gray_right.gif) right center no-repeat;
	padding: 0 10px 0 0;
  }

/* ------------------------------------------------------------
 * STRIPNAV LINK APPEARANCES
 * ------------------------------------------------------------ */

a.linkClose,
a.linkContact,
a.linkHelp,
a.linkHome,
a.linkLogin,
a.linkLogout,
a.linkOptions,
a.linkPrint,
a.linkReference,
a.linkRefresh,
a.linkRegister,
a.linkSearch,
a.linkSiteMap,
a.linkUser {
	background: transparent url(0) 10px 50% no-repeat;
	padding: 0 0 0 26px;
	text-decoration: none;
  }
a.linkClose {
	background-image: url(../images/icon_close.gif);
  }
a.linkContact {
	background-image: url(../images/icon_contact.gif);
  }
a.linkHelp {
	background-image: url(../images/icon_help.gif);
  }
a.linkHome {
	background-image: url(../images/icon_home.gif);
  }
a.linkLogin {
	background-image: url(../images/icon_login.gif);
  }
a.linkLogout {
	background-image: url(../images/icon_logout.gif);
  }
a.linkOptions {
	background-image: url(../images/icon_options.gif);
  }
a.linkPrint {
	background-image: url(../images/icon_print.gif);
  }
a.linkReference {
	background-image: url(../images/icon_reference.gif);
  }
a.linkRefresh {
	background-image: url(../images/icon_refresh.gif);
  }
a.linkRegister {
	background-image: url(../images/icon_register.gif);
  }
a.linkSearch {
	background-image: url(../images/icon_search.gif);
  }
a.linkSiteMap {
	background-image: url(../images/icon_sitemap.gif);
  }
a.linkUser {
	background-image: url(../images/icon_user.gif);
  }

/* ------------------------------------------------------------
 * INLINE LINK APPEARANCES
 * ------------------------------------------------------------ */

a.linkAdb,
a.linkDoc,
a.linkEml,
a.linkImg,
a.linkPdf,
a.linkPpt,
a.linkPub,
a.linkRec,
a.linkSrch,
a.linkTxt,
a.linkUrl,
a.linkVsd,
a.linkXls,
a.linkZip {
	background: transparent url(0) 0 50% no-repeat;
	padding: 0 0 0 15px;
	text-decoration: underline;
  }
a.linkAdb {
	background-image: url(../images/link_adb.gif);
  }
a.linkDoc {
	background-image: url(../images/icon_doc.gif);
  }
a.linkEml {
	background-image: url(../images/icon_eml.gif);
  }
a.linkImg {
	background-image: url(../images/icon_img.gif);
  }
a.linkPdf {
	background-image: url(../images/icon_pdf.gif);
  }
a.linkPpt {
	background-image: url(../images/icon_ppt.gif);
  }
a.linkPub {
	background-image: url(../images/icon_pub.gif);
  }
a.linkRec {
	background-image: url(../images/icon_record.gif);
  }
a.linkSrch {
	background-image: url(../images/icon_srch.gif);
  }
a.linkTxt {
	background-image: url(../images/icon_txt.gif);
  }
a.linkUrl {
	background-image: url(../images/icon_url.gif);
  }
a.linkVsd {
	background-image: url(../images/icon_vsd.gif);
  }
a.linkXls {
	background-image: url(../images/icon_xls.gif);
  }
a.linkZip {
	background-image: url(../images/icon_zip.gif);
  }

a.linkAdd,
a.linkEdit,
a.linkPopup,
a.linkRemove,
a.linkSave,
a.linkSrch {
	background: transparent url(0) 0 50% no-repeat;
	padding: 0 0 0 15px;
	text-decoration: underline;
  }
a.linkAdd {
	background-image: url(../images/icon_add.gif);
  }
a.linkEdit {
	background-image: url(../images/icon_options.gif);
  }
a.linkPopup {
	background-image: url(../images/icon_popup.gif);
  }
a.linkRemove {
	background-image: url(../images/icon_remove.gif);
  }
a.linkSave {
	background-image: url(../images/icon_save.gif);
  }
a.linkSrch {
	background-image: url(../images/icon_search.gif);
  }
	
/* ------------------------------------------------------------
 * LOGOS
 * ------------------------------------------------------------ */

#logoMasthead {
  position: absolute;
	top: 0;
	left: 0;
  margin: 0;
	border: 0;
	background: transparent;
	padding: 0;
	width: 160px;
	height: 70px;
  }

#logoFooter {
  position: absolute;
	bottom: 0;
	left: 0;
  margin: 0;
	border: 0;
	background: transparent;
	padding: 0;
	width: 160px;
	height: 80px;
  }

/* ------------------------------------------------------------
 * MASTHEAD
 * ------------------------------------------------------------ */

#masthead {
  margin: 0 0 20px 0;
	border: 0;
	background: transparent url(../images/struc_masthead_curve.gif) left top no-repeat;
	padding: 15px 10px;
	font: normal 70% verdana,arial,helvetica,sans-serif;
	line-height: 20px;
	color: #FFF;
	text-align: right;
	vertical-align: middle;
  }

#masthead img {
  float: right;
  margin: 0 0 0 10px;
	border: 0;
	background: transparent;
	padding: 0;
	vertical-align: middle;
  }

/* ------------------------------------------------------------
 * HIDDEN SEARCH AREA
 * ------------------------------------------------------------ */

#hiddenSearch form {
	margin: 0;
	padding: 5px 0 10px 0;
  }

#hiddenSearch fieldset {
	margin: 0;
	border: 1px solid #00A429;
	background: #E5F6E9;
	padding: 10px;
	font: normal 70% verdana,arial,helvetica,sans-serif;
	line-height: 25px;
	color: #000;
	text-align: center;
  }

#hiddenSearch fieldset input {
  margin: 0 0 0 5px;
	padding: 2px 3px 1px 3px;
	font-size: 100%;
	color: #999;
  }

#hiddenSearch fieldset a.showSearch {
	background: transparent url(../images/icon_search.gif) left center no-repeat;
	padding: 0 0 0 16px;
	font-weight: bold;
	text-decoration: none;
  }

/* ------------------------------------------------------------
 * GENERAL IDs and CLASSES
 * ------------------------------------------------------------ */

h1 {
	margin: 0;
	border: 0;
	background: transparent;
	padding: 0;
	font: normal 110% verdana,arial,helvetica,sans-serif;
	line-height: 30px;
	color: #FF8E00;
  }
h1 span {
	background: transparent url(../images/icon_users.gif) center center no-repeat;
	padding: 0 8px;
  cursor: pointer;
  }

h2 {
	margin: 0 0 10px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: transparent;
	padding: 0;
	font: bold 70% verdana,arial,helvetica,sans-serif;
	line-height: 30px;
	color: #666;
  }

h3 {
  clear: both;
	margin: 0;
	border: 0;
	background: #407BC1 url(../images/bg_header3.gif) right top no-repeat;
	padding: 0 10px;
	font: bold 70%/25px verdana,arial,helvetica,sans-serif;
	color: #FFF;
  }

h4 {
	margin: 0 0 10px 0;
	border: 0;
	border-bottom: 2px dotted #CCC;
	background: transparent;
	padding: 13px 0 3px 0;
	font: normal 80%/100% arial,helvetica,sans-serif;
	color: #000;
	text-transform: uppercase;
	letter-spacing: .25em;
  }

h5 {
	margin: 0 0 10px 0;
	border: 0;
	background: transparent;
	padding: 0;
	font: bold 80%/100% verdana,arial,helvetica,sans-serif;
	color: #407BC1;
	text-align: left;
  }

.lookupIcon {
	margin: 0;
	border: 0;
	background: transparent;
	padding: 0;
	vertical-align: top;
  }

.contentBorder {
	margin: 0;
	border: 1px solid #407BC1;
	background: transparent;
	padding: 10px;
  }
	
.contentBorderExp {
	margin: 0;
	border: 1px solid #407BC1;
	background: transparent;
	padding: 10px;
	min-height: 140px;
	overflow: auto;
  }

.contentBorder p,
.contentBorderExp p,
.contentUnbound p {
	margin: 0 0 10px 0;
	border: 0;
	background: transparent;
	padding: 0;
	font: normal 70% verdana,arial,helvetica,sans-serif;
	line-height: 135%;
	color: #333;
  }
.contentBorder p.screenCap,
.contentBorderExp p.screenCap,
.contentUnbound p.screenCap {
	margin: 20px 0;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background: transparent;
	padding: 10px 0;
	text-align: center;
  }
	
.contentBorder ul,
.contentBorder ol,
.contentBorderExp ul,
.contentBorderExp ol,
.contentUnbound ul,
.contentUnbound ol {
	margin-top: 0;
	margin-bottom: 10px;
	border: 0;
	background: transparent;
	font: normal 70% verdana,arial,helvetica,sans-serif;
	color: #333;
  }
.contentBorder ul,
.contentBorderExp ul,
.contentUnbound ul {
	list-style-type: square;
  }
.contentBorder ul li,
.contentBorderExp ul li,
.contentUnbound ul li {
	margin-top: 2px;
	margin-bottom: 2px;
	line-height: 120%;
  }
	
.downloadPlugin {
  margin: 0 0 10px 0;
	border: 0;
	background: transparent;
	padding: 0;
	height: 32px;
  }
.downloadPlugin img {
  float: left;
  margin: 0 10px 0 0;
  }
.downloadPlugin p {
	margin: 0;
	border: 0;
	background: transparent;
	padding: 3px 0 0 0;
	font: bold 62.5%/120% verdana,arial,helvetica,sans-serif;
	color: #999;
  }
	
.localLegend {
  float: right;
	margin: 0 0 10px 0;
	padding: 0;
	font: normal 70%/100% verdana,arial,helvetica,sans-serif;
	color: #666;
  }

.main1Column {
  position: relative;
	margin: 0 10px 0 40px;
	border: 0;
	background: transparent;
	padding: 0 0 80px 0;
  }
	
.modeBlock {
	float: right;
	margin: 0;
	padding: 6px 0 0 0;
	font: normal 70% verdana,arial,helvetica,sans-serif;
	color: #333;
  }	
.modeBlock span {
	margin: 0;
	padding: 0;
	font-weight: bold;
	vertical-align: middle;
  }	
.modeBlock select#selChngMode {
	margin: 0 0 0 1px;
	padding: 1px;
	width: 100px;
	font: normal 100% verdana,arial,helvetica,sans-serif;
	color: #333;
	vertical-align: middle;
  }	
.modeBlock input#btnChngMode {
	margin: 0;
	padding: 0;
	width: 83px;
	height: 18px;
  }	

.newsticker {
	margin: 0 0 10px 0;
	border-top: 2px solid #FFD299;
	border-bottom: 1px solid #CCC;
	background: #F5F5F5;
	padding: 8px 10px;
	font: normal 70%/120% verdana,arial,helvetica,sans-serif;
	color: #333;
  list-style-type: none;
  }
.newsticker span.importantNews {
	font-weight: bold;
	color: #00A429;
  }
.newsticker span.criticalNews {
	font-weight: bold;
	color: #C33;
  }

.sectionBlock {
	display: none;
  }

.supportInfo {
	float: right;
	margin: 0;
	padding: 0;
	font: bold 62.5% verdana,arial,helvetica,sans-serif;
	line-height: 30px;
	color: #666;
	text-align: right;
	white-space: nowrap;
  }	
.supportInfo span {
	display: none;
  }

.systemInfo {
	float: right;
	margin: 0 0 10px 20px;
	padding: 0;
	font: normal 70%/100% verdana,arial,helvetica,sans-serif;
	color: #000;
	text-align: right;
	white-space: nowrap;
  }	

.systemMessage {
	margin: 0 0 10px 0;
	padding: 0;
	font: bold 70%/100% verdana,arial,helvetica,sans-serif;
	color: #00A429;
	text-transform: uppercase;
  }
.msgLevelError {
	color: #C33;
  }
.msgLevelFatal {
	color: #633;
  }
.msgLevelWarn {
	color: #F93;
  }

#vMessages {
	margin: 0 0 10px 0;
	padding: 0;
  }
	
/* ------------------------------------------------------------
 * ACTION BAR
 * ------------------------------------------------------------ */
 
.tableInfoDark,
.tableInfoLight {
  margin: 0;
	border-right: 1px solid #407BC1;
	border-left: 1px solid #407BC1;
	background: #CFDEEF;
	padding: 5px 10px;
	font: normal 70% verdana,arial,helvetica,sans-serif;
	line-height: 15px;
	color: #000;
  }

.tableInfoLight {
	border-bottom: 1px solid #407BC1;
	background: #ECF2F9;
  }
	
.tableButtonBlock {
  margin: 0;
	border: 1px solid #407BC1;
	border-top: 0;
	background: #FFF;
	padding: 4px 10px;
	height: 20px;
	font: bold 62.5%/20px verdana,arial,helvetica,sans-serif;
	color: #B3CAE6;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
  }
	
.tableButtonBlock img {
  margin: 0;
	border: 0;
	background: transparent;
	padding: 0;
  }
.tableButtonBlock img.alignLeft,
.tableButtonBlock div.alignLeft,
.tableButtonBlock span.alignLeft {   /* for IE png fix */
  float: left;
	margin-right: 5px;
  }
.tableButtonBlock img.alignRight,
.tableButtonBlock div.alignRight,
.tableButtonBlock span.alignRight {  /* for IE png fix */
  float: right;
	margin-left: 5px;
  }
 
/* ------------------------------------------------------------
 * FOOTER
 * ------------------------------------------------------------ */

#footer {
  clear: both;
	position: relative;
  margin: -80px 0 0 0;
	border: 0;
	background: transparent url(../images/bg_footer.gif) left bottom repeat-x;
	padding: 0;
	width: 100%;
  }

#footer .screenId {
	margin: 0;
	border: 0;
	background: transparent;
	padding: 0 10px;
	font: bold 62.5% verdana,arial,helvetica,sans-serif;
	line-height: 30px;
	color: #666;
	text-align: right;
  }
#footer .copyright {
	margin: 0;
	border: 0;
	background: transparent url(../images/struc_footer_curve.gif) left bottom no-repeat;
	padding: 0 10px;
	font: normal 70% verdana,arial,helvetica,sans-serif;
	line-height: 50px;
	color: #FFF;
	text-align: right;
  }
#footer .copyright a {
	color: #FFF;
  }
