﻿body {
	background:url(/images/Background.jpg) repeat-x;	
	background-color : #4a7ebf;
	color : #2e2237;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-SIZE: 13px;
    text-align : center;
    padding : 0px;
    margin: 0px;
}

a {
	color: #3399cc;
	text-decoration: none;
	margin:0 2px 0 0;
}

img {border:0px;}

a:hover {text-decoration: underline;}

a.pdf {margin-right: 3px;}

a.pdf img {vertical-align:middle;}

sup {font-size: 9px;}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

form {
    margin:0px;
    padding:0px;
}

div.frame {
	margin: 0 auto;
	width: 977px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

div.header {
    overflow: hidden;
	width: 977px;
	height: 94px;
	background-color: #f7ede4;
}

div.logoProduct {
	float: left;
	height: 94px;
	padding: 0px;
	width: 315px;
}

div.logoProduct a {
	background: url(/images/rethink-copd-logo.jpg) no-repeat;
	display: block;
	height: 94px;
	text-indent: -9999px;
	width: 315px;
}

div.headerRight {
	float: left;
	width: 652px;
	padding: 10px 10px 0px 0px;
}

div.headerRight div.topLinks {
	overflow: hidden;
	padding: 0px;
}

div.headerRight ul {
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div.headerRight ul li {
	float: left;
	font-size: 13px;
	margin: 0 0 0 7px;
	padding: 5px 0px 0px 8px;
	display: inline;
}

div.headerRight ul li.first {background: none;}

div.headerRight ul a, div.headerRight ul a:visited, div.headerRight ul a:hover {
	color: #4f4e57;
	text-decoration: none;
}

div.headerRight ul li.search {
	background: none;
	padding: 0 0 0 13px;
}

div.headerRight ul li.search div.searchField {
	float: left;
	padding: 1px 5px 0 0;
}

div.headerRight ul li.search div.searchField input {
	border: 1px solid #ccc;
	padding:3px 1px 3px 1px;
	width: 120px;
	font-size:13px;
	height:17px;
}

div.headerRight ul li.search div.searchBtn {float: left;}

div.headerRight div.logoAZ {
	overflow: hidden;
	padding: 5px 0 20px 500px;
	width: 157px;
}

div.headerRight div.logoAZ a {
	background: url(/images/astrazeneca-logo.gif) no-repeat;
	display: block;
	height: 48px;
	text-indent: -9999px;
	width: 157px;
}

div.contentTop {
    background: url(/images/top_border.jpg) no-repeat;
	height: 5px;
	margin: 0px;
	width: 977px;
	position:relative;
}
div.contentTopInside {    

}
div.contentTop .left {   
}
div.contentTop .right {
 }
div.contentBody {
	background: #ffffff url(/images/back_tile.jpg) repeat-y;
	width: 977px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

div.contentFull {
	
}
div.contentBodyWrapper {
	float: left;
	width: 977px;
	text-align: left;
}

div.contentColumn {
	float: left;
	font-size:13px;
	color:#28282d;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px 0 10px 15px;
	width: 561px;
	background-color: #ffffff;
}

div.contentColumnHome {
	float: left;
	font-size:12px;
	color:#28282d;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	width: 774px;
	height: 439px;
	background-color: #ffffff;
	background: url(/images/COPD_homepage.jpg) no-repeat; height: 439px; width: 774px;
}

div.contentColumnTop {
	margin-left: -15px;
    background: url(/images/top_middle.jpg) no-repeat;
    width:577px;
    height:23px;
}

.less {
    margin-top:0px;
    padding-top:7px;
    margin-bottom:0px;
    padding-bottom:13px;
}

div.threeQuarter {padding: 15px 0 10px 15px;}

div.threeQuarter p {width:570px;}

div.contentExtended {width: 745px;}

div.contentBodyWrapperHome div.contentExtended {
	padding: 0;
	width: 762px;
}

div.contentColumn h1, .messagearea .message .title {
	color: #2e61a2;
	font-size: 19px;
	margin: 0;
}

div.contentColumn h1 span {
	color: #666;
	font-weight: normal;
	font-size: 10px;
}

div.contentColumn h2 {
	color: #2e61a2;
	font-size: 16px;
	margin: 0;
	padding-top: 12px;
}

.subHeader {
	font-size: 16px;	
	padding-top: 12px;
	font-weight:bold;
	color: #2e61a2;
}

div.contentColumn p.subHeader {
	font-size: 16px;	
	margin-top: 0;
	padding-top: 5px;
	font-weight:bold;
	color: #2e61a2;
}

div.contentColumn h2.padBottom {padding-bottom: 15px;}

div.contentColumn a {color:#fd6b00; text-decoration:underline;}

div.contentColumn p {padding-right: 15px;}

div.contentColumn ul {
	list-style: none;
	margin: 0;
	padding: 8px 0 10px 15px; 
}

div.contentColumn ul.noPad {
	margin-top: -5px;
	padding-top: 0;
}

div.contentColumn ul li {
	background: url(/copd/images/bullet.gif) 0px 15px no-repeat;
	padding: 8px 20px 7px 13px;
}

div.contentColumn ol {
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 40px; /*changed 01/27 */
}

div.contentColumn ol li {padding-bottom: 10px;}

div.contentColumn div.imageLeft {
	float: left;
	margin: 0;
	padding: 5px 20px 15px 0;
}

div.contentColumn a.newWindow {
	background: url(/copd/images/iconNewWindow.gif) right 2px no-repeat;
	margin-right: 3px;
	padding: 0 15px 0 0;
	white-space: nowrap;
}

div.contentColumn div.flashOutside {position:relative;}

div.contentColumn div#flashContent {
    display: none;
    visibility:hidden;
    position:relative;
    height:655px;
    overflow:hidden;
}

#flashHowTo {
    margin-bottom:20px;
    height:285px;
    overflow:hidden;
}

#homeFlashContent {
    height:447px;
    overflow:hidden;
}

div.contentColumn p.buttonCenter {text-align: center;}

div.contentColumn p.buttonCenter input {padding: 0 20px;}

div.contentColumn table.rescue {
	background: url(/copd/images/rescueTableTop.gif) no-repeat;
	background-color: #fff;
	color: #333;
	margin: 15px 0;
	width: 481px;
}

div.contentColumn table.rescue th {
	border-right: 1px solid #f2f5e6;
	padding: 7px 0 7px 10px;
	text-align: left;
}

div.contentColumn table.rescue td {
	border-top: 1px solid #f2f5e6;
	border-right: 1px solid #f2f5e6;
	padding: 7px 0 10px 10px;
	vertical-align: top;
}

div.contentColumn table.rescue td span {
	display: block;
	padding: 0 0 1px 0;
}

div.contentColumn table.rescue th.types, div.contentColumn table.rescue td.types {width: 152px;}

div.contentColumn table.rescue th.do, div.contentColumn table.rescue td.do {width: 144px;}

div.contentColumn table.rescue th.dont, div.contentColumn table.rescue td.dont {
	border-right: none !important;
	width: 153px;
}

div.contentColumn div.formRow {
	overflow: hidden;
	padding:0;
	margin:0 0 10px 0;
	width: 490px;
}

div.contentColumn div.formRow div.formElement {
	float: left;
	padding: 7px 10px 7px 0;
	width: 225px;
	margin-right:10px;
}

div.contentColumn div.formRow div.formElement label {
	display: block;
	font-weight: bold;
	padding: 0 0 3px 15px;
}

div.contentColumn div.formRow div.formElement label {
	display: block;
	font-weight: bold;
	padding: 0 0 3px 15px;
}

div.contentColumn div.formRow div.formElement input, div.contentColumn div.formRow div.formElement select {
	width: 200px;
	margin: 0 0 3px 15px;
}

div.contentColumn div.promo {padding: 15px 0;}

div.contentColumn div.promo h2 {margin: 0; padding: 0;}

div.contentColumn div.promo p {margin: 0; padding: 0;}

div.contentColumn p.nextLink {margin: 0; padding: 20px 0 7px 0;}

div.contentColumn p.nextLink a, div.contentColumn div.promo p a {
	background: url(/copd/images/arrowContent.gif) 0px 3px no-repeat;
	padding: 0 0 0 13px;
}

div.contentColumn div.searchNav {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0;
	overflow: hidden;
	padding: 5px 0;
}

div.contentColumn div.searchNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 495px;
}

