body {
}


.cdStageAddressDetails .CDLabel 
{
	width:252px;
}

.cdStageAddressDetails .cdIsRequiredFieldKey 
{
	position: relative;
	top: 26px;
}

.BusinessOrder  
{
	/*  */
	font-family:verdana,arial,sans-serif;
	position: relative;
}


.cbmLineFeatures 
{
	/* padding-left: 6px; */
}

.AddOnsSelector 
{
	margin-top: 6px;
}

.AddOnsSelector .CDLabel 
{
	margin-bottom: 6px;
}

.AddOnsSelector .cdlLineFeatures 
{
	/* margin-top: 6px; */
	margin-bottom: 6px;
}

.RadioButtonMenu div label 
{
	width: 200px;
}

.cdNoNumbers 
{
	margin-left: 2px;
}

.RadioButtonMenu_vertical .RadioButtonMenuItem
{
	/* margin-top:6px; */
}

.AddOnsSelector .title 
{
	margin-bottom: 6px;
}

.btnPrevious 
{
	margin-left: 200px;
	margin-bottom: 20px
}

.btnNext 
{
	margin-left: 20px;
	margin-bottom: 20px
}

.lineRental h3
{
	margin-bottom: 12px;
}

.lineRental td 
{
	padding: 2px;
}

.orderComplete 
{
	padding: 12px;
}

.orderComplete p 
{
	margin-bottom: .8em;
}


.AddressDisplay 
{
	float:left;
	width: 198px;
	height:108px;
	border: 1px solid #000000;
}

.AddressesDisplay 
{
	height: 120px;
	width: 400px;
	border: 1px solid #000000;
}

.numbersEntry
{
	border: 1px solid black;
	width: 760px;
	/* height: 50px; */
}

.registerNumberDisplay 
{
	height: 22px;
	background-color: #ABCDEF;
}

.rndPhoneNumber 
{
	width: 200px;
	float: left;
}

.rndTariffName 
{
	width: 150px;
	float: left;
}

.rndAddOns 
{
	width: 100px;
	float: left;
}

.rndPrice
{
	width: 50px;
	float: left;
}

.validationFailure
{
	color:#FF0000;
	display: inline;
}
.ValidationErrorsDisplay 
{
	color:#FF0000;
	margin-left: 160px;
	margin-top:10px;
}

.ValidationErrorsDisplayNoLeftMargin
{
	color:#FF0000;
	margin-top:10px;
}


.labelText 
{
	width: 200px;
}

.divLabel 
{
	float: left;
	width: 252px;
	font-weight: bold;
	line-height: 15px;
}

.TextBox 
{
	font-size: 13px;
	height: 16px;
	/* margin-bottom:4px; */
	width: 160px;
	
}
.TextField 
{
	height: 24px;
}

.CSelect 
{
	overflow: hidden;
	/* height: 18px; */
	/* width:66px; */
	margin-bottom:4px;
	/* margin-right:12px; */
	font-family: Verdana;
	/* width: 160px; */
}

.DropDownList 
{
	height: 21px;
	font-size: 14px;
}

.CDLabel 
{
	/* float:left; Also float will be set through the JS. Perhaps later it will set values in the stylesheet rather than inline. */ 
	/* width: 188px; Will make it so that the width gets set programatically */
	/* font-size:11pt; */
	font-weight: bold;
	font-size:12px;
	font-family: Verdana,Tahoma,Arial,Sans-Serif;
	color: #494949;
}

.CheckBox 
{
	margin-bottom: 6px;
}

.CheckBox span 
{
	font-size:11pt;
	margin-left: 6px;
}
.CheckBox input 
{
	line-height: 0.8em;
}

.ProgressIndicator 
{
	/* border: 1px solid #000000; */
	margin-left: 60px;
	width: 700px;
	margin-top: 10px;
}

