﻿/* GLOBALS */

body
{
	font-size: 0.8em;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	background-color: White;
	margin: 0;
	line-height: normal;
}
table
{
	border-collapse: collapse;
}
table tr td
{
	vertical-align: top;
	font-size: 1em;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
}
h1, h2, h3
{
	font-weight: bold;
}
h3
{
	margin: 0;
	margin-bottom: 0.25em;
	padding: 0;
	font-size: 1em;
}
a,
a:visited
{
	color: Black;
}
p
{
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
	line-height: normal;
}
p input
{
	vertical-align: middle;
}
img
{
	border: none;
}

ul
{
	margin-bottom: 1em;
	list-style-type: disc;
	list-style-position: outside;
}
ul li
{
	margin-left: 3em;
	margin-bottom: 0.25em;
	line-height: normal;
}

h2.title
{
	margin: 0;
	padding: 0;
	color: Red;
	font-size: 1.3em;
}

h2.title-white
{
	color: White;
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
h2.title-white-expand
{
	color: White;
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
h2.title-white .inner,
h2.title-white-expand .inner
{
	padding: 0;
}
h2.title-white-expand .inner
{
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}
h2.title-white-expand span
{
	font-size: 0.9em;
	font-weight: normal;
	color: White;
}
h2.title-white-expand a
{
	color: White;
	text-decoration: none;
	padding: 9.5px 0;
	padding-left: 35px;
	display: block;
}
h2.title-white span
{
	padding: 9.5px 0;
	padding-left: 20px;
	display: block;
}

h3.title
{
	margin-bottom: 0.25em;
	padding: 0;
	color: Red;
	font-size: 1.1em;
}

div.line
{
	background-color: Red;
	height: 1px !important;
	font-size: 1px !important;
	margin: 10px 0 !important;
}
.disabled
{
	background-color: #eee;
}
/* END GLOBALS */


/* HELPERS */
ul.nolist { list-style: none; }
.nopad
{
	margin: 0;
	padding: 0;
}
.hidden { display: none; }
.error { color: Red; }

.clr-left, .clr-both, .clr-right { height: 0; font-size: 0; }
.clr-left { clear: left; }
.clr-both { clear: both; }
.clr-right { clear: right; }

.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }
/* END HELPERS */


table.bordered td
{
	border: solid 1px #ccc;
}
table.bordered table td
{
	border: none;
}




.smalltext
{
	font-size: 10px;
	font-weight: normal;
}



/* TARIFF */
table.tariff tr td p
{
	margin-bottom: 0.25em;
}
table.tariff tr td p.desc
{
	margin-left: 1em;
}
table.tariff tr.total td p
{
	font-weight: bold;
	font-size: 1.1em;
}
/* END TARIFF */

/* FORMS */

p.field input,
p.submit input,
p.field select,
p.submit select
{
	border: solid 1px #ccc;
}


p.submit
{
	text-align: right;
	margin-right: 2em;
}
p.submit-centre
{
	text-align: center;
	margin-right: 0;
}
p.submit input,
p.submit-centre input
{
	margin-top: 1em;
}

p.field
{
	margin: 0;
	clear: left;
	min-height: 20px;
	padding: 0.25em 0;
}
p.field input
{
	width: 15em;
}
p.field .label,
p.field label
{
	float: left;
	margin-right: 1em;
	width: 8em;
	text-align: right;
}
p.field label
{
	display: block;
}
p.field label.multi
{
	width: auto;
	margin-right: 1em;
}
p.field img
{
	vertical-align: middle;
}

p.slim label,
p.slim .label
{
	width: 6em;
}
p.slim input
{
	width: auto;
}

p.wide label,
p.wide .label
{
	width: 17em;
}

p.radio
{
	clear: left;
	padding: 0.25em 0;
}
p.radio input
{
	float: left;
	margin-right: 0.5em;
	margin-top: 0.5em;
	width: auto !important;
}
p.radio label
{
	float: left;
	margin-top: 0.25em;
	margin-right: 1em;
	width: auto;
}

p.cb
{
	margin-bottom: 1em !important;
}
p.cb input
{
	width: auto;
}

input.date
{
	width: 6em;
}

input.example,
.example-text
{
	color: #ccc !important;
}

.required
{
	color: Red;
	padding-top: 0.3em;
	margin-right: 0.5em;
}

/* Removes the border from checkbox and radio inputs */
p.cb input,
p.radio input
{
	border: 0;
}
/* END FORMS */



/* TERMS */
table.terms
{
	margin: 0 2em;
	margin-bottom: 1em;
	width: auto;
	background-color: #FFFFCD;
}
/* END TERMS */



/* PROGRESS */
div.progress
{
	display: none;
	/*border: solid 1px #2388BF;
	background-color: #CFEEFF;*/
	border: solid 1px #ff6161;
	background-color: #ffe7e7; 
	padding: 0.5em 1em;
	margin: 0 auto;
	margin-top: 2em;
	width: 50%;
}
/* END PROGRESS */


/* HELP */
.help
{
	border: solid 1px black;
	background-color: #e3eaeb;
	padding: 0.25em 0.5em;
	position: absolute;
	display: none;
	width: 200px;
}
.help p
{
	margin: 0;
	padding: 0;
}

p img.help
{
	margin: 0 0.25em;
}
/* END HELP */




/* STRIPEY */
table.stripey
{
	width: 100%;
	background-color: #efefef;
	margin-bottom: 1em;
}
table.stripey tr.alt
{
	background-color: #d2d2d2;
}
table.stripey tr th
{
	font-weight: bold;
}
table.stripey tr th,
table.stripey tr td
{
	padding: 0.25em;
	vertical-align: middle;
}
/* END STRIPEY */


/* BUILD PROFILE */
.important
{
	font-weight: bold;
}
.red
{
	color: Red;
	font-size: 1.1em;
	font-weight: bold;
}

.panel a.help
{
	display: block;
}
.help-detail
{
	padding: 1em;
	display: block;
	border: solid 1px black;
	background-color: #d2d2d2;
}
.content
{
	padding: 0 1em;
}

.panel
{
	background-color: #efefef;
	padding: 0.25em;
	margin-bottom: 1em !important;
}
.right-pic
{
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

input.weight
{
	width: 5em;
}
/* END BUILD PROFILE */




/* JQUERY OVERRIDES */
.ui-widget { font-size: 1em !important; }
/* END JQUERY OVERRIDES */



/* BASE OVERRIDES AND UPDATES */
div#masthead-no-login
{
	margin: 0 auto;
	float: none !important;
	width: auto;	/* DO NOT CHANGE THIS OR IE7 WILL HAVE A MELTDOWN */
}
a#home-link
{
	float: none !important;
	margin-bottom: 0.5em;
}
input.submit-button,
input.submit-button-125,
input.submit-button-175,
input.submit-button-red,
input.submit-button-red-slim,
input.submit-button-green
{
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	color: white;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	border: 0 !important;
	font-size: 12px;
}

input.submit-button
{
	background-color: #C60035;
	background-image: url(../../images/new_nav/log-in.jpg);
	width: 61px;
	height: 20px;
}
input.submit-button-125
{
	background-color: #C60035;
	background-image: url(../../images/new_nav/log-in-125.jpg);
	width: 125px;
	height: 20px;
}
input.submit-button-175
{
	background-color: #C60035;
	background-image: url(../../images/new_nav/log-in-175.jpg);
	width: 175px;
	height: 20px;
}


input.submit-button-red,
input.submit-button-red-slim,
input.submit-button-green
{
	text-align: left;
	font-size: 1em;
	padding-left: 25px;
}

input.submit-button-red
{
	background-color: #ae0210;
	background-image: url(../images/red-arrow-button.gif);
	width: 101px;
	height: 33px;
}
input.submit-button-red-slim
{
	background-color: #ae0210;
	background-image: url(../images/red-arrow-button-slim.gif);
	width: 70px;
	height: 33px;
}
input.submit-button-green
{
	background-color: #007f1b;
	background-image: url(../images/green-arrow-button.gif);
	width: 101px;
	height: 33px;
}

.masthead-no-login a
{
	float: none;
}
/* END BASE OVERRIDES AND UPDATES */



/* START OF NEW STYLES */
.bronze
{
	color: #914A00;
}
.silver
{
	color: #838C91;
}
.gold
{
	color: #D08600;
}

.hidden-indent
{
	position: absolute;
	text-indent: -5000px;
}

/* A banner with the offer replacement in */
.special-offer-banner
{
	height: 104px !important;
	background-color: #a30015;
}
.special-offer-banner .price
{
	color: White;
	position: relative;
	top: 80px;
	left: 15px;
}

/* Alerts (red) and info (blue) boxes */
.notice
{
	background-repeat: no-repeat;
	background-position: 4px center;
	padding: 0.75em;
	padding-left: 40px;
	font-weight: bold;
}
.alert
{
	background-image: url(../images/notice-alert.png);
	background-color: #E7C3C5 !important;
	border-top: solid 3px #CA848C;
	border-bottom: solid 3px #CA848C;
	color: Red;
}
.info
{
	background-image: url(../images/notice-info.png);
	background-color: #C0D2E8 !important;
	border-top: solid 3px #8AA7C9;
	border-bottom: solid 3px #8AA7C9;
	color: #1F5FA9;
}


.bmi-range img
{
	float: right;
	width: 414px;
	height: 113px;
}
.bmi-range .description
{
	font-weight: bold;
}
.case-study
{
	text-align: center;
}


/* NEW FORM CLASSES */
.form-field
{
	padding: 0;
	margin: 0;
	clear: left;
}
.form-field .field-content
{
	margin-left: 7em;
}
.form-field .field-content,
.form-field .title
{
	margin-bottom: 0.5em;
}
.form-field img
{
	vertical-align: middle !important;
}
.form-field input,
.form-field select
{
	font-size: 13px;
	border: solid 1px #ccc;
	margin: 0;
	margin-right: 0.25em;
	vertical-align: middle !important;
}
.form-field .title
{
	width: 6em;
	display: block;
	float: left;
	text-align: right;
	margin-right: 1em;
	vertical-align: middle !important;
	line-height: normal;
}
.form-field span label
{
	line-height: normal;
	margin-right: 0.5em;
}
.form-field span.radio label
{
	padding-left: 0.5em !important;
}
.form-field span.radio input
{
	border: none;
	margin: 0;
	padding: 0;
}
.form-field span
{
	line-height: normal !important;
}

.form-submit
{
	text-align: right;
}

/* FORM PANELS */
.panel-right
{
	float: right;
	margin-left: 6px;
	margin-bottom: 6px;
}



/* PASSWORD CHECK BLOCK */
.password-check-result
{
	font-size: 1em !important;
	display: block;
	margin: 0.25em 0;
	color: black;
	padding: 0.15em;
	border: solid 1px #666;
}
.shortPass	{ background-color: #FF8B8B; }
.badPass	{ background-color: #FFD08B; }
.goodPass	{ background-color: #FCFF8B; }
.strongPass	{ background-color: #A2FF8B; }


/* PACKAGE CHECKLISTS */
.checklist li
{
	padding: 0;
	padding: 6px;
	padding-left: 32px;
	margin: 0;
	font-size: 1.2em;
	background-repeat: no-repeat;
	background-position: left 5px;
}
.package-panel .title
{
	font-size: 1.2em;
	margin-bottom: 0.25em;
}
.package-panel .title span
{
	font-weight: bold;
	font-size: 1.1em;
}
.package-panel .panel-right
{
	font-size: 0.9em;
	width: 286px;
	text-align: right;
}

/* PACKAGE UPRADE */
.upgrade-panel
{
	text-align: left !important;
}
.upgrade-panel .upgrade-item
{
	color: White;
	position: relative;
	top: 55px;
	padding-left: 38px;
	font-size: 1.2em !important;
}