div.contentColumn div.searchNav ul li {
	background: none;
	float: left;
	padding: 0;
	width: 33%;
}

div.contentColumn div.searchNav ul li.results {text-align: center;}

div.contentColumn div.searchNav ul li.next {float: right; text-align: right;}

div.contentColumn div.searchNav ul li a {color: #000;}

div.contentColumn div.searchNav ul li span.inactive {color: #666;}

div.leftNav {
	float: left;
	margin: 0px;
	width: 201px;
}

div.leftNav ul 
{
   padding:0px;
   margin:0px;
} 

div.leftNav ul li {
	font-size: 15px;
	margin: 0px;
	list-style: none;
	width: 200px;
	height: 65px;
	overflow: hidden;
}

div.leftNav a {
	margin: 0px;
	padding: 15px 45px 0 15px;
	width: 140px;
	height: 50px;
	display: block;
	background-image: url(/images/nav_off.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	color: #28282d;
}

div.leftNav a:hover {
    text-decoration: none;
    background-image: url(/images/nav_on.jpg);
    color: #ffffff;
}

div.leftNav a.selected {
	margin: 0px;
	padding : 15px 45px 0 15px;
	width : 140px;
	height : 50px;
	display: block;
	background-image : url(/images/nav_on.jpg);
	background-repeat : no-repeat;
	overflow : hidden;
	color: #ffffff;
}

div.leftNav ul li.callout-left {
    width:200px;
    height:179px;
    overflow : hidden;
}

div.rightNav {
	float: right;
	margin: 0px;
	width: 199px;
	background-color: #f4e7de;
}

div.rtext {
    margin:110px 30px 0 30px;
    width:165px;
    height: 75px;
    color:#5C6B06;
    font-size:13px;
    font-weight:bold;
    line-height:1.1em;
}

div.next {margin:5px 0 0 140px;}

div.next a {
    display:block;
    height:20px;    
    width: 50px;
}

div.calloutLink {
    margin:0px;  
    padding:0px;
    float:right;
    height:423px;    
    width: 199px; 
}
/*div.calloutLink a{
    display:block;   
  
}*/
div.rightNavContent,div.rightNav.ReasonSteps {
	
}
div.rightNav div.callout {
	width: 199px;
}

div.rightNav .calloutTop {
	
}
div.rightNav div.callout div a {
	display: block;
	width: 199px;
}

div.footer {
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 977px;
	background: url(/images/footer_background.jpg) repeat-y;
	background-position: left top;
}

div.footer span {font-weight:bold;}

div.footerContent {
	background: url(/images/bottom_top.jpg) no-repeat;
	color: #4c80c0;
	padding: 40px 10px 10px 215px;
}

.contentColumn .footerContent {color: #000;}

.contentColumn .footerContent a {font-weight:bold; color: #4c80c0;}

div.footerContent hr {
	color:#fff;
	height:1px;
	background:#fff;
	border:0px;
}

div.footerContent h4 {
	color: #4c80c0;
	font-size: 14px;
	line-height: 16px;
	margin-top: 20px;
}

div.footerContent h4 span {
	background: none !important;
	padding-right: 5px;
}

div.footerContent h5 {
	font-size: 14px;
	padding:15px 0 6px 0;
	margin:0px;
}

div.footerContent p {
	padding-top:0px;
	margin-top:0px;
}

div.footerContent ul {
	display: block;
	list-style: none;
	margin: 0px;
	overflow: hidden;
	width: 577px;
	padding:0 0 10px 0;
}

div.footerContent ul li {padding: 0px 0 7px 13px;}

div.footerContent ul li p {
	margin: 0px;
	padding:0px;
	color: #4c80c0;
}

div.footerContent ul.disclaimerLinks {
	padding-bottom: 10px;
	color: #4c80c0;
}

div.footerContent ul.disclaimerLinks li {
	background: none;
	border-right: 1px solid #3399cc;
	float: left;
	margin: 0 7px 0 0;
	padding: 0 7px 0 0;
}

div.footerContent ul.disclaimerLinks li.last-item {border: none;}

#legal-info {
	width : 577px;
	padding-top:10px;
}

#disclaimer-copy {
	float : left;	
	width: 417px;
	color: #4c80c0;
}

#az-me {
	float : right;
	width: 160px;
	height: 54px;
}

.contentColumn .footerContent {padding-top: 0px !important;}

#ControlChart {
	background-image:url('/copd/images/body_chart.jpg');
	background-repeat:no-repeat;
	width:483px;
	height:247px;
	padding-top:5px;
	padding-left:5px;
}

.chartleft {
	width:180px;  
	float:left;
	display:inline;
	padding:12px 5px 5px 5px;
	color:#9D8D0E;
	font-size:14px;
	text-align:left;
}

.chartright {
	width:260px;    
	float:left;
	display:inline;
	padding:12px 10px 5px 10px;
	color:#49473a;
	font-size:13px;
}

#topright,#topleft {
    height:38px;
    line-height:1em;
}

