/*
Author    : Paul Backhouse
Created   : 25th Feb 08
Contents  : added css elements to existing main.css 
*/

/*
body{
	font-family: Arial, Helvetica, sans-serif;
	/* line-height: 140%; */
/*	font-size: 69%;
/*}

a.Blue { color:#0066CC;}
.prod_feat { list-style-type:disc; padding:3px 0 3px 15px; background: url(../img/dottedLine.gif) repeat-x left top; }
.prod_feat li { margin:1px 0;}
.relative { position:relative;}
.vertScroll { width:auto;} /* for modules, adding a vertical scrollbar */
/*.HR { clear:left; background: url(/img/dottedLine.gif) repeat-x left 50%; padding:2px 0;}
strong { font-weight:bold;}
.Red { color:#FF0000;}
.DblArrow { font-size:1.3em; padding-left:3px; color:#FF0000;}
label { font-weight:bold;}
i /* use sparingly */ /*{ font-size:x-small; color:#999; } 
.gen_table_no_product_coverage {background-image:none; width:99%;}


.secondLevelNav a.selected{ /* fix to vodafone css */
/*	background:#bad4da url(../img/dottedLine.gif) repeat-x top left;
	margin-top: 1px;
	margin-bottom:-1px;}

.secondLevelNav a.selected_1{ /* first item */
/*	background:#bad4da;
	margin-bottom:-1px;}
	
.Hide { display:none; visibility:hidden; }	
.Show { display:block; visibility:visible; }

input {
	font-size: 10pt;
	font-family: Verdana;
}


/* 
 * Form styling (used in registration & login form)
 */

/*.formCopy{
	position:relative;
	float:left;
	width:130px;
	margin-top:2px;
	padding:0 10px 0 0;
	text-align:right;
	display:block;
}
.formMsg {
	padding:12px;
	display:none;
}
.formMsg .formMsgHead {
/*	font-size:12px;
	font-weight:bold;
	margin-bottom:8px;
}
.formList {
	margin-top:10px;
}
.formList li{
	padding-bottom:10px;
}
input, textarea, select{
	font:normal 11px Arial;
	vertical-align:middle;
}
.formList .input_large{
/*	width:284px;
	height:14px;
}
.formList .select_large {
	width:290px;
}
.formList textarea{
	width:284px;
	height:150px;
}
.formList .inputErr {
	background:#F3B700;
}
.inputErrMsg {
	margin:4px 0 0 144px;
	font-weight:bold;
}
.warningIcon {
/*	margin:0 5px 0 0;
	float:left;
}

*/

.formButtons {
	position: relative;
	display: block;
	height:33px;
}

.formButtons a {
	float:right;
	padding-top: 1px;
	margin-right:13px;
	bottom:0;
} 

.redFormButton, .purpleFormButton, .greyFormButton, .greyOnRedFormButton{
	position:relative;
	margin-top:6px;
	display:inline-block;
	color:#fff;
	font-family:arial;
	font-weight:bold;
	padding-bottom:10px;
	line-height:14px;
}
.redFormButton span, .purpleFormButton span, .greyFormButton span, .greyOnRedFormButton span{
	position: relative;
	/*padding-top:-1px;*/ /* Mac: Firefox & Safari fix*/
	padding-top: 1px;
	padding-right:9px;
	padding-left:9px;
	padding-bottom:10px;
}
.redFormButton:hover, .purpleFormButton:hover, .greyFormButton:hover, .greyOnRedFormButton:hover,
.redFormButton:focus, .purpleFormButton:focus, .greyFormButton:focus, .greyOnRedFormButton:focus{
	background-position: right -95px;
}
.redFormButton:hover span, .purpleFormButton:hover span, .greyFormButton:hover span, .greyOnRedFormButton:hover span,
.redFormButton:focus span, .purpleFormButton:focus span, .greyFormButton:focus span, .greyOnRedFormButton:focus span{
	color:#fff;
	background-position: left -95px;
}
.redFormButton{
	background:url("../img/buttons/redRight.gif") no-repeat right top;
}
.redFormButton span
{
	background:url("../img/buttons/redLeft.gif") no-repeat left top;
}