.ProgressStage 
{
	/* border: 1px solid #000000; */
	width: 151px;
	height: 30px;
	/*padding: 8px;
	padding-left: 20px;
	padding-top: 2px;*/
	padding:10px 8px 0px;
	text-align:center;
	float: left;
	background-image: url(../images/ProgressBlueArrow.png);
	font-weight:bold;
	color: #FFFFFF;
	/* margin-left: 6px; */
	font-size:13px;
}
.ProgressStage_On
{
	/* border: 1px solid #000000; */
	width: 151px;
	height: 30px;
	float: left;
	/* background-color: #ABCDEF; */
	background-image: url(../images/ProgressOrangeArrow.png);
	/* padding: 8px;
	padding-left: 20px;
	padding-top: 2px; */
	padding:10px 8px 0px;
	font-weight:bold;
	color: #FFFFFF;
	margin-left: 6px;
	text-align:center;
	font-size:13px;
}
/*
this.setClass('WizardFrame');
    
    this.cdTopArea = new CDiv(this, 'WizardFrame_TopArea');
    this.cdMainArea = new CDiv(this, 'WizardFrame_MainArea');
    this.cdBottomArea = new CDiv(this, 'WizardFrame_BottomArea');
*/
.WizardFrame 
{
	width: 600px;
	height: 600px;
	border: 1px solid black;
}

.WizardFrame_TopArea 
{
	height: 30px;
	border: 1px solid black;
}
.WizardFrame_MainArea 
{
	height: 520px;
	border: 1px solid black;
}
.WizardFrame_BottomArea 
{
	height: 30px;
	border: 1px solid black;
}

.cdCentral 
{
	/* border: 1px solid red; */
	/* width: 790px; */
	width: 100%;
	/* height: 440px; */
	margin-top: 12px;
}

.NumberEntry_cdLeft 
{
	width: 400px;
	float:left;
}
.NumberEntry_cdRight 
{
	width: 380px;
	float:left;
}

.NameAndTitleEntry table tbody tr td input
{
	width:100px;
}

.clearall 
{
	clear:both;
	/* height:0px; */
	line-height: 0px;
	font-size: 0px;
}

.NumberEntrySummary 
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	border: solid 1px #BBBBBB;
	/* padding: 0 2px 2px 2px; */
	width:270px;
}
.NumberEntrySummary .TitleBar 
{
	/* margin-top: 2px; */
	/* background-color: #2222CC;
	color: #FFFFFF; */
	padding: 2px 2px 2px 4px;
	border-bottom: solid 1px #BBBBBB;
}

.BusinessOrder 
{
	font-family: Verdana, Arial, Sans-Serif;
	/* padding-left: 120px; */
}


.OrderSummary 
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	width: 320px;
	border: 1px solid #BBBBBB;
	padding:4px;
	padding-top:2px;
	/* margin-top: 12px; */
	/* padding: 2px; */
}

.OrderSummary .TitleBar 
{
	font-size:12px;
	font-weight:bold;
	padding:2px;
	margin-bottom:2px;
}

.tdNumberEntrySummary
{
	width: 220px;
	
	/* padding:1px; */
}

.ctlFeaturesLabel 
{
	width: 251px;
	
	/* padding:1px; */
}

.tblOrderSummary 
{
	font: 10px arial;
	
}
.ctlFeaturesLabel 
{
	font: 10px arial;
}
.ctrTotal 
{
	/* margin-top: 6px; */
	/* line-height: 22px; */
}
.NumberEntry 
{
	/* padding-left: 6px; */
	/* margin-left: 100px; */
	width: 780px;
}
.NumbersEntry 
{
	/* padding-left: 6px; */
	font-size: 12px;
}

.TotalPrice 
{
	border-top: solid 1px #CCCCCC;
	margin-top: 2px;
}

.SubtotalPrice 
{
	border-top: solid 1px #CCCCCC;
}

.TariffSelector 
{
	font-size: 12px;
	margin-top: 6px;
	color: #494949;	
}

.rbmPaymentMethod 
{
	font-size: 12px;
	margin-top: 6px;
	color: #494949;	
}

.cdStageAddressDetails 
{
	font-size: 12px;
	/* padding-top: 6px; */
	padding-left: 6px;
	/* padding-left: 100px; */
}

.cdStagePhoneNumbers 
{
	/*
	padding:6px 6px 6px 40px;
	*/
}

.cdPaymentMethod 
{
	margin-bottom: 16px;
}


.standardAddOnMenu 
{
	/* padding-left: 6px; */
}

/* .standardAddOnMenu .leftLabel
{
	color: #494949;
} */

.RadioButtonMenu 
{
	/* margin-top: 6px; */
}

/* Want a margin between the items if it is in vertical layout. */
.RadioButtonMenuItem 
{
	/* margin-top: 2px; */
}