/* SITE MAP : start */
div.sitemap ul {
    margin:10px 0 0 0;
    color:#3399cc;
    padding:0px;
}
div.sitemap ul ul {
    margin:8px 0 0 0;
    padding:0px;
}
div.sitemap li {
    list-style:none;
    background-image:url(/copd/images/bullet1.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	padding: 0 0 0 10px;
    margin:0 0 20px 0;
}
div.sitemap li li {
    margin:0px;
    background-position:0px 17px;
	background-repeat:no-repeat;
	padding: 8px 0 8px 12px;
}
div.sitemap li li li {
    background-image:none;
	padding: 0;
}
/* ERROR MESSAGES */
.mainErrMsg {
	padding: 10px;
	color:#FF0000;
	background-color:#f3f5c4;
	margin-top:10px;
}
.formErrMsg {
	color:#FF0000;
	background-color:#f3f5c4;
}
.formErrMsg div {
	color:#FF0000;
	padding-left:15px;
}

/* SITE EXIT: start */
#exit_message {
	text-align:center;
	position:relative;
	margin:0 0 0 40px;
}
.exit_message {
	background-color:#fff;
	width:400px;
	padding:20px;
	position:relative;
	text-align:center;
}
.exit_message a {
	white-space: nowrap;
	display: inline;
	position:relative;
	text-decoration:none;
	font-size:13px;
}
.exit_message .inside {
    padding: 0 20px;
    margin-top:20px;
    width:300px;
    text-align:center;
}
.exit_message .back {
	float:left;
	padding: 8px 0 8px 40px;
	width:125px;
}
.exit_message .forward {
	float:right;
	width:120px;
	padding: 4px 40px 4px 0px;
}
.exit_message a:hover {text-decoration:underline;}
.exit_message p {
	font-weight:bold;
	margin: 0 0 20px 0;
	color:#666;
	font-size:14px;
}
.exit_message span p {
	font-weight:normal;
	margin: 0 0 20px 0;
	color:#666;
	font-size:14px;
	text-align:left;
}
.top_lft {
	position: absolute;
	top:0px;
	left:0px;
	z-index:100;
}
.top_rt {
	position: absolute;
	top:0px;
	right:0px;
	z-index:100;
}
.btm_lft {
	position: absolute;
	bottom:-1px;
	left:0px;
	z-index:100;
}
.btm_rt {
	position: absolute;
	bottom:-1px;
	right:0px;
	z-index:100;
}
.clearall {clear: both;}

