/**

 * Defaults and Resets

 */
*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html {font-size: 62.5%; -webkit-text-size-adjust: none;}



html, body {margin: 0; padding: 0; background: #fff;}



body {font-family: 'Oxygen', Arial, Verdana, Sans-Serif; font-size: 15px; line-height: 20px; color: #5b5b5b;}



form {margin: 0; padding: 0;}



img {border: 0;}



td {vertical-align: top;}



p {margin: 0 0 20px 0;}



a {color: #015b94;}

a:hover {color: #000;}



h1,

h2,

h3,

h4,
.S1,
.S2,
.S3,
.S4 {line-height: normal;}



h1,
.S1 {margin: 0 0 20px 0; font-size: 26px; font-weight: bold; line-height: normal; color: #d38703;}
h2,
.S2 {margin: 0 0 20px 0; font-size: 20px; font-weight: bold; color: #d38703;}
h3,
.S3 {margin: 0 0 10px 0; font-size: 18px; font-weight: bold; color: #d38703;}
h4,
.S4 {margin: 0 0 5px 0; font-size: 15px; font-weight: normal; color: #171717;}


h2.line {margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #dfdfdf; font-size: 22px;}

/**

 * navhd is the style used in nav menus instead of using h2

 */

.navhd {font-family: 'Oxygen', Arial, Verdana, Sans-Serif; font-weight: bold; margin: 0 0 20px 0; font-size: 20px; color: #d38703;}
.navsubhd {font-family: 'Oxygen', Arial, Verdana, Sans-Serif; font-weight: bold; margin: 0 0 20px 0; font-size: 16px; color: #d38703;}

/**

 * these are styles like h1, h2, and h4 but that can be used w/o the same seo meaning

 */

.hdr1 {font-family: 'Oxygen', Arial, Verdana, Sans-Serif; font-weight: bold; margin: 0 0 20px 0; font-size: 26px; line-height: normal; color: #d38703;}

.hdr2 {font-family: 'Oxygen', Arial, Verdana, Sans-Serif; font-weight: bold; margin: 0 0 20px 0; font-size: 20px; color: #d38703;}

.hdr3 {font-family: 'Oxygen', Arial, Verdana, Sans-Serif; font-weight: bold; margin: 0 0 20px 0; font-size: 18px; color: #d38703;}

.hdr4 {font-family: 'Oxygen', Arial, Verdana, Sans-Serif; margin: 0 0 5px 0; font-size: 15px; font-weight: bold; color: #171717;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}
.clearfix {zoom: 1;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.hidden {height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px;}

a#skip,
a#skip:hover,
a#skip:visited {position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden;} 
a#skip:active,
a#skip:focus {position: static; width: auto; height: auto;}

nav ul {margin: 0; padding: 0; list-style-type: none;}
p.left,
img.left {float: left; margin: 5px 20px 10px 0; display: block;}
p.right,
img.right {float: right; margin: 5px 0 10px 20px; display: block;}

/**
 * Layout
 */
#master {max-width: 1190px; min-width: 320px; margin: 0 auto; padding: 0 20px; overflow: hidden;}

#header {position: relative; min-height: 110px;}
#header .logo {position: absolute; top: 25px; left: 0;}
#header .logo img {display: block; max-width: 100%; margin: 0 auto;}
#header .call-to-action {position: absolute; top: 0; right: 0; padding: 0 15px; background: #3491cc; border-radius: 0 0 10px 10px;}
#header .call-to-action a {display: block; font-size: 15px; line-height: 18px; color: #fff; text-decoration: none; background: url(../images/layout/white-circle-arrow.png) no-repeat right 13px; padding: 11px 25px 11px 0;}
#header .call-to-action a:hover {color: #000; background-image: url(../images/layout/black-circle-arrow.png);}
#header .search {position: absolute; top: 60px; right: 0; width: 180px; margin: 0;}
#header h1,
#header .S1 {font-size: 32px; color: #3491cc; position: absolute; top: 55px; left: 360px;}
#header .member-links {position: absolute; top: 0; right: 0; margin: 0; padding: 10px 40px; list-style-type: none; background: #3491cc; border-radius: 0 0 10px 10px; font-size: 15px; line-height: normal; color: #000; font-weight: bold;}
#header .member-links li {float: left;}
#header .member-links li:after {content: "|";}
#header .member-links li:last-child:after {content: "";}
#header .member-links a {color: #fff; text-decoration: none; margin: 0 15px;}
#header .member-actions {margin: 0 0 10px 0; display: none;}
#header .member-actions a {float: left; width: 49%; text-decoration: none; padding: 10px 25px 10px 10px;}
#header .member-actions a:after {right: 10px; top: 14px;}
#header .member-actions a.login {float: right;}

#banner {margin: 0 0 20px 0;}
#banner nav {margin: 0 0 -10px 0; background: #5b5b5b; font-size: 18px; line-height: 20px; border-radius: 15px 0 10px 0; position: relative;  font-weight: bold; z-index: 101;}
#banner nav .menu > div {display: table; width: 100%;}
#banner nav ul {display: table-row;}
#banner nav li {text-align: center; display: table-cell; padding: 20px 10px; vertical-align: middle; position: relative;}
#banner nav a {color: #fff; text-decoration: none; position: relative; display: block;}
#banner nav a:hover {color: #d38703;}
#banner nav li.on a:after {display: block; content: ""; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; width: 21px; height: 11px; background: #d38703 url(../images/layout/nav-indicator.png) no-repeat;}
#banner nav ul ul {display: none; position: absolute; top: 60px; left: 0; background: #5b5b5b; font-size: 16px; width: 200px; font-weight: normal;}
#banner nav ul ul li {display: block; text-align: left; padding: 0; border-top: solid 1px #7c7c7c;}
#banner nav ul ul a {padding: 10px 20px;}
#banner nav .social-link {display: none;}
#banner nav .menu .social-link a {position: relative; padding-left: 34px;}
#banner nav .social-link a:before {display: block; position: absolute; top: 50%; margin-top: -12px; left: 0; content: ""; width: 24px; height: 24px; background: url(../images/icons/social-icons.png) no-repeat center -144px;}
#banner nav .social-link.twitter a:before {background-position: center -168px;}
#banner nav .social-link.newsletter a:before {background-position: center -216px;}
#banner nav .member-links {display: none;}
#banner .toggle-menu {display: none; position: relative; padding: 20px;}
#banner .toggle-menu span {border: 3px solid #fff; border-width: 3px 0; width: 25px; height: 17px; position: absolute; top: 21px; right: 20px;}
#banner .toggle-menu:hover span {border-color: #000;}
#banner .toggle-menu span:after {position: absolute; top: 4px; width: 25px; height: 3px; background: #fff; content: ""; display: block;}
#banner .toggle-menu:hover span:after {background-color: #000;}
#banner .banner {background: #d38703; padding: 20px 25px 10px 25px;}
#banner .banner h1 {margin: 0; font-size: 26px; line-height: normal; color: #fff;}
#banner .banner .hdr1 {margin: 0; font-size: 26px; line-height: normal; color: #fff;}
#banner .breadcrumbs {float: left; font-size: 12px; line-height: normal; color: #fff; margin: 5px 0 0 0;}
#banner .breadcrumbs a {color: #fff; text-decoration: none;}
#banner .connect {float: right;}
#banner .social a {width: 24px; height: 24px; min-height: 1px; font-size: 1px; line-height: 1px; text-indent: -10000px; padding: 0; display: block;}
#banner .social li {float: left; margin: 0 0 0 5px;}
#banner .social .label {font-family: 'Oxygen', Arial, Verdana, Sans-Serif; font-size: 15px; color: #fff; margin: 2px 10px 0 0;}
#banner .social .facebook a {background-position: -6px -144px;}
#banner .social .twitter a {background-position: -6px -168px;}
#banner .social .google a {background-position: -6px -192px;}
#banner .social .newsletter a {background-position: -6px -216px;}
#banner .member-welcome {float: left; color: #fff; font-size: 18px; line-height: normal;}
#banner .member-welcome strong {font-size: 22px;}
#banner .search-wrapper {padding: 0 20px; display: none;}
#banner form.search input[type="text"] {padding-top: 10px; padding-bottom: 10px;}
#banner form.search input[type="submit"] {width: 30px; height: 30px; top: 3px; right: 5px; background-position: center center;}

#footer {border-top: 10px solid #d38703; background: #5b5b5b; border-radius: 0 0 15px 15px; padding: 20px 30px 20px 0; font-size: 15px; line-height: normal; color: #fff;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer > div > div > div { overflow: hidden;}
#footer ul {float: left; width: 25%; padding: 0 20px 9999px 30px; margin: 0 0 -9999px 0; background: url(../images/layout/bg-footer-dot.gif) repeat-y left top; list-style-type: none;}
#footer li {margin: 0 0 10px 0;}
#footer ul:first-child {background-image: none;}

#master-footer {padding: 10px 0; font-size: 13px; line-height: normal; text-align: center; color: #7f836d;}
#master-footer .call-to-action {padding: 0 15px; background: #3491cc; border-radius: 10px; margin: 0 0 10px 0; display: none;}
#master-footer .call-to-action a {display: block; font-size: 15px; line-height: 18px; color: #fff; text-decoration: none; background: url(../images/layout/white-circle-arrow.png) no-repeat right 13px; padding: 11px 25px 11px 0;}
#master-footer .call-to-action a:hover {color: #000; background-image: url(../images/layout/black-circle-arrow.png);}

#body {min-height: 400px; margin: 0 0 20px 0; position: relative;}
#body > div {}
#body > div > div {float: left; margin-left: -280px; position: relative; right: 100%; width: 200%;}
#body > div > div > div {float: left; left: 560px; margin-left: -50%; position: relative; width: 100%;}

.sidebar {float: right; width: 280px; padding: 0 40px 0 0; position: relative;}

.content-center-wrapper,
.content-left-wrapper,
.content-right-wrapper,
.content-full-wrapper {float: left; position: relative; right: 280px; width: 50%;}

/*.content-center {float: left; width: 51.30%;}*/
.content-center,
.content-left,
.content-right,
.content-full {left: 200%; margin: 0 280px; overflow: hidden; position: relative;}
.content-left {margin-left: 0;}
.content-right {margin-right: 0;}
.content-full {margin: 0;}

.content-center img,
.content-left img,
.content-right img,
.content-full img {max-width: 100%;}

.content-left-wrapper + .sidebar.right {margin-right: 280px;}

.content-right-wrapper + .sidebar.left {margin-left: 280px;}

.sidebar.right {float: right; left: 50%; position: relative; margin: 0; padding: 0 0 0 20px;}

.section-front:before {position: absolute; content: ""; display: block; width: 1px; background: #dfdfdf; top: 0; right: 20px; bottom: 0;}

.section-front .sidebar {padding-left: 20px;}

.columns .col {float: left; width: 46%;}
.columns .col.right {float: right;}

/**

 * Miscellaneous

 */

.block {padding: 15px 20px; margin: 0 0 15px 0; font-family: Arial, Verdana, Sans-Serif; font-size: 13px; line-height: 18px; color: #000; border-radius: 0 10px 0 10px;}

.block h4,
.block .S4 {margin: 0 0 10px 0; color: #fff; font-family: 'Oxygen', Arial, Verdana, Sans-Serif; font-size: 18px; line-height: normal;}

.block a {color: #fff; text-decoration: none;}

.block a:hover {color: #000;}



.block.accent-1 {background: #3491cc;}

.block.accent-2 {background: #ed6434;}
.block.accent-2 .hdr1 {margin: 0; font-size: 26px; line-height: normal; color: #fff;}

.block.accent-3 {background: #d38703;}


.login-block h4,
.login-block .S4 {font-weight: bold;}

.login-block input[type="text"],

.login-block input[type="password"] {display: block; margin: 0 0 10px 0; border-width: 0; width: 100%; min-width: 1px;}

.login-block input[type="submit"] {display: inline-block;}

.login-block input[type="checkbox"] {margin: 0;}

.login-block .remember {display: block; margin: 0 0 10px 0;}

.login-block .actions {text-align: center;}

.login-block .retrieve-password {margin: 5px 0 0 0;}

.upgrade-block {color: #fff; font-weight: bold;}
.upgrade-block em {font-style: normal; color: #000;}
.upgrade-block .actions {text-align: center;}

.links-block h4,
.links-block .S4 {font-weight: bold;}
.links-block ul {margin: 0; padding: 0; list-style-type: none; font-size: 15px;}
.links-block li {margin: 0 0 10px 0;}

.register-block h4,
.register-block .S4 {font-weight: bold;}
.register-block .actions {text-align: center;}



.connect-block {background: #99bb08;}

.connect-block h4 {margin: 0 0 20px 0;}



.btn,

a.btn {display: inline-block; background: #d6d4d4 url(../images/layout/bg-button.gif) repeat-x; border-width: 0; text-align: center; min-width: 120px; color: #010101; text-decoration: none; font-family: 'Oxygen', Arial, Verdana, Sans-Serif; font-size: 15px; font-weight: bold; line-height: normal; padding: 4px 10px; border-radius: 5px;}
.btn:hover,
a.btn:hover {opacity: 0.8;}

.link-btn,
a.link-btn {display: inline-block; background: #3491cc; padding: 5px 45px 5px 20px; font-size: 15px; font-weight: bold; color: #fff; border-radius: 5px; position: relative; line-height: normal;}
.link-btn:after,
a.link-btn:after {position: absolute; top: 9px; right: 20px; content: ""; width: 15px; height: 15px; background: url(../images/layout/white-circle-arrow.png) no-repeat;}
.link-btn:hover,
a.link-btn:hover {color: #000;}
.link-btn:hover:after,
a.link-btn:hover:after {background-image: url(../images/layout/black-circle-arrow.png);}

.btn-2 {display: inline-block; background: #3491cc; color: #fff; text-decoration: none; padding: 5px 20px; border-radius: 5px; font-size: 17px; font-weight: bold; border-width: 0;}
.btn-2:focus,
.btn-2:hover {color: #000;}

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

.testimonials h3 {margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #dfdfdf; font-size: 18px; line-height: normal;}

.testimonials .author {margin-top: -20px;}

.testimonials img.align-left {margin: 5px 10px 5px 0;}



.seal img {display: block; margin: 50px auto;}
.seal.tight img {margin: 20px auto;}
.bbb-seal {width: 80px; margin: 0 auto 20px auto;}
.ssl-seal {width: 132px; margin: 0 auto 20px auto;}

.credit-cards {margin: 20px 0; text-align: center;}

img.border {display: block; background: #fff; padding: 4px; border: 1px solid #dfdfdf;}



ul.links {font-size: 12px; line-height: 16px;}

ul.links li {margin: 0 0 10px 0;}



ul.icons {margin: 0; padding: 0; list-style-type: none;}

ul.icons h3 {margin: 0; font-size: 15px;}

ul.icons h3 a {text-decoration: none;}

ul.icons .icon {float: left; width: 78px; border: 1px solid #dfdfdf; border-radius: 0 5px 0 5px; padding: 2px; margin: 4px 0 0 0;}

ul.icons .icon img {display: block; background: #e0e0e0; border-radius: 0 5px 0 5px; padding: 4px;}

ul.icons .content {float: right; width: 100%; margin-left: -97px;}

ul.icons .content > div {margin-left: 97px;}



.stat {color: #ed6434;}



.stat-block {font-size: 15px; line-height: normal; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #dfdfdf;}

.stat-block h4,
.stat-block .S4 {margin: 0; font-size: 18px;}

.stat-block .stat {font-size: 26px; line-height: normal;}
.stat-block a {color: #5B5B5B; text-decoration: none;}


ul.stats {margin: 5px 0; padding: 0; list-style-type: none; font-size: 15px; font-weight: bold; line-height: normal;}

ul.stats li {margin: 0 0 5px 0;}

ul.stats .stat {font-size: 15px; font-weight: normal;}



ul.social {margin: 0; padding: 0; list-style-type: none; font-family: Arial, Verdana, Sans-Serif; font-size: 15px; line-height: normal;}

ul.social li {margin: 0 0 10px 0;}

ul.social li a {display: inline-block; padding: 0 0 0 45px; background: url(../images/icons/social-icons.png) no-repeat; min-height: 36px; vertical-align: middle;}

ul.social li.twitter a {background-position: 0 -36px;}

ul.social li.google a {background-position: 0 -72px;}

ul.social li.newsletter a {background-position: 0 -108px;}



.simplemodal-overlay {background: #000;}



.message {padding: 10px; margin: 0 0 20px 0; font-weight: bold; color: #000;}

.message p:last-child {margin: 0;}

.message.error {background: #FFCCCC;}

.message.status {background: #F5FAF5;}



.subnav {font-size: 15px; line-height: 20px;}

.subnav h2 {margin: 0 0 10px 0; font-size: 18px;}

.subnav a {color: #5b5b5b; text-decoration: none;}

.subnav a:hover {color: #000;}

.subnav ul {margin: 0; padding: 0; list-style-type: none;}

.subnav li {margin: 0 0 10px 0;}

.subnav ul ul li {margin: 0 0 10px 15px; padding: 0; list-style-type: none;}

ul.arrow {margin: 0 0 10px 0; padding: 0 0 0 20px; list-style-type: none; text-align: left;}
ul.arrow li {margin: 0 0 10px 0; padding: 0 0 0 15px; background: url(../images/layout/list-arrow.png) no-repeat 0 4px;}

div.separator {height: 1px; background: #dfdfdf; font-size: 1px; line-height: 1px; margin: 20px 0;}

iframe[name="googleSearchFrame"] {width: 100%;}

/**

 * Tab box

 */

.tabs {margin: 0 0 30px 0;}

.tabs .nav {margin: 0; padding: 0; list-style-type: none; background: #9a6202; border-radius: 10px 10px 0 0;}

.tabs .nav li {float: left; width: 33.3333%; text-align: center; font-size: 18px; font-weight: bold; line-height: normal;}

.tabs .nav li:first-child {border-radius: 10px 0 0 0;}

.tabs .nav li:last-child {border-radius: 0 10px 0 0;}

.tabs .nav li a {display: block; position: relative; color: #fff; text-decoration: none; padding: 10px; border-right: 1px solid #744a02;}

.tabs .nav li a:hover {color: #000;}

.tabs .nav li:last-child a {border-right-width: 0;}

.tabs .nav li.on {background: #d38703;}

.tabs .nav li.on a:after {display: block; content: ""; position: absolute; bottom: -11px; left: 50%; margin-left: -10px; width: 21px; height: 11px; background: #d38703 url(../images/layout/tab-indicator.png) no-repeat;}

.tabs .tab {background: #ebebeb;}

.tabs .footer {background: #d38703; padding: 7px 0; color: #fff; text-align: center;}
.tabs .footer p {margin: 0;}
.tabs .footer .more {color: #fff; padding: 0 20px 0 0; font-size: 15px; line-height: normal; background: url(../images/layout/white-circle-arrow.png) no-repeat right 2px;}

.tabs .footer .more:hover {color: #000; background-image: url(../images/layout/black-circle-arrow.png);}

.tabs .content {padding: 20px; font-size: 13px; line-height: 18px;}

.tabs .content h4 {margin: 0 0 10px 0; font-size: 15px;}

.tabs .content .column {float: left; width: 48%;}

.tabs .content .column img.border {margin: 0 0 10px 0;}

.tabs .content .column:last-child {float: right;}

.content-callout {margin: 0 0 20px 0;}
.content-callout .title {background: #d38703; padding: 10px 20px; border-radius: 10px 10px 0 0;}
.content-callout .title h2,
.content-callout .title .S2 {margin: 0; font-size: 20px; font-weight: bold; color: #fff; line-height: normal;}
.content-callout .content {border: 1px solid #dfdfdf; border-width: 0 1px 1px 1px; padding: 20px;}
.content-callout .videos > div {float: left; margin: 0 20px 20px 0;}

.job-listings-list {font-size: 13px; line-height: 18px;}
.job-listings-list p {margin: 0 0 10px 0;}
.job-listings-list a {text-decoration: none;}

/**
 * Ordering
 */
.order-landing > h1 {text-align: center; margin: 0 0 5px 0;}
.order-landing > h2 {text-align: center; color: #5b5b5b;}

.plans-matrix .plan {float: left; width: 25%; background: #fdfcfc; border: 1px solid #dfdfdf; position: relative; margin: 30px -1px 0 0; text-align: center; min-height: 345px;}
.plans-matrix .plan > div {padding: 20px;}
.plans-matrix .free {background: #f7f6f6;} /* width: 193px; */
.plans-matrix .popular {background: #fff; margin-top: 0; box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); z-index: 10;}
.plans-matrix .popular > div {padding-bottom: 40px;}
.plans-matrix h3 {margin: 0 0 20px 0; font-size: 24px;}
.plans-matrix h4 {margin: 0 0 10px 0; font-size: 16px; font-weight: normal; text-transform: uppercase;}
.plans-matrix h5 {margin: -3px 0 13px 0; font-size: 17px; font-weight: normal; color: #ed6434; text-transform: uppercase;}
.plans-matrix ul {margin: 0; padding: 0; list-style-type: none; font-size: 13px; line-height: 17px;}
.plans-matrix ul li {margin: 0 0 10px 0;}
.plans-matrix .price {font-size: 40px; line-height: normal; color: #d38703; margin: 0 0 10px 0;}
.plans-matrix .price small {font-size: 13px;}
.plans-matrix .check-sign-up {margin-top: -15px;}
.plans-matrix .check-sign-up input {background: transparent; font-family: 'Oxygen',Arial,Verdana,Sans-Serif; font-size: 12px; text-decoration: underline; padding: 0; border-width: 0; color: #5B5B5B;}
.plans-matrix .check-sign-up input:hover {color: #000;}

form.payment .row {margin: 0 0 10px 0;}
form.payment .row label {display: block; margin: 0 0 2px 0;}
form.payment .left {float: left; width: 285px;}
form.payment .right {float: right; width: 285px;}
form.payment input[type="text"] {width: 273px;}
form.payment select[name="state_us"],
form.payment select[name="state_canada"],
form.payment select[name="Ecom_BillTo_Postal_CountryCode"] {width: 283px;}

/**

 * Dialogs

 */
.dialog {background: #fff; border-radius: 15px; padding: 20px 30px; position: relative; max-width: 530px; margin: 20px auto; min-height: 300px;}

.dialog .mfp-close {position: absolute; top: 15px; right: 15px; width: 13px; height: 13px; display: block; background: url(../images/layout/close.png) no-repeat; font-size: 1px; line-height: 1px; text-indent: -10000px;}



.dialog .loading-mask {display: none;}

.dialog .loading-mask,

.dialog .loading-mask > div {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

.dialog .loading-mask .mask {background: #fff; opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; -moz-opacity: 0.75; border-radius: 15px;}

.dialog .loading-mask .loading {background: url(../images/layout/loading.gif) no-repeat center center;}

.dialog-content .content-center {float: none; width: 100%; left: auto; margin: 0;}

.mfp-bg {right: 0; bottom: 0;}

#job-alert-dialog label {display: inline-block; width: 40px;}
#job-alert-dialog .field {display: inline-block;}
#job-alert-dialog .row {margin: 0 0 10px 0;}
#job-alert-dialog .for {display: inline-block;}
#job-alert-dialog .cancel {margin-left: 10px; text-align: right; font-size: 11px; color: #666;}
#job-alert-dialog .search,
#job-alert-dialog .location {font-weight: bold;}
#job-alert-dialog .edit-search,
#job-alert-dialog .edit-location {display: none;}
#job-alert-dialog .service-agreement,
#job-alert-dialog .privacy-policy {height: 150px; overflow: auto; border: solid 1px #ccc; padding: 10px; display: none;}
#job-alert-dialog .edit-alert {margin-left: 10px;}

#job-alert-dialog input[type="text"],
#job-alert-dialog input[type="email"] {padding: 5px; min-width: 250px; border-radius: 5px; background: #f6f6f6; box-shadow: 0 1px 1px 0 rgba(144, 144, 144, 0.5) inset, 0 1px 1px 0 #fff;}

/*
#register-dialog {width: 530px; min-height: 300px; display: none;}

#sa-dialog {display: none;}
#sa-dialog .sign-up {display: none;}
*/



/**

 * Front page

 */

body.front #banner .banner {padding: 25px 25px 15px 25px;}



#hero {margin: 0 0 15px 0;}

#hero img {display: block; margin: 0 0 10px 0; width: 100%;}

#hero .content {background: #424242; font-size: 15px; line-height: 18px; color: #fff; padding: 10px 15px 20px 15px; position: relative; overflow: hidden;}

#hero .content h1 {margin: 0 0 10px 0; font-size: 18px;}

#hero .content .more-content {display: none;}

#hero .content .mask {position: absolute; left: 0; bottom: -10px; width: 100%; height: 90px; background: url(../images/layout/more-text-mask.png) repeat-x; z-index: 1;}

#hero .content .more {position: absolute; right: 15px; bottom: 15px; color: #b2d51d; padding: 0 20px 0 0; font-size: 14px; line-height: normal; background: url(../images/layout/green-circle-arrow-down.png) no-repeat right 2px; z-index: 10;}

#hero .content .more.less {background: url(../images/layout/green-circle-arrow-up.png) no-repeat right 2px;}

#hero .content.expanded .mask {display: none;}

#hero .cycle-slide {right: 0;}

/**

 * WordPress implemented styles

 */

.align-left

.alignleft,
img.align-left,
img.alignleft {float: left; margin: 0 20px 20px 0;}

.align-right,
.alignright,
img.align-right,
img.alignright {float: right; margin: 0 0 20px 20px;}

.aligncenter,
img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}

img.aligncenter {margin-bottom: 12px;}



/**

 * Forms

 */

form.form {width: 100%;}

form.form .row {padding: 0 0 5px 0;}

form.form .label {float: left; width: 90px;}

form.form .field {float: left; width: 190px;}



input[type="submit"] {cursor: pointer; -webkit-appearance: none;}



input[type="text"],

input[type="password"],

input[type="email"],

textarea,

select {padding: 5px; border: 1px solid #ccc; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; line-height: normal;}



input[type="text"],

input[type="email"],

input[type="password"] {min-width: 250px;}



form.search {margin: 20px 0; width: 100%; background: #e6e6e6 url(../images/layout/bg-search.gif) repeat-x; border: 1px solid #dbdbdb; border-radius: 5px; position: relative;}

form.search input[type="text"] {float: left; padding: 5px 5px 5px 10px; background: transparent; border-width: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

form.search input[type="submit"] {position: absolute; top: 6px; right: 10px; width: 15px; height: 15px; display: block; background: transparent url(../images/layout/magnifying-glass.png) no-repeat; font-size: 1px; line-height: 1px; text-indent: -10000px; border-width: 0;}



#register form {padding: 20px 0 0 0; border-top: 1px solid #dfdfdf;}

#register .row label {display: block; font-weight: bold; margin: 0 0 3px 0;}

#register .row {margin: 0 0 10px 0;}

#register .row .column {float: left; width: 50%; padding: 0 10px 0 0;}

#register .row .column:last-child {float: right;}

#register .row input {width: 100%; min-width: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#register .newsletter label {display: inline; font-weight: normal;}

#register .newsletter input {float: none; width: auto;}

#register .submit {margin: 20px 0;}

/**
 * Legacy styles
 */
.InterviewQ {font-size: 1.1em; font-weight: bold;}


.RedTxt {font-size: 15px; color: #FF0000; font-weight: bold;}


.BlueHd {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; font-style: normal; font-weight: bold; color: #006699;}

@media only screen and (max-width: 75em) { /* 1200px */

}



@media only screen and (max-width: 71.875em) { /* 1150px */

}



@media only screen and (max-width: 68.75em) { /* 1100px */

}



@media only screen and (max-width: 65.625em) { /* 1050px */

}



@media only screen and (max-width: 62.5em) { /* 1000px */

	#header h1,
	#header .S1 {top: 67px; font-size: 20px;}

	#banner nav {font-size: 14px;}
	
	.sidebar {clear: right;}
	
	.sidebar + .sidebar.right {left: 0; padding-right: 20px;}
	
	.content-center {margin-right: 0;}
	
	.section-front .sidebar.right {padding-right: 40px;}
	
}



@media only screen and (max-width: 59.375em) { /* 950px */

}



@media only screen and (max-width: 56.25em) { /* 900px */

	.tabs .content .column {float: none; width: 100%;}
	
}



@media only screen and (max-width: 53.125em) { /* 850px */

}



@media only screen and (max-width: 50em) { /* 800px */

	#banner nav li.on a:after {bottom: -30px;}

}



@media only screen and (max-width: 46.875em) { /* 750px */

	#header .call-to-action,
	#header .logo,
	#header .search {position: relative; top: auto; right: auto; left: auto; bottom: auto;}
	#header .logo {padding: 20px 0;}
	#header .call-to-action {display: none;}
	#header .search {display: none;}
	#header .member-links {display: none;}
	#header .title {position: relative; top: auto; left: auto; text-align: center;}
	#header .member-actions {display: block;}
	
	#footer {padding: 20px; line-height: 20px;}
	#footer ul,
	#footer ul:first-child {float: none; width: 100%; padding: 0 0 20px 0; margin: 0 0 5px 0; background: url(../images/layout/bg-footer-dot.gif) repeat-x left bottom;}
	#footer ul:last-child {background: transparent; padding: 0; margin: 0;}
	#footer ul li {display: inline;}
	#footer ul li:after {content: "|";}
	#footer ul li a {margin: 0 9px 0 5px;}
	#footer ul li:first-child a {margin-left: 0;}
	#footer ul li:last-child:after {content: "";}
	
	#master-footer .call-to-action {display: block;}
	
	#banner nav {font-size: 18px;}
	#banner nav .toggle-menu {display: block;}
	#banner nav .social-link {display: block;}
	#banner nav .menu {display: none; font-weight: normal; padding: 0 0 10px 0;}
	#banner nav ul,
	#banner nav li {display: block; padding: 0; text-align: left;}
	#banner nav li {padding: 0 20px;}
	#banner nav .menu a {padding: 10px 0; border-top: solid 1px #7c7c7c;}
	#banner nav .menu ul ul {display: none; position: relative; top: auto; left: auto; width: 100%;}
	#banner nav .menu ul ul li:first-child {border-top-width: 0;}
	#banner nav .menu ul ul a {padding-left: 20px;}
	#banner nav li.on a:after {display: none;}
	#banner nav .member-links {display: block;}
	#banner .connect {display: none;}
	#banner .search-wrapper {display: block;}
	
	#body {min-height: 1px;}
	#body > div > div,
	#body > div > div > div,
	.content-center-wrapper,
	.content-center,
	.content-left-wrapper,
	.content-right-wrapper,
	.content-left,
	.content-right,
	.content-full-wrapper,
	.content-full {float: none; left: auto; margin: 0; right: auto; width: 100%;}
	
	.sidebar,
	.section-front .sidebar {float: left; width: 48%; padding: 0;}
	.sidebar.right,
	.section-front .sidebar.right {float: right; width: 48%; padding: 0; left: auto;}
	
	.content-left-wrapper + .sidebar.right {float: none; width: 100%; margin: 0; left: auto;}
	
	.content-right-wrapper + .sidebar.left {float: none; width: 100%; margin: 0; left: auto;}

	.section-front:before {display: none;}
	
	.content-left {margin: 0;}
	
	.plans-matrix {padding: 0 20px;}
	.plans-matrix .plan {float: none; width: 100%; min-height: 1px; margin: 0 0 -1px 0;}
	.plans-matrix .plan > div {padding: 10px;}
	.plans-matrix h3 {margin: 0 0 5px 0;}
	.plans-matrix .price {margin: 0;}
	.plans-matrix .sign-up {margin: 0;}
}



@media only screen and (max-width: 43.75em) { /* 700px */

}



@media only screen and (max-width: 40.625em) { /* 650px */

}



@media only screen and (max-width: 37.5em) { /* 600px */

	#footer ul,
	#footer ul:first-child {background: transparent; margin: 0; padding: 0;}
	#footer ul li {display: block; margin: 0 0 5px 0;}
	#footer ul li:after {content: "";}
	#footer ul li a {margin: 0;}
	
	#register .row .column {float: none; width: 100%;}
	
	.sidebar,
	.sidebar.right,
	.section-front .sidebar,
	.section-front .sidebar.right {float: none; width: 100%;}
	
	.columns .col {float: none; width: 100%;}
	
}



@media only screen and (max-width: 34.375em) { /* 550px */

}



@media only screen and (max-width: 31.25em) { /* 500px */

}



@media only screen and (max-width: 28.125em) { /* 450px */

}



@media only screen and (max-width: 25em) { /* 400px */

}



@media only screen and (max-width: 21.875em) { /* 350px */

}



@media only screen and (max-width: 18.75em) { /* 300px */

}

/*special styles for calling out text*/

.big1 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #000000;

}

.big1c {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: center;

}



.big2 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	color: #000000;

}



.big3 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-style: normal;
	font-weight: bold;
	color: #000000;

}



.big4 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #000000;

}



.big5 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-style: normal;
	font-weight: bold;
	color: #000000;

}



.redbig1 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #990000;

}



.redbig2 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	color: #990000;

}


.redbig3 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-style: normal;
	font-weight: bold;
	color: #990000;

}

.redbig4 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #990000;

}



.bluebig2 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	color: #006699;

}


.bluebig3 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-style: normal;
	font-weight: bold;
	color: #006699;

}



.bluebig4 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #006699;

}



.bluebig5 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-style: normal;
	font-weight: bold;
	color: #006699;

}

.greenbig2 {

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	color: #009933;

}