.purpleFormButton{
	background:url("../img/buttons/purpleRight.gif") no-repeat right top;
}
.purpleFormButton span{
	background:url("../img/buttons/purpleLeft.gif") no-repeat left top;
}
.greyFormButton{
	background:url("../img/buttons/greyRight.gif") no-repeat right top;
}
.greyFormButton span{
	background:url("../img/buttons/greyLeft.gif") no-repeat left top;
}
.greyOnRedFormButton{
	background:url("../img/buttons/greyRight-on-red.gif") no-repeat right top;
}
.greyOnRedFormButton span{
	background:url("../img/buttons/greyLeft-on-red.gif") no-repeat left top;
}





/* 
a.faqlist {
	padding:0px 0 5px 0px;
}

ul.faqlist { 
	padding:10px 0 10px 0;
}

ul.faqlist li{
/*	padding: 5px 20px 5px 0px;
	background:url("../img/buttons/btn_petrol_question.gif") no-repeat left 6px;
}


/*

.inputBtnRed, .inputBtnPurple, .inputBtnGrey, .inputBtnGreyOnRed{
	color:#fff;
	font-weight:bold;
	border: 0;
}
.inputBtnRed{
	background:url("../img/buttons/redRight.gif") no-repeat left top;
}
.inputBtnGreyOnRed{
	background:url("../img/buttons/greyRight-on-red.gif") no-repeat left top;
}
*/


/*
Progress Bar styling (registration process)
*/
.advanceForm ul.progress-bar li {
min-height: 2.75em;
height: 2.75em;
}
.advanceForm ul.progress-bar{
clear:both;
float:left;
width:98.5%;
margin-top:1.3em;
margin-bottom:1.3em;	
}
.advanceForm ul.progress-bar.petrol{
background:#bad4da;
}
.advanceForm ul.progress-bar li{
float:left;
font-weight:bold;
line-height:28px;
padding:0 20px 0 10px;
}
.advanceForm ul.progress-bar.petrol li{
background:#bad4da url(../img/progress-arrow_petrol.gif) no-repeat right;
color:#008698; 
}
.advanceForm ul.progress-bar li.current{
color:#fff;
}
.advanceForm ul.progress-bar.petrol li.current{
background:#7fb0bb url(../img/progress-arrow-current_petrol.gif) no-repeat right; 
}
.advanceForm ul.progress-bar li.completed{
background-color: #cccccc; 
background-image: none;
color: #333;
border-right: 2px solid #ffffff;
}
.advanceForm ul.progress-bar.petrol li.preCurrent{
background:#bad4da url(../img/progress-arrow-pre_petrol.gif) no-repeat right; 
}
.advanceForm .textContent ul.progress-bar li{
margin-bottom: 0;
}

/*
Form: horizintal rule styles
*/

hr.petrol {
	border: 0;
	height: 5px; 
	border-bottom: 5px solid #7fb0bb;
}

hr.purple {
	border: 0;
	height: 5px; 
	border-bottom: 5px solid #c592c8;
}

hr.dotted {
border : none;
border-top : dashed 1px #CCCCCC;
background-color : #FFFFFF;
height : 1px;
}

#contactformdiv h2.petrol {
	font-size: 1.2em; 
	color:#008698;
	padding: 6px 0 2px 6px;
}
#contactformdiv h2.purple {
	font-size: 1.2em; 
	color:#732978;
	padding: 6px 0 2px 6px;
}
#contactformdiv h3.purple {
	font-size: 1.09em; 
	font-weight: 700;
	color:#732978;
	padding: 6px 0 2px 6px;
}

/*	
.formOutput{
	margin-top: 4px;
	padding-top: 4px;
}
*/

/*
 * table styling
 */
.tdRight{
	padding:3px 12px 4px 12px;
	text-align:right;
	border: none;
}


.nowrap {
	white-space: nowrap;
}


/*
 *  Warning styles
 */

