body {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #666;
	margin:0;
	}

select {
	-webkit-appearance: none;
}

#file-input {
	display: none;
}

#regYes {
	display:none;
}

.signupLeft {
	float:left;
	margin-top:32px;
	width:440px;
}

.signupRight {
	float:left;
}

.regLeftHeader {
	font-family: 'Alfa Slab One', Arial, Helvetica, sans-serif;
	font-size: 44px;
	font-weight: 400;
	line-height: 1.18;
	color: #19345e;
}

.regLeftSubHeader {
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	font-size: 21px;
	margin:10px 0;
	font-weight: 600;
	line-height: 1.41;
	color: #000000;
}

#signupList {
	margin:20px 0;
}

.regLeftList {
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 28px;
	color: #000000;
}

.regLeftCheck {
	background-image: url("/global/img/reg-check-3e91f3591a921b69709feca915c922d8.png");
	display:inline-block;
	vertical-align:middle;
	margin-right:8px;
	width: 23px;
	height: 20px;
}



.us-autocomplete-pro-example .container .us-autocomplete-pro-input-container {
	margin: 0 auto 2em;
	width: 60%;
}

.us-autocomplete-pro-menu {
	overflow-y: scroll;
	max-height: 13em;
	box-shadow: 0 7px 7px rgba(0, 0, 0, 0.12);
	color: #7d7d7d;
	position: absolute;
	text-align: left;
    width: 440px !important;
	background-color:#ffffff;
	z-index: 1000;
}

.us-autocomplete-pro-menu li div {
	padding: .75em;
	cursor:pointer;
}

.us-autocomplete-pro-menu b {
	color: #0a0a0a;
}

.us-autocomplete-pro-menu .ui-menu-item-wrapper {
	padding-left: 1em;
}

.us-autocomplete-pro-example .container .labels {
	display: inline-block;
	font-weight: bold;
	width: 40%;
}

.us-autocomplete-pro-example .container .data {
	display: inline-block;
	padding-left: 1em;
	width: 50%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
	transition: background-color 9000s;
}

input:focus::placeholder {
	color: transparent;
}

textarea:focus, input:focus, select:focus {
	outline: none;
}

.iconWrapper {
	width:44px;
	margin:0 auto;
}

.statusIcon {
	width:44px;
	height:44px;
}

.selectArrow {
	 display: inline-block;
	 cursor:pointer;
	 background-size: 100% 100%;
	 position:absolute;
	 top: 50%;
	 right:30px;
 }

.selectArrowRight {
	display: inline-block;
	cursor:pointer;
	background-size: 100% 100%;
	position:absolute;
	top: 50%;
	right:5px;
}

.selectArrowFull {
	display: inline-block;
	cursor:pointer;
	background-size: 100% 100%;
	position:absolute;
	right:20px;
	top:17px;
}

.selectArrowMember {
	display: inline-block;
	cursor: pointer;
	background-size: 100% 100%;
	position: absolute;
	top: 5px;
	right: 40px;
}

a {
    text-decoration: none;
    color: #0066cc;
    outline: 0;
	}
a:hover {
    text-decoration: none;
	color: #19345e;
    outline: 0;
	}
a:focus {
    text-decoration: none;
    outline: 0;
	}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    padding: 0;
	}

h2 {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #d7171e;
	}

ul, li {
    line-height: 18px;
    margin: 0;
    padding:0;
    list-style-type: none;
	}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	margin: 0;
}

select option:disabled {
	color: #ccc;
}

.eye {
	position: relative;
}

.eye .fa-eye {
	position: absolute;
	top: 8px;
	left: 225px;
	font-size: 15px;
	cursor: pointer;
}

.forgotText {
	width:110px;
	margin:0 auto;
	padding-top:10px;
}

.securityDetail {
	font-size:12px;
	font-weight:600;
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	position:relative;
	color:#000000;
	width:100%;
	margin-bottom:10px;
}

.securityDetail a {
	text-decoration:none;
	color:#000000;
}

.securityText {
	width:100%;
	font-weight:400;
	text-align:center;
}

.securityText a {
	text-decoration:none;
	color: #0066cc;
}

#loginForgotPassword, #updateForgotPassword, #setForgotPassword, #promptForgotPassword {
	margin-top:5px;
	color: #0066cc;
	cursor:pointer;
}

.modalBottom {
	padding:10px;
	width:50%;
	display: inline-block;
}

.bottom-size {
	font-size:15px !important;
	padding-right:5px;
}

.iconFrame {
	width:135px;
	margin:0 auto;
	margin-bottom:10px;
}

.iconImage {
	float:left;
}

.iconText {
	line-height:15px;
	float:left;
}

.fileError {
	font-size: 18px;
	color: #e8212c;
	font-weight: 700;
	display:none;
}

.disabledButton {
	pointer-events: none;
	opacity: 0.6;
}

#emailFound {
	display:none;
}

#emailNotFound {
	display:none;
}

.labelText {
	font-size: 12px;
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #666;
	display: inline-block;
}

.signupInput {
	width: 100%;
	height: 34px;
	line-height: 24px;
	border: 1px solid #dcdcdc;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0;
	outline: 0;
	font-family: Arial, sans-serif;
	font-size: 14px;
	border-radius: 5px;
}

.fileView {
	width:100%;
	height:300px;
	display: flex;
	justify-content: space-between;
	overflow-y: scroll;
	background-color:#808080;
}

.fileBox {
	background-color:#808080;
	font-size:14px;
	color:#eeeeee;
	padding:10px;
}

.fileBoxHeader {
	font-weight:600;
	border-bottom:1px solid #ccc;
}

.fileBoxLine {
	width:100%;
	padding:5px 0;
	text-align:left;
}

#emailHolder {
	color:#000000;
	font-size:14px;
	display:none;
}

.emailHolderLeft {
	float:left;
}

.emailHolderRight {
	float:right;
}

.prefHeader {
	text-align:center;
}

.newsletterImage {
	display:none;
}