.RadioButtonMenuItem input 
{
	
	margin-right: 2px;
}


.numberInfo 
{
	float: left;
	width: 260px;
}
.cdPrice 
{
	float: left;
	width: 20px;
	
}

.numberInfo .cdLeft 
{
	float: left;
	/* height: 30px; */
	width: 36px;
	text-indent: 2px;
}

.numberInfo .cdAddOns 
{
	/* width: 200px; */
	/* float: left; */
	margin-left: 36px;
	padding-right: 2px;
}

.numberInfo .cdNumPhoneLines 
{
	margin-left: 36px;
}

.numberInfo .cdBillingMethod 
{
	/* width: 200px; */
	/* float: left; */
	margin-left: 36px;
}

.numberInfo .cdTariff
{
	/* width: 200px; */
	/* float: left; */
	margin-left: 36px;
}




.cdEdit 
{
	text-indent: 2px;
	color: #0000FF;
	cursor: pointer;
}



.cdStageConfirm .OrderSummary 
{
	width: 770px;
	/* margin-left: 90px; */
	font-size: 14px;
}

.cdStageConfirm .TitleBar 
{
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	
}
.cdStageConfirm .numberInfo 
{
	width: 670px;
}

.cdStageConfirm .cdNumPhoneLines 
{
	width: 670px;
}

.cdStageConfirm .cdAddOns 
{
	width: 670px;
}

.cdStageConfirm .cdEdit 
{
	display: none;
}


.cdStageConfirm .cdBillingMethod 
{
	width: 670px;
}



.UKLandlineNumberField .CDLabel 
{
	width: 251px;
	
}

.UKLandlineNumberField .TextBox 
{
	width: 130px;
	
}

.QuestionLineFeatures 
{
	margin-top: 8px;
}
.QuestionLineFeatures .Label 
{
	font-weight: bold;
	color: #494949;
}


.cdhBillingDetails 
{
	/* font-size: 16px; */
	font-weight: bold;
	color: #0b3d91;
	margin-bottom: 6px;
}

.ContactEntry 
{
	/* margin-top: 6px; */
}

.standardAddOnMenu label 
{
	color: #494949;
}

.leftLabel 
{
	font-weight: bold;
	color: #494949;
}

.bold 
{
	font-weight: bold;
}