/* SITE EXIT: end */



/* Sub Page : Start */
.subMidContent {
	font-family:Arial;
	font-size:13px;
	color:#28282d;
	line-height:1.4em;
}

.subMidContent p {
	padding: 0 40px 0 0px;
	color:#28282d;
	font-family:Arial;
	font-size:13px;
	line-height:1.4em;
}

.subMidContent ul li {
	list-style-type:disc;
	margin: 0 0 0 20px; 
}
/* Sub Page : End */


div#interstitialContent { margin: 0; padding: 0 15px 20px 15px; height: 439px; background: #ffffff url(/images/middle_back.gif) no-repeat; background-position: right bottom; }
div#interstitialContent h1 { color:#2E61A2; font-size:19px; margin: 0px; padding-bottom: 30px; line-height: 1.2em; }
div#interstitialContent a { color:#FD6B00; text-decoration: underline; }

div#interstitialContentTop { background: url(/images/interstitial_top.jpg) no-repeat; height:27px; margin-left:-15px; width:750px; }

/*classes for COPD Assessment start*/
#mainTB {width:536px; border:1px solid #eaeaea;}

.qestRow1 {width: 536px;}

.qestRowChart {width: 530px; padding: 0px 0px 0px 14px;}

.qestRowChart2 {width: 530px; padding: 10px 0px 0px 14px;}