.prefHeading {
	font-size: 18px;
	text-decoration: underline;
	color: #e8212c;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom:15px;
}

.prefHeadingTwo {
	 font-size: 16px;
	 color: #e8212c;
	 text-transform: uppercase;
	 font-weight: 700;
	 margin-bottom: 10px;
 }

.prefHeadingThree {
	font-size: 16px;
	width:100%;
	color: #000000;
	text-transform: uppercase;
	font-weight: 600;
	text-align:center;
	margin-bottom: 10px;
}

.prefFrame {
	width:100%;
	max-width:1000px;
	margin: 0 auto;
}

.prefArea {
	width:98%;
	padding:10px 0;
	position:relative;
}

.prefAreaLeft {
	float:left;
	width:75%;
}

.prefAreaRight {
	float:right;
	width:120px;
}

.prefLine {
	width:100%;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

.prefField {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

#prefUpdate, .greenUpdate {
	color:#66aa33;
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:18px;
	font-weight:600;
	padding:10px 0;
	display:none;
}

#prefUpdate a{
	text-decoration:none;
	color:#66aa33;
}

#prefUpdateFail {
	color:#e8212c;
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:22px;
	font-weight:600;
	padding:10px 0;
	display:none;
}

#prefUpdateNotFound {
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:22px;
	font-weight:600;
	padding:10px 0;
	display:none;
}

#prefSMSUpdate {
	color:#66aa33;
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:18px;
	font-weight:600;
	padding:10px 0;
	display:none;
}

#prefSMSUpdateFail {
	color:#e8212c;
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:22px;
	font-weight:600;
	padding:10px 0;
	display:none;
}

#prefSMSUpdateNotFound {
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:22px;
	font-weight:600;
	padding:10px 0;
	display:none;
}

#prefEmailUpdate {
	color:#888888;
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:22px;
	font-weight:600;
	padding:10px 0;
	display:none;
}

#prefLogin {
	margin-bottom:10px;
	display:none;
}

#spinnerSend {
	position: absolute;
	left: 47%;
	top:-2px;
	font-size:24px;
	color:#ffffff;
	display:none;
}

.smsError {
	display:none;
}

#prefLoginNo {
	display:none;
}

#prefLoginYes {
	display:none;
}

#invalidEmail{
	color:#e8212c;
}

.smallRedText {
	font-size: 14px;
	line-height:18px;
	color: #e8212c;
	font-weight: 700;
	cursor:pointer;
	display:none;
}

#manualUpdate {
	color:#888888;
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:22px;
	padding:10px 0;
	display:none;
}

#manualUpdate a{
	color:#e8212c;
}

#nlTitle {
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size:24px;
	font-weight:600;
	padding:10px;
	margin-bottom:10px;
}

.redTitle {
	color:#e8212c;
}

.passwordToggle {
	position:absolute;
	top:18px;
	right:10px;
	color:#0066cc;
	cursor:pointer;
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	z-index:999999;
}

.prefModalWidth {
	width:325px;
	position:relative;
	margin:0 auto;
}

.prefIframeWidth {
	width:250px;
	height:332px;
	position:relative;
	margin:0 auto;
}

.prefIframeWidthNoHeight {
	width:250px;
	position:relative;
	margin:0 auto;
}

.loginIframeHeader {
	padding-bottom:24px;
}

.verifyAbsolute {
	position:absolute;
	width: 100%;
	bottom:0;
}

.footerLoggedIn {
	display:none;
}

.prefSMSWidth {
	width:440px;
	margin:0 auto;
}

.prefText {
	font-size: 15px;
	color:#666666;
}

.prefSmallText {
	font-size: 17px;
	color:#000000;
	text-align:center;
}

.prefSmallTextBold {
	font-size: 17px;
	font-weight:600;
	color:#000000;
	text-align:center;
}

.prefIframeBold {
	font-size: 21px;
	padding-top: 13px;
	font-weight:600;
	color:#000000;
	text-align:center;
}

.prefSmallTextBoldLeft {
	font-size: 16px;
	font-weight:600;
	color:#000000;
	margin-bottom:10px;
	text-align:left;
}

.prefRegularText {
	font-size: 15px;
	line-height:20px;
	color:#000000;
	text-align:center;
	margin-bottom:24px;
}

.prefRegularTextBold {
	font-size: 15px;
	line-height:20px;
	color:#000000;
	font-weight:700;
	text-align:center;
	margin-bottom:24px;
}

.prefBoldText {
	font-size: 21px;
	line-height:32px;
	color:#000000;
	font-weight:700;
	margin-bottom:8px;
	text-align:center;
}

.prefBox {
	width:99.5%;
	height:54px;
	margin-bottom:10px;
	position:relative;
	border: solid 1px #cccccc;
}

.prefBoxActive {
	border: solid 1px #0066cc;
}

.prefBoxError {
	border: solid 1px #e8212c;;
}

.prefHalfWidthLeft {
	width:48%;
	float:left;
}

.prefHalfWidthRight {
	width:48%;
	float:right;
}

.prefBlueText {
	font-size: 13px;
	line-height:16px;
	color:#666666;
	text-align:left;
	position: absolute;
	z-index: 99;
	top: 5px;
	left: 5px;
	visibility: hidden;
}

.prefBlueTextActive {
	color:#0066cc;
}

.prefCheckText {
	font-size: 15px;
	font-weight:400;
	line-height:20px;
	color:#666666;
	width:95%;
	text-align:left;
}

.prefCheckTextBold {
	font-size: 15px;
	font-weight:600;
	line-height:20px;
	color:#000000;
	text-align:left;
}

.prefCheck {
	margin:19px 0;
}

.prefServiceText {
	font-size: 13px;
	font-weight:400;
	line-height:16px;
	color:#666666;
	text-align:center;
	padding: 24px 0 0 0;
	width:100%;
}

.prefServiceText a {
	text-decoration:none;
	color:#0066cc;
}

.prefServiceText a:hover {
	color: #19345e;
}