.title 
{
	font-weight: bold;
	color: #0b3d91;
	font-size:18px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.LandlineSelector 
{
	color: #494949;
}

.cdlLineFeatures 
{
	color: #494949;
	font-weight: bold;
	margin-top: 6px;
}

.cdPhoneUs 
{
	border: solid 1px #AAAAAA;
	padding: 10px;
	width: 250px;
	margin-top: 16px;
	background-color: #F9F9F9;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:13px;
	left:460px;
	top:140px;
	position: absolute;
}

.cdPrivacyPolicy 
{
	padding: 10px;
	margin-top: 16px;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:13px;
}

.cdPrivacyPolicy a 
{
	color: #0000FF;
}
.cdPrivacyPolicy a:link
{
	color: #0000FF;
}
.cdPrivacyPolicy a:visited
{
	color: #0000FF;
}

.PaymentDetails 
{
	margin-top: 40px;
	/* margin-left: 80px; */
	/* margin-bottom: 80px; */
	/* margin-left:54px; */
}

.cdhBillingDetails 
{
	margin-bottom: 6px;
}

.ynrfSameAddress
{
	/*
	margin-top: 6px;
	margin-bottom: 6px;
    */
}

.TariffSelector .RadioButtonMenu 
{
	margin-top: 6px;
	/* padding-left: 6px; */
}

.btnAddAnotherNumber 
{
	margin-top: 16px;
	margin-bottom: 36px;
	margin-left: 100px;
}

.cdIsRequiredFieldKey 
{
	float: right;
	margin-right: 156px;
	color: #494949;
	font-weight:bold;
	font-size: 13px;
}

.cdButtons 
{
	margin: 4px 0 0 320px;
	/* height: 56px; */
}

/* Bold Buttons */

a.boldbuttons{
	background: transparent url('../images/roundedge-gray-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: bold 13px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../images/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.CheckBoxMenu div 
{
	margin-top: 2px;
}

.CheckBoxMenu .label 
{
	color:#494949;
}
.CheckBoxMenu input 
{
	position: relative;
	top: 1px;
}

a.boldbuttons_blue{
background: transparent url('../images/roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
color: #EEEEEE;
cursor: pointer;
/* margin-left:24px; */
}

a:link.boldbuttons_blue, a:visited.boldbuttons_blue, a:hover.boldbuttons_blue, a:active.boldbuttons_blue{
color: white; /*button text color*/
}

a.boldbuttons_blue span{
background: transparent url('../images/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons_blue{ /* Hover state CSS */
text-decoration: none;
}


.buttonwrapper_blue{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
/* width: 100%; */
}

a.boldbuttons_green{
background: transparent url('../images/roundedge-green-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
color: #EEEEEE;
cursor: pointer;
margin-left:24px;
}

a:link.boldbuttons_green, a:visited.boldbuttons_green, a:hover.boldbuttons_green, a:active.boldbuttons_green{
color: white; /*button text color*/
}

a.boldbuttons_green span{
background: transparent url('../images/roundedge-green-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons_green{ /* Hover state CSS */
text-decoration: none;
}

.buttonwrapper_green{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
/* width: 100%; */
}



a.boldbuttons_gray{
background: transparent url('../images/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
color: #EEEEEE;
cursor: pointer;
}

a:link.boldbuttons_gray, a:visited.boldbuttons_gray, a:hover.boldbuttons_gray, a:active.boldbuttons_gray{
color: white; /*button text color*/
}

a.boldbuttons_gray span{
background: transparent url('../images/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons_gray{ /* Hover state CSS */
text-decoration: none;
}


.buttonwrapper_gray{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
/* width: 100%;*/
}


.PaymentDetails .CDLabel 
{
	width:220px;
}

.SortCodeField 
{
	height:24px;
}

.ServiceUserNumber 
{
	border: 1px solid black;
	padding:0px 2px 1px 2px;
	float: left;
	width:9px;
	height:14px;
	margin-right: 8px;
	font-size: 12px;
	font-weight: bold;
}

.ServiceUserNumberHeader 
{
	font-size: 12px;
	font-weight: bold;
}

.cdInstruction 
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	width: 300px;
	/* border: solid black 1px; */
	padding: 4px;
	float: left;
	margin-top:18px;
	/* margin-top:2px; */
	margin-left: 95px;
	border:1px solid #AAAAAA;
	/* height: 97px; */
}

.cdInstruction .cdInstructionHeader 
{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	margin-top:16px;
}
.cdInstruction p 
{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.cdGuarantee .cdGuaranteeHeader 
{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
}
.cdGuarantee ul 
{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	/* margin-left: 12px; */
}

.cdGuarantee li 
{
	margin-bottom: 0.6em;
	margin-left: 24px;
}

.cdGuarantee 
{
	font-size: 12px;
	width:600px;
	/* border: solid black 1px; */
	padding: 6px;
	margin-top:32px;
	border: 2px solid black;
	/* float: left; */
}

.cdDDInfo 
{
	width:184px;
	float: left;
	/* margin-left:40px; */
	margin-top:18px; 
	border: 1px solid #AAAAAA;
	padding: 16px 4px 4px 20px;
	height: 85px;
}

.LinkButton 
{
	
}

.btnGetAddressFromPostcode 
{
	/* float: left; */
}

.tfPostcode 
{
	float: left;
	margin-right: 12px;
}

.btnUseAddressFromPostcode 
{
	margin-left: 12px;
}

.confirmationCheckboxes 
{
	margin-top: 20px;
	margin-left: 20px;
}

.confirmationCheckboxes label 
{
	margin-left: 1em;
}

.confirmationCheckboxes a 
{
	color: #0000FF;
}

.confirmationCheckboxes a:visited
{
	color: #0000FF;
}

.cdStagePayment 
{
	/* margin-left:80px; */
}

.QuestionCircle 
{
	padding-left: 6px;
	/* float:left; */
}

.BusinessOrder .CDLabel 
{
	/* text-align: right; */
}

.PaperBillingChoice 
{
	margin-top: 6px;
	color:#494949;
	width: 400px;
}

#btnSubmit 
{
	margin-left: 10px;
	display: none;
}
.btnSubmit 
{
	margin-left: 10px;
	display: none;
}

.tfPaymentAuthorizationPosition 
{
	margin-bottom: 18px;
}

.tdHeader 
{
	width: 220px;
	font-weight: bold;
	background-color: #EEEEEE;
}
.tdAddons 
{
	width: 300px;
}

.tDetails 
{
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 14px;
	color: #333333;
	border-collapse:collapse;
	margin-bottom: 16px;
	margin-top: 16px;
}

.tDetails td 
{
	border:1px solid #AAAAAA;
	padding: 2px;
}

.tableCLI 
{
	color: #333333;
	font-size: 14px;
	/* border: 1px solid #666666; */
	border-collapse:collapse;
	margin-bottom: 16px;
	margin-top: 16px;
}

.tableCLI td 
{
	/* padding: 4px; */
	/* margin: 4px; */
	/* border-top: 1px solid #666666; */
	border:1px solid #AAAAAA;
	padding: 4px;
}

.tableCLI tr 
{
	/* border-bottom: 1px solid #CCCCCC; */
}

.th 
{
	font-weight: bold;
}

.thTelephoneNumber 
{
	font-weight: bold;
	width: 118px;
	background-color: #EEEEEE;
}
.thPackage
{
	font-weight: bold;
	width: 118px;
	background-color: #EEEEEE;
}
.thAddons
{
	font-weight: bold;
	width: 292px;
	background-color: #EEEEEE;
}
.thNoLines
{
	font-weight: bold;
	width: 118px;
	background-color: #EEEEEE;
}
.thBillingMethod
{
	font-weight: bold;
	width: 118px;
	background-color: #EEEEEE;
}
.thPrice
{
	font-weight: bold;
	width: 70px;
	background-color: #EEEEEE;
}

.tPayment 
{
	color: #333333;
	font-size: 14px;
	border-collapse:collapse;
	margin-top: 16px;
}
.tPayment td 
{
	border:1px solid #AAAAAA;
	padding: 2px;
}

.totalCost 
{
	margin-top: 1em;
	font-size: 18px;
}

.divContract 
{
	margin-left: 16px;
	margin-right: 16px;
	padding-bottom: 16px;
}

.divContract h3 
{
	margin-bottom: 0.5em;
}

.divContract h1 
{
	font-size: 18px;
}
.divContract h2 
{
	font-size: 16px;
}
.divContract h3 
{
	font-size: 14px;
}

.BillingChoice .left 
{
	width: 450px;
	float: left;
}
.BillingChoice .right 
{
	/* width: 220px; */
	/* height: 220px; */
	/* background-color: #CCCCCC; */
	float: left;
}

.QuestionLineFeatures .Label 
{
	width:252px;
}

.ynrfSameAddress .Label 
{
	width: 170px;
}

.DropDownListField .CDLabel
{
	width:240px;
}
.DropDownListField .CSelect
{
	/* width:160px; */
}

.cdStageAddressDetails .DropDownListField .CDLabel
{
	width:264px;
}

.showContract 
{
	color: Blue;
}

.showContract:visited
{
	color: Blue;
}

.achtung 
{
	background-image: url('/images/achtung.gif');
	background-repeat: no-repeat;
	padding-left: 28px;
	/* padding-top: 2px; */
	margin-bottom: 2px;
	
	min-height:22px;
	height:auto !important;
	height:22px;

	
}

.NumberSummary 
{
	margin-bottom: 2px;
}

.editingNotValid 
{
	border: solid 1px #CCCCCC;
}
.editingValid 
{
	border: solid 1px #CCCCCC;
}


.BusinessOrder td span 
{
	clear: none;
	display: inline;
	font-size: inherit;
	font-weight: inherit;
}

.cdStageAddressDetails span 
{
	clear:none;
	display: inline;
	font-size: 12px;
	font-weight: bold;
}
.cdStagePhoneNumbers span 
{
	clear:none;
	display: inline;
	font-size: 12px;
	font-weight: bold;
}

.cdStagePayment span 
{
	clear:none;
	display: inline;
	font-size: 12px;
	font-weight: bold;
}

.cdStageConfirm span 
{
	clear:none;
	display: inline;
	font-size: 12px;
	font-weight: bold;
}

#divJoin 
{
	width: 780px;
}

.BillingChoice .validationFailure 
{
	display: block;
}

.CDLabel .validationFailure 
{
	display: inline;
}