/*	style sheet for healthwarehouse new-prescription.html
 * 	8/9/2009 werner glinka
 * 
 *	color codes
 *	color green: #5b984f;
 * 	color blue: #1b6498
 * 	color dark green:#423b39
 */

/******************** background ********************/
div#sub-main {
	background:url("../images/backgrounds/sub-main.gif") bottom no-repeat;
	width:965px;
	margin:0;
	}
div#sub-main #sub-main-head{
	background:url("../images/backgrounds/sub-main-head.gif") top no-repeat;
	width:965px;
	padding-top:30px;
	}
div#sub-main-middle{
	background:url("../images/backgrounds/sub-main-middle.gif") 0px 50px repeat-y;
	width:965px;
	}

/******************* prescription selector **********************/
div#doc-has-prescription{
	width:478px;
	float:left;
	margin:-27px 0 9px 4px;
	text-align:center;
	}
div#i-have-written-prescription{
	width:478px;
	float:left;
	margin:-27px 3px 9px 0;
	text-align:center;
	border-left: 1px solid #cccccc;
	}
div#doc-has-prescription-intro{
	width:418px;
	height:145px;
	float:left;
	padding:30px 30px 0 30px;
	text-align:center;
	}
div#i-have-written-prescription-intro{
	width:418px;
	height:145px;
	float:left;
	padding:30px 30px 0 30px;
	text-align:center;
	}
#doc-has-prescription p,
#i-have-written-prescription p{
	color:#423b39;
	font-size:12px;
	line-height:16px;
	margin:0;
	padding:0 20px;
	}	
		
a.new-presc-button{
	display:block;
	height: 52px;
	font-size:18px;
	padding-top:65px;
	font-weight:bold;
	line-height:16px;   /* allows for less space between link and requires verification note */
	}
a:hover.new-presc-button{
	background-position: 0 -117px;
}
a.new-presc-button span.req-verify{
	font-size:10px;
	font-weight:normal;
	color:#ff0000;
}	
a.mail{
	background: transparent url(../images/buttons/btn_newpres_written_mail.png) no-repeat;
	width:129px;
	margin-bottom:15px;
}	
a.fax{
	background: transparent url(../images/buttons/btn_newpres_written_fax.png) no-repeat;
	width:129px;
	margin-bottom:15px;
}
a.transfer{
	background: transparent url(../images/buttons/btn_newpres_transfer.png) no-repeat;
	width:229px;
	margin-bottom:15px;
}	
a.upload{
	background: transparent url(../images/buttons/btn_newpres_written_upload.png) no-repeat;
	width:129px;
	margin-bottom:15px;
}			
#doc-has-prescription a:link,
#i-have-written-prescription a:link,
#doc-has-prescription a:visited,
#i-have-written-prescription a:visited{
	text-decoration:none;
	color:#5b984f;
	}	
#doc-has-prescription a:hover,
#i-have-written-prescription a:hover{
	text-decoration:underline;
	}

/******************* button holder **********************/
div#doc-has-prescription-buttons,
div#i-have-written-prescription-buttons{
	width:478px;
	float:left;
	padding-bottom:30px;
	}	
div#doc-has-prescription-buttons .center-div{
	margin-left:120px;
	}
div#i-have-written-prescription-buttons .center-div{
	overflow:hidden;
	margin:0 0 0 30px;
	}
div.img-container{
	float:left;
	text-align:center;
	margin:0 5px;
	}
div.have-account-login{
	width:478px;
	height:40px;
	float:left;
	text-align:center;
	border-top: 1px solid #eeeeee;
	}	
div#doc-has-prescription div.have-account-login p,
div#i-have-written-prescription div.have-account-login p{
	line-height:40px;
}

/******************* middle wrap **********************/
div#middle-wrap{
	width:965px;
	margin:10px 0;
	}
div#middle-wrap p{
	color:#423b39;
	font-size:12px;
	line-height:16px;
	margin:0;
	padding:0;
	}

/******************* how it works **********************/	
div#how-it-works{
	width:605px;
	float:left;
	background:transparent url(../images/backgrounds/my-home-right-clear-middle.gif) 0 0 repeat-y;
	}
div#how-it-works-bottom{
	background:transparent url(../images/backgrounds/my-home-right-clear.gif) bottom left no-repeat;
	}	
