/** Overwrite from core style sheets **/

	div.gateway #primary_content { width: 14.5em; margin: 0; }
	div.gateway #secondary_content { width: 29em; position: relative; }
	
	div.gateway div.rounded p { padding-top: 0.5em; }
	div.gateway div.rounded p.initial {  font-size: 0.7em; }
	
/** Content specific styles **/

	/* =type */

		div#primary_content div.rounded p.scores {
			float: right; width: 6.2em;
			margin-right: 0.7em;
		}
		
		ul#algorithm_list { line-height: 1.3em; padding-bottom: 5px; }
		ul#algorithm_list li { background-position: left 0.3em; margin-bottom: 4px; display: block; width: 10em; }
		
		div#primary_content div.rounded p.scores a {  margin-top: 0.8em; margin-right: 1em; background: #f3fbff url(../../../images/arrow.gif) 6.2em 1em no-repeat; display: block; width: 6.5em; padding: 0.4em; font-size: 0.8em; color: #000000; text-transform: lowercase; text-decoration: none; line-height: 1.1em;  }
		div#primary_content div.rounded p.scores a:focus, div#primary_content div.rounded p.scores a:hover { color: #FF0000; text-decoration: none; }

	/* =calculator */
	
		div.gateway #calculator { font-size: 0.7em; font-family: Verdana, Sans-Serif; z-index: 130; position: relative; }	
		div.gateway #calculator p { padding: 0; }
						
		div.gateway #calculator label { 
			position: relative; top: 5px; float: left;
			font-weight: bold; display: block; width: 19em; 
			text-indent: 0.8em;
		}
	
		div.gateway #calculator div#tc label,
		div.gateway #calculator div#hdl label {
			width: 13em;
		}
		
		div.gateway #calculator div#tc label span,
		div.gateway #calculator div#hdl label span {
			text-indent: 0.8em; font-weight: normal; display: block;
		}
		
		div.gateway #calculator div#tc input,
		div.gateway #calculator div#tc p.mean,
		div.gateway #calculator div#hdl input,
		div.gateway #calculator div#hdl p.mean {
			float: none; display: inline;
		}		
		
		div.gateway #calculator p.label {
			font-weight: bold; display: block; width: 19em; 
			float: left; font-size: 1em; top: 5px;
			margin: 0px; line-height: 1em; position: relative;
			text-indent: 0.8em;
		}
		
		div.gateway #calculator label.radio_label {
			display: inline; width: 2.5em; font-size: 0.8em;
			font-weight: normal; top: 7px; position: relative;
			text-align: center; text-indent: 0;
		}
		
		div.gateway #calculator input { display: block; width: 6em; float: left; }
		div.gateway #calculator input.radio { width: auto; position: relative; top: 1px; margin-left: 5px; }
		
		div.gateway #calculator p.toggle_notes { 
			float: right; position: relative; right: 1.5em; font-size: 1em; padding: 0; 
			background: #7f7f7f url(../../../images/icons/notes_lower.gif) bottom right no-repeat;
			position: relative; top: 1px; width: 5.1em; line-height: 1.9em;
		}
			
		div.gateway #calculator p.toggle_notes a { 
			display: block; width: 5.1em; text-transform: lowercase; 
			color: #FFFFFF; font-family: Arial, Sans-Serif; padding-top: 0px;
			text-decoration: none; text-indent: 6px; margin: 0px; position: relative;
			background:  url(../../../images/icons/notes.gif) top right no-repeat;
		}
		
		div.gateway #calculator p.mean {
			float: left; margin: 0; padding: 0; font-size: 0.9em;
			position: relative; top: 1px; left: 10px; width: 8em;
		}
		
		div.gateway #calculator p.mean a:hover, #calculator p.mean a:focus { text-decoration: none; } 
		
		div.gateway #calculator input.submit {
			font-family: Arial, Sans-Serif; position: relative; top: 15px;
			border: 0; font-size: 1.05em; color: #FFFFFF; font-weight: bold;
			text-transform: uppercase; float: right; margin-right: 10px;
			width: 130px; height: 30px; background: #FF0000 url(../../../images/icons/calculate.gif) no-repeat;
		}
		
		div.gateway #calculator input.submit_again {
			font-family: Arial, Sans-Serif; position: relative; bottom: -1em; right: 0.2em;
			border: 0; font-size: 1.05em; color: #FFFFFF; font-weight: bold;
			text-transform: uppercase; float: right; margin-right: 10px;
			width: 130px; height: 30px; background: #FF0000 url(../../../images/icons/calculate.gif) no-repeat;
		}
		
		div.gateway #calculator p a:hover, #calculator p a:focus, #calculator p a:active { text-decoration: underline; }

		/* =structure */
		
			div.gateway div.question_block { border-top: 1px solid #aeaeae; }
			
			div.gateway div.question { overflow: hidden; width: 100%; position: relative;  padding: 0.8em 0 0.8em 0; } 
			div.gateway div.expand { border-top: 1px dashed #aeaeae; position: relative; top: 1px; width: 100%; }
			div.gateway div.first-child { border: none; }
			
			span.sub { font-weight: bold; color: #FF0000; }
			div.gateway div#simd.question_block { border-top: 0; }
			div.gateway div#postcode.question_block div.expand { border: 0; }
			div.gateway div#simd.question_block div.expand { border: 0; }
			
			div.gateway div#postcode.question_block div.question { padding-bottom: 0.4em; }
			div.gateway div#simd.question_block div.question { padding-top: 0.4em; }
			
		/* =error */
		
			div.gateway #calculator p.error {
				border: 1px solid #818181; position: relative; width: 440px;
				background: #d4d4d4; padding: 4px 4px 6px 4px; margin: 14px 0px 10px 10px; 
				display: none; font-size: 0.9em; 
			}
			
			div.gateway #calculator p.error span.t {
				display: block; height: 10px; width: 450px; position: absolute; top: -10px; left: -1px;
				background: url(../../../images/assets/error_upper.png) no-repeat;
			}
			
			div.gateway #calculator p.error span.b {
				display: block; height: 3px; width: 450px; position: absolute; bottom: -3px; left: -1px;
				background: url(../../../images/assets/error_lower.png) no-repeat; line-height: 0.00em;
				font-size: 0.00em;
			}

		/* =notes */
			
			div.gateway #calculator p.notes {
				font-size: 1em; padding: 10px 17% 10px 3%; margin: 0;
				color: #FFFFFF; background: #7f7f7f; position: relative;
				display: block; width: 80%; 
			}
			
			div.gateway #calculator p.wide { padding-right: 3%; width: 95%; }
			
			div.gateway #calculator p.notes a.more_info {
				background: url(../../../images/icons/more_info.gif) no-repeat;
				height: 20px; width: 63px; display: block; text-indent: -9999px;
				position: absolute; right: 1em; bottom: 0.8em;
			}
			
			div.gateway #calculator p.notes a { color: #FFFFFF; }
			div.gateway #calculator p.notes a:hover, div.gateway #calculator p.notes a:focus {
				text-decoration: none;
			}
			
		/* =expand_both */
		
			div.gateway div.expand_both { border-top: 1px dashed #aeaeae; background: #7f7f7f; width: 100%; }
			div.gateway #calculator div.expand_both p.notes { padding-top: 0px; }
			
		/* =results */
		
			div.gateway div#results { position: relative; font-size: 1.2em; border-top: 1px solid #aeaeae; float: left; width: 100%; }
			div.gateway div#results h3 { background: #FF0000; color: #FFFFFF; font-size: 1.1em; line-height: 5em; text-indent: 1em; }
			div.gateway div#results h3 span { font-size: 2em; position: absolute; right: 1em; top: 0em; }
			div.gateway div#results p { margin-bottom: 10px; font-size: 0.9em; position: relative; left: 10px; padding: 0; }
			div.gateway div#results p.score { color: #FF0000; margin-top: 15px; width: 31em; }
			
			div.gateway div#results p#score_info { 
				position: absolute; font-size: 0.85em; padding: 0; left: auto; top: 8em;
				background: #7F7F7F url(../../../images/icons/notes_lower.gif) bottom right no-repeat;
				width: 5.1em; line-height: 1.9em; display: block; right: 1.5em;
				font-family: Verdana, Sans-Serif; 
			}
			
			div.gateway div#results p#score_info a { 
				display: block; width: 5.1em; text-transform: lowercase; 
				color: #FFFFFF; font-family: Arial, Sans-Serif; padding-top: 0px;
				text-decoration: none; text-indent: 6px; margin: 0px; position: relative;
				background:  url(../../../images/icons/notes.gif) top right no-repeat;
			}
			
			div.gateway div#results p#score_info a:hover,
			div.gateway div#results p#score_info a:focus 
			{ text-decoration: underline; }
			
		/* =heart_score */
		
			div.gateway div#primary_content div.rounded { margin-top: 125px;  }
					
			div.gateway h1#heart_score {
				position: absolute; top: -140px; padding: 0; margin: 0; left: 0.9em;
				text-indent: -9999px; height: 189px; width: 200px; border: none;
				background: url("../../../images/heart-dynamic.png") no-repeat;
			}
			
			div.gateway h1#heart_score span#bannerheart {
				background: url("../../../images/calculate-banner.png") no-repeat;
				display: block; position: absolute; width: 194px; height: 47px;
				top: 26px; left: 3px; margin: 0px; z-index: 120;
			}
			
			div.gateway h1#heart_score span#final {
				position: absolute; width: 200px; height: 129px;
				display: block; top: 0px; left: 0px; top: 0;
				background: url("../../../images/heart.png") no-repeat;
				text-indent: 0px; font-size: 4em; text-align: center;
				padding-top: 60px; color: #FFFFFF; font-weight: bold;
			}