.warn{
	line-height: 17px;
	background-image: url(../img/icons/warning.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-left: 22px;
	font-weight: bold;
}


.info{
	line-height: 17px;
	background-image: url(../img/icons/info.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-left: 22px;
	font-weight: bold;
}

label.error {
	line-height: 17px;
	background-image: url(../img/icons/warning.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-left: 22px;
	font-weight: bold;
	display: block;
	float: left;
}

.messageBox{
	border:1px solid #c93;
	padding: 10px 12px;
	background-color:#ffc;
	margin: 0px 4px 20px 4px;	
}
.success{
	width: 100%;
	margin: auto;
	text-align: center;
	line-height: 17px;
	background-image: url(../img/icons/success.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-left: 22px;
	font-weight: bold;	
}

a.inlineDeepPurple{
	background:url("../img/buttons/arrow-deepPurple.gif") no-repeat right top;
	padding-right: 20px;
	padding-left: 0px;
}
a.inlinePetrol{
	background:url("../img/buttons/arrow-petrol.gif") no-repeat right top;
	padding-right: 20px;
	padding-left: 0px;
}


/* narrow text area for T&C sections on forms */
.tc {
	width: 260px;
	padding-left: 10px;
}

.formCopy{
	margin-top:0px;
}

label, input[type="radio"]{
  vertical-align:middle;
}

input[type="radio"]{
  padding-left: 1px;
}

/* Form Hints questionmark */
img.helpHoverTarget {
	position: relative;
	vertical-align:middle;
	text-decoration:none;
	margin-left:12px;
	padding:0;
	cursor:pointer;
}

.tool {
	border:1px solid #f6af40;
	background: url(../img/tooltips/help_hover_gradient_only.gif) top center repeat-x; 
	display:none;
	padding:2px 3px;
	margin-left:8px;
	width:130px;
	}

a.tooltip:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/

a.tooltip span.tool {display:none; padding:2px 3px; margin-left:8px; width:130px;}

a.tooltip:hover span.tool{
	display:inline;
	position:absolute;
	right: -100px;
	width: 160px;
	margin-top: -8px;
	background:#ffffff;
	border:1px solid #c93;
	padding: 10px 12px;
	background-color:#ffc;
}

.tooltip .hint-pointer {
    position: absolute;
    left: -10px;
    top: 9px;
    width: 10px;
    height: 19px;
    background: url(../img/icons/pointer.gif) left top no-repeat;
}


.btnDisabled {
	background: url("../img/buttons/arrow-lightgrey.gif") no-repeat left top;
	background-position: 100% 4px;
	display: inline-block;
	height:1.636em;
	padding:4px 20px 0 0;
	color: #aaa;
}

.btnMenuDisabled {
	background: url("../img/buttons/arrow-lightgrey.gif") no-repeat left top;
	background-position: 100% 4px;
	display: block;
	height:1.636em;
	padding:4px 20px 0 0;
	color: #aaa;
}

.modPadW{
	padding-left:28px;
}

.modCopy1colWelcomeAdvanced{
	padding:0px;
	float:right;
	width:180px;
	height: 144px;
	background-color: #c592c8;
	color: #fff;
}

.modCopy1colWelcome{
	padding:3px 0px 0px 7px;
	float:right;
	width:180px;
	height: 143px;
	background-color: #c592c8;
	color: #fff;
}

.spaced{
	letter-spacing: 2px
}


.tableContainer{
	/*position:relative;
	top:20px; */
	width:568px;
	/*padding-left:4px;
	padding-right:4px;
	margin-right:-7px; */
	/*background:url("../img/3columnBorder.gif"); */
}

.tableContainer table{
	width:100%;
}


/*
a.btnDeepPurpleWelcome{
	background:url("../img/buttons/arrow-deepPurpleWelcome.gif") no-repeat left top;
}
*/


.txtbreak {
	width: 320px;
	/* white-space: pre-wrap; */ /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	/* white-space: -pre-wrap; */ /* Opera 4-6 */
	/* white-space: -o-pre-wrap; */ /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ and Firefox 3.5+ */
	overflow:auto;
}


/*
 * FIXES TO MAIN.CSS
 */

.modFlash{
	height:15.09em; /* 166 px */
	padding:0 3px 9px 3px;
}


.modHeightLow{
	height:143px;
	overflow:hidden;
}


.modHeight168{
	height: 13em; /* 148 px content, makes the total module height 168 px*/
	overflow:hidden;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#wUserref select {
        width: 176px;
        font-size: 10px;
}