.qest1 {
	width: 536px;
	padding: 3px 3px 3px 6px;	
	background-color:#eaeaea;			
	font-family: Arial;
	color: #333333;
	font-size: 14px;	
}
.qest1BG {
	width: 536px;
	padding: 3px 3px 3px 6px;
	background-color:#e3f0fd;			
	font-family: Arial;
	color: #333333;
	font-size: 14px;
	font-weight:bold;	
}
.qest2 {
	width: 536px;
	padding: 3px 3px 3px 6px;
	background-color:#eaeaea;			
	font-family: Arial;
	color: #333333;
	font-size: 14px;	
}
.qest2BG {
	width: 536px;
	padding: 3px 3px 3px 6px;
	background-color:#e3f0fd;			
	font-family: Arial;
	color: #333333;
	font-size: 14px;
	font-weight:bold;	
}
.never1 {
	width: 70px;
	padding: 8px 3px 8px 3px;	
	float:left;	
	border-right:solid 1px #eaeaea;
	text-align:center;	
}
.never2 {
	width: 70px;
	padding: 8px 3px 8px 3px;	
	float:left;
	border-right:solid 1px #eaeaea;
	text-align:center;
}
.never3 {
	width: 70px;	
	padding: 8px 3px 8px 3px;
	float:left;	
	border-right:solid 1px #eaeaea;
	text-align:center;
}
.never4 {
	padding: 8px 3px 8px 3px;
	width: 70px;	
	float:left;	
	border-right:solid 1px #eaeaea;
	text-align:center;
}
.never5 {
	padding: 8px 3px 8px 3px;
	width: 70px;	
	float:left;	
	border-right:solid 1px #eaeaea;
	text-align:center;
}
.never6 {
	padding: 8px 3px 8px 3px;
	width: 70px;	
	float:left;	
	border-right:solid 1px #eaeaea;
	text-align:center;
}
.never7 {
	padding: 8px 3px 8px 3px;		
	width: 68px;
	float:left;	
	text-align:center;
}
.never1_1 {
	padding:3px;
	float:left;
	height:200px;
	border-bottom:solid 1px #000000;
	border-top:solid 0px #000000;
	border-right:solid 1px #000000;
	text-align:center;
}
.never2_2 {
	width:50px;
	padding:3px;
	float:left;
	height:200px;
	border-bottom:solid 1px #000000;
	border-top:solid 0px #000000;
	border-right:solid 1px #000000;
	text-align:center;
}
.never3_3 {
	width:50px;
	padding:3px;
	float:left;
	height:200px;
	border-bottom:solid 1px #000000;
	border-top:solid 0px #000000;
	border-right:solid 1px #000000;
	text-align:center;
}
.never4_4 {
	width:75px;
	padding:3px;
	float:left;
	height:200px;
	border-bottom:solid 1px #000000;
	border-top:solid 0px #000000;
	border-right:solid 1px #000000;
	text-align:center;
}
.never5_5 {
	width:50px;
	padding:3px;
	float:left;
	height:200px;
	border-bottom:solid 1px #000000;
	border-top:solid 0px #000000;
	border-right:solid 1px #000000;
	text-align:center;
}
.never6_6 {
	width:65px;
	padding:3px;
	float:left;
	height:200px;
	border-bottom:solid 1px #000000;
	border-top:solid 0px #000000;
	border-right:solid 1px #000000;
	text-align:center;
}
.never7_7 {
	width:50px;
	padding:3px;
	float:left;
	height:200px;
	border-bottom:solid 1px #0000ff;
	border-top:solid 0px #000000;
	border-right:solid 1px #000000;
	text-align:center;
}
.opt1 {
	background-color:#e3f0fd;
	padding:5px;
	width:536px;
	font-family: Arial;
	color: #333333;
	font-size: 14px;
	font-weight:bold;	
}
.ans1 {
	background-color:#eaeaea;
	padding:5px;
	width:536px;
}
@media print {
	#panelPrint
	{
		display:block;
		width:512px;
	}
	#btn_print
	{
		display:none;
	}
	.opt1
	{
		background-color:#b0b0b2;
		padding:5px;
		width:512px;
	}
	.ans1
	{
		background-color:#eeeeee;
		padding:5px;
		width:512px;
	}
	.leftNav
	{
		display:none;
	}
	.footer
	{
		display:none;
	}
	.rightNav
	{
		display:none;
	}
	.header
	{
		display:none;
	}
	a
	{
		display:none;
	}
}
/*classes for COPD Assessment end*/

