@charset "utf-8";
#frmCreateSelfExclusion #NumOfExclusionDays {width:6em;}
#frmCreateSelfExclusion #Password {width:9em;}

div.addInfo { clear: both; display: inline; font-style: italic; margin-left: 0.5em; float: left }

#popupBox .preferences { width: 460px !important}
#popupBox .popup.preferences .popupBody .container div.content { width: 420px !important}

#editPreferencesForm .MobilePhone label,
.userPreferences .oddsFormat label { width: auto !important}
.userPreferences .dutyBase label { width: 130px !important}

.popupBody .UKDriversLicence label { color: #0055AA !important; display:block; float:none; width:100%; margin: 0.5em 0 !important; padding: 0 !important}

#userPersonalDetails .errormsg ,
#personalDetailsForm .userPersonalDetails .errormsg ,
#ageVerificationForm .errormsg,
#editPreferencesForm .errormsg,
#forgottenPasswordForm .errormsg { width: 100%;}

#personalDetailsForm #passportSecondLine { padding-left: 150px; float:left }
.com-za #personalDetailsForm #passportSecondLine { padding: 2px 0 0 140px; }
.com-za .userPersonalDetails .firstName { width: auto; }
#personalDetailsForm #divPassport { background:transparent }
#personalDetailsForm #divPassport select { width: 249px}
#personalDetailsForm .addInfo {width:100%}
.myAccounts #divPassport { width:560px}
.myAccounts #modCustUserMsgClose { display:none}

.myAccounts .verification #popupContent  { width:808px; }
.myAccounts .verification .Cancel a  { display:none}
.myAccounts .userPreferences #ico_empty { display:none; }

.myAccounts #contactMethods label.description { width:100%; font-weight: normal; }
.myAccounts #promotions label.description { width:100%; font-weight: normal; white-space:normal; }
.userPreferences div#priceChanges label.description { width:170px; font-weight: normal; }
.userPreferences div#priceChanges .divider {display:none}
#editPreferencesForm #contactMethods label.description { width:100%; font-weight: normal; }
#editPreferencesForm #promotions label.description { width:100%; font-weight: normal; }
#editPreferencesForm div#priceChanges {padding-top:1em}

#identityVerificationFields div { }
#identityVerificationFields span { width: 20px; }
#identityVerificationFields .DocumentType label { width:100px; float:left; }
#identityVerificationFields .DocumentType select { float: left; margin-right: 20px; }
#identityVerificationFields .DocumentValue label { display: none; }
#identityVerificationFields .DocumentValue input { width: 310px; }
.myAccounts div #identityVerificationFields { padding-bottom: 17px; }
.myAccounts div #identityVerificationButtons {  }
.myAccounts #identityVerificationButtons div.space.divider { left: -8px; position: relative; }

#personalIdentificationForm #divPassport .addInfo { display:none; }
#personalIdentificationForm #divPassport .addNoPassNoInfo { display:none; }

/* Registration form */
#registrationForm input[type=text], #registrationForm input[type=password] {width: 192px;}
.com-za #registrationForm .personalIdentificationBox input[type=text] {height:auto; width:auto;margin-right:2px;font-size:0.8em;}
.com-za #registrationForm #passportSecondLine  {padding:2px 0 0 151px; float:left;}
.com-za #registrationForm #divPassport label {width:131px;}
#registrationForm .fieldSetContainer {clear:none; float:left}
#registrationForm .fieldSetContainer .fieldSetContent {margin:0 5px;}
#registrationForm #securityQuestion { width:197px; }

#registrationForm .SecurityInformationFieldSet.fieldSetContainer {margin:0; padding:0; width:48.5%;}
#registrationForm .PreferencesDetailsFieldSet.fieldSetContainer {margin:0; padding:0; width:48.5%;}

#registrationForm .TermsAndConditionsFieldSet { float:right; width:48.5%;}
#registrationForm .TermsAndConditionsFieldSet .fieldSetHeader  {margin:8px 5px 0; padding:0; background:none; color:#6f787c;}
#registrationForm .TermsAndConditionsFieldSet .fieldSetContent  {background:none; float:left; clear:both; width:100%;}
#registrationForm .TermsAndConditionsFieldSet label.description {display:none;}
#registrationForm .TermsAndConditionsFieldSet label {float:left; Font-weight:normal; width:	95%;}
#registrationForm .TermsAndConditionsFieldSet input { margin-right:10px}

#registrationForm .PersonalDetailsFieldSet.fieldSetContainer {margin:0 2.9% 0 0; padding:0; width:48.5%;}
#registrationForm .PersonalDetailsFieldSet .fieldSetHeader  { float:left; width:100%;}
#registrationForm .PersonalDetailsFieldSet .fieldSetContent  { float:left; width:100%;}
#registrationForm .PersonalDetailsFieldSet .addInfo  { display:none;}
#registrationForm .PersonalDetailsFieldSet .securityque  { width:197px;}

#registrationForm .tracking {margin:0 0 0 0; padding:0; width:115%;}
#registrationForm .tracking #trackingCategorySource { display:none;}

#registrationForm .PersonalIdentificationFieldSet.fieldSetContainer {padding:0; width:48.5%;}
#registrationForm .PersonalIdentificationFieldSet .fieldSetHeader  { float:right; width:100%;}
#registrationForm .PersonalIdentificationFieldSet .fieldSetContent  { float:right; width:98%;}
#registrationForm .PersonalIdentificationFieldSet ul.addInfo  { display:none;}
#registrationForm .PersonalIdentificationFieldSet .addInfo { display:block;}
#registrationForm .PersonalIdentificationFieldSet .addInfo .registrationDotLine {float:left; padding:2px 0 0 400px; border-bottom: 1px dotted rgb(127, 157, 185); height: 5px;}
#registrationForm .PersonalIdentificationFieldSet .addInfo h4 {float:left; padding:7px 0 0 193px; color:#0055AA; font-style:normal}
#registrationForm .PersonalIdentificationFieldSet .addPassNoInfo  { display:block; float:left; padding:2px 0 0 151px;}
#registrationForm .PersonalIdentificationFieldSet .addNoPassNoInfo  { display:none;}
#registrationForm .PersonalIdentificationFieldSet .securityque  { width:197px;}

#registrationForm .BankDetailsFieldSet.fieldSetContainer {margin:0 2.9% 0 0; padding:0; width:48.5%;}
#registrationForm .BankDetailsFieldSet.fieldSetHeader  { float:left; width:100%;}
#registrationForm .BankDetailsFieldSet.fieldSetContent  { float:left; width:100%;}
#registrationForm .BankDetailsFieldSet.addInfo  { display:none;}
#registrationForm .BankDetailsFieldSet.securityque  { width:197px;}

#registrationForm .AddressVerficationFieldsFieldSet.fieldSetContainer{clear:none; float:none;}
#registrationForm .AddressLookupFieldsFieldSet.fieldSetContainer{clear:none; float:none;}
#registrationForm .AddressLookupFieldsFieldSet { _width: 100% !important; }
#registrationForm #addressLookupButtonsFieldSet { _display: inline; _float: left; _width: 250px;}

#popupBox #registrationForm .addressLookupButtonsFieldSet .buttonBar{margin-left:153px;}
#popupBox #registrationForm .addressLookupButtonsFieldSet li.btnLink{float:left; clear:both; display:block; margin:3px 0; padding:0; background:transparent none;}
#popupBox #registrationForm .addressLookupButtonsFieldSet li.btnLink a{padding:0 14px; height:20px; line-height:20px; font-size:1em; background:#019de4 url(/s/images/ui/2010/rows.png) 0 -150px repeat-x;}
#popupBox #registrationForm .addressLookupButtonsFieldSet li.btnLink a:hover{color:#fff; background-image:none;}

#registrationForm .AddressVerficationFieldsFieldSet #addressLookupList
{
    height:auto;
}

#registrationForm .RecaptchaFieldSet.fieldSetContainer { width:48.5%; float:right; clear:right;}
#registrationForm .RecaptchaFieldSet .fieldSetHeader  { float:right; width:100%;}
#registrationForm .RecaptchaFieldSet .recaptchaImageContainer { clear:both; height: 60px; width: 300px;}
#registrationForm .RecaptchaFieldSet .addInfo { display:none;}
#registrationForm .RecaptchaFieldSet #recaptchaRefresh {background:url("../../s/images/refresh-icon.png") no-repeat scroll right top transparent;
                                                        text-decoration:none;
														width:23px;
														height:20px;
														}
