/*@charset "utf-8";*/

/*******************************************************************************
 * Name  : BloodSource.css
 * Desc  : Provides styles for BloodSource.org
 * 
 * Author: PCI
 * Date  : Unknown
 *******************************************************************************
 *                       Maintenance History
 *******************************************************************************
 * ISSR            Date     Staff   Desc
 *******************************************************************************
 * IS1110023    4/12/2010   CL      Updated for firefox / chrome 
 * IS1110034    03/02/2011  PPP     Link to security.css and TopNav.css for OAS
 * ******************************************************************************/

@import url("/HostResources/styles/security.css");
@import url("/HostResources/styles/TopNav.css");
@import url("/HostResources/Scripts/SpryAssets/SpryCollapsiblePanel.css");
body  {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

/*
#TopNav {
    position: absolute; left: 60%; top: 20px;
    width: 500px;
}*/
#TopNav a, #TopNva a:active, #TopNav a:visited {
    font: 65% Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}
#TopNav a:hover {
	color: #d1414a;
	text-decoration: underline;

}

.Content
{
	width: 628px;
	text-align: left;
}


#MainContent{
    padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 0px;
    min-height: 600px;
    font-family: 100% Verdana, Arial, Helvetica, sans-serif;
    vertical-align:top;
}



#MainContent ul {
	list-style-image: url(/HostResources/images/bullet.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
    adding-left:0px;
    margin-left: 20px;
}

#MainContent li {
	padding-bottom: 6px;
    padding-left:0px;
    margin-left: 0px;
}

#MainContent ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	margin-left: 36px;
}

#MainContent .innerTable 
{
	background-color: #eef2f5;
    font: 100% Verdana, Arial, Helvetica, sans-serif;
}

#MainContent table{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}



/*Caption for video seciton.*/
.caption, .captionIndent {
	font: 94% Verdana, Arial, Helvetica, sans-serif;
	color: black;
	line-height: 1.5em;
}
.captionIndent {
    margin-left: 10px; 
}

/*Start of Left Content Panel*/

#RightContent {
    padding-top: 20px;
    padding-left: 0px;
    text-align:left;
    vertical-align:top;
    width: 200px;
    font: 100% Verdana, Arial, Helvetica, sans-serif;  
}

#RightContent table {
    font: 94% Verdana, Arial, Helvetica, sans-serif;   
}

#RightContent p, #RightContent h1, #RightContent h2, #RightContent h3, #RightContent h4 {
    margin-left: 10px;
    margin-right: 0px;
}
#RightContent .QuoteImage img {
    margin-left: -10px;
    margin-right: 0px;
}
#RightContent p {
	font: 94% Verdana, Arial, Helvetica, sans-serif;
}

#RightContent hr {
    color: #a4333a; 
    height: 1.5pt;
    width: 90%;
    text-align: center;
}

#RightContent h1 {
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003562;
    margin-bottom: 12px
}

#RightContent h2 {
	font: 105% Verdana, Arial, Helvetica, sans-serif;
	color: #003562;
    margin-bottom: 6px;
    margin-top: 0;
}


#RightContent h3 {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #003562;
    margin-top: 0;
	margin-bottom: 0px;
}



/* END RightContentPane */

#dnn_RightSplashPane {
	padding-top: 20px;
    pdding-left: 10px;
    text-align:left;
    vertical-align:top;
    width: 200px;
    font: 100% Verdana, Arial, Helvetica, sans-serif;  
    
}

#dnn_RightSplashPane p {
	font: 94% Verdana, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
    text-align:center;
}

#dnn_RightSplashPane a, #dnn_RightSplashPane a:visited {
    text-align: left;
	color: #003562;
	text-decoration: underline;
}

#dnn_RightSplashPane a:hover {
	color: #d1414a;
	text-decoration: underline;
}

#dnn_RightSplashPane a:active {
	color: #a4333a;
	text-decoration: underline;
}

#NewsReleases {
	padding-bottom: 0;
    padding-left: 25px;
    padding-bottom: 12px;
}   

.selectItem 
{
	color: red
}

#nav_top1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #a4333a;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}

#nav_top2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #a4333a;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	float:right;
}

#nav_top3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #a4333a;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}

