/* MYACCOUNT CSS */ h2 { font-size:1.5em; } #fs-username { margin-bottom: 1em; } #create-free-account p { line-height: 1.5em; margin-bottom: 0.5em; } #forgotpassword button { height: auto; vertical-align: top; } /* COMMON */ .form-upper input {display:block;float:left;} #required {font-size:11px; color:#d11212;} #system-message { float:none; font-size:12px; padding-bottom:0.5em; width:100%; } #system-message .error { font-weight:bold; color:#d11212 !important; } #system-message .message { color:#0D6F2D; } #system-message #system-error { font-weight:bold; color:#d11212; } #system-message #system-message { color:#0D6F2D; } .form-error { border: thin solid #d11212 !important; } .form-error-msg { color:#d11212 !important; } input[type='hidden'] { width:0px; border:none; height:none !important; display:none; visibility:hidden; } /* login */ .login-box {float:left; width:270px; min-height:260px; height:auto !important; height:245px; border:none; padding:10px; margin:5px 5px 90px;} .login-box h2 { line-height: 1.25em; margin-bottom: 0.875em; } .login-box #system-message { width:270px; clear:both;} .login-box .system-message .sub { color: #D11212; font-size: 11px; font-weight: normal; } .login-box form fieldset {float:left; width:100%;} .login-box form fieldset#fs-password .form-error-msg { clear:both; display:block; } .login-box form fieldset input {float:left; width:220px; } .login-box form .remember {padding-bottom:6px;} .login-box form .remember input {width:auto; margin: 4px 7px 0 0;} .login-box form .remember label {width:200px; padding-top:1px;} .login-box form .btn {padding-bottom:0;} .login-box form .forgot ul li { width:280px; padding-bottom:3px; } .login-box form .forgot ul li a {font-size:13px;} .login-box .button {margin:15px 0; width:170px; display:block; vertical-align:text-bottom;} .login-box button {margin-left: 0px; } div.login-box form#loginForm fieldset#fs-username .form-error-msg { display:block; width:240px; } .login-box .system-message .sub { color:#D11212; font-size:11px; font-weight:normal; } .login-container { margin-left:17px;} .login-container .credentials-details {} .login-container .credentials-details .form-upper { width:100%; } .login-container .credentials-details label { color:#004276;} .login-container .credentials-details #forgotusername .email, .login-container .credentials-details #forgotpassword .username, .login-container .credentials-details #forgotpassword .email { margin-top: 8px; } .login-container .credentials-details #forgotusername label, .login-container .credentials-details #forgotpassword label[for='username_fp'] { margin-top:0px !important; } .login-container .credentials-details #forgotpassword label, .login-container .credentials-details #forgotusername label { color: #333333; display: block; font-size: 0.875em; font-weight: 700; margin: 0 0 1px 4px; } .login-container .credentials-details #forgotpassword input, .login-container .credentials-details #forgotusername input { width: 230px; } .login-container .credentials-details #forgotpassword fieldset.username input { margin-right:5px; } .login-container .credentials-details #forgotpassword fieldset.username a { display:block; margin-top:3px; } .login-container .credentials-details p#required { margin-top:5px; padding-bottom:0px; } .login-container .credentials-details .form-error-msg { clear:both; display:block; } /* CREDENTIALS */ #myAccountTabs .credentials-details { position:relative; padding-left:17px; padding-bottom:20px; *width:100%;} #myAccountTabs .credentials-details .btns {padding-top:10px;} #myAccountTabs .credentials-details .current-username { clear:both; } #myAccountTabs .form-upper {width:100%;} #myAccountTabs .credentials-details form { clear:both; } #myAccountTabs .credentials-details .form-upper {width:100%;} #myAccountTabs .credentials-details .system-message { } #myAccountTabs .credentials-details .system-message .system-message { color:#0D6F2D; } #myAccountTabs .credentials-details .system-message .system-error { color:#d11212; } #myAccountTabs .credentials-details fieldset { float:none; } #myAccountTabs .credentials-details #currentcreds p { line-height: 1.5em; margin-bottom: 1em; } #myAccountTabs .credentials-details .btns .button {clear:none; margin-right:5px;} /* change credentials (username and password) */ .change-creds .btns button {float:left; margin-right:10px; width:135px;} #myAccountTabs .change-creds .btns .button {margin-top:1px; *margin-top:2px;} #myAccountTabs .credentials-details { width:400px;} #myAccountTabs .credentials-details .form-upper {} #myAccountTabs .credentials-details form fieldset {} #myAccountTabs .credentials-details form fieldset input { float:none; width:150px; } #myAccountTabs .credentials-details form fieldset label { margin:10px 0 1px 4px; display: block; } /* TABS */ #myAccountTabs div {float:left;} #myAccountTabs {width:607px; float:left;border:1px solid #d8dcd4; _border-width: 1px 1px 0;} #myAccountTabs .ui-tabs-nav {position:relative; z-index:30; margin:12px 0 -1px 12px; float:left;} #myAccountTabs .ui-tabs-nav .ui-tabs-selected { width:161px; background:#fff !important; } /*#myAccountTabs .ui-tabs-nav .vitae-profile-tab { width:161px; background:#FF5200; }*/ #myAccountTabs .ui-tabs-nav .ui-tabs-selected a { display:block; font: 700 1.125em/1em 'Source Sans Pro',sans-serif; color:#171717;} /*#myAccountTabs .ui-tabs-nav li.ui-tabs-selected:last-child a { color:#FF5200 !important;}*/ #myAccountTabs .ui-tabs-nav li { background:#7EAFD5; height:34px; margin:0 5px 0 0; text-align:center; width:140px;border-top:1px solid #DEDCD9;border-right:1px solid #DEDCD9;border-left:1px solid #DEDCD9;border-bottom:0; border-radius:5px 5px 0 0;} #myAccountTabs .ui-tabs-nav li a { display:block; height:33px; font: 700 1em/1em 'Source Sans Pro',sans-serif; color:#ffffff;} /*#myAccountTabs .ui-tabs-nav .vitae-profile-tab li a { color:#ffffff;}*/ #myAccountTabs .ui-tabs-nav li a span {display:block; padding-top:8px;} #myAccountTabs .ui-tabs-nav li a:hover {text-decoration:none;} #myAccountTabs ul {list-style-type:none;} #myAccountTabs ul li {float:left;} #myAccountTabs .profile-details, #myAccountTabs .saved-jobs {position:relative; padding-bottom:40px; !padding-bottom:26px;} #myAccountTabs .bottom-corners {display: none; position:relative; width:609px; height:5px; bottom:-1px; !bottom:-17px; *bottom:-1px; _bottom:-27px; left:-1px; background:url(/img/myaccount_bottomcorners2.gif) 0 0 no-repeat;} #myAccountTabs .saved-jobs .bottom-corners {left:-29px; !bottom:-1px; _bottom:-14px;} #myAccountTabs .ui-tabs-panel .sub-tabs {height:37px; width:590px; border-top:1px solid #d8dcd4; margin:0; background:url(/img/myaccount_subgd.gif) 0 0 repeat-x; padding-left:17px;} #myAccountTabs .ui-tabs-panel .sub-tabs li {font: 600 0.875em/1em 'Source Sans Pro',sans-serif; margin:8px 4px 0 0;} #myAccountTabs .ui-tabs-panel .sub-tabs li.selected a {color:#000;} #myAccountTabs .saved-jobs {margin:0 0 0 15px; _margin-left:14px; width:562px;} /* SUBSCRIPTIONS */ #myAccountTabs .subscriptions-details {margin-left:15px;} #myAccountTabs .subscriptions-details .bottom-corners {position:relative;} #myAccountTabs .ma-subscriptions-table { margin:0 0 0 10px; clear:both; } #myAccountTabs .ma-subscriptions-table th, #myAccountTabs .ma-paid-subscriptions-table th { font:bold 0.875em/1.25em 'Merriweather', serif; border-bottom:3px solid #e5e5e3; padding:0 0 10px 6px; width:128px;} #myAccountTabs .ma-paid-subscriptions-table th {} #myAccountTabs .ma-paid-subscriptions-table th.amtdue { width:100px; } #myAccountTabs .ma-subscriptions-table th.first { width:166px; } #myAccountTabs .ma-paid-subscriptions-table th.first { width:200px; } #myAccountTabs .ma-subscriptions-table td, #myAccountTabs .ma-paid-subscriptions-table td { border-bottom:1px dotted #e5e5e3; padding:7px 0 9px 6px; font: 0.75em/1.5em 'Merriweather', serif; text-align:center;} #myAccountTabs .ma-subscriptions-table td.first, #myAccountTabs .ma-paid-subscriptions-table td.first { color:#004276; width:166px; text-align:left;} #myAccountTabs .ma-subscriptions-table .zebra { background:#e6eff4; } #myAccountTabs .add-subscribe-btn { margin:20px 0 10px 15px; } #myAccountTabs #view { *clear:both; } #myAccountTabs #online-subs { margin-bottom:30px; } #myAccountTabs #print-subs { *width:100%; } /* RESUME */ #myAccountTabs .ma-resume-table { margin:0 0 0 10px; clear:both; width:560px; } #myAccountTabs .ma-resume-table th {font:bold 14px arial; border-bottom:3px solid #e5e5e3; padding:0 0 10px 6px; width:128px;} #myAccountTabs .ma-resume-table th.first {width:166px;} #myAccountTabs .ma-resume-table th.action {width:190px;} #myAccountTabs .ma-resume-table th.lastedit {width:190px;} #myAccountTabs .ma-resume-table th.last {width:100px;} #myAccountTabs .ma-resume-table td {border-bottom:1px dotted #e5e5e3; padding:7px 0 9px 6px; font:12px arial; text-align:center;} #myAccountTabs .ma-resume-table td.first {font:bold 12px arial; color:#004276; width:166px; text-align:left;} #myAccountTabs .ma-resume-table .zebra {background:#e6eff4;} #myAccountTabs .add-resume-btn {margin:20px 0 10px 15px;} /* COVERLETTER */ #myAccountTabs .coverletter-tab-content {position:relative; width:607px;} #myAccountTabs .coverletter-tab-content h3 {padding-left:17px;} #myAccountTabs .coverletter-content {padding:0 17px 20px; clear:both; width:573px;} #myAccountTabs .coverletter-content p {width:573px;} #myAccountTabs .coverletter-content .none {} #myAccountTabs .coverletter-content .coverletter-text { margin:0 10px 5px 10px; color:#000000; font-family:Georgia; font-size:13px; line-height:1.3em; padding-bottom:0.4em; width:573px; } #myAccountTabs .button {display:block; margin-top:20px; float:left; clear:both;} #myAccountTabs .add-coverletter-btn {display:block; margin:10px 0 10px 20px; clear:both;} #myAccountTabs .cl-unconfirmed {margin:0 0 10px 20px;width:573px;} /* JOB ALERTS */ #myAccountTabs .jobs-tab-content {position:static; width:575px; margin:0 15px;} #myAccountTabs .jobs-tab-content .jobs-content {width:573px;} #myAccountTabs .ma-jobalerts-table { margin:0 0 0 10px; clear:both; } #myAccountTabs .ma-jobalerts-table th {font:bold 14px arial; border-bottom:3px solid #e5e5e3; padding:0 0 10px 6px; width:128px;} #myAccountTabs .ma-jobalerts-table th.first {width:166px;} #myAccountTabs .ma-jobalerts-table td { border-bottom:1px dotted #e5e5e3; padding:7px 0 9px 6px; font-size: 0.875em; text-align:center; } #myAccountTabs .ma-jobalerts-table td select { font-size: 1em; } #myAccountTabs .ma-jobalerts-table td.first {width:166px; text-align:left;} #myAccountTabs .ma-jobalerts-table .zebra {background:#e6eff4;} #myAccountTabs .add-jobalert-btn {margin:20px 0 10px 15px;} #myAccountTabs .ja-unconfirmed {margin:0 0 10px 20px;} /* SAVED JOB */ #myAccountTabs .ma-savedjob-table { margin:0 0 0 10px; clear:both; } #myAccountTabs .ma-savedjob-table th {font:bold 14px arial; border-bottom:3px solid #e5e5e3; padding:0 0 10px 6px; width:128px;} #myAccountTabs .ma-savedjob-table th.first {width:166px;} #myAccountTabs .ma-savedjob-table td {border-bottom:1px dotted #e5e5e3; padding:7px 0 9px 6px; font:12px arial; text-align:center;} #myAccountTabs .ma-savedjob-table td.first {font:bold 12px arial; color:#004276; width:166px; text-align:left;} #myAccountTabs .ma-savedjob-table .zebra {background:#e6eff4;} #myAccountTabs .add-savedjob-btn {margin:20px 0 10px 15px;} #myAccountTabs .sj-unconfirmed {margin:0 0 10px 20px;} #myAccountTabs .jobs-tab-content .system-message {margin-left:20px;} #myAccountTabs .resumes .jobs-tab-content .system-message {margin-left:20px;} /* PROFILE */ #profileDetailsForm {margin-top:16px;} #profileDetailsForm .form-upper fieldset {border:0;} #profileDetailsForm .form-upper fieldset label {display:block;} #profileDetailsForm .form-upper fieldset.profile-firstname, fieldset.profile-lastname { width:150px; } #profileDetailsForm .form-upper fieldset.country { width:100%; } #profileDetailsForm .form-upper fieldset.zip { } #profileDetailsForm .form-upper .demo-container { *clear:both; *width:590px; } #profileDetailsForm .form-upper .demo-container fieldset { *width:265px; } #profileDetailsForm .form-upper .demo-container fieldset label { *width:250px; } #profileDetailsForm .form-upper .demo-container fieldset select {} #profileDetailsForm .form-upper .demo-container fieldset.role { clear:both; } #profileDetailsForm .form-upper .demo-container fieldset.institution { *width:260px; *clear:both; } #profileDetailsForm .form-upper .demo-container fieldset.budget { *width:200px; } #profileDetailsForm .form-upper .demo-container fieldset.role { width:300px; clear:both; } #profileDetailsForm .form-upper .demo-container fieldset.role .form-error-msg { clear:both; display:block; } #profileDetailsForm .form-upper fieldset.concentration { *clear:both; *display:block; width:550px; padding-left:20px; height:420px; margin:10px 0 80px 0; _margin-left:13px; background:#edf7ff;} #profileDetailsForm .form-upper fieldset.concentration .checkbox-container { float: left; } #profileDetailsForm .form-upper fieldset.concentration .checkbox-container h4 { margin-left:10px; clear:both; float:none; } #profileDetailsForm .form-upper fieldset.concentration h3 {margin:20px 0px 4px 0px;} #profileDetailsForm .form-upper fieldset.concentration p {margin:0 0 15px 20px; font:12px Georgia; color:#373839; font-style:italic; _margin-left:10px;} #profileDetailsForm .form-upper fieldset.concentration ul { float:left; margin-left:15px; width:260px; *width:auto; _margin-left:16px; padding-top:10px; padding-bottom:10px;} #profileDetailsForm .form-upper fieldset.concentration input[name="concentration[]"] { margin-right: 4px; width:15px; border:none; margin-bottom:15px;} #profileDetailsForm .form-upper fieldset.concentration ul label { vertical-align: top; margin:0 0 0 4px; *margin-left:20px; display:inline; *display:block; font-weight:normal; color:black; width:200px;} #profileDetailsForm .form-upper fieldset.concentration ul li {font-size: 0.875em; !margin-bottom:6px; line-height:1.5em !important; clear:both; *width:260px; *height:27px; } #profileDetailsForm .form-upper fieldset.concentration ul li.last input { margin-bottom:5px; } #profileDetailsForm .form-upper fieldset.birthyear { width:200px; } #profileDetailsForm .form-upper fieldset.email {} #profileDetailsForm .form-upper fieldset.email .form-error-msg { clear:both; display:block; } #profileDetailsForm .form-upper fieldset.confirm-email .form-error-msg { clear:both; display:block; } #profileDetailsForm .form-upper {margin:0 0 26px 17px; width:590px !important; !margin-bottom:31px; _margin-left:17px;} #profileDetailsForm .form-upper h3 {margin:0 0 12px 0px;} #profileDetailsForm .form-upper h5 {color:#852020; font-size:11px; margin:0 0 12px 2px;} #profileDetailsForm .form-upper fieldset {float:left; margin-bottom:5px; margin-right:26px; height:auto !important;} #profileDetailsForm .form-upper .view-email-email {float:left; margin: 0px 26px 5px 5px; font-size:13px;} #profileDetailsForm .form-upper .view-email-email .unconfirmed { color:red; font-weight:bold;} #profileDetailsForm .form-upper .view-email { margin:8px 0 14px; clear:both; } #profileDetailsForm .form-upper .view-email label { margin: 0px;} #profileDetailsForm .form-upper .edit-email { margin:8px 0 2px; } #profileDetailsForm .form-upper .edit-email label { margin: 0px;} #profileDetailsForm .form-upper label span, #profileDetailsForm .form-upper span.required {color:#d11212;} #profileDetailsForm .form-upper #prefix {width:79px;} #profileDetailsForm .form-upper #firstName {width:172px;} #profileDetailsForm .form-upper #middle {width:33px;} #profileDetailsForm .form-upper input#zip { width:50px; } #profileDetailsForm .form-upper input[type='hidden'] { width:0px; border:none; height:none !important; display:none; visibility:hidden; } #profileDetailsForm .form-upper input#email, #profileDetailsForm .form-upper input#confirmemail { width:195px; } #profileDetailsForm .form-upper input[name='middlename'] { width: 30px;} #profileDetailsForm .form-upper select optgroup {padding-left:4px;} #profileDetailsForm .form-upper select option {padding:1px 0 0 12px;} #profileDetailsForm .form-upper select#birthyear { width:75px; } #profileDetailsForm .form-upper .why-required { text-decoration:underline; margin-left:5px; } #profileDetailsForm #why-required-popup {} #profileDetailsForm #why-required-popup a {} #profileDetailsForm #why-required-popup p {} #profileDetailsForm #why-required-popup button {} #profileDetailsForm div.hr {background:#e5e5e3; height:3px; width:565px; font-size:1px; margin:0 10px 0 31px; _margin-left:15px;} #profileDetailsForm button { float:right; !margin-left:223px; margin-right:16px; } #profileDetailsForm .form-upper .confirm {} #profileDetailsForm .form-upper .confirm p { color:#333;} #profileDetailsForm .form-upper .confirm input {display:none; } #profileDetailsForm .form-upper .zip-tip { float:left; padding:4px 0 0 4px; margin-bottom:3px; } #profileDetailsForm .form-upper #zip-form-error-msg {} .upd-profile-thankyou { padding: 20px; } .upd-profile-thankyou .thankyou-header { margin-bottom: 20px; } .upd-profile-thankyou .custom-status-msg { font-size:12px; } .upd-profile-thankyou .thankyou-login { margin-top: 20px; } .upd-profile-invalid { font-family: Arial; padding: 20px;} .upd-profile-invalid .required, .upd-profile-test .required{ color:#d11212; } .upd-profile-invalid p { font-size: 12px; margin-top:10px;} .upd-profile-invalid a { margin-left:20px; cursor:pointer; } .upd-profile-test { padding: 20px; } .upd-profile-test p { font-size: 12px; margin-top:10px;} .upd-profile-test .message { color:#0D6F2D; } .upd-profile-test { padding: 20px; } /* NEWSLETTERS */ .newsletter-details {padding:0 17px; width:571px; position:relative;} .newsletter-details h3 {} .newsletter-details .subscribe {border:1px solid #D8dCD4; border-collapse:collapse; margin-bottom:15px; float:left; width:100%;} .newsletter-details .subscribe tr {} .newsletter-details .subscribe tr td {text-align:right; padding:5px;} .newsletter-details .subscribe tr td.title {text-align:left; width:75%; } .newsletter-details .subscribe .even-row {background:#E6EFF4;} .newsletter-details .system-message { } .newsletter-details .system-message .system-message { color:#0D6F2D; } .newsletter-details .system-message .system-error { color:#d11212; } #myAccountTabs .ui-tabs-panel {padding-bottom:15px;} /* ACTIVITY LOG */ .activity-log { padding-bottom:20px; width:570px; position:relative; left:-14px; margin: 0 15px;} .activity-log .hidden {display:none;} .activity-log dt {float:left;width:548px; padding-left:7px;} /* .activity-log dt.row {background:url(/img/arrow_up.gif) 5px 12px no-repeat; padding:10px 11px; border:1px solid #D8DCD4; border-width: 0 0 1px;} .activity-log dt.alt {background:#E6EFF4 url(../../img/common/arrow_up.gif) 5px 12px no-repeat; } .activity-log dt.open {background:url(../../img/common/arrow_down.gif) 5px 14px no-repeat;} .activity-log dt.alt.open {background:#E6EFF4 url(../../img/common/arrow_down.gif) 5px 14px no-repeat;} */ .activity-log dt.row {padding:10px 11px; border:1px solid #D8DCD4; border-width: 0 0 1px;} .activity-log dt.alt {background:#E6EFF4; } .activity-log .arrow {display:block; width:5px; height: 25px; background:url(/img/arrow_up.gif) 5px 12px no-repeat; } .activity-log .arrow.open {background:url(/img/arrow_down.gif) 5px 14px no-repeat; } .activity-log dd {margin:0; background:#FAF5EB; width:100%; float:left; border:1px solid #D8DCD4; border-width: 0 0 1px;} .activity-log dd .detail {font-size:12px; margin-left:12px; padding:10px;} .activity-log dd .detail dt {width:auto; font-weight:bold; padding-left:0; padding-right:7px; font-size:12px; padding-top:3px; padding-bottom:3px;} .activity-log dd .detail dd {float:none; margin-right:7px; border:0; font-size:12px; padding: 3px 0; *width:auto; } .activity-log ul li {padding:2px 5px; font-size:12px; float:left;} .activity-log .list-head li {font-weight:bold;} .activity-log .list-head .title {} .activity-log .list-head .arrow {display:block; width:5px;background:none;} .activity-log ul .title {width:180px;} .activity-log ul .employer {width:180px;} .activity-log ul .date {width:75px;} .activity-log ul .action {width:50px;} /** registration form-page **/ .registration .error, .form-page .error {color:#d11212;} .registration .btn, .form-page .btn {height:25px; padding:auto; width:100px;} .registration span, .form-page span {color:#d11212;} .registration p, .form-page p {} .registration h2, .form-page h2 {} .registration .errors, .form-page .errors {padding-bottom:20px;} .registration .errors li, .form-page .errors li {font-size:13px; padding-bottom:0.5em; color:#d11212; font-weight:bold;} .registration .required, .form-page .required, .credentials-details .required {font-size:13px; color:#d11212;} .registration form fieldset, .form-page form fieldset {padding-bottom:17px;} .registration form fieldset label, .form-page form .user-info label {float:left; clear:both;} .registration form fieldset input, .form-page form .user-info input {float:left; clear:both; margin:0; overflow:hidden; vertical-align:top; } .registration form fieldset select {float:left; clear:both;} .registration form #email, .registration form #confirm-email {width:195px;} .form-page form .checkbox-list input {width:30px; *border:0;} .form-page form .checkbox-list label {} .form-page form .checkbox-list label span {} .form-page form .user-info fieldset {float:left; margin-right:45px;} #login-promo button {background:#ddd; padding:auto; border:1px outset;} /* registration step 2 */ .step2 input {width:200px;} .registration .terms-info label {float:none; font-weight:normal;*clear:none; margin-left:10px;} .registration .terms-info input {width:20px;*border:0; *float:left; margin-top: 4px;} .registration .newsletters {*padding-top:3px;} .registration .newsletters p {} .registration .newsletters p span {color:#171717; font-weight:bold;} .registration .newsletters label {float:none;font-weight:normal; *clear:none; margin-left:10px;} .registration .newsletters label span {font-weight:bold; color:#171717;} .registration .newsletters .nl-desc { margin: 3px 0 0 30px;} .registration .newsletters input {width:20px; *border:0; *float:left;margin: 3px 0 0 5px;} .registration .newsletters ul li {padding-bottom:8px; padding-top:5px;} .registration .newsletters ul .alt {background:#FAF5EB;} .registration .newsletters ul .alt input {margin: 2px 0 0 5px;} .registration form #email, .registration form #confirm-email {width:195px;} .registration .form-upper { margin: 0 0 26px 0; width:590px !important; } .step2 h3 { color: #171717; font-size: 1.4em; padding-bottom: 0.5em; } .registration .form-upper fieldset { margin-right: 15px; margin-bottom:20px; padding-bottom:0px;} .registration .form-upper .demo-container { clear:both; } .registration .form-upper .demo-container fieldset.country { float:left; } .registration .form-upper .demo-container fieldset.zip { float: left; width: 275px; } .registration .form-upper .demo-container fieldset.zip input { width:56px; } .registration .form-upper .demo-container fieldset.zip .zip-tip { color: #000000; float: left; font-size: 10px; font-weight: normal; margin-bottom: 3px; padding: 4px 0 0 4px; width: 210px; } .registration .form-upper .demo-container fieldset.role { clear: both;float:left; width:auto; } .registration .form-upper .demo-container fieldset.birthyear { clear: both; float:left; } .registration .form-upper .demo-container fieldset.birthyear select { width:auto; } .registration .form-upper .demo-container fieldset.birthyear .why-required { float:left; margin-left:5px; text-decoration: underline; } .registration .form-upper fieldset.username { clear:both; } .registration .form-upper fieldset label { display:block; margin:10px 0 1px 0px;} .registration .form-upper fieldset input { /*border: 1px solid #919498; color: #373839; font-size: 11px; height: 18px; */width: 200px; } .registration .form-upper fieldset select { /*border: 1px solid #919498; color: #373839; font: 12px arial; height: 20px; width:196px;*/ } .registration .form-upper fieldset.prefix { float:left; } .registration .form-upper fieldset.prefix select { width:auto; } .registration .form-upper fieldset.fn { float:left; } .registration .form-upper fieldset.mi { float:left; } .registration .form-upper fieldset.ln { float:left; } .registration .form-upper fieldset input[name="middlename"] { width:30px; } .registration .form-upper fieldset.mi input { } .registration .username p {float:left; clear:both; font-family:arial; font-size:12px; width:350px; } .registration .password .pw-format { clear:both; font-family:arial; font-size:12px;} .registration .form-upper .form-error-msg { clear: both; display: block; } #why-required-popup { width: 450px; height: 125px; } #why-required-popup h3 { margin-bottom: 0px !important; } #why-required-popup p { width: 415px; margin: 15px 0; } #why-required-popup button { margin-left:185px; } fieldset.country-info { } fieldset.country-info .country { float:left; } fieldset.country-info .zip { padding-left:15px; } fieldset.country-info .zip input { width:75px; } fieldset.job-info { } fieldset.job-info .primary-job { float:left; } fieldset.job-info .birth-yr { padding-left:55px; } fieldset.job-info .birth-yr select { width:100px; } /* registration thank you */ .thankyou select {width:200px;} .registration .primary-res p {font-weight:bold; font-family:arial;} .registration .primary-res ul li {float:left; width:285px; padding-bottom:11px;} .registration .primary-res label {clear:none; font-weight:normal; *padding-bottom:0.4em;} .registration .primary-res input {width:20px; *border:0;} /* verify */ .professional-profile-details {} .professional-profile-details fieldset.enrollment { float:none; clear:both; } .professional-profile-details .verify-intro { width:535px; padding: 0px 10px 15px 10px;} .professional-profile-details .demo-container { padding-left:10px; } .verify-container { margin-left:20px; margin-bottom:20px; padding:15px 0 15px 20px;} .verify-label { text-align:left; font-weight:bold; margin-bottom:10px;} .verify-field { margin-top:10px; } .verify-form { float:left; width:300px; min-height:200px; border:solid thin #000; padding:10px; margin:0px 0px 20px 0px; } .verify-container .verified { width: 550px;} .verify-container .verified h3 { color:#0D6F2D; margin-left:18px; } /* Vitae */ /* Tab Styles */ @font-face { font-family: 'MuseoSlab700Regular'; src: url('/assets/fonts/vitae/museoslab_700_macroman/Museo_Slab_700-webfont.eot'); src: url('/assets/fonts/vitae/museoslab_700_macroman/Museo_Slab_700-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/vitae/museoslab_700_macroman/Museo_Slab_700-webfont.woff') format('woff'), url('/assets/fonts/vitae/museoslab_700_macroman/Museo_Slab_700-webfont.ttf') format('truetype'), url('/assets/fonts/vitae/museoslab_700_macroman/Museo_Slab_700-webfont.svg#MuseoSlab700Regular') format('svg'); font-weight: normal; font-style: normal; } /* @font-face { font-family: 'Vitae'; src:url('/assets/fonts/vitae/Vitae/fonts/Vitae.eot'); src:url('/assets/fonts/vitae/Vitae/fonts/Vitae.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/vitae/Vitae/fonts/Vitae.woff') format('woff'), url('/assets/fonts/vitae/Vitae/fonts/Vitae.ttf') format('truetype'), url('/assets/fonts/vitae/Vitae/fonts/Vitae.svg#Vitae') format('svg'); font-weight: normal; font-style: normal; } */ .vitae { font-family: 'Source Sans Pro', 'Arial Narrow', sans-serif !important; font-size: 16px; line-height: 1em !important; font-weight: normal; letter-spacing: normal; min-height:350px; display:block; clear:both; } .vitae span.logo { margin:0; padding:2px 10px 40px 0; display:block; float:left; border:0; color:#FF5200; font-family:MuseoSlab900Regular; font-size:24px; font-weight:normal !important; text-decoration:none; } .vitae span.tagline { margin:0 0 40px 0; padding-right:20px; padding-top:4px; display:block; float:left; clear:right; color:#737373; font-family:"Source Sans Pro"; font-size:14px; font-weight:normal; letter-spacing:.12em; } .vitae h2, .vitae h3, .vitae h4, .vitae h5 { font-family: 'Source Sans Pro', 'Arial Narrow', sans-serif; color:#000; margin-bottom:20px; } .vitae h5 { color:#000; clear:left; font-size: 1.1em; font-family:"Source Sans Pro"; font-weight:normal; margin-bottom:15px } .vitae h5 span { color:#FF5200; font-family:MuseoSlab900Regular; } .vitae p { clear:both; font-size:16px; color:#000; line-height: 1.2em; margin-bottom:15px; } .vitae ul { padding-bottom:15px; } .vitae li { float:none !important; clear:right; line-height:1.3em; color:#000 !important; } .vitae td.first { color:#000 !important; } .vitae td a { color:#1E7BAC; font-weight:600; } .vitae td a:hover { color:#165c81; } .vitae ul.folder-list { margin:0 0 1em 12px; } .vitae .folder-list li { font-size: 16px; margin-bottom:4px; } .vitae .folder-list li:before { content:'\e015'; font-family:"Vitae"; position:relative; color:#1e7bac; right: 8px; bottom: -2px; display: inline-block; speak: none; font-size:20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .vitae .folder-list li a { color:#1e7bac; } .vitae .btn { padding:6px 20px; color: #ffffff; background-image: -moz-linear-gradient(top, #1e7bac, #1e7bac); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e7bac), to(#1e7bac)); background-image: -webkit-linear-gradient(top, #1e7bac, #1e7bac); background-image: -o-linear-gradient(top, #1e7bac, #1e7bac); background-image: linear-gradient(to bottom, #1e7bac, #1e7bac); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1e7bac', endColorstr='#ff1e7bac', GradientType=0); background-color: #1e7bac; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#1e7bac), to(#1e7bac)); /* Konqueror */ background-image: -moz-linear-gradient(#1e7bac, #1e7bac); /* FF 3.6+ */ background-image: -ms-linear-gradient(#1e7bac, #1e7bac); /* IE10 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e7bac), color-stop(100%, #1e7bac)); /* Safari 4+, Chrome 2+ */ background-image: -webkit-linear-gradient(#1e7bac, #1e7bac); /* Safari 5.1+, Chrome 10+ */ background-image: -o-linear-gradient(#1e7bac, #1e7bac); /* Opera 11.10 */ background-image: -ms-linear-gradient(top, #1e7bac 0%, #1e7bac 100%); /* IE10+ */ background-image: linear-gradient(#1e7bac, #1e7bac); /* the standard */ border-color: #1e7bac #1e7bac #134c6b; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #1e7bac; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-radius: 3px; text-transform: none !important; } .vitae .btn:hover, .vitae .btn:active, .vitae .btn.active, .vitae .btn.disabled, .vitae .btn[disabled] { color: #ffffff; background-color: #1e7bac; *background-color: #1a6b96; } .vitae .btn:active, .vitae .btn.active { background-color: #165c81 \9; } .vitae .btn span { font-family:MuseoSlab900Regular; font-weight:normal; } .vitae .indent { margin-left:15px !important; } .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf { *zoom: 1; }