.prefPhoneText {
	font-size: 15px;
	line-height:20px;
	float: left;
	margin-top: 17px;
	color:#000000;
	text-align:center;
}

.prefBlueLink {
	margin: 12px;
	font-size: 15px;
	text-align: center;
	color: #0066cc;
	width:100%;
	cursor:pointer;
}

.prefBlueLink:hover {
	color:#19345e;
}

.prefButton {
	border-radius: 4px;
	box-shadow: 0 1px 3px 0 rgba(0, 102, 204, 0.5);
	border: solid 1px #0066cc;
	background-color: #0066cc;
	height:48px;
	line-height:48px;
	font-size:15px;
	font-weight:400;
	cursor:pointer;
	width:100%;
	color:#FEFEFA;
	text-align:center;
	margin-top: 10px;
}

.prefButton:hover{
	border-radius: 4px;
	box-shadow: 0 4px 8px -2px rgba(25, 52, 94, 0.7);
	border: solid 1px #19345e;
	background-color: #19345e;
}

.widgetButtonWrapper {
	width:100%;
	padding:10px 0;
}


.prefButton25 {
	border-radius: 4px;
	box-shadow: 0 1px 3px 0 rgba(0, 102, 204, 0.5);
	border: solid 1px #0066cc;
	background-color: #0066cc;
	height:25px;
	line-height:25px;
	font-size:14px;
	font-weight:400;
	cursor:pointer;
	width:99%;
	color:#ffffff;
	text-align:center;
}

.prefButton25:hover{
	border-radius: 4px;
	box-shadow: 0 4px 8px -2px rgba(25, 52, 94, 0.7);
	border: solid 1px #19345e;
	background-color: #19345e;
}

.maxForm {
	max-width:512px;
}

#div-gpt-ad-1532098202606-0 {
	pointer-events: none;
}

.disabledbutton {
	pointer-events: none;
	opacity: 0.5;
}

input {
	font-size:14px;
	text-indent:5px;
	}

input.rounded {
    border: 1px solid #696969;
    border-radius: 2px;
    font-size: 13px;
	line-height:24px;
    padding: 4px 5px;
    outline: 0;
	margin-bottom:5px;
    -webkit-appearance: none;
	}

input.rounded:focus {
    border-color: #009ACD;
	}

.prefInput {
	width:95%;
	position:absolute;
	font-size:15px;
	top:7px;
	line-height: 40px;
	height:40px;
	background:none;
	color:#000000;
	text-indent:0;
	border:none;
	z-index:500;
}

.halfWidth {
	width:85%;
}

.selectWidth {
	width:97%;
	cursor:pointer;
	background:none;
	z-index:999;
}

.prefSMSField {
	padding-left:4px;
}

.infoCircle {
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	width: 16px;
	height: 16px;
	border-radius: 10px;
	font-size: 10px;
	color: #666666;
	line-height: 16px;
	font-weight: 600;
	text-align: center;
	display: inline-block;
	border: solid 2px #666666;
	z-index: 99999;
	margin-right: 10px;
}

.field-tip {
	position:relative;
	cursor:help;
	float:right;
	margin-top:10px;
}

.field-tip .tip-content {
	position:absolute;
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	text-align:left;
	top:-10px;
	right:9999px;
	width:130px;
	margin-right:-190px;
	padding:10px;
	color:#fff;
	background:#333;
	box-shadow:2px 2px 5px #aaa;
	opacity:0;
	z-index:99999;
	transition:opacity 500ms ease-out;
}

.field-tip:hover .tip-content {
	right:225px;
	opacity:1;
}

.field-tip .tip-content-large {
	margin-top:-30px;
}

.regexCheck {
	float:left;
	width:15px;
}

.regexText {
	float:left;
}

span[class^="badRegex"] {
	display:none;
}


.inner {
    display: table;
    margin: 0 auto;
}

.indent {
    margin-left:130px;
}

#modalFrame {
	width:100%;
	max-width:360px;
	margin:0 auto;
	background-color:white;
    border-radius:8px;
}

.desktopHide {
	display:none;
}

.mobileHide {
	display:block;
	}

.mobileShow {
	display:none;
	}

.phoneShow {
	display:none;
	}

.phoneHide {
	display:block;
	}

.phoneBreak {
	display:none;
	}

.betsApprove {
	display:none;
}

.tournamentApprove {
	display:none;
}

.tournamentOnly {
	display:none;
}

#loginPage {
	display:none;
}

#memberPage {
	display:none;
}

#sendVerification {
	display:none;
}

#onlyXpb {
	display:none;
}

#verificationEmail {
	font-weight:600;
}

#CAresidents {
	margin-top:10px;
}

.hiddenText {
	display:none;
}

.clearBoth {
	clear:both;
	}

.floatLeft {
	float:left;
	}

.floatRight {
	float:right;
	}

.marginLeft {
	margin-left:20px;
	}

.centerText {
	text-align:center;
	padding:10px;
	}

.leftText {
	text-align:left;
	padding-bottom:10px;
}

.skipText {
	font-size:11px;
	margin-left:15px;
	float:right;
}

/* Main Containers */

#loginInfoForm {
	display:none;
}

#form1 {
	display:block;
}

#passwordForm, #messageForm {
	display:none;
}

#validToken {
	display:none;
}

#invalidToken {
	display:none;
}

#smsPage {
	display:none;
}

#firstPage {
	display:none;
}

#secondPage {
	display:none
}

#thirdPage {
	display:none
}

#fourthPage {
	display:none;
}

#fifthPage {
	display:none;
}

#sixthPage {
	display:none;
}

#seventhPage {
	display:none;
}

#newUser {
	display:none;
}

.CCPAText {
	padding:10px;
	background-color:#eeeeee;
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:28px;
	color:#666;
	text-align:center;
	width:100%;
	max-width:250px;
	margin:0 auto;
	margin-top:10px;
}

#ccpaDownloadLink {
	display:none;
}

#ccpaHref {
	color:#ffffff;
}