div#how-it-works-top{
	background:transparent url(../images/backgrounds/my-home-right-clear-head.gif) top left no-repeat;
	padding:20px;
	}	
div#how-it-works h3{
	color:#f0551c;
	}	
div#how-it-works-intro{
	height:130px;
	}
div#how-it-works-intro h2{
	margin-top:0;
}
div#how-it-works-my-prescription{
	position:relative;
	height:385px;
	border-bottom: 1px dotted #cccccc;
	background: transparent url(../images/diagram1B_dr_prescrip.jpg) 0 20px no-repeat;
	}
	div#how-it-works-my-prescription div.point1{
	position:absolute;
	top:260px;
	left: 40px;
	width:170px;
	height:80px;
	}
div#how-it-works-my-prescription div.point2{
	position:absolute;
	top:40px;
	left: 345px;
	width:170px;
	height:60px;
	}
div#how-it-works-my-prescription div.point3{
	position:absolute;
	top:120px;
	left: 410px;
	width:150px;
	height:60px;
	}		
div#how-it-works-mail-it{
	position:relative;
	height:330px;
	border-bottom: 1px dotted #cccccc;
	background: transparent url(../images/diagram_mailit.jpg) 0 20px no-repeat;
	}
div#how-it-works-mail-it div.point1{
	position:absolute;
	top:200px;
	left: 20px;
	width:170px;
	height:60px;
	}
div#how-it-works-mail-it div.point2{
	position:absolute;
	top:200px;
	left: 200px;
	width:170px;
	height:60px;
	}
div#how-it-works-mail-it div.point3{
	position:absolute;
	top:200px;
	left: 380px;
	width:170px;
	height:60px;
	}		
div#how-it-works-fax-it{
	position:relative;
	height:340px;
	background: transparent url(../images/diagram_uploadfax.jpg) 0 20px no-repeat;
	}
div#how-it-works-fax-it div.point1{
	position:absolute;
	top:40px;
	left: 120px;
	width:170px;
	height:60px;
	}
div#how-it-works-fax-it div.point2{
	position:absolute;
	top:240px;
	left: 20px;
	width:170px;
	height:60px;
	}
div#how-it-works-fax-it div.point3{
	position:absolute;
	top:220px;
	left: 210px;
	width:170px;
	height:60px;
	}
div#how-it-works-fax-it div.point4{
	position:absolute;
	top:190px;
	left: 410px;
	width:150px;
	height:60px;
	}
	
/******************* forms and guides **********************/
div#forms-guides{
	width:306px;
	float:right;
	padding:20px;
	margin-right:3px;
	background: transparent url(../images/backgrounds/my-recently-viewed.gif) top left no-repeat;
}
div#forms-guides h3{
	margin-top:0;
}

ul.pdf-form{
	background: transparent url(../images/icons/pdf.png) 0 0 no-repeat;
	list-style: none;
	margin:10px 0;
	padding-left:40px;
	}
ul.pdf-form li:first-child{
	color:#1B6498;
	font-size:12px;
	font-weight:bold;
	}
ul.pdf-form li{
	color:#000000;
	font-size:12px;
	}
ul.pdf-form li a:link,
ul.pdf-form li a:visited{
	color:#1B6498;
	font-size:12px;
	text-decoration:none;
	}
ul.pdf-form li a:hover{
	text-decoration:underline;
	}

/******************** customer stories ********************/	
div#customer-stories{
/**
	width:306px;
	float:right;
	padding:20px;
	margin-right:3px;
	background: transparent url(../images/backgrounds/my-recently-viewed.gif) top left no-repeat;
**/
	margin: 0 10px 10px 10px;
	}	
div#customer-stories .story{
	border-bottom:1px dotted #cfcfcf;
	padding-bottom:20px;
	}
div#customer-stories .last{
	border:none;
	}		
div#customer-stories h2{ 
	font-weight:bold;
	margin:0 0 -10px 0;
	}    
div#customer-stories h3{ 
	font-size: 15px;
	line-height: 1.5em;
	margin-left: -20px;
	margin-bottom:-10px;
	}
div#customer-stories p{
	padding-bottom: 20px;
}
span.customers{
	color:#000;
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:bold
	}