div#homeMain { margin: 0; padding: 0;}
div#homeContent1 { margin: 80px 30px 0 385px; padding: 5px 0 0 0; font-size: 18px; color: #666666; width: 344px; text-align: right; line-height: 1.25em; }
div#homeContent2 { margin: 10px 30px 0 385px; font-size: 14px; color: #28282d; width: 344px; text-align: right;}
div#homeContent2 div { margin: 20px 0 20px 0; }
div#accessButton { width: 739px; text-align: right; margin: 0 35px 0 0; padding: 0;}

/*flash container for homepage*/
#flashMovieContainer{    
    filter: alpha(opacity=100);
     -moz-opacity: 1.00; 
     background-color:#EEE; 
     position:absolute; 
     top:160px; left:120px; 
     z-index: 90;
}
#fakeLightBox{    
    filter: alpha(opacity=55);
     -moz-opacity: .55; 
     background-color:#EEE; 
     position:absolute; 
     top:150px; left:110px; 
     z-index:80;
}
#turningPoint{
    width: 200px;
    height:40px;
    float: left;
    display:inline;
    font-size:14px;
    font-weight:bold;
    margin: 75px 0 0 50px;
    text-align:left;
}
#turningPoint a{
 color:#ffffff;
 text-decoration: underline;
 }
 #robert_callout{
   width:200px;
   height:148px;
   padding:0;
 }
 
.is-style-2 {margin: 40px 0 40px 60px;}