.ccpaDownloadButton{
	height:20px;
	line-height:20px;
	font-size:14px;
	padding:0 10px;
	font-weight:400;
	cursor:pointer;
	border-radius:2px;
	background-color:#005bf0;
	color:#FEFEFA;
	text-align:center;
	float:left;
}

.ccpaDownloadButton:hover{
	background-color:#0000ff;
	color:#ffffff;
}

#returnUser {
	display:none;
}

.tournamentService {
	display:none;
}

.betsService {
	display:none;
}

#mainFrame {
	width:900px;
	display: block;
	background-color: #ffffff;
  	margin-left: auto;
  	margin-right: auto;
  	margin-top:70px;
	margin-bottom:20px;
	}

#mainIFrame {
	width:300px;
	height:360px;
	display: block;
	background-color:#ffffff;
	margin-left: auto;
	margin-right: auto;
}

.iframeWrap {
	width:250px;
	text-align:center;
	margin:0 auto;

}

.iframeText {
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:20px;
	line-height:23px;
	color:#666;
	width:150px;
	margin:0 auto;
	padding-bottom:30px;
}

#iframeForgot {
	cursor:pointer;
	text-decoration:underline;
	width:100%;
	text-align:left;
	margin-left:5px;
}

.iframeErrorWrap {
	height:80px;
}

.iframeErrorBox {
	height:20px;
}

.mainWrap {
	float:left;
	width:600px;
}

.passwordWrap {
	width:400px;
	text-align:center;
	padding:15px;
	border: 1px solid #eee;
	margin:0 auto;

}

.memberWrap {
	width: 560px;
	padding: 15px;
	margin: 0 auto;
}

.memberText {
	width:100%;
	text-align:center;
}

.memberInput {
	margin-bottom:10px;
}

.countryRise {
	margin-top:-24px;
}

.pwdButtonContainer {
	width:110px;
	margin:0 auto;
}

.memberButtonContainer {
	width:240px;
	margin:0 auto;
}

.checkLeft {
	float:left;
	width:25px;
}

.checkRight {
	float:left;
	width:300px;
	line-height:27px;
}

.sidebarWrap {
	float:left;
	margin-left:15px;
	width:300px;
	display:none;
}

.sidebarAd {
	margin-bottom:15px;
}

.formAd {
	padding-top:10px;
	padding-bottom:15px;
	width:320px;
	margin:0 auto;
}

.mainNotice {
	padding:10px 10px;
	font-size:14px;
	line-height:24px;
	min-height:20px;
	width: 550px;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
}

.userNotice {
	font-size:14px;
	line-height:24px;
	min-height:20px;
	color:#000000;
	border-bottom: 1px solid #ccc;
	margin-bottom:10px;
}

.redText {
	color:#ec1c24;
}

.greenText {
	color:#3c763d;
	font-size:14px;
}

#updateText {
	color:#3c763d;
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:22px;
	font-weight:600;
	display:none;
}

.greenBorder {
	padding:5px;
	border: 1px solid #3c763d;
	border-radius:2px;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
}

.loginText {
	cursor:pointer;
}

.loginWrap {
	float:left;
	width:160px;
}

.noLogin {
	margin-right:15px;
	display:none;
}

.loginInput {
	float:left;
	margin-right:20px;
}

.loginLabel {
	color:#ffffff;
	font-size:13px;
}

.loginLabel a{
	color: #3079f0;
	text-decoration:none;
}

.upgradeWrap {
	width:550px;
	margin:0 auto;
}

.upgradeModule {
	margin-top:20px;
	width:99%;
	border: 1px solid #eee;
	box-shadow: 1px 1px 1px #666;
	border-radius:2px;
}

.xpressbetImg {
	padding:10px;
	height:20px;
}

.welcomeText {
	font-size:18px;
	width:550px;
	margin:0 auto;
	color:#ec1c24;
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
}

.welcomeLeft {
	float:left;
}

.welcomeRight {
	float:left;
	font-size:14px;
	margin-left:20px;
}

#customerMessage {
	margin-top:20px;
	text-align:center;
	}

#logoutButton {
	display:none;
	}

.signupText {
	padding: 10px 0 20px 0;
	text-align: center;
}

#modalInfoForm {
	width:100%;
	max-width: 400px;
	margin:0 auto;
}

.betsInfo {
	display:none;
}

.tournamentInfo {
	display:none;
}

.tournamentText, .invalidZipText {
	display:none;
}

#noBets {
	display:none;
}

#betsTournamentBox {
	display:none;
}

.secureIcon {
	float:right;
	margin-right:20px;
}

.secureImg {
	width:35px;
	margin:0 auto;
}

.secureText {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 11px;
	line-height: 12px;
	text-align: center;
	font-weight: 600;
	margin-left:-20px;
	margin-top:-5px;
}

.secureTextSmall {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 8px;
	line-height: 10px;
	text-align: center;
	font-weight: 400;
	margin-left:-20px;
}

.csLogo {
	padding-top:10px;
	width:515px;
	margin:0 auto;
	display: flex;
	align-items:center;
	justify-content: center;
}

.csImg {
	height:30px;
	margin-left:10px;
	vertical-align: middle;
}

.accountSection {
	height:100px;
	border-top: 1px solid #eee;
	margin-left:20px;
}

.accountSectionLeft {
	float:left;
	width:600px;
}

.accountSectionRight {
	float:left;
}

.accountSectionHeader {
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:30px;
	line-height:100px;
}

.accountNoButton {
	height:36px;
	line-height:36px;
	font-size:16px;
	font-weight:400;
	cursor:pointer;
	border-radius:4px;
	width:150px;
	background-color:#ec1c24;
	color:#FEFEFA;
	text-align:center;
	margin-top:32px;
}

.accountNoButton:hover{
	background-color:#990000;
}

.accountNoButton a{
	color:#ffffff;
	font-weight:700;
}

.accountYesButton {
	height:36px;
	line-height:36px;
	font-size:16px;
	font-weight:400;
	cursor:pointer;
	border-radius:4px;
	width:150px;
	background-color:#6a3;
	border: 1px solid #592;
	color:#FEFEFA;
	text-align:center;
	margin-top:32px;
}