/******************* transfer prescription selector **********************/

div#trans-prescription-pay-now {
	width:478px;
	float:left;
	margin:-27px 0 9px 4px;
	text-align:center;
	padding-left:220px;
	}
div#trans-prescription-pay-later {
	width:478px;
	float:left;
	margin:-27px 3px 9px 0;
	text-align:center;
	border-left: 1px solid #cccccc;
	height: 560px;	
	}
div#trans-prescription-pay-now-intro, 
div#trans-prescription-pay-later-intro {
	width:418px;
	padding:30px 30px 20px 30px;
	}

div#trans-prescription-pay-now-intro span.note,
div#trans-prescription-pay-later-intro span.note {
	color:#f0551c;	
	font-weight: bold;
	}
div#trans-prescription-pay-now-intro p,
div#trans-prescription-pay-later-intro p {
	font-size: 13px;
	text-align:center;
	color:#333;	
	text-align: left;
	}
div#trans-prescription-pay-now-search  ul { 
	font-size: 13px;
	text-align: left;
	padding-left: 25px;	
	}
div#trans-prescription-pay-now-intro ol, 
div#trans-prescription-pay-later-intro ol {
	font-size: 13px;
	text-align: left;
	}
div#trans-prescription-pay-now-search {
	padding:0 30px 0 30px;
	font-size: 13px;
	text-align: left;
	} 
div#trans-prescription-pay-now-search span.mini-title {
	font-size: 16px;
	font-weight: bold;	
	} 


/* Left for reference.  Can be taken out after July 2010
#they-trans-prescription p,
#we-trans-prescription p{
	color:#423b39;
	font-size:12px;
	line-height:16px;
	margin:0;
	padding:0 20px;
	}



div#they-trans-prescription{
	width:478px;
	float:left;
	margin:-27px 0 9px 4px;
	text-align:center;
	}

div#we-trans-prescription{
	width:478px;
	float:left;
	margin:-27px 3px 9px 0;
	text-align:center;
	border-left: 1px solid #cccccc;
	}
div#they-trans-prescription-intro{
	width:418px;
	height:185px;
	float:left;
	padding:30px 30px 0 30px;
	text-align:center;
	}
div#we-trans-prescription-intro{
	width:418px;
	height:305px;
	float:left;
	padding:30px 30px 0 30px;
	text-align:center;
	}
div#we-trans-prescription-intro span.note {
	color:#f0551c;	
	font-weight: bold;
	}
div#we-trans-prescription-intro p {
	color:#333;	
	font-size: 12px;
	text-align: left;
	}
#they-trans-prescription p,
#we-trans-prescription p{
	color:#423b39;
	font-size:12px;
	line-height:16px;
	margin:0;
	padding:0 20px;
	}
*/

a.trans-presc-button{
	display:block;
	height: 52px;
	font-size:18px;
	padding-top:65px;
	font-weight:bold;
	line-height:16px;
	/* allows for less space between link and requires verification note */
	
	}
a:hover.trans-presc-button { 
	background-position: 0 -117px;
	}
a.trans-presc-button span.req-verify{
	font-size:10px;
	font-weight:normal;
	color:#ff0000;
	}
/*

a.mail{
	background: transparent url(../images/buttons/btn_newpres_written_mail.png) no-repeat;
	width:129px;
	margin-bottom:15px;
	}
a.fax{
	background: transparent url(../images/buttons/btn_newpres_written_fax.png) no-repeat;
	width:129px;
	margin-bottom:15px;
	}
a.transfer{
	background: transparent url(../images/buttons/btn_newpres_transfer.png) no-repeat;
	width:229px;
	margin-bottom:15px;
	}
a.upload{
	background: transparent url(../images/buttons/btn_newpres_written_upload.png) no-repeat;
	width:129px;
	margin-bottom:15px;
	}
*/
#trans-prescription-pay-now a:link,
#trans-prescription-pay-later a:link,
#trans-prescription-pay-now a:visited,
#trans-prescription-pay-later a:visited{
	text-decoration:none;
	color:#5b984f;
	}
#trans-prescription-pay-now a:hover,
#trans-prescription-pay-later a:hover{
	text-decoration:underline;
}

