/** general styles **/	
body{background:#676767;height:100%;font-family:Helvetica, Arial, sans-serif;font-size:12px;color:#464646;margin:0 auto;padding:0;}
h1,h2,h3,h4,h6,p{margin-bottom:1em;font-size:1em;}
h1,h2,h3,h4,h5,h6,html,p,th,td,.validate-summary ul{margin:0;padding:0;}
table{border-collapse:collapse;}
table tr td{border:0;}
img{border:0;}
sup,sub{line-height:0;}
form {margin:0;padding:0;}
p{margin:5px 0 1px;}
p, #content li {line-height:1.8em;}
br{line-height:1em;font-size:1em;}
.center{text-align:center;}
.noWrap,.noWrap *{white-space:nowrap;}
.hide{display:none;}
.scroll{overflow:auto;}
.clear,br{clear:both;}
.floatRight,#rightMenu{float:right;}
.red,.loginerror,.validate-summary ul{color:#711212;}
button , a.action{color:#711212;font-weight:bold;text-decoration:underline !important; border:0; background:#fff ; text-align:right; font-size:11px ; cursor:pointer}
.hr {height:1px;background:#676767;margin:5px 0;font-size:1px !important;}
.invisible {visibility:hidden;}

a{color:#676767;font-weight:bold;}
a:hover {color:#711212;}

h1{font-size:20px;}
h2 {color:#711212}
h3{font-size:14px; color:#711212; font-weight:bold}

/** layout **/
#layout{background:#fff;position:relative;width:770px;margin:5px auto;}
#header{bbbackground:url(/local/images/en/home/home_header.jpg) no-repeat #fff 0 0;width:770px;height:112px;}
#top_links{position:relative;top:91px;left:485px;width:200px;}
.home #top_links{top:52px;left:455px;}
#top_links a{text-decoration:none !important;font-weight:bold;}
.navigation{background:#711212;width:770px;margin-bottom:1px;}
#homelink {width:160px;height:50px;float:right;display:inline;margin:36px 10px 0 0;;}

.searchform {float:right;margin:10px 10px 0 0 ;display:inline;}
.searchform td {vertical-align:middle;}
.searchform label {color:#fff;font-size:10px;padding-right:10px;}
.searchform .searchField {width:100px;}


ul.topNav{float:left;margin:1px 0 0;padding:0;}
ul.topNav ul {background:#fff;margin:0;padding:0;}
ul.topNav li {list-style:none;margin:0;padding:0;}
ul.topNav li.item{background:url(/local/images/top_nav_separator.gif) no-repeat -7px 4px;float:left;padding:0 7px;}
ul.topNav li.item a{color:#fff;display:block;padding:14px 8px 9px; _padding-bottom:10px ;text-decoration:none;margin:2px 0 0px 0; }
ul.topNav li.first{background:0;}
ul.topNav li.item a:hover,ul.topNav li.hover a{background:#863535;}
ul.topNav li.item a.on {color:#ccc;}
ul.topNav li ul{display:none;margin:0;_margin:0px 0 0 0;position:absolute;width:210px;}
ul.topNav ul li.subitem a,ul.topNav ul li.first a{background:url(/local/images/subitem_separator.gif) repeat-x left top #e8d9d3 !important;color:#000 !important;display:block;font-size:10px;font-weight:normal;line-height:1.2em;margin:0 !important;padding:5px 0 3px 6px !important;}
ul.topNav ul li.subitem a:hover{color:#711212 !important;display:block;}
.show,ul li.hover ul,ul li:hover ul{display:block;}
ul.topNav li.first, ul.topNav ul li.first a,a.first{background-image:none !important;}

#fr ul.topNav a {font-size:12px;padding:4px 13px;}
#fr ul.topNav ul li.subitem a,ul.topNav ul li.first a{background:url(/local/images/subitem_separator.gif) repeat-x left top #e8d9d3 !important;color:#000 !important;display:block;font-size:10px;font-weight:normal;line-height:1.2em;margin:0 !important;padding:5px 0 3px 6px !important;}


.main {background:url(/local/images/content_backg.gif) repeat-y; width:770px;min-height:350px;_height:365px;}
.home .main {background-image:url(/local/images/content_backg_home.gif);}

#content{width:533px;float:left;padding:10px 20px;}
.home #content{width:446px !important;}
#rightMenu{background:#711212; padding:0 10px;width:177px;min-height:300px;_height:300px;float:left;}
.home #rightMenu{width:284px;padding:0;margin:0;}
#footer{background:#e8d9d3;height:31px;text-align:center;padding:13px 0;}

.nav,#footer .copyrite{margin:2px auto;}
#footer a,#top_links a{color:#711212;background:url(/local/images/footer_separator.gif) no-repeat left center;display:block;float:left;padding-left:13px;margin:-2px 2px;}
#footer a.text{margin-top:2px;}
#footer .copyrite{font-size:10px;}


/** home page **/
.home #rightMenu a{display:block;width:284px;padding:0px;}
.haveCOPD{background:url(/local/images/en/home/do_have_copd.jpg) no-repeat 0 0 #711212;height:101px;margin-top:10px;}
.questionsDoctors{background:url(/local/images/en/home/questions_doctors.jpg) no-repeat 0 0 #711212;height:94px;}
.spriometry{background:url(/local/images/en/home/spirometry.jpg) no-repeat 0 0 #711212;height:94px;}
.haveCOPD:hover{background-image:url(/local/images/en/home/do_have_copd_r.jpg);}
.questionsDoctors:hover{background-image:url(/local/images/en/home/questions_doctors_r.jpg);}
.spriometry:hover{background-image:url(/local/images/en/home/spirometry_r.jpg);}

.frhaveCOPD{background:url(/local/images/fr/home/do_have_copd.jpg) no-repeat 0 0 #711212;height:101px;margin-top:10px;}
.frquestionsDoctors{background:url(/local/images/fr/home/questions_doctors.jpg) no-repeat 0 0 #711212;height:94px;}
.frspriometry{background:url(/local/images/fr/home/spirometry.jpg) no-repeat 0 0 #711212;height:94px;}
.frhaveCOPD:hover{background-image:url(/local/images/fr/home/do_have_copd_r.jpg);}
.frquestionsDoctors:hover{background-image:url(/local/images/fr/home/questions_doctors_r.jpg);}
.frspriometry:hover{background-image:url(/local/images/fr/home/spirometry_r.jpg);}

/** right bar contents **/
div.board {text-align:left;width:160px;background:url(/local/images/board_bg.gif) repeat-y;margin:20px auto;padding:0;}
div.board p {line-height:1.4em;}
div.boardtop {background:url(/local/images/board_rt.gif) no-repeat right top;margin:0;padding:0;}
div.boardtopcorner {background:url(/local/images/board_lt.gif) no-repeat left top;margin:0;padding:0;}
div.boardbottom {background:url(/local/images/board_rb.gif) no-repeat right bottom;}
div.content {background:url(/local/images/board_lb.gif) no-repeat left bottom; font-size:14px;font-weight:bold;color:#FFF;padding:15px 12px 15px 12px;overflow:hidden;width:136px;line-height:1.4em;}
.rightList {position:relative;left:-12px;}


/** right page **/
div.right_container{width:160px;padding:22px 0 0 0;}
div.wboxtop{background-image:url(/local/images/calloutbox.gif);background-position:left top;background-repeat:no-repeat;width:180px;padding:10px 0 0 0; margin-left:5px}
div.wboxbottom{background-image:url(/local/images/calloutbox_bottom.gif);background-position:left bottom;background-repeat:no-repeat;width:155px;padding:0 10px 10px 15px;}
div.wboxbottom * {color:#fff}


#dhtmltooltip{position:absolute;left:-300px;width:150px;border:1px solid #000; color:#711212;background-color:#cccccc;visibility:hidden;z-index:100;filter:progid:DXImageTransform.Microsoft.Shadow(color=gray, direction=135);padding:2px 4px 5px;line-height:1.6em;}
#dhtmlpointer{position:absolute;left:-300px;z-index:101;visibility:hidden;}
a:link.glossaryLink{color:#676767;font-weight:bold;text-decoration:underline;}
a:visited.glossaryLink{color:#676767;font-weight:bold;text-decoration:underline;}
a:hover.glossaryLink{color:#711212;font-weight:bold;text-decoration:underline;}


/** forms **/
table.form {border-top:2px solid #711212; border-bottom:2px solid #711212}
table.form td { border-top:1px solid #986259;  border-right:1px solid #986259; padding:7px 10px;}
table.form td.odd {background: #986259; border-top:1px solid #fff ; color:#fff; }
.last {border-right:none !important}

table.form2 {border-top:2px; border-bottom:2px solid #711212}
table.form2 td { border-top:1px solid #986259;  border-right:0px; padding:7px 10px;}
table.form2 td.odd {background: #986259; border-top:1px solid #fff ; color:#fff;}
.last {border-right:none !important}

/** faq page **/
table.faq {margin-bottom:20px;}
table.faq tr td {border:1px solid #986259;padding:10px;}

/** ask dr. page **/
.drq a {color :#fff;}
.drq a:hover {color :#fff;}
.drq {color:#fff;}

/** login **/
table.login {margin-bottom:10px;}

/** test page **/
.qsDoctors {display:block;background:url(/local/images/en/aboutcopd/questions_doctors.jpg) no-repeat 0 0 #fff;height:78px;width:246px;}
.qsDoctors:hover{background-image:url(/local/images/en/aboutcopd/questions_doctors_r.jpg);}

/* page navigation */
.home .pagenavigation .next{float:right;width:100px;text-align:right;}
.home .pagenavigation{width:466px;padding:10px}
.home .pagenavigation .backtotop {margin:0 auto; text-align:center; width:160px;}
.pagenavigation{width:550px;padding:10px}
.pagenavigation ul {list-style:none;margin:0;padding:0;}
.pagenavigation .prev {float:left;width:150px;text-align:left;}
.pagenavigation .next {float:right;width:150px;text-align:right;}
.pagenavigation .backtotop {width:240px;text-align:center;}


/* buttons */
.haveCOPD1{background:url(/local/images/en/taking_control_of_your_copd/do_have_copd.jpg) no-repeat 0 0;display:block;height:101px;margin-top:10px;width:284px;}
.haveCOPD1:hover{background-image:url(/local/images/en/taking_control_of_your_copd/do_have_copd_r.jpg);}

.questionsDoctors1{background:url(/local/images/en/taking_control_of_your_copd/questions_doctors.jpg) no-repeat 0 0;display:block;height:94px;width:284px;}
.questionsDoctors1:hover{background-image:url(/local/images/en/taking_control_of_your_copd/questions_doctors_r.jpg);}

.frhaveCOPD1{background:url(/local/images/fr/taking_control_of_your_copd/do_have_copd.jpg) no-repeat 0 0;display:block;height:101px;margin-top:10px;width:284px;}
.frhaveCOPD1:hover{background-image:url(/local/images/fr/taking_control_of_your_copd/do_have_copd_r.jpg);}

.frquestionsDoctors1{background:url(/local/images/fr/taking_control_of_your_copd/questions_doctors.jpg) no-repeat 0 0;display:block;height:94px;width:284px;}
.frquestionsDoctors1:hover{background-image:url(/local/images/fr/taking_control_of_your_copd/questions_doctors_r.jpg);}

#fr .questionsDoctors1 {background:url(/local/images/fr/taking_control_of_your_copd/questions_doctors.jpg) no-repeat 0 0;display:block;height:94px;width:284px;}
#fr .questionsDoctors1:hover{background-image:url(/local/images/fr/taking_control_of_your_copd/questions_doctors_r.jpg);}

.search-result {margin:0 0 10px 0;}
.search-sample b {background:yellow;}

#text_resizer_container{padding:10px 0px 0px 20px;}
#text_resizer_container label{cursor:pointer; font-weight:bold; color:#711212;}
#icon_normal{font-size:10pt;}
#icon_large{font-size:16pt;}
#icon_larger{font-size:20pt;}
.active{text-decoration:underline;}

.cc_normal div, 
.cc_normal td, 
.cc_normal td.odd,
.cc_normal p, 
.cc_normal h2, 
.cc_normal h3, 
.cc_normal li, 
.cc_normal strong, 
.cc_normal a,
.cc_normal b,
.cc_normal span,
.cc_normal input{
	font-size:12px;
}
.cc_large div, 
.cc_large td, 
.cc_large td.odd,
.cc_large p, 
.cc_large h2, 
.cc_large h3, 
.cc_large li,
.cc_large strong, 
.cc_large a,
.cc_large b,
.cc_large span,
.cc_large input{
	font-size:16px;
}
.cc_larger div, 
.cc_larger td,
.cc_larger td.odd,
.cc_larger p, 
.cc_larger h2, 
.cc_larger h3,
.cc_larger li, 
.cc_larger strong, 
.cc_larger a,
.cc_larger b,
.cc_larger span,
.cc_larger input{
	font-size:20px;
}

.cc_normal h1{font-size:20px;}
.cc_large h1{font-size:26px;}
.cc_larger h1{font-size:30px;}

table.gloss td {
	vertical-align:top;
	width:33%;
	padding:0px 2px 0px 2px;
}