.accountYesButton:hover{
	background-color:#006400;
}

.accountYesButton a{
	color:#ffffff;
	font-weight:700;
}

.btnLogin {
	background: #ec1c24;
	display: inline-block;
	width:97px;
	font-size: 12px;
	line-height: 30px;
	border-radius: 2px;
	color: #fff;
	cursor:pointer;
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	font-weight:600;
	text-align: center;
	margin-right:5px;
}

.btnLogin:hover {
	color: #fff;
}

.changeUserButton {
	height:24px;
	line-height:24px;
	font-size:16px;
	font-weight:400;
	cursor:pointer;
	border-radius:4px;
	width:150px;
	background-color:#6a3;
	border: 1px solid #592;
	color:#FEFEFA;
	text-align:center;
}

.changeUserButton:hover{
	background-color:#006400;
}

.changeUserButton a{
	color:#ffffff;
	font-weight:700;
}

.bigText {
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	color:#f30707;
	font-size:18px;
	line-height:32px;
}

.regRedText {
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	color:#f30707;
	font-size:16px;
	line-height:26px;
}

.boldText {
	font-weight:400;
	color:#000000;
 }

.bigBoldText {
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	font-weight:400;
	Font-size:14px;
	line-height:18px;
	color:#000000;
}

.topText {
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	color:#cccccc;
	font-size:20px;
	line-height:56px;
	margin-left:15px;
}

.redStar {
	color:#f30707;
	}

.yellowText {
	color:#FFA500;
	}

.redNote {
	Font-size:16px;
	color:#f30707;
	}

.redError {
	display:none;
	Font-size:11px;
	color:#f30707;
	}

.prefError {
	display:none;
	margin-top:35px;
	Font-size:11px;
	position:absolute;
	left:6px;
	color:#f30707;
}

.prefAgreeError {
	display:none;
	margin-top:10px;
	Font-size:11px;
	color:#f30707;
}

.modalPad {
	padding:10px 20px;
}

label {
	font-size:10px;
	}

.greyLabel {
	font-size:10px;
	margin-left:4px;
	color:#666;
}

.addressGroup {
	margin-left:-10px;
	border:none;
}

input.error {
	border-color: #a94442;
    -moz-box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #666;
	}

.set-width {
  width: 232px;
}

.set-width-input {
	width: 245px;
	-webkit-appearance: none;
}

.wide-width {
	width: 98%;
}

.box-width {
  width: 130px;
}

.modal-width {
	width: 130px;
}

.tiny-width {
	width: 20px;
	margin-right:15px;
}

.short-width {
  	width: 50px;
	margin-right:4px;
}

.medium-width {
	width: 80px;
}

.agreeText {
	width:600px;
}

.buttonSpace {
	line-height:35px;
	}

.btnCreateAc {
	padding-left:10px;
	}

.greyLine {
	width:90%;
	margin-left:10px;
	margin-top:10px;
	height:2px;
	background-color:#eee;
	}

.leftInput {
	color:#000000;
	width:268px;
	line-height:28px;
	position:relative;
	float:left;
	}

.rightInput {
	color:#000000;
	width:242px;
	line-height:28px;
	position:relative;
	float:right;
}

.memberButtonText {
	font-size: 13px;
	line-height:16px;
	cursor:pointer;
	color: #005bf0;
	margin-bottom:10px;
}

.memberButtonText:hover {
	cursor:pointer;
	color: #005bf0;
}

.fullInput {
	color:#000000;
	width:100%;
	line-height:30px;
	float:left;
}

.leftLogo {
	color:#000000;
	width:268px;
	line-height:24px;
	float:left;
}

.rightLogo {
	width:268px;
	float:right;
	display:none;
}

.formBox {
	position: relative;
	border: 2px solid #eee;
	background-color:#FEFEFA;
	border-radius:5px;
	padding:10px;
	width:350px;
	float:left;
	margin-bottom:20px;
	}

.rightPad {
	margin-right:40px;
}

.boxHeader {
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:18px;
	font-weight:400;
	line-height:22px;
	padding-bottom:5px;
	}

.redHeader {
	font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:0px;
	font-weight:600;
	line-height:22px;
	padding-bottom:5px;
	}

.boxText {
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:400;
	font-size:14px;
	line-height:16px;
	}

.verifyButton {
	border-radius: 4px;
	box-shadow: 0 4px 4px -3px rgba(236, 28, 36, 0.5);
	border: solid 1px #ec1c24;
	background-color: #ec1c24;
	height:44px;
	line-height:44px;
	font-size:15px;
	font-weight:600;
	cursor:pointer;
	width:100%;
	color:#ffffff;
	text-align:center;
	margin-top:10px;
	position:relative;
}

.verifyButton:hover {
	border-radius: 4px;
	box-shadow: 0 4px 8px -2px rgba(206, 32, 41, 0.7);
	border: solid 1px #ce2029;
	background-color: #ce2029;
}

.iFrameButton {
	height:38px;
	line-height:38px;
}


.loginHeader {
	padding:20px;
}

.loginSpacer {
	padding:20px 0;
}

.iframeVerifyButton {
	height:40px;
	line-height:40px;
	font-size:14px;
	font-weight:600;
	cursor:pointer;
	border-radius:4px;
	width:244px;
	background-color:#ec1c24;
	color:#FEFEFA;
	text-align:center;
	margin: 0 auto;
}

.iframeVerifyButton:hover{
	background-color:#990000;
}

.verifyButton a{
	color:#ffffff;
	font-weight:700;
	}

.createButton {
	border-radius: 4px;
	box-shadow: 0 1px 3px 0 rgba(0, 102, 204, 0.5);
	border: solid 1px #0066cc;
	background-color: #0066cc;
	height:48px;
	line-height:48px;
	font-size:14px;
	font-weight:600;
	cursor:pointer;
	width:100%;
	color:#ffffff;
	text-align:center;
	margin-top: 10px;
}