#they-trans-prescription a:link,
#we-trans-prescription a:link,
#they-trans-prescription a:visited,
#we-trans-prescription a:visited{
	text-decoration:none;
	color:#5b984f;
	}
#they-trans-prescription a:hover,
#we-trans-prescription a:hover{
	text-decoration:underline;
}


/******************* transfer button holder **********************/

div#trans-prescription-pay-now-buttons,
div#trans-prescription-pay-later-buttons {
	width:478px;
	float:left;
	padding-top: 35px;
	}
div#trans-prescription-pay-now-buttons .center-div,
div#trans-prescription-pay-later-buttons .center-div {
	margin-left:120px;
	}
div#trans-prescription-pay-now div.have-account-login p,
div#trans-prescription-pay-later div.have-account-login p {
	line-height:40px;
	}

div#they-trans-prescription-buttons,

div#we-trans-prescription-buttons{
	width:478px;
	float:left;
	padding-bottom:30px;
	}
div#they-trans-prescription-buttons .center-div{
	margin-left:120px;
	}
div#we-trans-prescription-buttons .center-div{
	margin-left:120px;
}
/*
div.img-container{
	float:left;
	text-align:center;
	margin:0 5px;
	}
div.have-account-login{
	width:478px;
	height:40px;
	float:left;
	text-align:center;
	border-top: 1px solid #eeeeee;
	}
*/
div#they-trans-prescription div.have-account-login p,
div#we-trans-prescription div.have-account-login p{
	line-height:40px;
	}
/******************* transfer how it works **********************/	
/*
div#how-it-works{
	width:605px;
	float:left;
	background:transparent url(../images/backgrounds/my-home-right-clear-middle.gif) 0 0 repeat-y;
	}
div#how-it-works-bottom{
	background:transparent url(../images/backgrounds/my-home-right-clear.gif) bottom left no-repeat;
	}	
div#how-it-works-top{
	background:transparent url(../images/backgrounds/my-home-right-clear-head.gif) top left no-repeat;
	padding:20px;
	}	
div#how-it-works h3{
	color:#f0551c;
	}	
div#how-it-works-intro{
	height:130px;
	}
div#how-it-works-intro h2{
	margin-top:0;
}
*/
div#how-it-works-they-trans-prescrip{
	position:relative;
	height:345px;
	border-bottom: 1px dotted #cccccc;
	background: transparent url(../images/diagram_their_pharm_trans_prescrip.jpg) 0 20px no-repeat;
	}
	div#how-it-works-they-trans-prescrip div.point1{
	position:absolute;
	top:200px;
	left: 10px;
	width:170px;
	height:80px;
	}
div#how-it-works-they-trans-prescrip div.point2{
	position:absolute;
	top:200px;
	left: 200px;
	width:170px;
	height:60px;
	}
div#how-it-works-they-trans-prescrip div.point3{
	position:absolute;
	top:200px;
	left: 400px;
	width:150px;
	height:60px;
	}		
div#how-it-works-we-trans-prescrip{
	position:relative;
	height:465px;
	/*border-bottom: 1px dotted #cccccc;*/
	background: transparent url(../images/diagram_we_trans_prescrip.jpg) 0 20px no-repeat;
	}
div#how-it-works-we-trans-prescrip div.point1{
	position:absolute;
	top:240px;
	left: 20px;
	width:170px;
	height:60px;
	}
div#how-it-works-we-trans-prescrip div.point2{
	position:absolute;
	top:40px;
	left: 350px;
	width:210px;
	height:60px;
	}
div#how-it-works-we-trans-prescrip div.point3{
	position:absolute;
	top:380px;
	left: 310px;
	width:220px;
	height:60px;
	}		

div#diagram-vert-bound {
	float:right;
	border-left: solid 1px #e4e4e4; 
	margin-left: 15px;	
	}
div#diagram-vert-bound h3 {
	color: #f0551c;	
	}
div#diagram-we-trans-prescrip-vert {
	position:relative;
	height: 700px;
	width:385px;
	margin-left:20px;	
	background: transparent url(../images/diagram_we_trans_prescrip_vert.jpg) 0 40px no-repeat;
	}
div#diagram-we-trans-prescrip-vert div.point1{
	position:absolute;
	top:225px;
	left: 200px;
	width:180px;
	}
