/*
 * Colors:
 * --------
 * Dark blue: #526266
 * Medium blue: #7e989e
 * Light blue: #8fadb4
 *
 * Dark brown: #666254
 * Medium brown: #a59f89
 * Light brown: #e5e3c6
 * Tan: #f5f4e0
 *
 * Dark gray: #656566
 * Medium gray: #c7c7c9
 * Light gray: #ebebed
 */

* {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	/* line-height: 1.1em; */
}
body {
	margin: 0px;
}

a { text-decoration: none; }
a:link {
 color: #357ea9;
 text-decoration: none;
}
a:active { color: #ff9900; }
a:hover { text-decoration: underline; }
a:visited { color: #3d91c2; }

a.navOff {text-decoration: none;}
a.navOff:hover { color: #000000; }

h2 {
  color: #357ea9;
  font-size: 20px;
  font-weight: bold;
  padding: 2px 3px 3px 0px;
  margin: 3px 0px 0px 0px;
  /*border-bottom: 1px solid #000000;*/
}
h3.diseaseTopicTitle {
  color: #457E9D;
  font-size: 18px;
  font-weight: bold;
  /*padding: 0px 3px 1px 0px;
  margin: 0px 0px 2px;*/
}
h3 {
  /*color: #457E9D;*/
  color: #003E8F;
  font-size: 16px;
  font-weight: bold;
  padding: 0px 3px 0px 0px;
  margin: 0px 0px 0px 0px;
}
h3.border {
  color: #457E9D;
  font-size: 16px;
  font-weight: bold;
  padding: 0px 3px 1px 0px;
  margin: 0px 0px 2px 0px;
  border-bottom: 1px solid #999999;
}
h3.dotted {
  color: #457E9D;
  font-size: 16px;
  font-weight: bold;
  padding: 0px 3px 1px 0px;
  margin: 0px 0px 2px 0px;
  border-bottom: 1px dotted #999999;
}
h4 {
  color: #004d6e;
  font-size: 14px;
  font-weight: bold;
}

td {
 vertical-align: top;
}

.bodycopy {
  /*font-family: Times,serif;*/
  font-size: 13px;
  margin: 0 0 0 0px;
}
.titleCopy {
  margin: 1px 0 9px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #9b9b9b;
  font-size: 13px;
  width: 580px;
}

.title {
  color: #333333;
  font-weight: normal;
  font-size: 11px;
  padding: 0px 0px 0px 0px;
}

/* A-Z List styles ***/
div.alphalistTitle {
  width: 460px;
  /*text-align: left;*/
  padding: 10px 0px 1px 0px;
  color: #526266;
  font-weight: bold;
}
div.alphalistFooter {
  width: 460px;
  padding: 1px 0px 5px 0px;
}
#alphalist {
  font-size: 10px;
  padding: 0px;
  margin: 5px 0 5px 0;
  color: #357ea9;
  /*border-bottom: 1px solid #9b9b9b;*/
  /* border-top: 1px solid #999999;*/
  /*width: 460px;*/
}
#alphalist a.alphalist {
  font-weight: bold;
  text-decoration: none;
  padding: 3px;
}
#alphalist a.alphalist:link { color: #357ea9; }
#alphalist a.alphalist:hover { 
	text-decoration: none; 
	background-color: #e5e3c6; 
}
#alphalist a.alphalist:visited { color: #357ea9; }
#alphalist .alphaListNONE {
  color: #999999;
  padding: 3px;
}
#alphalist .title {
  color: #333333;
  font-weight: normal;
  font-size: 11px;
  padding: 0px 0px 3px 0px;
}
/******************/

/* Breadcrumb styles*/
#breadcrumb a {
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}
#breadcrumb a:link { color: #0033ff; }
#breadcrumb a:hover { text-decoration: underline; }
#breadcrumb a:visited { color: #0033ff; }
#breadcrumb {
  font-size: 11px;
  color: #999999;
  padding-left: 4px;
}
/******************/


/*************************/
/* Holding Detail Styles */
div.holdingTitle {
  font-family:arial,helvetica,sans-serif;
  font-size:20px;
  width: 410px;
  font-weight:bold;
  color:#961a29;
  margin-top:15px;
  margin-bottom:5px;
  padding-bottom:2px;
  border-bottom:1px solid #a59f89;
}
div.viewTitleBlock {
  /*border-top: 1px solid #a59f89;*/
  width: 520px;
  /*border-bottom: 1px solid #a59f89;*/
  /*background-color: #e5e3c6;*/
  background-color: #ffffff;
  padding: 5px;
  margin-top: 0px;
}
/*************************/

/*************************/
/* Organization Detail Styles */
div.orgTitle {
  font-family:arial,helvetica,sans-serif;
  font-size:20px;
  font-weight:bold;
  color:#961a29;
  margin-top:15px;
  margin-bottom:5px;
  padding-bottom:2px;
  border-bottom:1px solid #8fadb4
}
/*************************/