.createButton:hover{
	border-radius: 4px;
	box-shadow: 0 4px 8px -2px rgba(25, 52, 94, 0.7);
	border: solid 1px #19345e;
	background-color: #19345e;
}

.createButton a{
	color:#ffffff;
	font-weight:600;
}

.upgradeButton {
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:600;
	cursor:pointer;
	border-radius:2px;
	width:130px;
	background-color:#005bf0;
	color:#FEFEFA;
	text-align:center;
	margin: 0 auto;
}

.upgradeButton:hover{
	background-color:#0000ff;
}

.upgradeButton a{
	color:#ffffff;
	font-weight:600;
}

.upgradeLogo {
	padding:10px;
}

.upgradeBox {
	width:90%;
	text-align:left;
}

.upgradeLeft {
	font-size:18px;
	line-height:24px;
	color:#000000;
	padding:10px;
	width:70%;
	float:left;
}

.upgradeRight {
	padding:10px;
	width:20%;
	float:left;
}

.passwordInput {
	width:232px;
	margin:0 auto;
}

.yesNoButton {
	box-shadow: 0 4px 4px -3px rgba(236, 28, 36, 0.5);
	border: solid 1px #ec1c24;
	background-color: #ec1c24;
	height:35px;
	line-height:35px;
	margin-right:10px;
	font-size:15px;
	font-weight:600;
	cursor:pointer;
	border-radius:4px;
	width:106px;
	color:#fff;
	text-align:center;
	float:left;
}

.yesNoButton:hover{
	box-shadow: 0 4px 8px -2px rgba(206, 32, 41, 0.7);
	border: solid 1px #ce2029;
	background-color: #ce2029;
}

.yesNoButton a{
	color:#ffffff;
	font-weight:700;
}

.yesNoButtonBlue {
	border-radius: 4px;
	box-shadow: 0 1px 3px 0 rgba(0, 102, 204, 0.5);
	border: solid 1px #0066cc;
	background-color: #0066cc;
	height:35px;
	line-height:35px;
	margin-right:10px;
	font-size:16px;
	font-weight:600;
	cursor:pointer;
	width:100px;
	color:#ffffff;
	text-align:center;
	float:left;
}

.yesNoButtonBlue:hover{
	border-radius: 4px;
	box-shadow: 0 4px 8px -2px rgba(25, 52, 94, 0.7);
	border: solid 1px #19345e;
	background-color: #19345e;
}

.skipRegistration {
	cursor:pointer;
}

/* Custom Checkbox */

.checkContainerLeft {
	float:left;
	width:120px;
}
.checkContainer {
	display: block;
	position: relative;
	padding-left: 25px;
	margin-top:5px;
	margin-bottom: 15px;
	cursor: pointer;
	line-height: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkContainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 14px;
	border: 2px solid #0066cc;
	width: 14px;
	border-radius: 2px;
}

.checkContainer:hover input ~ .checkmark {
	background-color: #eee;
}

.checkContainer input:checked ~ .checkmark {
	background-color: #6ba444;
	border: 2px solid #6ba444;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.checkContainer input:checked ~ .checkmark:after {
	display: block;
}

.checkContainer .checkmark:after {
	left: 4px;
	top: 0;
	width: 4px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}


/* Modal Div Styles */

#modalOverlay {
    	top:0;
    	left:0;
    	width:100%;
    	height:100%;
    	background-color: rgba(0,0,0,.5);
    	z-index:99998;
    	position:fixed;
    	display:none;
    }

#closeModal {
    	color:#666;
    	font-size:14px;
    	padding:10px;
    	text-align:right;
    	cursor: pointer;
    }

.closeText {
    	color:#666;
    	font-size:14px;
    }

#modalDialogText {
	padding:10px;
}
.modalContent {
        top:100px;
        width:350px;
        background-color:#ffffff;
        position:absolute;
  		left: 0;
  		right: 0;
  		margin: 0 auto;
        display:none;
        z-index:99999;
}

.modalTop {
	background: #f6f6f6;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
	position:relative;
	width: 100%;
	height:43px;
}

.modalDialogImage {
	width:80px;
	margin:0 auto;
}

#modalDialogHeader {
	float:left;
}

.modalIcon {
	width:80px;
}

.modalText {
	color:#000000;
	text-align:center;
	margin:10px;
}

.modalPassword {
	width:230px;
	margin:0 auto;
	text-align:center;
}

.modalButtons {
	width:300px;
	margin:0 auto;
	text-align:center;
}

.modalList {
	text-align:left;
	margin:10px;
}

.modalList li{
	padding-bottom:8px;
	color:#000000;
}

.modalX {
	cursor:pointer;
	font-size:18px;
	line-height:24px;
	font-weight:600;
	position:absolute;
	top:5px;
	right:10px;
}

.redirectText {
	color:#000000;
	font-size:16px;
	margin:10px 10px 20px 10px;
}

#redirectNew {
	display:none;
}

#redirectExist {
	display:none;
}

#redirectReturn {
	display:none;
}

.passwordRules {
	float:left;
	width:49%;
}

.passwordRulesModal {
	float: left;
	width: 80%;
	padding: 0 0 10px 30px;
}

.passwordRulesBox {
	padding-bottom:10px;
	display:none;
}

.resetPasswordRules {
	width:244px;
	margin:0 auto;
}

.passwordCircle {
	display:none;
}

.blueError {
	color:#0066cc;
	cursor:pointer;
}