div#diagram-we-trans-prescrip-vert div.point2{
	position:absolute;
	top:340px;
	left:180px;
	width:200px;
	}
div#diagram-we-trans-prescrip-vert div.point3{
	position:absolute;
	top:555px;
	left: 180px;
	width:200px;
	}

/*********************** refill *********************/

div#refill-prescription{
	width:900px;
	margin:-27px 0 9px 4px;
	padding-left: 220px;	
	text-align:center;
	}

div#refill-prescription-intro{
	width:418px;
	height:125px;
	float:left;
	padding:30px 30px 0 30px;
	text-align:center;
	}
#refill-prescription p{
	color:#423b39;
	font-size:12px;
	line-height:16px;
	margin:0;
	padding:0 20px;
	}
a.refill-presc-button{
	display:block;
	height: 52px;
	font-size:18px;
	padding-top:65px;
	font-weight:bold;
	line-height:16px;
	/* allows for less space between link and requires verification note */
	
	}
a:hover.refill-presc-button{
	background-position: 0 -117px;
	}
a.refill-presc-button span.req-verify{
	font-size:10px;
	font-weight:normal;
	color:#ff0000;
	}
/*

a.mail{
	background: transparent url(../images/buttons/btn_newpres_written_mail.png) no-repeat;
	width:129px;
	margin-bottom:15px;
	}
a.fax{
	background: transparent url(../images/buttons/btn_newpres_written_fax.png) no-repeat;
	width:129px;
	margin-bottom:15px;
	}
a.transfer{
	background: transparent url(../images/buttons/btn_newpres_transfer.png) no-repeat;
	width:229px;
	margin-bottom:15px;
	}
a.upload{
	background: transparent url(../images/buttons/btn_newpres_written_upload.png) no-repeat;
	width:129px;
	margin-bottom:15px;
	}
*/
#refill-prescription a:link,
#refill-prescription a:visited{
	text-decoration:none;
	color:#5b984f;
	}
#refill-prescription a:hover{
	text-decoration:underline;
}


/******************* transfer button holder **********************/

div#refill-prescription-buttons{
	width:478px;
	float:left;
	padding-bottom:30px;
	}
div#refill-prescription-buttons .center-div{
	margin-left:120px;
	}
/*
div.img-container{
	float:left;
	text-align:center;
	margin:0 5px;
	}
div.have-account-login{
	width:478px;
	height:40px;
	float:left;
	text-align:center;
	border-top: 1px solid #eeeeee;
	}
*/
div#refill-prescription div.have-account-login p{
	line-height:40px;
	}
/******************* refill how it works **********************/	
/*
div#how-it-works{
	width:605px;
	float:left;
	background:transparent url(../images/backgrounds/my-home-right-clear-middle.gif) 0 0 repeat-y;
	}
div#how-it-works-bottom{
	background:transparent url(../images/backgrounds/my-home-right-clear.gif) bottom left no-repeat;
	}	
div#how-it-works-top{
	background:transparent url(../images/backgrounds/my-home-right-clear-head.gif) top left no-repeat;
	padding:20px;
	}	
div#how-it-works h3{
	color:#f0551c;
	}	
div#how-it-works-intro{
	height:130px;
	}
div#how-it-works-intro h2{
	margin-top:0;
}
*/
div#how-it-works-refill-prescrip{
	position:relative;
	height:445px;
	border-bottom: 1px dotted #cccccc;
	background: transparent url(../images/diagram_refill_prescription.jpg) 0 20px no-repeat;
	}
div#how-it-works-refill-prescrip div.point1{
	position:absolute;
	top:200px;
	left: 30px;
	width:210px;
	height:80px;
	}
div#how-it-works-refill-prescrip div.point2{
	position:absolute;
	top:40px;
	left: 300px;
	width:250px;
	height:60px;
	}
div#how-it-works-refill-prescrip div.point3{
	position:absolute;
	top:350px;
	left: 280px;
	width:270px;
	height:60px;
	}

/******************* Transfer Request Form *******************/

/* 
DEBUG 
div#sub-main-middle div {
	border: solid 1px #777777;
	}
*/

form#transfer-prescription-form div#input-item {
	//height: 28px;	
	height: 38px;	
	}
