/*
-----------------------------------------------
Client: AccessOne MedCard
Function: Screen CSS definitions.
Author:   Jason Walle | jwalle@edreamz.com
Created: January 3, 2007
Modified:  January 3, 2007
Copyright: Copyright (C) 2007 E-dreamz, Inc. 
----------------------------------------------- */
@import url("navigation.css");

body {
	color : #333;
	font : normal normal normal 11px/normal Verdana, Arial, Helvetica, sans-serif; 
	margin: 0;
	padding: 0;
	background: url(../images/structure/bg.gif) left top;
}

a img {border: 0;}
p { margin: 5px 0 15px 0;}
blockquote{margin: 0 0 0 15px; padding: 0;}

#printlogo{display:none;}

/* MAIN LAYOUT BEGINS */
#wrapper {width: 778px; margin: 0 auto; padding: 0; background: #fff url(../images/structure/bg-wrapper.gif) repeat top left; padding-top: 5px;}
#masthead {width: 762px; height: 85px; margin: 0 auto; background: url(../images/structure/masthead.gif) no-repeat top; position: relative;}
#top-end {width: 762px; height: 7px; margin: 0 auto; padding: 0; background-color: #0a94d3;}
#top-end {margin-bottom: 8px;}
#container {padding: 0 18px;}
#content{padding: 10px 0 0 0;}

#masthead a{display:block; text-indent: -9999em; position:absolute; width: 125px; height: 20px; outline:none;}
	#masthead .phospital{top: 18px; left: 544px;}
	#masthead .contact{top: 18px; left: 680px; width: 75px}
		* html #masthead .contact{top: -2px;}
	#masthead .cardholder{top: 50px; left: 515px; width: 110px;}
	#masthead .hospitallog{top: 50px; left: 630px;}
	#masthead .homelink{top: 5px; left: 15px; width: 105px; height: 75px; outline:none;}

/* MAIN LAYOUT ENDS */

/* HOME PAGE SPECIFIC BEGINS */
#home-promo {width: 762px; margin: 0 auto; padding: 0;}
#home-content {width: 742px; margin: 5px 0 0 0; clear: both;}
	#home-content #top-left-col {width: 358px; float: left;}
		#home-content #top-left-col .mission {color: #0a96d4; font-size: 165%; letter-spacing: -.5px;  word-spacing: 1px;  font-family: Arial, Geneva, Tahoma;  }
	#home-content #top-right-col  {width: 360px; float: right; margin: 0 0 0 15px;}
	#home-content #bottom-left-col  {width: 362px; float: left;}
		#home-content #bottom-left-col .testimonial {color: #666666; font-size: 100%;}
	#home-content #bottom-right-col  {width: 360px; float: right; padding: 0 0 0 10px; border-left: 1px dashed #222;}
	#home-content #col-div  {width: 742px; height: 3px; margin: 12px auto; padding: 0; background-color: #024073; clear: both;}
/* HOME PAGE SPECIFIC ENDS */

#leftColumn{width: 278px; float: left;}
#rightColumn{width: 469px; float: right; margin: 0 0 0 1px;}


#lf{width: 520px; float: left;}
#rt{width: 230px; float: right;}
#inner_content{width: 762px; margin: 0 auto;}