.loadWrap {
	background-color: #f0f7fe;
	width:100%;
	height:180px;
	text-align:center;
	border-radius:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.loader,
.loader:before,
.loader:after {
	background: #005bf0;
	-webkit-animation: load1 1s infinite ease-in-out;
	animation: load1 1s infinite ease-in-out;
	width: 1em;
	height: 4em;
}
.loader {
	color: #005bf0;
	text-indent: -9999em;
	margin: 88px auto;
	position: relative;
	font-size: 11px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:before,
.loader:after {
	position: absolute;
	top: 0;
	content: '';
}
.loader:before {
	left: -1.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader:after {
	left: 1.5em;
}
@-webkit-keyframes load1 {
	0%,
	80%,
	100% {
		box-shadow: 0 0;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em;
		height: 5em;
	}
}
@keyframes load1 {
	0%,
	80%,
	100% {
		box-shadow: 0 0;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em;
		height: 5em;
	}
}


/* cellpadding */
th, td { padding: 2px 10px; }

/* Top Nav */
.topWrap {
    font-size: 12px;
    height: 56px;
	background-color:#000000;
    position:fixed;
	top:0;
	width:100%;
	}

.topNav {
    float: left;
	}

.toploginNav {
    float: right;
    margin-right: 5px;
	}

.topWrap li {
    line-height: 34px;
    float: left;
    font-size: 14px;
	}
.topWrap a {
    display: block;
    color: black;
	}
.topWrap a:hover {
    color: #ec1c24;
	}
.topWrap .topNavActive a {
    color: #ec1c24;
	}

.socialMedia{
    float: right;
    margin-right:30px;
	}
.socialMedia li {
    float: left;
	}
.socialMedia li a {
	position: relative;
    display: block;
    padding: 0;
    width: 25px;
    height: 25px;
    text-indent: -10000px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
	}
.socialMedia li a.twitter {
    background: #00aced;
	}
.socialMedia li a.twitter:hover {
    background: #38b1da;
	}
.socialMedia li a.twitter:before {
	content:"";
	background-image: url("/global/img/iconSprite-2cf5db0a31a5a1ed6b09c128ce22a017.png");
    background-repeat: no-repeat;
    background-position: 1px -63px;
    display: block;
    width: 19px;
    height: 18px;
    position: absolute;
	left: 3px;
	top: 4px;
	}
.socialMedia li a.facebook {
    background: #3b5998;
    margin-left: 5px;
	}
.socialMedia li a.facebook:hover {
    background: #2f5b9f;
	}
.socialMedia li a.facebook:before {
	content:"";
    background-image: url("/global/img/iconSprite-2cf5db0a31a5a1ed6b09c128ce22a017.png");
    background-repeat: no-repeat;
    background-position: 0px -94px;
    display: block;
    width: 8px;
    height: 16px;
    position: absolute;
	left: 9px;
	top: 5px;
	}

.ui-dialog {
	background-color:#f0f7fe;
	text-align:center;
	border-radius:10px;
	padding:15px;
	color:#000000;
	border: 3px solid #ccc;
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 2px 2px 3px #666;

}

.ui-dialog-title {
	line-height:36px;
	Font-size:18px;
	color:#000000;
}

.ui-dialog-titlebar-close {
	display:none;
}

.ui-dialog-buttonset {
	padding-bottom:10px;
}

/** Error Messages **/

#emailError {
	visibility:hidden;
}

#loginError {
	display:none;
	margin-top:10px;
	width: 442px;
}

#loginError2 {
	display: none;
	width: 100%;
	padding-top:10px;
	margin: 0 auto;

}

.formErrorWrap {
    color: #d7181f;
    background: #fef2f2;
    border: 1px solid #f5dcdc;
    position: relative;
    padding: 5px 5px 5px 45px;
    margin-bottom: 5px;
	font-size:12px;
	line-height:14px;
    display: block;
}

.errorText {
    color: #d7181f;
    font-size:12px;
    margin-top:5px;
}

.formErrorText {
    color: #666666;
    display: block;
}

.icon-error {
    background-position: left -377px;
    width: 23px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 11px;
}

[class^='icon-'], [class*=' icon-'] {
    margin-top: 0;
    background-image: url('/global/img/iconSprite-2cf5db0a31a5a1ed6b09c128ce22a017.png');
    background-repeat: no-repeat;
}

.centerAd {
    display: inline-block;
}

.bigAd {
    display:block;
}

.smallAd {
    display:none;
}
.ccpaPopUp {
    width: 360px;
    border-radius: 2px;
}
.ccpaPopUp .ccpaHeader{
    padding:15px;
}
.checkBoxHolder,
.ccpaSubmitBtn .yesNoButton{
    margin-bottom: 15px;
}
.checkBoxHolder {
    padding:15px;
}
.checkBoxHolder .inputHolder {
    clear: both;
}
.checkBoxHolder .inputHolder input,
.checkBoxHolder .inputHolder span{
    float: left;
}
.checkBoxHolder .inputHolder span {
    width:90%;
    text-align: left;
    margin-bottom: 3px;
}
.ccpaPopUp .modalDialogImage {
    width: 85px;
    height:35px;
}
.ccpaPopUp .modalDialogImage .modalIcon {
    max-width:100%;
    max-height:100%;
}
/************************************ Media queries (1100 MAX) ********************************/
@media (max-width: 1100px) {
	.sidebarWrap {
		display:none;
	}
}

/************************************ Media queries (979 MAX) ********************************/
@media (max-width: 979px) {

	.upgradeModule {
		margin:0 auto;
		margin-bottom:10px;
		width:90%;
	}

	.modalContent {
		width:320px;
		top:30px;
	}

	.welcomeText {
		width:90%;
	}

	.bigAd {
		display:none;
	}

	.smallAd {
		display:block;
	}

.mainWrap {
	width:99%;
	border:none;
}

.indent {
    margin-left:100px;
}

.phoneBreak {
	display:block;
	}

.short-width {
  width: 40px;
}

.medium-width {
  width: 100px;
}

#mainFrame {
	width:99%;
	}

#mainForm {
	margin-left:20px;
	}

#mainRight {

	width:90%;
	border-left: 0 solid #eee;
	margin-left:20px;
	margin-top:10px;
	}

.formBox {
	width:300px;
}

.mobileHide {
	display:none;
	}

.mobileShow {
	display:block;
	}

.marginLeft {
	margin-left:00px;
	}

#mainLeft {
	width:100%;
	}

.agreeText {
	width:580px;
	}