#customerDetailsForm input[type="text"], #contactInformationForm input[type="text"], #personalIdentificationForm input[type="text"] {width:170px;}
#contactInformationForm .MobilePhone select,#editPreferencesForm .MobilePhone select,
#registrationForm .MobilePhone select {float:left; width:60px;}
#registrationForm .Phone select {float:left; width:60px;}
#registrationForm .Phone.WithDialingCode input {float:left; width:129px; margin-left:3px;}
#registrationForm .WithDialingCode table.Phone {width:136px; border-spacing:0px;}
#registrationForm .WithDialingCode table.Phone td {padding-right:7px;}
#registrationForm .WithDialingCode table.Phone input {width:100%;}
#contactInformationForm .MobilePhone input {float:left; width:107px; margin-left:3px;}
#editPreferencesForm .MobilePhone input, #registrationForm .MobilePhone input {float:left; width:129px; margin-left:3px;}
#registrationForm .welcome p {width: 610px;}
#registrationForm .customer-service-link{float: right;}

#registrationForm .customer-service-link
{
    float: right;
}
#registrationForm .iconsPlaceHolder
{
	clear:none;
	display:block;
	float:left;
	height:17px;
	line-height:1.3em;
	margin:0 !important;
	padding:0 !important;
	text-indent:-1000px;
	width:20px !important;
}

