@import url(https://fonts.googleapis.com/css?family=Oswald); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic); @import url(https://fonts.googleapis.com/css?family=Roboto); @import url(https://fonts.googleapis.com/css?family=Oxygen:400,700); body { min-width:1300px; position:relative; margin:0; /* font-family:oxygen,arial,helvetica,sans-serif; */ font-family:'Open Sans',arial,helvetica,sans-serif; font-size:14px; line-height:18px; font-weight:normal; color:#474747; text-decoration:none; background-color:#183152; } .infodisplaylast a { color:#777; } .infodisplaylast a:hover { color:#777; } body > iframe { height:0; } #container { width:100%; background-color:#fff; margin:0; } #innerbox { margin:0 auto; padding:20px 0 0 0; width:100%; max-width:1280px; min-width:980px; } .disclaimer { font-size:14px; color:#474747; text-align:center; clear:both; margin:0 0 50px 0; } #header { box-sizing:border-box; width:450px; display:table-cell; vertical-align:top; padding:0 20px 180px 20px; } #header a { color:#474747; } img#cover { width:100%; max-width:410px; margin-bottom:25px; border:solid 1px #eee; image-rendering: -webkit-optimize-contrast; } img#logo { max-height:60px; max-width:200px; display:block; margin:0 auto; } #header h3 { font-family:oswald,sans-serif; font-size:20px; font-weight:normal; line-height:24px; } #innerbox form { display:table-cell; /* width:76%; */ } #tp_qual { clear:top; padding:0 20px 0 0; /* position:relative; */ width:600px; box-sizing:content-box; } #tp_qual a { color:inherit; text-decoration:underline; } #infoblock { /* position:relative; */ width:100%; /* padding-bottom:15px; */ /* overflow:auto; */ } #userfields { position:relative; padding-top:20px; } #usersummary { box-sizing:border-box; position:absolute; left:619px; top:20px; width:100%; max-width:220px; border:solid 1px #c8c8c8; padding:10px; } #usersummary > p { font-family:oswald,sans-serif; font-weight:normal; font-size:16px; margin:0; } #usersummary #summary_city { display:inline; } #usersummary #summary_state { display:inline; } /* #usersummary #summary_city::after { content: ", "; } */ #notme_noauth, #notme { position:relative; margin-left:6px; } #notme_noauth::before , #notme::before { position:absolute; left:-8px; content: "| "; text-decoration:none; cursor:default; pointer-events:none; } /* 2-COLUMN STYLES */ #tp_qual.col2qual { width:600px; max-width:600px; position:relative; } #usercontainer > .leftcon { float:left; clear:left; width:50%; position:relative; } #usercontainer .rightcon { display:inline-block!important; width:50%; } #usercontainer .leftcon #indcode_secondary , #usercontainer .rightcon #indcode_secondary { /* padding-top:14px; */ } p.welcome { margin:0; } .welcome span { font-size:12px; } .welcome b { font-family:oswald; font-size:20px; font-weight:normal; } #mailerror .welcome { font-size:12px; margin:0 0 0.5em 0; color:#ff6600; } #error-login { background: url(https://img.tradepub.com/images/error-red-x.png) no-repeat 2px center; background-color:#eedbdd; display:block; font:10px arial,helvetica,sans-serif; padding: .5em 0 .5em 20px; margin-top: .5em; display: none; } #tp-login { margin-top: .5em} #usercontainer { border:solid 1px #c8c8c8; background-color:#fff; clear:both; padding:0px 0px 20px 20px; overflow:normal; display:inline-block; display:block; /* overflow:hidden; */ overflow:visible; /* margin-top:15px; */ margin-bottom:20px; } #usercontainer:after { content:""; display:table; clear:both; } #usercontainer h4 { font-family:oswald;sans-serif; font-size:20px; font-weight:normal; margin:18px 0 0.5em 0; } #usercontainer p { margin:1em 0 0.3em 0; } #usercontainer #indcode_level2 p { margin:1em 0 0.3em 0!important; } .infofields { float:left; width:50%; position:relative; } .infofields h4 { font-family:oswald,sans-serif; font-size:20px; font-weight:normal; margin:0 0 15px 0; } .infofields p { margin:6px 0 0 0; position: relative; clear:both; } #usercontainer p label { font-size:12px; color:#000; } #tp_qual.col2qual #infoblock input[type=text] { max-width:90%; } input[type="text"] { width:100%; max-width:95%; max-width:550px; padding:6px 4px; font-family:arial,helvetica,sans-serif; color:#666; border:solid 1px #c8c8c8; background-color:#fff; } select::-ms-expand { display:none; } select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-image:url(https://img.tradepub.com/images/select_arrow.png); background-position:right center; background-repeat:no-repeat; width:100%; max-width:95%; max-width:560px; padding:5px 20px 5px 3px; font-family:arial,helvetica,sans-serif; color:#666; border:solid 1px #c8c8c8; background-color:#ffffff; min-height:29px; } #tp_qual.col2qual select { width:270px; } #demoscontainer select , #tp_coreg select { width:198px; max-width:198px; } #demoscontainer select:focus { /* min-width:255px; min-width:247px\9; */ } input[type="text"]:hover, select:hover { border:solid 1px #66ccff; background-color:#f0fbfc; border:solid 1px #8CCAD1; background-color:#E4F7F7; } /* SELECT FOCUS TRIES */ /* select > option:hover, select option:hover { -webkit-box-shadow: inset 0 0 10px 100px #01A2A6; box-shadow: inset 0 0 10px 100px #01A2A6; } */ /* END SELECT FOCUS TRIES */ #optin { font-size:12px; line-height:15px; font-weight:normal; color:#000; clear:both; margin-top:10px; max-width:94%; } #optin td { vertical-align:top; } #optin td:nth-child(2) { white-space:nowrap; } .infodisplay { float:left; margin-right:20px; max-width:225px; } .infodisplaylast { /* float:left; margin-bottom:15px; */ color:#777; font-size:12px; } .infodisplaylast p { margin:0; } #privpolicy, #privpolicy_cust, #container_notice { border: solid 1px #ccc; padding: 15px; margin-bottom: 20px; } #privpolicy a , #privpolicy_cust a , #container_notice a { color:#01A2A6; } .optinmsg { font-family:arial,helvetica,sans-serif; font-size:12px; font-weight:normal; color:#333; clear:both; } .optinblue { font-family:'Trebuchet MS',helvetica,sans-serif; font-size:15px; color:#0099cc; } #userinfo { /* margin-bottom:15px; float:left; */ } .contact { float:left; margin:0 20px 0 0; min-width:150px; max-width:225px; } #demoscontainer { border:solid 1px #c8c8c8; clear:both; padding:20px; margin-bottom:20px; overflow:normal; display:inline-block; display:block; overflow:hidden; } .demosques { clear:both; vertical-align:middle; display:inline-block; padding:10px 0; width:100%; } #tp_coreg .demosleft { /* margin-left:40px; */ width:315px; box-sizing:border-box; padding-right:15px; } #tp_coreg .demosboth { /* margin-left:40px; */ } table.tableResp td { padding:0; } /* coreg leftspace fix */ #tp_coreg .demosboth table { margin-left:-40px; } #tp_coreg .demosques { padding-left:40px; box-sizing:border-box; } #tp_coreg td.leftspace { display:none; } #tp_coreg table.tableResp.td_font { margin-left:40px; max-width:520px; } #tp_coreg .demosques table.tableResp.td_font { margin-left:0px; } /* coreg leftspace fix end */ #tp_coreg .demosboth table.fullwidth { margin-left:0; } .demosnum,.demosleft,.demosright,.demosboth,.demosnon { font-size:12px; line-height:17px; font-weight:bold; color:#474747; float:left; } .demosnum { width:3%; } .demosleft { width:360px; margin:0 0px 10px 0; box-sizing:border-box; padding-right:15px; } /* .demosright { width:30%; } */ .demosright input[type=text] { /* max-width:182px; */ max-width:189px; } .demosright select { margin-bottom:8px; } .demosright div { max-width:198px; } .demosboth { width:94%; } .demosnon { font-weight:normal; float:none; clear:both; padding-top:1em; } .demosques td { font-weight:normal; } #demoscontainer select { margin-bottom:1em; } #demoscontainer input[type="radio"] { margin-bottom:1em; } #demoscontainer textarea , #tp_coreg textarea { margin-bottom:1em; width:198px; max-width:198px; box-sizing:border-box; } #tp_coreg { clear:both; border:solid 1px #c8c8c8; padding:0 20px 15px 20px; /* margin-top:20px; */ } #tp_coreg:empty { border:0; } .crTitle, .crPublisher, .crDesc, .ques_txt, .ques_txt_stretch, .ques_font, .td_font { font-size:14px; color:#474747; } .crPublisher { font-weight:normal; padding:0.25em 0 0.7em 0; } .tableQues td { padding-right:10px; } table.tableResp { width: 100%; border: 0; margin: 0; padding: 0; font-size:12px; } .coregDivider { margin-top:1em; } #coregtop { clear:both; text-align:left; font-family:oswald,sans-serif; color:#474747; font-weight:normal; font-size:20px; line-height:28px; margin:10px 0px 20px 0px; } #coregtop span { font-family: 'open sans',arial,helvetica,sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; display: block; } .coregtab { width:100%; margin:0; } .coregHead { width:100%; background-color:#ecfafc; border:solid 1px #669999; margin:1em auto; font-size:13px; font-weight:bold; text-align:center; padding:4px; } td.crcb { width:30px; } .crtab img { max-width:75px; } .crtab.spbait img { max-width:88px; } .crtab.spbait .crClient { font-weight:bold; font-style:italic; display:block; } .crtab.spbait .crTitle { font-weight:normal; } .crtab.spbait td.crcb { display:none; } .crtab.spbait td:nth-child(2) { width:130px; text-align:center; } #sponsortop { text-align:right; font-size:12px; } #tp_coreg hr { height: 1px; border: 0; border-top: 1px solid #c8c8c8; margin: 1em 0; padding: 0; } input#tp_submit { -webkit-appearance: none; -moz-appearance: none; color:#fff; cursor:pointer; font:normal 22px oswald,arial,helvetica; letter-spacing:1px; line-height:24px; margin:15px 0 20px 0; text-align:center; padding:12px 60px; border:0; border-radius:0; -webkit-border-radius:0; text-transform:uppercase; background-color:#01A2A6; } input#tp_submit:hover { opacity:0.8; filter:alpha(opacity=80); } /*-------------------------------------------------*/ /* error block */ /*-------------------------------------------------*/ table.errortab { width:100%; margin:0 auto; border: 1px solid #8CCAD1; padding: 6px; background: #E4F7F7; border-collapse:revert; } table.errortab ul { margin:revert; padding:revert; } span.error {font-size: 16px; font-family:oswald,sans-serif;font-weight:normal; color: #000; font-weight: normal;} /* COREG STUFF */ table.tableQues { width: 100%; border: 0; margin: 0 auto; padding: 0; } table.tableResp { width: 100%; border: 0; margin: 0 auto; padding: 0; } table.tableResp td, table.crtab td:nth-child(3) */ { padding-right:20px; } */ td.ques_num { width:4%; padding:4px; text-align:right;} td.ques_txt { width:56%; padding:4px; vertical-align: top;font-weight:bold;} td.ques_txt_stretch { padding:4px; vertical-align:top; font-weight:bold;} td.ques_res { width:40%; padding:4px;} .coregHead { width:100%; } .crtab { width:100%; margin-bottom:20px; } .crTitle { font-size: 14px; font-weight: bold;} .crDesc { font-size: 14px; font-weight: normal;} .crNote { display:none; } .crBody { font-size: 14px; width: 82%; margin: 0.8em auto; display: block; } div.footDisclaim { width:65%; margin:auto; text-align:left; color:#CC0000; font-size:10px; background-color:#FFFFFF; } .footer { width:100%; border:0; border-collapse:collapse; position:absolute; left:0; } .footer td { padding:10px 20px; background-color:#183152; font-size:12px; color:#fff; } .footer td div { display:inline-block; float:left; } .footer td div#getsat-widget-6022 { float:none; } .footer a:link { text-decoration: underline; color:#fff; } .footer a:visited { text-decoration: underline; color:#fff; } .footer a:hover { text-decoration: underline; color:#fff; } .footer a:active { text-decoration: underline; color:#fff; } .footer #shield { display: inline; float: right; margin: 0 0 0 20px; } .footer #shield img { max-width:150px; } .captchaText { font-size: 12px; font-weight: bold; } div.spacer { font-size:8px; margin: 0 auto 0.8em; clear:both;} hr.coregDivider { width:50%; text-align:center; border:none 0; border-top:1px solid #91A0B3; margin:0.4em auto 0.8em; height:1px; clear:both; display:none; } div#copyright { width:100%!important; max-width:335px; } /* HIGHLIGHT FIELD COLORS */ /* input.highlight { background-color:#C3E4ED; } select.highlight { background-color:#C3E4ED;} label.highlight { background-color:#C3E4ED;} */ /* ERROR CONDITION STYLES */ input.error, select.error { border:solid 1px #ff9900; -moz-box-shadow: inset 0 2px 5px -2px #f8aa39; -webkit-box-shadow: inset 0 2px 5px -2px #f8aa39; box-shadow: inset 0 2px 5px -2px #f8aa39; background-image:url(https://img.tradepub.com/images/alert_triangle.png); background-position:right 7px center; background-repeat:no-repeat; color:#ff6600; position:relative; } select.error { /* background-position:260px 3px; */ } div#container_notice.error { border: solid 1px #ff9900; -moz-box-shadow: inset 0 2px 5px -2px #f8aa39; -webkit-box-shadow: inset 0 2px 5px -2px #f8aa39; box-shadow: inset 0 2px 5px -2px #f8aa39; background-image: url(https://img.tradepub.com/images/alert_triangle.png); background-position: right 7px center; background-repeat: no-repeat; color: #ff6600; position: relative; box-sizing: border-box; width:97%; padding: 7px 30px 7px 10px; margin-top: 15px; } div#container_notice.error:hover { border:solid 1px #ff6600; background-color:#fdf7ec; -moz-box-shadow: inset 0 2px 5px -2px #f8aa39; -webkit-box-shadow: inset 0 2px 5px -2px #f8aa39; box-shadow: inset 0 2px 5px -2px #f68a2a; } .col2qual div#container_notice.error { /* width:47%; */ width:100%; } input.error:hover { border:solid 1px #ff6600; background-color:#fdf7ec; -moz-box-shadow: inset 0 2px 5px -2px #f8aa39; -webkit-box-shadow: inset 0 2px 5px -2px #f8aa39; box-shadow: inset 0 2px 5px -2px #f68a2a; } /* ERROR POPUP STYLES */ .errorbox { position:absolute; margin-top:-70px; z-index:999; margin-left:349px; *margin-left:-50px; border-radius:10px; background-color:#444; padding:10px; color:#ffffff; display:none; white-space:nowrap; max-width:880px; right:0; } #errorbox_phone { margin-left:0; left:0; white-space:normal; margin-top:-110px; } .leftcon #errorbox_phone { margin-top:-130px; } select + .errorbox { } #errorbox_container_notice { margin-top: -232px; white-space: normal; right: 10px; margin-left: 10px; max-width:600px; } .infofields:nth-child(2) .errorbox { right:0; white-space:nowrap; max-width:600px; } .infofields:nth-child(2) select + .errorbox { } .errorbox:after{ /*arrow added to downarrowdiv DIV*/ content:''; display:block; position:absolute; top:100%; /*should be set to 100% */ /* left:30px; */ left:auto; right:35px; width:0; height:0; border-color: #444444 transparent transparent transparent; /*border color should be same as div div background color*/ border-style: solid; border-width: 10px; } .infofields:nth-child(2) .errorbox:after { left:auto; right:35px; } label.error { background-color:#ffcc66; } label.error:after { content:url(https://img.tradepub.com/images/alert_triangle.png); margin-top:5px; margin-left:2px; margin-right:2px; } #erroralert { text-align:center; font-family:oswald,sans-serif; color:#ff6600; font-size:20px; line-height:26px; font-weight:normal; padding:10px 0 5px 0; display:none; } a#tp_login { display:block; float:left; margin:15px 0 0 3px; color:#fff; cursor:pointer; /* font:normal 16px oxygen,arial,helvetica; */ font:normal 16px 'Open Sans',arial,helvetica; line-height:22px; text-align:center; padding:8px 15px; text-transform:uppercase; background-color:#01A2A6; text-decoration:none; } a#tp_login:hover { opacity:0.8; filter:alpha(opacity=80); } #login { width:700px; } #ltitle { padding-bottom:10px; } #ltitle span { font-size:20px; } #ltitle a { color:#474747; } #ltitle h3 { font-weight:normal; font-size:36px; line-height:40px; font-family:oswald,sans-serif; margin:0.7em 0 25px 0; } #welcome_login { border:solid 1px #c8c8c8; background-color:#fff; clear:both; padding:20px 15px 20px 10px; margin-top:20px; margin-bottom:25px; overflow:normal; display:inline-block; display:block; overflow:hidden; -webkit-box-shadow: 0px 5px 8px #ddd; -moz-box-shadow: 0px 5px 8px #ddd; box-shadow: 0px 5px 8px #ddd; } #welcome_login h4 { color:#01A2A6; font-family:oswald,sans-serif; font-size:20px; line-height:24px; font-weight:normal; } #welcome_left { width:62%; float:left; border-right:solid 1px #c8c8c8; margin:20px 5px; padding:0; position:relative; } span#emailreq {display:none;} #welcome_right { width:35%; padding-top:37px; float:right; text-align:right; } #welcome_or, #welcome_or_spa { position:absolute; margin-left:405px; margin-top:63px; display:block; background-color:#fff; z-index:999; text-transform:uppercase; padding:5px; } #welcome_or2, #welcome_or2_spa { display:none; } input#loginEmail { width:250px; } #linkedin_button:hover { opacity:0.7; filter:alpha(opacity=70); border:0; text-decoration:none; border:none; } /* LINKEDIN HIDE SHIM */ #welcome_login h4 { font-size:26px; } #welcome_or, #welcome_or_spa, #welcome_right {display:none;} #welcome_left { border-right:0; float:none; margin:20px auto; width:60%; } a#tp_login { margin:15px 0 0 15px; } #activeinfo { max-width:260px; line-height:14px; display:inline-block; } /* END LINKEDIN HIDE SHIM */ .infodisplaylast img:hover { opacity:0.7; filter:alpha(opacity=70); } .qloginWindow { height:215px; height:auto; } #qloginright h3 { font-family:oswald,sans-serif; font-weight:normal; font-size:20px; } #qloginright { /* font-family:oxygen,arial,helvetica,sans-serif; */ font-family:'Open Sans',arial,helvetica,sans-serif; font-size:14px; } #qloginright p.verify { padding-bottom:0; } #qloginright button { background:none; text-shadow:none; box-shadow:none; -webkit-appearance: none; -moz-appearance: none; color:#fff; cursor:pointer; /* font:normal 14px oxygen,arial,helvetica; */ font:normal 14px 'Open Sans',arial,helvetica; line-height:24px; margin:15px 0 0 0; text-align:center; padding:5px 10px; border:0; width:auto; border-radius:0; -webkit-border-radius:0; text-transform:uppercase; background-color:#01A2A6; height:auto; margin-right:10px; } #qloginright a { color:#01A2A6; } #pf_optinmsg { font-style:italic; color:#777777; } #mobileheader { overflow:auto; display:none; } #mobilecover { float:left; margin-right:12px; display:table-cell; } #mobilecover img { width:120px; } #mobileheader h4 { font-size:14px; margin:0; white-space:normal; } .mobiletitle { margin:0.5em 0; font-family:oswald,sans-serif; font-weight:normal; font-size:20px; line-height:26px; /* display:table-cell; */ padding-top:0.5em; } #mobileheader a { color:#8c8c8c; } /* ---------- HOUSE AND LOOKALIKE HEADER/FOOTERS -------- */ nav.TPheader { position:fixed; top:0; left:0; z-index:50; width:100%; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; background-color:#fff; height:50px; padding:10px; -webkit-box-shadow: 0px 0px 12px #ccc; -moz-box-shadow: 0px 0px 12px #ccc; box-shadow: 0px 0px 12px #ccc; } div#TPfooter { width:100%; background-color:#183152; color:#fff; margin-top:45px; overflow:auto; } #TPfootlogo { float:left; margin:20px 10px; } #TPfooter ul { list-style-type:none; float:right; margin:40px 20px 0 0; } #TPfooter ul li { float:left; margin-right:5px; } #TPfooter ul a { font-family:oswald; font-weight:normal; font-size:14px; color:#fff; text-decoration:none; text-transform:uppercase; margin-right:3px; margin-bottom:-2px; } nav #TPhouselogo, nav #TPhouselogo a, nav #TPhouselogo a span, nav #TPhousebook, nav #TPlightlogo, nav #TPlightlogo a, nav #TPlightlogo a span, nav #TPlightbook { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #TPhouselogo, #TPlightlogo { width:100%; max-width:1280px; margin:0 auto; } #TPlightlogo { margin:5px auto; } #TPfootlogo { width:180px; } #TPhouselogo a { font-family:roboto,sans-serif; font-size:11px; line-height:20px; color:#183152; text-decoration:none; } #TPlightlogo a { font-family:roboto,sans-serif; font-size:12px; line-height:15px; color:#183152; text-decoration:none; } #TPfootlogo a { font-family:roboto,sans-serif; font-size:9px; line-height:15px; color:#fff; text-decoration:none; } #TPhouselogo a span { font-family:oswald,sans-serif; font-size:30px; line-height:25px; font-weight:normal; padding-top:5px; display:inline-block; } #TPlightlogo a span { font-family:oswald,sans-serif; font-size:22px; line-height:12px; font-weight:normal; margin-top:5px; display:inline-block; } #TPfootlogo a span { font-family:oswald,sans-serif; font-size:22px; line-height:20px; font-weight:normal; margin-top:5px; display:inline-block; } #TPhousebook, #TPlightbook, #TPfootbook { background-color:#183152; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; width:50px; height:50px; float:left; margin-right:3px; background-image:url('https://img.tradepub.com/images/book_2015.png'); background-repeat:no-repeat; background-size:60%; background-position:50% 48%; } #TPlightbook, #TPfootbook { width:40px; height:40px; margin-right:5px; } nav.smaller { height:40px; padding:6px 10px 4px 10px; } nav.smaller #TPhousebook { width:38px; height:38px; background-position:54% 48%; } nav.smaller #TPlightlogo { margin:0 auto; } nav.smaller #TPlightbook { width:36px; height:36px; background-position:54% 48%; } nav.smaller #TPhouselogo a span { font-size:24px; padding-top:4px; line-height:20px; } nav.smaller #TPhouselogo a { font-size:9px; line-height:17px; } nav.smaller #TPlightlogo a span { font-size:17px; margin-top:3px; } nav.smaller #TPlightlogo a { font-size:10px; line-height:13px; } div.qualcustom.foot { margin-top:60px; } table#pubinfotop { clear:both; margin:0 auto; } #pubinfotop td { padding-right:10px; } div.mobilecustom { display:none; } /* ----------- MEDIA QUERIES ------------- */ @media (max-width: 900px) { .footer td div { display:block; float:none; } .footer #shield { display: block; float: none; margin: 1em 0 0 0; } #copyright { float:none!important; width:100%!important; margin-bottom:15px; margin-top:10px; } div#TPfooter { margin-top:110px; } } @media only screen and (max-width : 768px) { body { min-width:0!important; } div.qualcustom { display:none; } div.mobilecustom { display:block; height:60px; text-align:center; } #header { width:300px; } #usersummary { position:relative; top:0px; left:0; max-width:100%; margin-bottom:20px; } #usercontainer h4 { margin:0 0 0.5em 0; } #innerbox { width:100%!important; min-width:0!important; } #innerbox form { width:auto; } #tp_qual { width:auto; } #tp_qual.col2qual { width:auto; min-width:0; } /* #header span#shortdesc { display:none; } */ #infoblock { /* margin-top:15px; */ } #usercontainer .leftcon { float:none; clear:both; width:100%; } #usercontainer .rightcon { width:100%; } .welcome { font-size:14px; } #userinfo { width:100%; } .infodisplaylast { float:none; margin:0px auto; width:100%; font-size:14px; line-height:20px; } .optinmsg { padding-top:10px; width:100%; } #login { width:95%; } #welcome_login { position:relative; } #welcome_left { float:none; width:100%; margin-left:0; margin-right:0; margin-bottom:15px; padding:0 0 18px 0; border:0; border-bottom:solid 1px #c8c8c8; } #welcome_left div { margin-left:auto; margin-right:auto; float:none!important; } span#emailreq {display:inline-block;} span#activeinfo {display:none;} a#tp_login { float:none; margin-left:auto; margin-right:auto; } #welcome_or { /* left:50%; margin-left:-20px; top:114px; padding:0 6px; */ display:none; } #welcome_or_spa { /* left:50%; margin-left:-20px; padding:0 6px; top:135px; */ display:none; } #welcome_or2, #welcome_or2_spa { position:absolute; display:block; background-color:#fff; z-index:999; text-transform:uppercase; padding:7px; left:50%; margin-left:-24px!important; } #welcome_right { float:none; width:100%; padding-top:0px; padding-bottom:10px; text-align:center; } /* LINKEDIN REMOVAL SHIM */ #welcome_left { border-bottom:0; padding-bottom:0; } #welcome_or2, #welcome_or2_spa { display:none; } /* END LINKEDIN REMOVAL SHIM */ #usercontainer { padding:20px; } #demoscontainer { } #coregtop { } table#optin { width:100%; } .infofields { width:100%!important; } .infofields p { width:100%; } input[type=text], select { font-size:16px!important; padding:6px 4px; max-width:none; } select { padding-right:20px; } input[type=text], #tp_qual.col2qual input[type=text], #tp_qual.col2qual #infoblock input[type=text], .demosright input[type="text"] { max-width:100%; width:97%!important; } select, #demoscontainer select, #tp_coreg select { max-width:100%; width:100%!important; } .demosright div { max-width:100%; } #usercontainer p label { font-size:13px; line-height:160%; } .infofields:nth-child(2) h4 {display:none;} .demosleft, .demosright, .demosboth { float:none; width:100%; font-size:13px; } table.crtab td:first-child, table.crtab td:nth-child(2) { /* display:inline-block; */ } table.crtab td:nth-child(3) { display:block; } table.tableResp { table-layout:fixed; width:100%!important; } table.tableResp td{ font-size:13px; vertical-align:top; word-wrap:break-word; } td.leftspace { display:none; } #tp_coreg table.tableResp.td_font { margin-left:0px; } .demosques { margin-bottom:15px; } .demosques td { padding-top:5px; padding-bottom:5px; } #optin { font-size:13px; line-height:17px; } .disclaimer { font-size:13px; } .footer { font-size:13px; } #copyright { float:none!important; width:100%!important; max-width:400px!important; margin-bottom:15px; } div.gsfn-widget-tab { display:none!important; } .qloginWindow { width:85%; top:25px; height:auto; margin:0 auto; left:10px; right:10px; -webkit-text-size-adjust: none!important; font-size:15px!important; } #qloginright button { margin-right:15px; } #tp_coreg .demosleft, #tp_coreg .demosboth { margin-left:0; } #tp_coreg .demosleft table, #tp_coreg .demosboth table { margin-left:0; } #tp_coreg .demosques { padding-left:0; } #tp_coreg .demosright input[type=text] { max-width:100%; } div#disclaimer { margin-left:0!important; } .errorbox { right: 0px; white-space: nowrap; max-width: 600px; margin-left:0; } .errorbox:after { left:auto; right:35px; } /* CHECKBOX BACKGROUND - NEEDS SPAN TO WORK td.crcb input[type='checkbox'] { opacity:0; float:left; width:35px; height:35px; cursor:pointer; } td.crcb input[type='checkbox'] + span { margin:0 0 0 0; width:35px; height:35px; display:block; background: url(http://www.netline.com/netline002n/images/checkoff.png) left center no-repeat; } td.crcb input[type='checkbox']:checked + span { background-image: url(http://www.netline.com/netline002n/images/checkon.png); } */ } @media (max-width:600px) { body { background-color:#fff; background-image:none; } div.qualhome {display:none;} #header {display:none;} #innerbox {padding:0;} #innerbox form {display:block; padding:0 20px;margin-left:0;} #tp_qual {padding:0;} #mobileheader {display:block; padding:20px;} #ltitle {display:none;} #login { width:100%; } table.errortab { margin-top:25px; } table.errortab ul { padding:0; margin-left:20px; } div.qualhome { display:none; } #tp_qual.defform #usersummary{ display:none; } } @media only screen and (max-width : 568px) { #tp_coreg table.tableResp td { /* display:block; */ width:100%!important; padding:0; } } @media only screen and (max-width: 540px) { .optinmsg { display:none; } } @media only screen and (max-width: 450px) { .crTitle { /* word-wrap:break-word; word-break: break-word; word-break: break-all; */ } .crtab.spbait .crTitle { word-wrap:normal; word-break:normal; } .crtab.spbait td:nth-child(2) { width:90px; } .qloginWindow { width:80%; } #qloginright { font-size:15px; line-height:17px; padding:0; } #qloginright button { font-size:16px; height:35px; } table.tableResp td, table.crtab td:nth-child(3) { } p.verify a.jqmClose { display:block; margin-top:15px; } button#sendVerifyEmail { display:block; margin:0 auto; height:auto; } #qloginright p.verify { text-align:center; padding-bottom:0; margin-bottom:0; } } @media only screen and (max-width:400px) { input[type=text], select { font-size:18px!important; } #welcome_or_spa { top:145px; } #submitpixel { width:100%!important; } #innerbox form { padding:0 10px; } #tp_coreg { padding:0 12px 15px 12px; } .crtab { margin-bottom:10px; } .demosques { padding:0 0 10px 0; } table.crtab td:nth-child(2) { max-width:82px!important; } table.crtab td:nth-child(2), table.crtab td:nth-child(3) { text-align:left; } #tp_coreg .demosleft { width:100%; padding-right:0; } td.crcb { width:20px; text-align:left; padding:0; } td.crcb input { margin-left:0; } .errorbox { margin-top:-80px; } #errorbox_phone { margin-top:-140px; } #errorbox_container_notice { margin-top:-442px; } } @media only screen and (max-width:350px) { h4 { font-size:17px; /* white-space:nowrap; */ } }