.mobileHeaderWrap {
	padding-left:10px;
	padding-bottom:8px;
	width:99%;
	}

.mobileLogo {
	height:20px;
	width:80px;
	background-image: url("/global/img/logo-drf-7a03f07087c02f72f20a93ea6e7cddb7.png");
    background-repeat: no-repeat;
	}

.responsiveButton {
    pointer-events: auto;
    display: block;
    padding-right: 13px;
    z-index: 1000;
    }
.responsiveButton .icon-bar {
    background-color: black;
    display: block;
    height: 1px;
    width: 28px;
    margin: 6px 0;
    }

.mobileMenu {
    position: absolute;
    right: 0;
    top: 0;
    }

.mobileMenu li {
    float: left;
    }
}

/************************************ Media queries (720 MAX) ********************************/
@media (max-width: 720px) {

	.loginHeader {
		padding: 10px;
	}

	#smsPage {
		width: 300px;
		padding: 10px;
		margin: 0 auto;
		border: none;
	}

	.prefAreaSMS {
		width:100%;
		padding:10px 0;
	}

	#prefLogin, #prefLoginNo {
		width:330px;
		margin:0 auto;
		padding-bottom:10px;
	}

	.prefBoldText {
		font-size: 17px;
	}

	.prefHeadingTwo {
		font-size: 13px;
	}

	.prefHeadingThree {
		font-size: 13px;
	}

	.passwordWrap {
		width:90%;
	}

	.memberWrap {
		width:90%;
	}

	.upgradeWrap {
		width:100%;
		margin:0;
	}

	.secureWrapper {
		width:300px;
        padding:15px;
	}

	#mainTop {
		font-size:34px;
		line-height:38px;
		padding-top:15px;
	}

	.topText {
		font-size: 14px;
		margin-left: 10px;
	}

	.rightPad{
		margin-right:0;
	}

	.indent {
    	margin-left:50px;
	}

	.set-width {
  		width: 235px;
	}

}

/************************************ Media queries (600 MAX) ********************************/
@media (max-width: 600px) {

	.selectArrowFull {
		right: 10px;
	}

	.passwordInput {
		width: 100%;
	}

	.prefSMSWidth {
		width: 327px;
	}

	.prefCheckText {
		font-size: 14px;
	}

	.rightInput {
		float:left;
		width:285px;
	}

	.prefAreaLeft {
		width:100%;
		margin-bottom:10px;
	}

	.prefAreaRight {
		float:left;
	}

	.securityDetail {
		font-size:11px;
	}

	.modalBottom {
		width:38%;
		padding:5px;
	}

	input.rounded {
		padding: 4px 5px;
	}

	select {
		border:none;
		border-bottom: 1px solid #ccc;
	}

	input {
		text-indent: 0;
	}

	input.rounded {
		border: none;
		border-bottom: 1px solid #ccc;
	}

	.countryRise {
		margin-top:0;
	}

	.formAd {
		margin-left:-15px;
	}

	#loginError {
		width:290px;
		margin-left:15px;
	}

	.leftText {
		font-size:13px;
		line-height:18px;
	}

	.greenBorder {
		padding:5px;
		border: 1px solid #3c763d;
		border-radius:2px;
		margin-top:5px;
		margin-bottom:5px;
	}

	.fullInput {
		width:280px;
	}

	.checkRight {
		width:280px;
	}

	.passwordRules {
		font-size:11px;
		line-height:14px;
		width:200px;
	}

	.upgradeModule {
		width:270px;
		text-align:center;
		margin:0 auto;
		margin-bottom:10px;
	}

	.upgradeLeft {
		font-size:16px;
		line-height:22px;
		text-align:center;
		width:100%;
	}

	.upgradeRight {
		text-align:center;
		width:100%;
	}

	.loginWrap {
		width:290px;
	}

	.mainNotice {
		width: 300px;
		border:none;
		font-size:11px;
		line-height:14px;
	}

	.desktopPasswordRules {
		margin-top:10px;
		display:none;
	}

	.passwordCircle {
		display:block;
	}

	.secureImg {
		width:25px;
	}

	.secureTextSmall {
		margin-left:-30px;
	}

	.leftLogo {
		width:190px;
		float:left;
	}

	.rightLogo {
		width:80px;
		float:right;
	}

	.centerText {
		line-height:18px;
	}

	.bigText {
		font-size:16px;
	}

	.secureIcon {
		margin-right:10px;
	}

	.csLogo {
		width:248px;
	}

	.createButton {
		float: left;
	}

	.box-width {
		width: 290px;
	}

	.iframeVerifyButton {
		width:244px !important ;
	}

	.set-width {
		width:280px;
	}

	.set-width-input {
		width: 280px;
	}

	.wide-width {
		width:280px;
	}

	.leftInput {
		width:300px;
		line-height:22px;
	}

	.topText {
		display:none;
	}

	.modalContent {
		width:320px;
	}
	.modalContent.ccpaPopUp {
		width: 320px;
	}

	#introText {
		width: 300px;
	}

#mainFrame {
	width:98%;
	margin-top:70px;
	}

#mainForm {
	margin-left:5px;
	}

#mainLeftTop {
	font-size:26px;
	}

.phoneHide {
	display:none;
	}

.phoneShow {
	display:block;
	}

.agreeText {
	width:270px;
	margin-left:20px;
	}

.phoneAcct {
	margin-left:20px;
	text-align:center;
	width:250px;
}

.greyLine {
	margin-left:00px;
	width:300px;
	}

.yellowText {
	width:280px;
	}

.socialMedia {
	float:left;
	margin-left:130px;
	}

.buttonSpace {
	line-height:24px;
	width:300px;
	text-align:center;
	}

.formBox {
	width:265px;
}

.indent {
    margin-left:0;
}

}

/************************************ Media queries (400 MAX) ********************************/
@media (max-width: 400px) {

#mainLeftTop {
	font-size:24px;
	}

.greyLine {
	width:250px;
	}

.buttonSpace {
	width:250px;
	}

}