/**************************/
/* Resource Detail Styles */

div.resTitle{
  color: #457E9D;
  font-size: 14px;
  font-weight: bold;
  padding: 0px 3px 1px 0px;
  margin: 0px 0px 2px;
}
a.resTitle {
  color: #457E9D;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
a.resTitle:link { color: #457E9D; }
a.resTitle:hover { text-decoration: underline; }
a.resTitle:visited { color: #457E9D; }

a.diseaseTopicTitle {
  color: #457E9D;
  font-size: 18px;
  font-weight: bold;
  /*padding: 0px 3px 1px 0px;
  margin: 0px 0px 2px;*/
  text-decoration: none;
}
a.diseaseTopicTitle:link { color: #457E9D; }
a.diseaseTopicTitle:hover { text-decoration: underline; }
a.diseaseTopicTitle:visited { color: #457E9D; }
/**************************/

div.resultstitle {
  color: #ff7f00;
  font-size: 17px;
  font-weight: bold;
  padding: 2px 3px 3px 0px;
  margin-bottom: 6px;
  border-bottom: 1px solid #000000;
}
span.result-title {
  font-weight: normal;
  font-size: 110%;
}

div.result {
  margin: 10px 5px 5px 5px;
}

div.category {
  color: #666666;
  font-size: 97%;
}

span.searchScore {
  color: #336600;
  font-weight: bold;
}

div.searchNav {
  margin: 3px 0 9px 0;
  padding: 0 0 6px 0;
  width: 580px;
  border-bottom: 1px dotted #9b9b9b;
}

div.searchNavBottom {
  margin: 9px 0 3px 0;
  padding: 6px 0 0 0;
  width: 580px;
  border-top: 1px dotted #9b9b9b;
}

span.resultsStat {
  padding: 0 0 0 5px;
  color: #333333;
}

span.filesize {
  color: #336600;
}

span.filedate {
  color: #666666;
}

#header {
  width: 760px;
}
#header h1 {
  font-size: x-large;
  border-bottom: 1px solid #666666;
  margin: 3px 10px 0px 10px;
  padding: 3px 5px 2px 35px;
}

#headerDetail {
  line-height: .8em;
  width: 620px;
}

#headerDetail h1 {
  font-size: large;
  border-bottom: 1px solid #666666;
  margin: 3px 0px 18px 0px;
  padding: 3px 0px 2px 38px;
}


#popup_main {
  width: 500px;
}
#mainDetail {
  width: 560px;
  padding-left: 38px;
}
#mainDetail h2 {
  font-size: medium;
  color: #333333;
  border: none;
  margin: 3px 0px 18px 0px;
  padding: 3px 0px 2px 0px;
}
.main {
  width: 761px;
}
td.col1 {
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 0px 0px;
  /*border: 1px solid #ff0000;*/
}

td.col2 {
  background-repeat: repeat-y;
  background-position: right;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  /*border: 1px solid #ff0000;*/
}

#navTable .navOn {
  background-color: #ff7f00;
  color: #000000;
  font-weight: normal;
  border-color: #000000;
  border-bottom: 1px solid #000000;
  vertical-align: middle;
}
#navTable {
  background-color: #ffffff;
  color: #333333;
}
#navTable td { }

/****************************/
#searchForm {
  margin: 3px 0px 3px 0px;
  padding: 3px 0px 3px 0px;
  font-size: 11;
  /*border: 1px solid #000000;*/
}
#searchForm .title {
  color: #333333;
  font-weight: normal;
  font-size: 11px;
  padding: 7px 0px 0px 0px;
}

#searchForm a {
 font-size: 11px;
}
/****************************/

/**Portlet styles ***********/
.portletCopy {
 font-size: 12px;
}
#caw {
  font-family: Helvetica,Arial,sans-serif;
  font-size: 13px;
  color: #000000;
  text-align: left;
  margin: 10px 7px 0px 0px;
  padding: 5px 0px 0px 0px;
  width: 140px;
}
#caw h3 {
  color: #457E9D;
  font-size: 14px;
  margin: 0px 0px 1px 0px;
  padding: 0 0 3px 0;
  border-bottom: 1px solid #a59f89;
}
#announcement {
  font-family: Helvetica,Arial,sans-serif;
  font-size: 13px;
  color: #000000;
  text-align: left;
  margin: 10px 7px 0px 0px;
  padding: 5px 0px 0px 0px;
  width: 140px;
}
#announcement h3 {
  color: #000000;
  font-size: 14px;
  margin: 0px 0px 1px 0px;
  padding: 0 0 3px 0;
  border-bottom: 1px solid #a59f89;
}
#survey {
   font-family: Helvetica,Arial,sans-serif;
  font-size: 13px;
  color: #000000;
  text-align: left;
  margin: 10px 7px 0px 0px;
  padding: 5px 0px 0px 0px;
  width: 140;
}
#survey h3 {
  font-family: Helvetica,Arial,sans-serif;
  color: #000000;
  font-size: 14px;
  margin: 0px 0px 1px 0px;
  padding: 0px;
}

