/* 
-------------------------------------------------------------------
British Heart Foundation stylesheet: global styles
-------------------------------------------------------------------
*/

/* Body, wrapper, general formatting
--------------------------------------------------------------------------
*/

/*  body { font: 62.5% "Verdana", sans-serif; text-align: center; background: #ffffff; }  Replaced in fonts.css */   
#wrapper { width: 97.5em; margin: 0 auto; text-align: left; }

a { color: #369; }
a:hover { text-decoration: none; }

a img { border: 0; }
img.floatLeft { margin: 0 1em 0 0; float: left; }
img.floatRight { margin: 0 0 0 1em; float: right; }

.alignright { text-align: right; }

form { margin: 0; padding: 0; border: 0; }
/* input, button, textarea, select { font-family: "Verdana", sans-serif; }  */


/* Border images
--------------------------------------------------------------------------
*/

.bordertopleft { background: url('../../../../images/layout/border-topleft.gif') top left no-repeat; }
.bordertopright { background: url('../../../../images/layout/border-topright.gif') top right no-repeat; }
.borderbotleft { background: url('../../../../images/layout/border-botleft.gif') bottom left no-repeat; }
.borderbotright { background: url('../../../../images/layout/border-botright.gif') right bottom no-repeat; }

#maincontent .bordertopleft { background: url('../../../../images/layout/smlborder-topleft.gif') top left no-repeat; }
#maincontent .bordertopright { background: url('../../../../images/layout/smlborder-topright.gif') top right no-repeat; }
#maincontent .borderbotleft { background: url('../../../../images/layout/smlborder-botleft.gif') bottom left no-repeat; }
#maincontent .borderbotright { background: url('../../../../images/layout/smlborder-botright.gif') right bottom no-repeat; }

#maincontent .border30wrapper { background: url('../../../../images/layout/thirthaday-bg.jpg') no-repeat bottom left #112a69; }
#maincontent .bordertopleft30 { background: url('../../../../images/layout/smlborder-topleft30.gif') top left no-repeat; }
#maincontent .bordertopright30 { background: url('../../../../images/layout/smlborder-topright30.gif') top right no-repeat; }
#maincontent .borderbotleft30 { background: url('../../../../images/layout/smlborder-botleft30.gif') bottom left no-repeat; }
#maincontent .borderbotright30 { padding-bottom: 1.75em; background: url('../../../../images/layout/smlborder-botright30.gif') right bottom no-repeat; }

#maincontent .border30intwrapper { background: #f8f8f8; margin: 2.25em 0 0 2em; float: left; width: 52em; display: inline; }
#maincontent .bordertopleft30int { background: url('../../../../images/layout/smlborder-topleft30int.jpg') top left no-repeat; }
#maincontent .bordertopright30int { background: url('../../../../images/layout/smlborder-topright30.jpg') top right no-repeat; }
#maincontent .borderbotleft30int { background: url('../../../../images/layout/smlborder-botleft30.jpg') bottom left no-repeat; }

#maincontent .borderbotright30why { background: url('../../../../images/layout/smlborder-botrightClock.jpg') right bottom no-repeat; }
#maincontent .borderbotright30challenge { background: url('../../../../images/layout/smlborder-botrightYoga.jpg') right bottom no-repeat; }
#maincontent .borderbotright30moving { background: url('../../../../images/layout/smlborder-botrightTrainers.jpg') right bottom no-repeat; }
#maincontent .borderbotright30blog { background: url('../../../../images/layout/smlborder-botrightBlog.jpg') right bottom no-repeat; }
#maincontent .borderbotright30keep { background: url('../../../../images/layout/smlborder-botrightVeg.jpg') right bottom no-repeat; }
#maincontent .borderbotright30behind { background: url('../../../../images/layout/smlborder-botrightPen.jpg') right bottom no-repeat; }
#maincontent .borderbotright30action { background: url('../../../../images/layout/smlborder-botrightPack.jpg') right bottom no-repeat; }
#maincontent .borderbotright30about { background: url('../../../../images/layout/smlborder-botrightWashCar.jpg') right bottom no-repeat; }
#maincontent .borderbotright30blank { background: url('../../../../images/layout/smlborder-botrightblank.jpg') right bottom no-repeat; }


.smlbordertopleft { background: url('../../../../images/layout/smlborder-topleft.gif') top left no-repeat; }
.smlbordertopright { background: url('../../../../images/layout/smlborder-topright.gif') top right no-repeat; }
.smlborderbotleft { background: url('../../../../images/layout/smlborder-botleft.gif') bottom left no-repeat; }
.smlborderbotright { background: url('../../../../images/layout/smlborder-botright.gif') right bottom no-repeat; }

.borderleft { background: url('../../../../images/layout/border-left.gif') repeat-y scroll top left; }
.borderright { background: url('../../../../images/layout/border-right.gif') repeat-y scroll top right; }
.bordertop { background: url('../../../../images/layout/border-top.gif') repeat-x scroll top left; }
.borderbot { background: url('../../../../images/layout/border-bot.gif') repeat-x scroll bottom left; }

.borderleft-long { background: url('../../../../images/layout/smlborder-left.gif') repeat-y scroll top left; }
.borderright-long { background: url('../../../../images/layout/smlborder-right.gif') repeat-y scroll top right; }

.bordertopRed { background: url('../../../../images/layout/border-top-red.gif') repeat-x scroll top left; }
.borderbottomRed { background: url('../../../../images/layout/border-bottom-red.gif') repeat-x scroll bottom left; }
.borderleftRed { background: url('../../../../images/layout/border-left-red.gif') repeat-y scroll top left; }
.borderrightRed { background: url('../../../../images/layout/border-right-red.gif') repeat-y scroll top right; }

.bordertopleftRed { background: url('../../../../images/layout/border-topleft-red.gif') no-repeat scroll top left; }
.bordertoprightRed { background: url('../../../../images/layout/border-topright-red.gif') no-repeat scroll top right; }
.borderbottomleftRed { background: url('../../../../images/layout/border-bottomleft-red.gif') no-repeat scroll bottom left; }
.borderbottomrightRed { background: url('../../../../images/layout/border-bottomright-red.gif') no-repeat scroll bottom right; }

.featureimg { width: 31.4em; height: 17.4em; margin: 0 0 1em 0; vertical-align: bottom; }

.feature .bordertopleftRed { background: url('../../../../images/layout/border-topleft-red-feat.gif') no-repeat scroll top left; }
.feature .bordertoprightRed { background: url('../../../../images/layout/border-topright-red-feat.gif') no-repeat scroll top right; }
.feature .borderleftRed { background: url('../../../../images/layout/border-left-red-feat.gif') repeat-y scroll top left; }
.feature .borderrightRed { background: url('../../../../images/layout/border-right-red-feat.gif') repeat-y scroll top right; }
.feature .bordertopRed { background: url('../../../../images/layout/border-top-red-feat.gif') repeat-x scroll top left; }

/* Global top nav
--------------------------------------------------------------------------
*/

#topbar { width: 97em;}
#topbar ul { float: left;display: inline; margin: 0 .4em 0 .2em; padding: 0 0 1.5em 0; list-style: none; border-right: 1px solid #c1c1c1; line-height: 1.5em; }
#topbar ul li { float: left; padding: 0 0 0 0; border-right: 2px solid #cbcbcb; margin:0; display: inline;}
#topbar ul li.last { border: 0; padding:0;}
#topbar ul li a { font-size: 1.1em; padding: 0 .6em 0 .6em; }
#topbar div.form { float: right; display:inline; border-right: 1px solid #cbcbcb; padding: 0 5px 1em .2em;}

#topbar form, #topbar form p { display:inline; }
#topbar form input { vertical-align:top;width: 10em; border: 1px solid #d6d6d6; font-size: 1em; margin-right:.5em;margin-top:.2em;}
#topbar form input.submit { vertical-align: bottom;width: 4.5em; height: 2em; border: 0; }
#topbar form label { text-transform: uppercase; padding: .3em .2em 0 0; float: left; }


#topbar .form, #topbar form p { display:inline; }
#topbar .form input { vertical-align:top;width: 10em; border: 1px solid #d6d6d6; font-size: 1em; margin-right:.5em;margin-top:.2em;}
#topbar .form input.submit { vertical-align: bottom;width: 4.5em; height: 2em; border: 0; }
#topbar .form label { text-transform: uppercase; padding: .3em .2em 0 0; float: left; }



#topbar .presscentre img { vertical-align:middle;width: 10.7em; height: 2.0em; margin: 0 0 0 1em; float: left; }
#topbar .bordertop { background-color: #ececec; }
#topbar .bordertopright { padding: 1.5em 0 0 1.2em; }
#topbar .right {float: right;}


/* Footer
--------------------------------------------------------------------------
*/

#footer { width: 97em; }
#footer ul { margin: 5px 0; padding: 0; list-style: none; }
#footer ul li { font-size:1.1em;padding: 0 4px 0 2px; border-right: 1px solid #d5d5d5; }
#footer ul li.last { border: 0; }
#footer .left { float: left;width: 55%; }
#footer .left ul li { display: inline; }
#footer ul.right { text-align: right; float: right;width: 45%; }
#footer ul.right li { border: 0; padding: 0 0 3px 0; }
#footer img { float: left;margin-top: -5px; }

/* Clear fixes
--------------------------------------------------------------------------
*/

.clearfix:after,
.formLayout dl:after,
ul.inpage-links:after,
ul.inpage-links2:after,
dl.step:after,
#wrapper ul.formBtns:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



.noshow { display: none; }

.clearfix {display: inline-block;}
.immEditableAreaFix { width: 50em !important; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*\*//*/
/**/
.clear
{
	 clear: both;
	 float: none;
}

.hr{
	color:#d1cbc4;
	background-color:#d1cbc4;
	 clear:both;
	height:1px;
	margin-top:10px;
	margin-bottom:15px;
}

.hidden,
.formLayout .hidden {
	position: absolute; 
	text-indent: -9999px; 
	padding:0; 
	margin:0; 
	height: 1px; 
	line-height: 1px;
}

.clearer {clear:both; height: 1px; line-height: 1px}

/* headers */
.heading1, h1 {margin: 0 0 1em 0; font-size: 1.6em; color: #e61a2d;}
.heading2, h2 {margin: 0 0 .5em 0; font-size: 1.3em; font-weight: bold; color: #e72335;}
.heading3, h3 {margin: 0 0 .5em 0; font-size: 1.3em; font-weight: normal; color: #e72335;}
.heading4, h4 {margin: 0 0 .5em 0; font-size: 1.0em; font-weight: bold; color: #e72335;}

div.imagebox_right
{
	width: 41%;
	float: right;
}

/* Sitemap */

div.sitmp0
{
	margin-top: 2em;
	padding-top: 2em;
	width: 100%;
	clear: both;
	border-top: 1px solid #336A9A;
	float: left;
}

div.sitmp1
{
	margin-top: 2em;
	padding-left: 2em;
	width: 100%;
	float: left;
}

div.sitmp2
{
	padding-left: 4em;
	width: 43%;
	float: left;
}

#maincontent div.longlist div.bordertopleft { background: url('../../../../images/layout/border-topleft.gif') top left no-repeat; }
#maincontent div.longlist div.bordertopright { background: url('../../../../images/layout/border-topright-long.gif') top right no-repeat; }
#maincontent div.longlist div.borderbotleft { background: url('../../../../images/layout/border-botleft-long.gif') bottom left no-repeat; }
#maincontent div.longlist div.borderbotright { background: url('../../../../images/layout/border-botright.gif') right bottom no-repeat; }

.border30hp { position: relative; color: #ffffff; }
.border30hp ul { margin: 0 0 0 43%; width: 55%; padding: 2em 0 0 0; }
.border30hp ul li { margin: 0em; padding: 0em; list-style: none; float: left; font-size: 91%; }
.border30hp ul li.fltRight { margin: 0 0 0.5em 1em; }
.border30hp ul li a { /*width: 175px; height: 84px; display: block;*/ }
.border30hp .header30 { float: left !important; width: 100% !important; background: url('../../../../images/layout/30aday-title-bg.jpg') repeat-y top left #d72138 !important; margin-top: 0.5em !important; }
.border30hp h1 { font-size: 100% !important; background: url('../../../../images/layout/30aday-title-right.jpg') repeat-y top right !important; margin: 0em !important; padding: 1.25em 0 1em 0 !important; }
.border30hp h1 img { margin: 0 0 0 35em !important; padding: 0em !important; } 
.border30hp div.animation { position: absolute; top: 2em !important; left: 2em !important; }
* html .border30hp div.animation { left:-32.5em !important; top: 1em !important; }
.border30hp div.textwrapper{ margin: 0 0 0 43% !important; width: 55% !important; color: #ffffff !important; clear: both !important; min-height: 8.5em !important;}
* html .border30hp div.textwrapper{ height: 8.5em;}
.border30hp p { font-size: 120% !important; line-height: 130% !important; margin:0 !important; padding: 1em 0 0.5em 0 !important; color: #ffffff !important; }

.border30 ul.right-nav { margin: 0 1em 0 0; padding: 2em 0 1.5em 0; float: right; display: inline; }
.border30 ul.right-nav li { margin: 0; padding: 0 0 0.5em 0; font-size: 91%; list-style: none; }

.internalPageFix { width: 1px; height: 32em; float: left; }
.internalPage { float: left; width: 99% }

ul.right-nav li { position: relative; }
ul.right-nav li img { position: absolute; top: 0em; left: 0em; }
ul.right-nav li a { width: 21.2em; height: 3.9em; display: block; }
ul.right-nav li a:hover img.off { display: none; }
ul.right-nav li a:hover { background: url('../../../../images/layout/nav-trans.gif') repeat top left; }

.border30int div#rightCol { float: right; width: 34%; padding-top: 1em; }
.border30int div#leftCol { float: left; width: 64%; padding-top: 1em; }
.border30int form, .border30int div.form { margin: 0em; padding: 0em; }
.border30int .row { float: left; width: 100%; margin-bottom: 0.5em; }

.border30int { font-size: 120%; }
.internalPage{ font-size: 100%; } /* AC - Added to fix wysiwyg font size */
.border30int h1 { padding: 1em 1em 0 1em; margin: 0em; }
.border30int h2 { padding: 1em 1em 0 1.25em; margin: 0em; }
.border30int h3 { padding: 1em 1em 0 1.5em; margin: 0em; font-size:1.2em;}
.border30int h4 { padding: 1em 1em 0 1.8em; margin: 0em; font-size:1em; }
.border30int p { padding: 1em 1.75em 0 1.75em; margin: 0em; }

.border30int label { float: left; width: 50%; }
.border30int input {  }
.border30int input.text { float: left; width: 47%; border: 1px solid #d6d6d6; }
.border30int select { float: left; width: 48.5%; }

/* updates wk 17 04 07 */
.border30int textarea { float: left; width: 47%; border: 1px solid #d6d6d6; font-size: 100%; }
/* updates wk 17 04 07 */

.border30int textarea { float: left; width: 47%; border: 1px solid #d6d6d6; }
.border30int label span { color: #e61a2d; }
.border30int span.asterisk { color: #e61a2d; }

.border30int #leftCol h2 { padding: 1em 0 0.5em 1.25em; margin: 0em; }
.border30int #leftCol p { padding: 1em 1.75em 0 1.75em; margin: 0em; }
.border30int #leftCol form, .border30int #leftCol div.form { padding-left: 1.75em; margin-top: 1em; }
.border30int #leftCol .button { float: right; margin: 0 0.5em 1em 0; }
.border30int #leftCol .label { width: 12em; margin-left: 1.75em; }
.border30int #rightCol h2 { padding: 1em 0 0.5em 0; margin: 0em; }
.border30int #rightCol ul { width: 99%; margin: 0 0 1em 0; padding: 1em 0 0 0; font-size: 120%; }
.border30int #rightCol ul li { margin: 0 0 0.25em 0; padding: 0em; list-style: none; }
.border30int .fakeForm { padding-left: 1.75em; margin-top: 1em; }

.border30int #twoCol { clear: both; float: left; width: 100%; margin-top: 1em; }
.border30int #twoCol .oneCol { width: 45%; float: left; margin-left: 1.75em; display: inline; }
.border30int #twoCol .twoCol { width: 45%; float: right; }
.border30int #twoCol .row .oneCol span,
.border30int #twoCol .row .twoCol span { float: right; margin-right: 0.25em; font-weight: bold; }
* html .border30int #twoCol .row .oneCol span,
* html .border30int #twoCol .row .twoCol span { float: right; margin-right: 1em; }
.border30int #twoCol .row label { margin-left: 1.75em; width: 50%; font-size: 1em !important; }
.border30int #twoCol .row .oneCol label, 
.border30int #twoCol .row .twoCol label { margin-left: 0em; width: 75%; }
.border30int #twoCol p { padding-bottom: 1em; }
.border30int #twoCol label.smallText { width: 12em !important; }
.border30int #twoCol input.smallText { float: right; width: 6em; border: 1px solid #d6d6d6; }
.border30int #twoCol label.largeText { width: 4em !important; }
.border30int #twoCol input.largeText { float: right; width: 11em; border: 1px solid #d6d6d6; margin-right: 1.25em; display: inline; }
.border30int #sevenCol { clear: both; float: left; width: 100%; margin-top: 1em; }
.border30int #sevenCol .row { }
.border30int #sevenCol .oneCol { width: 22%; float: left; margin-left: 1.75em; display: inline; padding-top: 0.25em; }
.border30int #sevenCol .oneCol label { width: 100%; } 
.border30int #sevenCol .twoCol, 
.border30int #sevenCol .threeCol,
.border30int #sevenCol .fourCol,
.border30int #sevenCol .fiveCol,
.border30int #sevenCol .sixCol,
.border30int #sevenCol .sevenCol { width: 12%; float: left; display: inline; }
.border30int #sevenCol .twoCol span, 
.border30int #sevenCol .threeCol span, 
.border30int #sevenCol .fourCol span, 
.border30int #sevenCol .fiveCol span, 
.border30int #sevenCol .sixCol span { margin-left: 1.25em; font-weight: bold; }
.border30int #sevenCol .sevenCol span { margin-left: -0.25em; font-weight: bold; }
.border30int #sevenCol input.smallText { width: 4.5em; border: 1px solid #d6d6d6; }
* html .border30int #sevenCol input.smallText { width: 4em; }
.border30int #sevenCol label.hide { position: absolute; top: -99em; left: -99em; }

.border30int .flabel { margin-left: 1.75em; width: 50%; height: 1px; float: left; display: inline; }
.border30int .flabel-alt { width: 28.5%; height: 1px; float: left; display: inline; }
* html .border30int .flabel-alt { width: 27%;}
.border30int span.dash { float: left; padding-left: 0.15em; padding-right: 0.25em; display: inline; }

/* updates wk 17 04 07 */
.border30int .row .fielddropSmll { width: 6.5em; margin-right: 0em; padding-right: 0em; }
* html .border30int .row .fielddropSmll { width: 5em; }
/* updates wk 17 04 07 */

.border30int .ext-pad { margin-left: 1.75em; display: inline; width: 90%; }
.border30int .ext-pad label { width: 55%; }

.border30int .score { float: left; margin-bottom: 1em; width: 100%; }
.border30int .score p { float: right; width: 70%; padding-left: 0.5em; padding-right: 0.5em; }
.border30int .score p.points { float: left; width: 20%; text-align: center; font-size: 300%; font-weight: bold; padding-top: 0.5em; }
.border30int .score p.points span { display: block; font-size: 50%; }
.border30int p.points span { font-weight: bold; margin-left: 1em; font-size: 120%; } 
.border30int .short-para { width: 70%; }

.flt-left { float: left; }
.flt-right { float: right; }
.flt-right-pad { float: right; padding-right:0.6em; }

.footer-button { float: left; margin-top: 1em; padding-bottom: 1em; }
.footer-button input { margin-top: 0.75em; margin-right: 1em; }

.breadcrumb { float: left; clear: both; margin: 1.25em 0 0 1.75em; }
.breadcrumb ul { float: left; margin: 0em; padding: 0em; }
.breadcrumb ul li { float: left; margin: 0em; padding: 0 0.5em 0 0 !important;  }
.breadcrumb ul li span { color: #666; font-weight: normal; }
.breadcrumb ul li.on { font-weight: bold; }

.breadcrumb { float: right; margin-top: 1em; color: #369; }
.breadcrumb span { font-weight: bold; }

/* updates wk 17 04 07 */
.border30int div.internalPage table { background: #eaeaea; border: 1px solid #adadad; float: right; width: 35% !important; margin-left: 1.5em !important; margin-right: 1em !important; padding-left: 0.5em; }
.ImmControlAlign_Right{ clear: none; }
#maincontent table td { border: none; }
/* updates wk 17 04 07 */
.border30int table h2 { margin: 0 0 1em 0; padding: 0em; }
.border30int table h3 { margin: 0 0 1em 0; padding: 0em; }
.border30int table h4 { margin: 0 0 1em 0; padding: 0em; }
.border30int table p { margin: 0 0 1em 0; padding: 0em; }


.border30int div.error { color:red; font-weight:bold; margin:1em 2em; }

div#error-message {
	margin: 1em 0 1.25em 0;
}

div#error-message div#error-message-inner {
	border: 2px solid #e00000;
	padding: 0.5em 0.5em 0 0.5em;
}
	
div#error-message h3,
div.warningMessage h3 {
	margin: 0 0 1em 0;
	padding: 0.25em 0 0.25em 27px; /* extra padding to display image */
	background: url('../../../../images/layout/icon-error-marker.gif') no-repeat 0% 50%;
	color: #e00000;
	font-size: 110%;
	font-weight: bold;
}

div.warningMessage {
	border: 3px solid #c00;
	padding: 6px 6px 0 6px;
	}

div.warningMessage p,
div.warningMessage p a {
	color:#c00 !important;
	}

div#error-message p {
	color: #e00000;
}

div#error-message ul {
	margin:0 0 0.5em 1.5em;
	padding:0;
}

div#error-message ul li {
	margin-left:36px;
}

div#error-message ul li ul {
	margin: 0.1em 0 0.5em 0 !important;
}
	
div#error-message ul li {
	list-style-image: url('../../../../images/layout/icon-error-bullet.gif');
	padding: 0 0 0.25em 0;
	color: #e00000;
}

div#error-message ul li ul li { font-size: 0.85em; }
	
div#error-message ul li label {
	text-decoration: underline;
	cursor: pointer;
}

.featured-searches { margin: 1em 0; }
.featured-searches ul li { display: block; float: left; width: 15em; margin: 0.4em 0; }