.lablogin {
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #d1414a;
}



.mobiledate {
	color: #a4333a;
	font-weight: bold;
}





.video a, .video a:visited {
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	color: #a4333a;
	font-weight: bold;
	text-decoration: none;
}

.video a:hover, .video a:active {
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	color: #d1414a;
	font-weight: bold;
	text-decoration: underline;
}

#releasestable {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}
#releasestable p {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0
}

#releasestable a {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
}

#embargo p{
	color:#a4333a;
	text-align:right;
    font: 80% Verdana, Arial, Helvetica, sans-serif;
}

#innertable p {
	font: 94% Verdana, Arial, Helvetica, sans-serif;
}

#innertable h1 {
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003562;
}

#innertable h2 {
	font: 105% Verdana, Arial, Helvetica, sans-serif;
	color: #003562;
}

#innertable h3 {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #003562;
   
    margin-bottom: 0px;
}

.quicklinks { 
	width: 300px;
	height: 123px;
	background: #FFFFFF;
	background-image:url(/HostResources/images/BlueBoxGradient.gif);
	background-position: right;
	background-repeat: repeat-y;
	float: right;
}

table.quicklinks tr td { 
vertical-align:middle; 
} 

table.quicklinks form { 
display:inline; 
} 


#login {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}

.frontlinks {
	line-height: 1.75em;
}


p.btt {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
}

p.btt a, a:visited {
	color: #003562;
	text-decoration: underline;
}

p.btt a:hover {
	color: #d1414a;
	text-decoration: underline;
}




p.topnav {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0;
}

/*.larger {
	font: 30px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}*/

/*.largest {
	font: 60px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}*/

p.topnav a {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0;
	text-decoration: none;
}

.larger {
	font: 115% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

.largest {
	font: 130% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

/**********************/
/** START Menu style **/
/**********************/
#menu {
	background-color: #FFFFFF;
	background-image: url(/HostResources/images/LeftSidebarBG.gif);
	background-repeat: repeat-y;
	vertical-align: top;
}

#menu div a, #menu div a:visited{
	color: #000000;
	font: bold 13px "Times New Roman", Times, serif;
	text-decoration: none;
}

#menu div a:hover, #menu div a:active, .distinctMenuOption{
	color: #d1414a;
	font: bold 13px "Times New Roman", Times, serif;
	text-decoration: none;
}
#menu div {
    padding-bottom: 4px;
}
#menu div.TopLevel{
	padding-left: 15px;
	background:url(/HostResources/images/LeftNavDivider.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#menu div.TopLevelOn{
    padding-left: 15px;
	background:url(/HostResources/images/LeftNavDividerOn.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#eef2f5;
}

#menu div.TopLevelOn a, #menu div.TopLevelOn a:visited, #menu div.SubLevelOn a, #menu div.SubLevelOn a:visited{
	color: #a4333a;
	font: bold 13px "Times New Roman", Times, serif;
	text-decoration: none;
}


#menu div.SubLevel{
	text-decoration: none;
	background:url(/HostResources/images/LeftNavDividerOn.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#eef2f5;
	marin-left: 0px;
}

#menu div.SubLevelOn{
	background:url(/HostResources/images/LeftNavDividerOn.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#eef2f5;
	marin-left: 0px;
    color:yellow;
}

#menu div.SubLevelOff{
	display: none;
}

/**********************/
/** START Menu style **/
/**********************/


.tagline {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #a4333a;
	font-weight: bold;
	font-stretch:condensed;
}


/*
Home page 3 boxes style
*/
.TopBox1, .TopBox2, .TopBox3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
    height: 23px;
    
}
.TopBox1 {
	background-color: #003562;
}
.TopBox2 {
	background-color: #b99e64;
}
.TopBox3 {
	background-color: #a4333a;
}

.boxtext, .BoxTextLink1, .BoxTextLink2, .BoxTextLink3 {
	margin: 8px 12px 8px 12px;
	text-align: left;
	vertical-align: top;
    font-size: 12pt;
}
.boxtext {
   font-family: Arial, Helvetica, sans-serif;
   color: #000000; 
   font-size: 12pt;
}
.boxtext a, .boxtext a:visited {
    font-size: 12pt;
	color: #a4333a;
	text-decoration: none;
	font-weight: bold;
}