form#transfer-prescription-form p.header-note {
	float: right;
	font-size: 12px;
	margin: 0;
        }
form#transfer-prescription-form p.clear {
	float: none;
        }
form#transfer-prescription-form p.header-note span{
        color:#ed1c24;
        }
form#transfer-prescription-form div#input-item span.required {
        color:#ed1c24;
	}
form#transfer-prescription-form span#note {
       	font-size: 12px; 
	}
form#transfer-prescription-form div#clear-fields {
       	font-size: 12px; 
	width: 325px;
	text-align: right;	
	}
form#transfer-prescription-form div#input-item div.label {
 	width: 170px;	
	margin: 2px 8px 0 0;	
	text-align: right;	
	vertical-align: top;	
	float: left;	
	}
form#transfer-prescription-form div#input-item div#input-item-value {
	width: 280px;	
	float: left;	
	}
form#transfer-prescription-form div.clear {
	width: 1px;	
	float: none;	
	}
form#transfer-prescription-form div.label label {
	color: #423b39;
	}
form#transfer-prescription-form h4 {
	margin: 20px 0 7px 0;	
	padding: 0 0 0 20px;	
	border-bottom: solid 1px #e4ebda;	
	color: #423b39;	
	}

div#prescription-info-bound {
	height: 270px;
	}

div#prescription-info1 {
	position: absolute;
	visibility: visible; 
	height: 220px;
	}
div#prescription-info2 {
	position: absolute;
	visibility: hidden; 
	height: 220px;
	}
div#prescription-info3 {
	position: absolute;
	visibility: hidden; 
	height: 220px;
	}
div#prescription-info4 {
	position: absolute;
	visibility: hidden; 
	height: 220px;
	}
div#prescription-info5 {
	position: absolute;
	visibility: hidden; 
	height: 220px;
	}

div#select-tabs {
	position: relative;
	top: -237px;
	left: 350px;	
	width: 67px;
	background-color: #eeeeee;	
	border-left: solid 1px #2a6b45;
	}
div#select-tabs div {
	border: solid 1px #eeeeee;
	border-left-width: 0px;	
	width: 55px;
	padding: 5px 0 5px 15px;	
	}
div#select-tabs a {
	color: #ffffff;	
	}
div#select-tabs div#select-bound {
	//border-width: 0 0 0 2px;	
	padding: 0px;
	height: 4px;	
	font-size: 4px;	
	}

div#select-tabs div#selected-prescription-info1 {
	position: relative;
	left: -1px;	
	border-color: #2a6b45;	
	border-left-width: 0px;	
	width: 58px;
	font-weight: bold;	
	background-color: #ffffff;	
	padding-left: 18px;	
	}
div#select-tabs div#selected-prescription-info2 {
	position: relative;
	left: -1px;	
	border-color: #2a6b45;	
	border-left-width: 0px;	
	width: 58px;
	font-weight: bold;	
	background-color: #ffffff;	
	padding-left: 18px;	
	}
div#select-tabs div#selected-prescription-info3 {
	position: relative;
	left: -1px;	
	border-color: #2a6b45;	
	border-left-width: 0px;	
	width: 58px;
	font-weight: bold;	
	background-color: #ffffff;	
	padding-left: 18px;	
	}
div#select-tabs div#selected-prescription-info4 {
	position: relative;
	left: -1px;	
	border-color: #2a6b45;	
	border-left-width: 0px;	
	width: 58px;
	font-weight: bold;	
	background-color: #ffffff;	
	padding-left: 18px;	
	}
div#select-tabs div#selected-prescription-info5 {
	position: relative;
	left: -1px;	
	border-color: #2a6b45;	
	border-left-width: 0px;	
	width: 58px;
	font-weight: bold;	
	background-color: #ffffff;	
	padding-left: 18px;	
	}

div#select-tabs div#select-prescription-info1 {
	background-color: #448443;	
	}
div#select-tabs div#select-prescription-info2 {
	background-color: #448443;	
	}
div#select-tabs div#select-prescription-info3 {
	background-color: #448443;	
	}
div#select-tabs div#select-prescription-info4 {
	background-color: #448443;	
	}
div#select-tabs div#select-prescription-info5 {
	background-color: #448443;	
	}