.autoCompleter{background-color:#FFF;z-index:10000;border:1px solid #7F9DB9;color:#000;}
.autoCompleter ul{list-style: none;}
.autoCompleter li{list-style: none;padding:2px;font-size:1em;font-family:Arial;cursor:pointer;}
.autoCompleter li.acselected{background-color:#0A246A; color:#FFF}

#registrationForm .contactMethodsInfoMessage strong {font-weight:normal;}
#registrationForm #ContactMethods label.description {margin-right:0px !important; width:33%;}
#registrationForm #ContactMethods label {margin-right:10px !important; width:auto;}
#registrationForm #ContactMethodsOptions{float:left; margin-left:150px; margin-top:-20px;}
#registrationForm #ContactMethodsOptions{margin-left:expression("0px"); margin-top:expression("0px"); margin-right:12px !important;}
/*account self closure */
.closureNote {font-weight:bold; }

#popupBox .popup.personalDetails.tempAccountWarning
{
    width:350px;
}


#popupBox .popup.personalDetails.tempAccountWarning .popupBody .container div.content.tempAccountWarningContent
{
    width:auto !important;
}

#popupBox .popup.personalDetails.tempAccountWarning .popupBody .container div.tempAccountText
{
    font-weight:bold;
    height: 50px;
}

/* Deposit Limits Popup */
#popupBox .popup.depositLimits {width:550px; margin:4em auto 0 auto;}
#popupBox .popup.depositLimits .popupBody .container div.content{width:515px!important; padding:0}
#popupBox .popup.depositLimits label {width:50%} 
#popupBox .popup.depositLimits #contentTable {display:none;} /*redundant table */
#popupBox .popup.depositLimits .confirmedMessage { font-size:1.1em; }

/* MissingInfo form */
#missingInfoForm input[type=text] {width: 192px;}
#missingInfoForm .fieldSetContainer .fieldSetContent {margin:0 5px;}
#missingInfoForm .PersonalDetailsFieldFieldSet .securityque  {width:197px;}
#missingInfoForm .TermsAndConditionsFieldFieldSet #TermsAndConditionsOptions label {width: auto;}
#missingInfoForm .PersonalIdentificationFieldFieldSet .securityque  {width:197px;}