#lf p{line-height: 18px; padding: 8px; margin: 0;}
#lf a{color: #60BF19; font-weight: bold; text-decoration: underline;}
#lf a:hover{text-decoration:none;}
.bluebox{background: #E6EFF4; border-top: 3px solid #024073; margin-bottom: 10px;}
.bluebox p{margin: 0; padding: 4px;}
.bluebox a.readmore {color: #0c93d7; font-weight: bold; background: url(../images/read-more.gif) no-repeat left top; display: block; padding-left: 20px; height: 20px; margin-left: 10px; text-decoration:none;}
.bluebox.background, .bluebox.contact, .bluebox.funded, .bluebox.account, .bluebox.rack, .bluebox.client, .bluebox.participate{margin-top: 20px;}
	.bluebox h3{margin: 0; padding: 0; text-indent: -9999em; background-repeat: no-repeat; height: 30px;}
	.bluebox.background h3{background-image: url(../images/h-background.gif);}
	.bluebox.leadership h3{background-image: url(../images/h-leadership.gif);}
	.bluebox.contact h3{background-image: url(../images/h-contact.gif);}
	.bluebox.funded h3{background-image: url(../images/h-funded.jpg);}
	.bluebox.unfunded h3{background-image: url(../images/h-unfunded.jpg);}
	.bluebox.account h3{background-image: url(../images/h-account.jpg);}
	.bluebox.weekly h3{background-image: url(../images/h-weekly.jpg);}
	.bluebox.monthly h3{background-image: url(../images/h-monthly.jpg);}
	.bluebox.reporting h3{background-image: url(../images/h-report.jpg);}
	.bluebox.rack h3{background-image: url(../images/h-brochure.jpg); height: 33px;}
	.bluebox.support h3{background-image: url(../images/h-support.jpg);}
	.bluebox.training h3{background-image: url(../images/h-training.jpg);}
	.bluebox.client h3{background-image: url(../images/h-client.jpg);}
	.bluebox.patient h3{background-image: url(../images/h-patient.jpg);}
	.bluebox.web h3{background-image: url(../images/h-webbased.jpg);}
	.bluebox.participate h3{background-image: url(../images/h-participate.jpg);}
	.bluebox.hoslog h3{background-image: url(../images/h-hoslog.jpg);}

.values{margin: -10px 0 0 0; padding: 0;}
.values li{list-style:none; padding: 0 0 8px 10px; background: url(../images/li-bg.gif) no-repeat 0 5px; font-weight: bold;}
.title{font-weight: bold; color: #033f71;}
	
#breadcrumb{background: #0A94D3;  color: #fff; font-weight: bold; font-size: 10px;}
	#breadcrumb a{color: #fff; text-decoration: none;}
	#breadcrumb a.selected{color:#024073;}
	#breadcrumb a:hover{text-decoration: underline;}

.crumbs{width: 500px; float: left; padding: 8px 0 0 8px; background: #0A94D3; height: 22px;}
.pagetitle{width: 250px; float: right;}
.pagetitle h2{text-indent: -9999em; margin: 0; padding: 0; height:30px; background-repeat:no-repeat;}
	.pagetitle h2.participate{background-image: url(../images/h-participating-hospitals.gif);}
	.pagetitle h2.corp{background-image: url(../images/h-corporate-overview.gif);}
	.pagetitle h2.program-options{background-image: url(../images/h-programs-options.jpg);}
	.pagetitle h2.proprietary{background-image: url(../images/h-proprietary-systems.jpg);}
	.pagetitle h2.training{background-image: url(../images/h-t-and-s.jpg);}
	.pagetitle h2.client{background-image: url(../images/h-client-benefits.jpg);}
	.pagetitle h2.news{background-image: url(../images/h-np.jpg);}
	.pagetitle h2.contact{background-image: url(../images/h-contact.jpg);}
	.pagetitle h2.cardholder{background-image: url(../images/h-cardholder.jpg);}
	
#footer {clear: both; font-size: 10px; border-top: 1px solid #ccc;}
	#footer p {line-height: 20px;  font-size: 10px;}
	#footer a:link, #footer a:visited {color : #0d92d3; text-decoration : none}
	#footer a:hover, #footer a:active {color : #0d92d3; text-decoration : underline}
		
#the-end {width: 778px; margin: 0 auto; padding: 0; border-bottom: 3px solid #60bf19; background: #fff url(../images/structure/bg-wrapper.gif) repeat top left;}

.blue {color: #0a96d4;}
.dark-blue {color: #024073;}
.ltgrey{color: #666;}

#sitemap{font-size: 14px; margin: 15px 0 0 15px;}
	#sitemap li{padding: 4px 0;}		

/* Links
----------------------------------------------- */
a, a:link, a:visited {
	color : #6E6E6E;
	text-decoration : underline
}

a:hover, a:active {
	color : #FF6600;
	text-decoration : underline
}

a.headline:link, a.headline:visited {
	font-size: 102%;
	font-weight: bold;
	color : #024073;
	text-decoration : none
}

a.headline:hover, a.headline:active {
	color : #0a96d4;
	text-decoration : underline
}

.blue {color: #0a96d4;}

h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 110%; color: #0a96d4; padding: 0 0 5px 0;}
h4 {font-size: 105%; color: #0a96d4; padding: 0 0 0 7px; margin: 15px 0 0 0}
h5 {font-size: 100%;}

/* form layout */

.contact table{margin: 5px 0;}
.contact table td{padding: 2px;}

.input{border: 1px solid #808080; border-right-color: #cfcfcf; border-bottom-color: #cfcfcf; padding: 3px;}

/* end form layout */



/*** MSG Styles ***/

	#msg{
		width: 80%;
		font-family: Verdana, sans-serif;
		margin: 10px auto 12px auto;
 		padding: 5px 5px 5px 30px;
		line-height: 20px;
	}

	.success{
	    background: #E2F9E3;
	    color: #060; 
		border: 1px solid #9c9;
		}
		
	.error{
		background: #FFE3E0;
	    color: #E31B0C; 
		border: 1px solid #DC6E66;
		}

	.error ul{margin-top: 0;}

/*** end msg ***/