.boxtext a:hover {
    font-size: 12pt;
	text-decoration: underline;
    font-weight: bold;
}

  .BoxTextLink1, .BoxTextLink2, .BoxTextLink3 {
    padding: 8px 12px 8px 12px;
}

#BoxTextLink a, #BoxTextLink a:visited{
    font-size: 9pt;
     font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
	font-weight: bold;
}

#BoxTextLink .BoxTextLink1 a, #BoxTextLink .BoxTextLink1 a:visited {
    color: #003562;    
}
#BoxTextLink .BoxTextLink2 a, #BoxTextLink .BoxTextLink2 a:visited {
    color: #a4333a;
}
#BoxTextLink .BoxTextLink3 a,  #BoxTextLink .BoxTextLink3 a:visited {
    color: #003562;
}

#BoxTextLink .BoxTextLink1 a:hover, #BoxTextLink .BoxTextLink2 a:hover, #BoxTextLink .BoxTextLink3 a:hover  {
	text-decoration: underline;
}

.BoxTextSpacer {
	padding-left: 12px;
	}
/*
End of Home page 3 boxes style
*/

.spacer {
	padding-left: 20px;
	}
	



#footer {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	text-align: right;
	vertical-align: bottom;
}

#footer a {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	text-align: right;
	text-decoration: none;
	vertical-align: bottom;
}

#footer a:hover {
	text-decoration: underline;
}


#nfp {
	font-family: "Arial narrow", sans-serif;
	color: #a4333a;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
}


.innterTable table {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
}

.innerTable p {
	font: 94% Verdana, Arial, Helvetica, sans-serif;
}

.innerTable h1 {
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003562;
}

.innerTable h2 {
	font: 105% Verdana, Arial, Helvetica, sans-serif;
	color: #003562;
}

.innerTable h3 {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #003562;
   
    margin-bottom: 0px;
}sx



.FAQs table {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
}

.location {
    padding-left: 20px;
    padding-bottom: 10px;
}

a, a:visited{
	color: #003562;

}

a:hover {
	color: #d1414a;
	text-decoration: underline;

}

 a:active {
	color: #a4333a;
	text-decoration: underline;
}

hr {
    color: #a4333a; 
    height: 1.5pt;
}

h1 {
	font: 140% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003562;
	margin-bottom: 12px;
}

h2 {
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003562;
	margin-top: 0;
	margin-bottom: 12px;
}

h3 {
	font: 105% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003562;
	margin-top: 0;
	margin-bottom: 3px;
}

h4 {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
    margin-bottom: 0px;
}

p {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 0;
    margin-right: 20px;
	margin-bottom: 12px;
	line-height: 1.5em;
}
.CollapsiblePanelTab p {
    font-weight: bold;
    margin-bottom: 2px;
}

.CollapsibleLicensePanelContent{
	padding: 5px;
}
.teasers {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.teasers a, .teasers a:visited {
     font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003562;
	text-decoration: none;
}

.teasers a:hover, .teasers a:active {
	color: #a4333a;
	text-decoration: underline;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
}

p.quote, p.quoteblue {
	margin-left: 100px;
	margin-right: 100px;
}

p.quoteblue {
	color: #003562;
}
p.blue {
	color: #003562;
}



.schedName {
    padding-left: 30px;
}

.schedCat{
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.c_content {
	padding-top: 10px;
	}

.title-panel
{
	background-color: White;
	border: solid 1px gray;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

.title-panel a
{
	padding:5px 10px 5px 10px;
	color: #000000;
	text-decoration:none;
	display:block;
}


.title-panel a:hover, .title-panel a:active
{	
	color: #000000;
	text-decoration:none;
	display:block;
	padding:5px 10px 5px 10px;
	background-color:#BBCBDA;
}

.title-panel a:visited
{
	padding:5px 10px 5px 10px;
	color: #000000;
	text-decoration:none;
	display:block;
}


/* height needs to be 0 here to avoid content flash of collapsible panel before loading */
.content-panel
{
	padding:10px;
	background-color: White;
	border: solid 1px gray;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 1.5em;

}