/****************************/

div.widgetBlock {
  margin: 3px 0px 9px 0;
  padding: 6px 0 0px 0;
  width: 580px;
  border-bottom: 1px solid #9b9b9b;
}

div.topicDiseaseBlock {
  margin: 3px 0 6px 0;
  padding: 6px 0 6px 0;
  width: 580px;
  /*border-bottom: 1px dotted #9b9b9b;*/
}

div.resShortList {
  padding:5px 0px 0 3px;
  margin: 5px 5px 0 0px;
  /* background-color: #f5f4f0;*/
 /* background-color: #ededeb;*/
  background-color: #eeeeee;
  width: 580px;
}
div.resShortList2 {
  padding:5px 0px 0 3px;
  margin: 5px 5px 10px 0px;
  background-color: #eeeeee;
  width: 585px;
}
table.resShortList {
  margin: 5px 5px 0 0px;
  /* background-color: #f5f4f0;*/
 /* background-color: #ededeb;*/
  background-color: #eeeeee;
  width: 580px;
}
div.resShortListTitle {
  font-weight: bold;
  color: #666666;
  padding: 4px 4px 4px 5px;
  border-bottom: 1px dotted #c9c9c9;
  width: 570px;
}
div.resShortListNav {
  padding: 2px 4px 6px 5px;
  border-top: 1px dotted #c9c9c9;
  width: 570px;
}

div.relatedTopicDisease {
	float: left; 
	width: 290px;
	background-color: #ededeb;
}

div.topicDiseaseBlockNB {
  margin: 3px 0px 9px 0;
  padding: 6px 0 10px 0;
  width: 580px;
}

div.resourceBlock {
  font-size: 11px;
  margin: 3px 0px 5px 0px;
  padding: 3px 5px 10px 0px;
  text-align: left;
  width: 575px;
}
div.resourceBlockFAQ {
  font-size: 11px;
  margin: 2px 0px 2px 0px;
  padding: 2px 5px 2px 0px;
  text-align: left;
  width: 575px;
}
div.hciPickFAQ {
  font-size: 11px;
  margin: 2px 0px 2px 0px;
  padding: 2px 5px 2px 3px;
  text-align: left;
  /*background-color: #f5f4f0;*/
  background: url("images/HCIselect.gif") #f5f4f0 top right no-repeat;
  width: 570px;
}
div.hciPick {
  font-size: 11px;
  margin: 5px 0px 5px 0px;
  padding: 18px 5px 5px 3px;
  text-align: left;
  /* background-color: #f5f4f0;*/
  background: url("images/HCIselect.gif") #f5f4f0 top right no-repeat;
  width: 570px;
}

div.summary {
  font-size: 12px;
  margin: 3px 0 3px 5px;
}

div.resStats {
  font-size: 12px;
  text-align: left;
}

/****************************/

div.commonTopicDiseases {
  margin: 5px 0px 5px 0px;
  padding: 6px 5px 6px 6px;
  background-color: #f5f4e0;
  text-align: left;
  line-height: 1;
  width: 580px;
  border-top: 1px solid #b2b09a;
  border-bottom: 1px solid #b2b09a;
}

/****************************/

.group {
  line-height: 2px;
}
#hopefooter {
  width: 760px;
}
#popup_footer {
  clear: both;
  width: 520px;
}
#footer2 {
  clear: both;
  text-align: right;
  color: #333333;
  font-size: 10px;
  border-top: 1px solid #666666;
  width: 720px;
  padding: 3px 5px 3px 5px;
}
#footerDetail {
  text-align: right;
  color: #333333;
  font-size: 10px;
  border-top: 1px solid #666666;
  width: 620px;
  margin: 10px 0px 10px 0px;
  padding: 3px 0px 10px 0px;
}

/********************************/
/** Style from main.css *********/
	/* Margin Styles */
	/* Top margins */
	.topNone {
		margin-top:0px;
		}
	.top5 {
		margin-top:5px
		}
	.top10 {
		margin-top:10px
		}
	.top15 {
		margin-top:15px
		}
	.top20 {
		margin-top:20px
		}
	.top30 {
		margin-top:30px
		}
	.pTopSm {
		margin-top:-8px
		}
	.pTopSm2 {
		margin-top:-12px
		}
	.pFirst {
		margin-top:10px
		}
	.pFirstLast {
		margin-top:10px;
		margin-bottom:10px
	}