html {min-height: 100%;margin-bottom: 1px}
blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
textarea,
ul {margin: 0;padding: 0}
td {vertical-align: top}
fieldset,
img {border: 0}
address,
caption,
cite,
code,
dfn,
em,
th,
var {font-style: normal;font-weight: 400}
ol,
ul {list-style: none}
caption,
th {text-align: left}
h1,
h2,
h3,
h4,
h5,
h6 {font-weight: 400}
q:after,
q:before {content: ''}
abbr,
acronym {border: 0}
* {margin: 0}
body,
html {
    height: auto
}
form {
    min-height: 100%;
    height: auto!important;
    height: 100%;
    margin: 0 auto -4em
}
.push {
    height: 4em
}
.clear {
    height: 0;
    clear: both
}
body#signup,
body.pre-auth {
    background-image: url("/skin/images/bg/bg_gtr_orange.jpg" );
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src="/skin/images/bg/bg_gtr_orange.jpg", sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/skin/images/bg/bg_gtr_orange.jpg', sizingMethod='scale')"
}
body.pre-auth {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding: 0;
    margin: 0;
    background-color: #000000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -html-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-clip: border-box;
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat
}
body.pre-auth .spf-textfield .sbAttributeValue {
    color: #fff
}
.loginTexttooltip {
    display: none;
    background: #000000;
    position: absolute;
    z-index: 1000;
    width: 100%;
    max-height: 370px;
    overflow: hidden;
    top: 0;
    left: 485px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -html-border-radius: 8px;
    border: 1px solid #ddd
}
body .content {
    min-height: 700px
}
body .inner-container {
    padding: 15px 36px
}
body .header-logo {
    margin-bottom: 10px
}
body .form-container .spf-textfield input {
    padding: 10px 30px
}
body .form-container .spf-textfield select {
    padding: 10px 5px
}
body .form-container .username-textfield input {
    background: transparent url("/skin/images/bg/username-icon.png") no-repeat 7px 7px
}
body .form-container .password-textfield input {
    background: transparent url("/skin/images/bg/password-icon.png") no-repeat 7px 7px
}
body .form-container .remember-me {
    padding-bottom: 10px;
    text-align: right
}
body .form-container .text-message-box {
    color: #ffffff;
    margin-bottom: 10px;
    white-space: normal;
    word-wrap: break-word;
    overflow: hidden
}
body .form-container .text-message-box em {
    font-style: italic
}
body .form-container .text-message-box ol,
ul {
    padding: 40px!important
}
.loginTexttooltip .text-message-box {
    overflow-y: auto;
    margin: 15px!important;
    max-height: 340px!important
}
body .form-container .remember-me .linkforget {
    font-weight: 700!important;
    line-height: 16px;
    vertical-align: middle;
    margin-top: -50px
}
body .form-container .spf-login-button {
    margin-bottom: 10px;
    display: block;
    text-align: right
}
body .form-section .spf-login-button a {
    padding: 8px 0;
    width: 160px
}
body#NEWUSER .content {
    min-height: 685px
}
body#NEWUSER .form-container .message h1 {
    display: none
}
,
body#NEWUSER .form-container .message label,
body#NEWUSER .form-container .message p,
body#NEWUSER .form-container .message span {
    font-size: 12px
}
body#NEWUSER .form-section {
    top: 10px
}
body#NEWUSER .form-section .spf-label {
    padding-bottom: 4px
}
body#NEWUSER .form-container .spf-textfield {
    margin-bottom: 7px
}
body#NEWUSER .form-container .spf-textfield input,
body#NEWUSER .form-container .spf-textfield select {
    padding: 6px 5px
}
body#NEWUSER .form-container .spf-login-button {
    margin-bottom: 10px
}
body#NEWUSER .form-container .spf-picker input {
    width: 179px!important;
    padding: 0
}
body.msie#NEWUSER .form-container .spf-picker input {
    height: 20px
}
body#RESET .content {
    min-height: 490px
}
body#RESET .form-container .validation-message-box .sbLinkGeneral {
    color: #52B7DC;
    font-weight: 700!important
}
.linknewuser:hover {
    color: #52B7DC;
    text-decoration: underline
}
.guest-user {
    font-weight: 700;
    font-size: 13px;
    margin-left: 8px
}
.guest-user a,
.guest-user a:hover,
.guest-user a:visited {
    text-decoration: none;
    color: #52B7DC;
    font-size: 13px;
    font-weight: 700
}
.guest-user a:hover {
    text-decoration: underline
}
#tAndCLink {
    color: #ffffff!important;
    font-weight: 700!important;
    text-decoration: none;
    margin-left: 2px
}
#tAndCLink:hover {
    text-decoration: underline
}
.tAndCText {
    color: #ffffff
}
.header {
    height: 55px;
    background-position: left top;
    background-repeat: repeat-x
}
.content {
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 20%;
    margin-left: 30px;
    width: 484px;
    padding: 0;
    position: relative
}
.form-section {
    width: 100%;
    position: relative;
    top: 30px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-html-radius: 8px;
    margin: 0;
    background: #000000!important;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 4px 0 #ababab;
    -html-box-shadow: 2px 2px 4px 0 #ababab;
    -moz-box-shadow: 2px 2px 4px 0 #ababab;
    -webkit-box-shadow: 2px 2px 4px 0 #ababab
}
.inner-container {
    padding: 15px 36px;
    width: 412px;
    margin: 0
}
.form-container {
    width: 412px;
    margin: 0;
    padding: 0;
    z-index: 4000
}
.form-container .action-link {
    margin-bottom: 15px
}
.form-container a,
.form-container a:visited {
    color: #52B7DC;
    font-weight: 400!important;
    font-size: 12px
}
.form-container .remember-me {
    padding-bottom: 15px;
    text-align: right
}
.form-container .remember-me .spf-checkbox {
    line-height: 18px;
    margin-left: 7px;
    vertical-align: middle
}
.form-container .remember-me .spf-checkbox input {
    margin-right: 5px;
    margin-top: 0;
    vertical-align: middle
}
.form-container .remember-me .sbCheckboxLabel {
    line-height: 16px;
    padding-bottom: 0;
    vertical-align: middle
}
.form-container .spf-sign-up-info,
.form-container .spf-sign-up-info a {
    color: #52B7DC;
    font-weight: 700!important
}
.form-container .linkforget {
    float: left;
    color: #52B7DC
}
.form-container .sbCheckboxLabel {
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 12px;
    color: #ffffff;
    vertical-align: top
}
.form-container .spf-label {
    font-weight: 700;
    padding-bottom: 0;
    font-size: 12px
}
.form-container .sbLinkGeneral {
    color: #52B7DC;
    font-size: 12px
}
.form-section .sbListText,
.form-section .sbLoginErrorText {
    color: #dc3737
}
.form-section td {
    color: #fff
}
.content td {
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 12px!important;
    font-weight: 700
}
td.q-location {
    color: #fff;
    font-weight: 400
}
td.q-number {
    color: #fff;
    text-align: right;
    font-weight: 400
}
.header-logo {
    margin-bottom: 10px;
    text-align: center
}
.header-logo img {
    height: 70px;
    max-width: 100%
}
.marketing-section {
    width: 400px;
    color: #fff;
    font-size: 40px;
    margin-top: 20px;
    text-align: center
}
.footer {
    margin: 0 auto;
    padding: 16px 0 16px;
    text-align: center;
    bottom: 0;
    width: 100%;
    background: #000000 url("/skin/images/bg/login-footer-bg.png") repeat 0 0!important;
    color: #ffffff;
    position: fixed
}
.footer a:hover {
    text-decoration: underline;
    color: #ffffff
}
.footer a {
    text-decoration: none;
    color: #ffffff;
    margin: 0 5px
}
.footer .locales {
    border-bottom: 1px solid #dcdcdc;
    margin: 0 auto;
    max-width: 1080px;
    padding: 0 10px 10px;
    text-align: center;
    width: 90%
}
.footer .copyright {
    color: #ffffff!important;
    margin: 0 auto;
    max-width: 1080px;
    padding: 10px;
    text-align: center;
    width: 90%
}
.footer .copyright div {
    color: #ffffff!important
}
.form-container .spf-textfield {
    margin-bottom: 15px;
    width: 412px;
    background: #f2f2f2;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -html-border-radius: 2px;
    border: 1px solid #ccc;
    z-index: 5001;
    box-shadow: 0 2px 2px #acacac inset;
    -moz-box-shadow: 0 2px 2px #acacac inset;
    -webkit-box-shadow: 0 2px 2px #acacac inset;
    -html-box-shadow: 0 2px 2px #acacac inset
}
.form-container .spf-textfield input,
.form-container .spf-textfield select {
    padding: 7px 5px;
    background: 0 0;
    border: medium none;
    width: 100%
}
.msie .form-container .spf-textfield select {
    width: 412px
}
.form-section .spf-label,
.sbcheckboxlabel {
    color: #ffffff;
    padding-bottom: 5px;
    font-size: 12px
}
.ecommerce-login-msg {
    color: #C2CD23;
    padding: 0;
    margin-bottom: 10px!important
}
.form-container .spf-cancle-button,
.form-container .spf-login-button {
    margin: 0 0 15px;
    display: inline-block
}
.form-container .spf-cancle-button a,
.form-container .spf-login-button a {
    width: 412px;
    padding: 6px 0;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    border: 1px solid #5B9B28;
    font-weight: 700!important;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -html-border-radius: 8px;
    text-transform: uppercase;
    background: #2B6C19;
    background: -moz-linear-gradient(top, #72A72D 0, #2B6C19 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #72A72D), color-stop(100%, #2B6C19));
    background: -webkit-linear-gradient(top, #72A72D 0, #2B6C19 100%);
    background: -o-linear-gradient(top, #72A72D 0, #2B6C19 100%);
    background: -ms-linear-gradient(top, #72A72D 0, #2B6C19 100%);
    background: linear-gradient(top, #72A72D 0, #2B6C19 100%)
}
.form-container .spf-cancle-button a {
    color: #333;
    border: 1px solid #cdcdcd;
    background: #ccc;
    background: -moz-linear-gradient(top, #fff 0, #ccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #ccc));
    background: -webkit-linear-gradient(top, #fff 0, #ccc 100%);
    background: -o-linear-gradient(top, #fff 0, #ccc 100%);
    background: -ms-linear-gradient(top, #fff 0, #ccc 100%);
    background: linear-gradient(top, #fff 0, #ccc 100%);
    text-shadow: none
}
.form-container .spf-login-button a:hover {
    border: 1px solid #360;
    background: #360;
    background: -moz-linear-gradient(top, #390 0, #240 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #390), color-stop(100%, #240));
    background: -webkit-linear-gradient(top, #390 0, #240 100%);
    background: -o-linear-gradient(top, #390 0, #240 100%);
    background: -ms-linear-gradient(top, #390 0, #240 100%);
    background: linear-gradient(top, #390 0, #240 100%)
}
.form-container .spf-cancle-button a:hover {
    background: #fff;
    background: -moz-linear-gradient(top, #ccc 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #ccc 0, #fff 100%);
    background: -o-linear-gradient(top, #ccc 0, #fff 100%);
    background: -ms-linear-gradient(top, #ccc 0, #fff 100%);
    background: linear-gradient(top, #ccc 0, #fff 100%)
}
.form-container .spf-cancle-button a:active,
.form-container .spf-login-button a:active {
    border: 1px solid #000;
    color: #fff;
    background: #444;
    background: -moz-linear-gradient(top, #666 0, #333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(100%, #333));
    background: -webkit-linear-gradient(top, #666 0, #333 100%);
    background: -o-linear-gradient(top, #666 0, #333 100%);
    background: -ms-linear-gradient(top, #666 0, #333 100%);
    background: linear-gradient(top, #666 0, #333 100%)
}
.form-container .spf-login-button a span {
    text-shadow: 0 1px 2px #000;
    background: 0 0;
    border: none;
    padding: 0;
    filter: dropshadow(color=#000000, offx=0, offy=1)
}
.signup-header {
    border: 1px solid #ccc;
    font-weight: 700;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -html-border-radius: 8px;
    background: #ededed!important;
    text-align: center;
    padding: 9px 0
}
.signup-header span.signupLabel {
    font-size: 13px;
    color: #000;
    font-weight: 700
}
.signup-header a.clickLink,
.spf-signup-button {
    margin-left: 10px;
    display: inline-block
}
.signup-header a.clickLink,
.spf-signup-button a {
    display: inline-block;
    text-decoration: none;
    color: #52B7DC;
    font-size: 13px;
    font-weight: 700
}
.spf-signup-button a:hover {
    text-decoration: underline;
    color: #52B7DC
}
.spf-signup-button a span {
    text-shadow: 1px 1px 0 #fff;
    filter: dropshadow(color=#000000, offx=0, offy=1)
}
.spf-signup-box {
    color: #fff!important
}
.sbRequiredInputLabel,
.sbrequiredinputlabel {
    color: #ffffff!important;
    font-weight: 700;
    font-size: 12px
}
.info {
    margin: 2px 0 0 0;
    color: #fff;
    padding: 10px;
    background: #444;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .3)), color-stop(100%, rgba(255, 255, 255, .3)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .1) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, .3) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(left, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, .3) 100%)
}
.info h1 {
    font-size: 125%;
    font-weight: 700;
    margin: 15px 0 0 0
}
.info p.spf-label {
    padding-top: 10px
}
.spf-forgot-password-box {
    margin-left: 0;
    padding-top: 20px;
    width: 250px
}
.form-container .error-msg,
.validation-message-box,
.validation-message-box p {
    margin-bottom: 10px;
    color: #ffffff
}
.message {
    width: 320px;
    color: #ffffff;
    font-size: 12px;
    margin-bottom: 10px
}
.message p {
    color: #ffffff;
    font-size: 12px;
    margin: 5px 0
}
.message span.bold label {
    color: #ffffff;
    margin-left: 5px
}
.username-label-con {
    width: 405px;
    padding-right: 10px;
    margin-bottom: 15px
}
.posRight {
    float: right;
    padding-right: 20px;
    line-height: 24px
}
.user-name {
    text-indent: 10px;
    width: 150px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #444;
    border: solid 3px #666;
    line-height: 24px
}
.spf-view-accountactivate .content,
.spf-view-changepassword .content {
    width: 650px
}
.spf-view-accountactivate .content {
    padding: 0
}
.spf-view-accountactivate .form-section {
    margin-top: 0
}
.spf-view-accountactivate .spf-myProfile-container {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0
}
.spf-view-accountactivate .inner-container {
    padding: 20px
}
.link-as-button,
.link-as-button:active,
.link-as-button:hover {
    background-image: none!important;
    background-color: #DDD!important;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #fff), color-stop(100%, #DDD))!important;
    background-image: -webkit-linear-gradient(center top, #fff, #DDD)!important;
    background-image: -moz-linear-gradient(center top, #fff, #DDD)!important;
    background-image: -o-linear-gradient(center top, #fff, #DDD)!important;
    background-image: -ms-linear-gradient(center top, #fff, #DDD)!important;
    background-image: linear-gradient(center top, #fff, #DDD)!important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DDDDDD', GradientType=0)!important;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #999;
    padding: 2px;
    cursor: pointer;
    float: left;
    padding: 2px 5px
}
.link-as-button:hover {
    background-image: none!important;
    background-color: #DDD!important;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #fff), color-stop(100%, #ccc))!important;
    background-image: -webkit-linear-gradient(center top, #fff, #ccc)!important;
    background-image: -moz-linear-gradient(center top, #fff, #ccc)!important;
    background-image: -o-linear-gradient(center top, #fff, #ccc)!important;
    background-image: -ms-linear-gradient(center top, #fff, #ccc)!important;
    background-image: linear-gradient(center top, #fff, #ccc)!important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0)!important;
    border: 1px solid #666
}
.link-as-button:active {
    background-image: none!important;
    background-color: #DDD!important;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #999), color-stop(100%, #333))!important;
    background-image: -webkit-linear-gradient(center top, #999, #333)!important;
    background-image: -moz-linear-gradient(center top, #999, #333)!important;
    background-image: -o-linear-gradient(center top, #999, #333)!important;
    background-image: -ms-linear-gradient(center top, #999, #333)!important;
    background-image: linear-gradient(center top, #999, #333)!important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#333333', GradientType=0)!important;
    border: 1px solid #333
}
.actionLink,
.actionLink:active,
.actionLink:hover {
    color: #555;
    cursor: pointer;
    display: block;
    height: 16px;
    text-decoration: none!important;
    font-size: 11px
}
.actionLink:active {
    color: #fff
}
.link-as-button .icon {
    width: 16px;
    height: 16px;
    background-color: #3992be
}
body#signup {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding: 0;
    margin: 0;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-clip: border-box;
    background-origin: padding-box;
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: 1000px
}
body#signup #screen {
    background-color: transparent;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}
body#signup .spf-change-password-panel,
body#signup .spf-view-signup-changepassword {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}
body#signup .spf-view-signup-changepassword .form-section {
    width: 450px
}
body#signup .spf-view-signup-changepassword .inner-container {
    width: 410px
}
body#signup .spf-view-signup-changepassword .spf-common-form .spf-passwordtextfield {
    width: 160px
}
body#signup .spf-fieldset {
    background: 0 0;
    color: #fff;
    border: 1px solid grey;
    padding-left: 15px;
    margin-bottom: 10px
}
body#signup .spf-addTag-container .spf-fieldset {
    border: none;
    margin-bottom: 0;
    padding-left: 0
}
body#signup .spf-addTag-container .sbPickerInput {
    width: 300px!important
}
body#signup .spf-addTag-container a img {
    margin-top: 5px
}
body#signup .spf-resource-detail-tag-list-container {
    margin-top: 0;
    margin-bottom: 0;
    color: #333
}
body#signup .spf-resource-detail-tag-list-container .spf-common-single-object-network-item:hover {
    color: #fff
}
body#signup .skill-container {
    width: 480px;
    white-space: normal;
    word-wrap: break-word
}
body#signup .spf-fieldset legend {
    margin-left: 0;
    padding-right: 8px;
    padding-left: 6px;
    font-weight: 700;
    color: #538500
}
body#signup .spf-form-common-label {
    font-size: 12px;
    font-weight: 400;
    color: #f4f4f4;
    padding: 4px 0 4px 0
}
body#signup .title {
    font-weight: 700;
    font-size: 15px;
    color: #fff
}
body#signup .mandatory-message {
    text-align: right;
    padding-bottom: 0
}
body#signup .spf-fieldset .spf-form-common-label {
    font-size: 12px;
    font-weight: 400;
    color: #f4f4f4;
    padding: 0 0 10px 0
}
body#signup .spf-fieldset legend .spf-form-common-label {
    font-weight: 700;
    font-size: 16px
}
body#signup .required,
body#signup .spf-change-password .label {
    color: #fff
}
body#signup .spf-fieldset .label-colored {
    color: #538500!important
}
body#signup .spf-fieldset ul.about-profile {
    margin-top: 10px
}
body#signup .spf-fieldset ul.about-profile li {
    display: inline-block;
    *display: inline;
    zoom: 1
}
body#signup .spf-fieldset ul.about-profile li.bio {
    width: 615px;
    margin-bottom: 5px
}
body#signup .spf-fieldset ul.about-profile li.bio textarea {
    margin-bottom: 2px
}
body#signup .spf-fieldset .spf-form-field,
body#signup .spf-fieldset .value {
    display: inline-block;
    margin-bottom: 0;
    *display: inline;
    zoom: 1
}
body#signup li.upload-image .value {
    max-width: 480px
}
body#signup .spf-fieldset textarea {
    height: 45px;
    width: 460px;
    margin-right: 0!important
}
body#signup .required:after {
    content: '*';
    color: #fff!important;
    font-size: 12px
}
body#signup .spf-fieldset label {
    display: inline-block;
    *display: inline;
    zoom: 1;
    white-space: normal;
    width: 140px;
    word-wrap: break-word;
    margin-right: 5px;
    vertical-align: top;
    color: #f4f4f4;
    margin-bottom: 15px;
    float: none!important
}
body#signup .spf-fieldset .label-bold {
    font-weight: 700
}
body#signup .spf-fieldset .label-OR {
    margin: 0 30px;
    width: 80px;
    font-weight: 700
}
body#signup .spf-fieldset .spf-dropdownchoice {
    width: 145px
}
body#signup .spf-fieldset .readonlyValue {
    vertical-align: bottom;
    width: 150px!important;
    *width: 167px!important
}
body#signup .spf-common-form .spf-passwordtextfield,
body#signup .spf-common-form .spf-textfield,
body#signup .spf-fieldset .spf-dropdownchoice,
body#signup .spf-fieldset textarea {
    margin-bottom: 15px
}
body#signup .required,
body#signup .spf-common-form .spf-passwordtextfield,
body#signup .spf-common-form .spf-textfield,
body#signup .spf-fieldset .readonlyValue,
body#signup .spf-fieldset .spf-dropdownchoice,
body#signup .spf-fieldset textarea {
    margin-right: 5px
}
body#signup .spf-button {
    height: 23px;
    *height: auto;
    float: right;
    padding: 4px 12px 4px 12px;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    border: 1px solid #690;
    font-weight: 700;
    text-shadow: 1px 1px 0 #333;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #690;
    background: -moz-linear-gradient(top, #9C0 0, #360 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9C0), color-stop(100%, #360));
    background: -webkit-linear-gradient(top, #9C0 0, #360 100%);
    background: -o-linear-gradient(top, #9C0 0, #360 100%);
    background: -ms-linear-gradient(top, #9C0 0, #360 100%);
    background: linear-gradient(top, #9C0 0, #360 100%);
    margin-right: 8px
}
body#signup .spf-image-upload-panel {
    padding: 2px 0 15px 0
}
body#signup .button-secondary,
body#signup .spf-image-upload-panel .spf-button {
    height: auto;
    border: 1px solid #999;
    padding: 3px 7px 3px 7px;
    color: #555;
    background: #ddd;
    background: -moz-linear-gradient(top, #fff 0, #DDD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #DDD));
    background: -webkit-linear-gradient(top, #fff 0, #DDD 100%);
    background: -o-linear-gradient(top, #fff 0, #DDD 100%);
    background: -ms-linear-gradient(top, #fff 0, #DDD 100%);
    background: linear-gradient(top, #fff 0, #DDD 100%);
    -pie-background: linear-gradient(left, #fff 0, #DDD 100%);
    font-weight: 400;
    font-size: 12px;
    text-shadow: none
}
body#signup .spf-image-upload-panel .button-secondary {
    margin-left: -5px;
    float: none
}
body#signup .spf-image-upload-panel input {
    padding: 2px 2px 2px 2px\9;
    *padding: 4px;
    width: 238px\9
}
body#signup ul.feedbackMsg {
    background-color: transparent;
    border: none;
    margin-bottom: 10px;
    padding: 0 0 2px 0;
    width: 300px
}
body#signup .feedbackPanelMessage,
body#signup .spf-image-upload-feedback,
body#signup li.feedbackPanelERROR {
    margin-bottom: 0!important;
    padding-left: 0;
    color: #dc3737;
    font-weight: 400;
    float: none!important;
    font-size: 12px!important;
    padding: 0
}
body#signup .marketing-section {
    width: 686px;
    display: none
}
body#signup .header {
    display: none
}
body#signup .content {
    width: 690px;
    padding: 0;
    margin: 0 auto
}
body#signup .form-section {
    float: none;
    margin: 0 auto 0 auto;
    width: 690px;
    top: 50px;
    background: 0 0!important
}
body#signup .inner-container {
    width: 650px;
    padding-bottom: 50px;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .8) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .8)), color-stop(100%, rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .8) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .8) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .8) 100%);
    background: linear-gradient(left, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .8) 100%)
}
body#signup .inner-container {
    background: #fff;
    background: -moz-linear-gradient(top, #DDD 0, #FFF 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DDD), color-stop(50%, #FFF));
    background: -webkit-linear-gradient(top, #DDD 0, #FFF 50%);
    background: -o-linear-gradient(top, #DDD 0, #FFF 50%);
    background: -ms-linear-gradient(top, #DDD 0, #FFF 50%);
    background: linear-gradient(top, #DDD 0, #FFF 50%);
    -pie-background: linear-gradient(left, #fff 0, #FFF 50%);
    border: 1px solid #cdcdcd;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}
body#signup .form-container {
    width: 100%
}
body#signup .spf-textfield .sbAttributeValue {
    color: #fff
}
body#signup .spf-common-form .spf-textfield {
    width: 140px;
    padding-left: 8px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -html-border-radius: 3px;
    line-height: 24px
}
body#signup .spf-common-form .spf-passwordtextfield {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding-left: 8px;
    width: 140px
}
body#signup .spf-fieldset .spf-form-common-label,
body#signup .spf-fieldset label,
body#signup .spf-form-common-label {
    color: #333
}
body#signup .required:after {
    color: #333!important
}
body#signup .title {
    color: #333;
    font-size: 40px;
    text-align: center
}
#recaptcha_widget_div {
    background: #333;
    padding: 0 30px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px
}
.msie #recaptcha_widget_div {
    padding: 0 22px
}
#recaptcha_area,
.recaptchatable {
    margin-top: 7px;
    margin-bottom: 7px;
    width: 335px!important;
    min-width: 335px!important;
    max-width: 335px!important;
    padding: 1px 10px
}
.recaptchatable * {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #fff!important
}
.msie #recaptcha_table,
.msie .recaptchatable {
    width: 350px!important;
    min-width: 350px!important;
    max-width: 350px!important
}
.recaptchatable .recaptcha_r1_c1,
.recaptchatable .recaptcha_r2_c1,
.recaptchatable .recaptcha_r2_c2,
.recaptchatable .recaptcha_r3_c1,
.recaptchatable .recaptcha_r3_c2,
.recaptchatable .recaptcha_r3_c3,
.recaptchatable .recaptcha_r4_c2,
.recaptchatable .recaptcha_r7_c1,
.recaptchatable .recaptcha_r8_c1 {
    background: 0 0!important;
    background-color: #333!important
}
.recaptchatable input {
    color: #000!important
}
.recaptchatable a,
.recaptchatable a:hover,
.recaptchatable a:link,
.recaptchatable a:visited {
    color: #0cf!important;
    font-weight: 700;
    line-height: 20px;
    line-height: 18px\9;
    *line-height: 20px;
    margin-left: 10px;
    margin-left: 0\9
}
#recaptcha_image br {
    display: none\9
}
#recaptcha_image span {
    display: block\9;
    padding-left: 10px\9!important
}
.recaptchatable a:hover {
    text-decoration: underline!important;
    font-weight: 700!important
}
#recaptcha_image a:active,
#recaptcha_image a:focus,
a:active #recaptcha_reload,
a:active #recaptcha_switch_audio,
a:active #recaptcha_switch_img,
a:active #recaptcha_whatsthis,
a:focus #recaptcha_reload,
a:focus #recaptcha_switch_audio,
a:focus #recaptcha_switch_img,
a:focus #recaptcha_whatsthis {
    outline: #0cf dotted thin!important
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #recaptcha_image a:focus,
    a:focus #recaptcha_reload,
    a:focus #recaptcha_switch_audio,
    a:focus #recaptcha_switch_img,
    a:focus #recaptcha_whatsthis {
        outline: -webkit-focus-ring-color solid 2px!important
    }
    #recaptcha_image a:active,
    a:active #recaptcha_reload,
    a:active #recaptcha_switch_audio,
    a:active #recaptcha_switch_img,
    a:active #recaptcha_whatsthis {
        outline: 0!important
    }
}
.recaptchatable .recaptcha_r4_c1 {
    background: 0 0!important;
    background-color: #333!important
}
.recaptchatable .recaptcha_r4_c4 {
    width: 95px!important
}
#sabaCaptcha .recaptcha_input_area {
    width: 160px!important;
    margin-left: 0!important;
    margin-top: 0!important;
    margin-right: 0!important;
    height: auto!important;
    min-height: 45px!important;
    padding: 4px 0 0 18px;
    word-wrap: break-word!important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #676767 url("/skin/images/bg/blackglass.png") no-repeat scroll 0 0!important
}
.msie #sabaCaptcha .recaptcha_input_area {
    width: 174px!important;
    background: #676767 url("/skin/images/bg/blackglass_msie.png") no-repeat scroll 0 0!important
}
#sabaCaptcha #recaptcha_response_field {
    bottom: auto!important;
    margin-top: 2px!important;
    width: 155px!important
}
.msie #sabaCaptcha #recaptcha_response_field {
    width: 165px!important
}
.msie .recaptchatable .recaptcha_r4_c2 {
    width: 15px!important
}
.msie .recaptchatable .recaptcha_r4_c4 {
    width: 93px!important
}
body.msie .content,
body.msie#NEWUSER .content,
body.msie#RESET .content {
    min-height: 950px
}
.request-to-join-message {
    width: 600px;
    margin-bottom: 10px
}
.activation-feedack-message ul.feedbackMsg {
    width: 100%!important
}
.activation-feedack-message ul.feedbackMsg div,
.activation-feedack-message ul.feedbackMsg p {
    color: #dc3737
}
@media (max-width: 479px) {
    body,
    form,
    html {
        width: 100%;
        margin: 0!important;
        padding: 0
    }
    .content {
        width: 90%;
        margin: 0 auto;
        min-height: 475px!important
    }
    .form-section {
        top: 50px
    }
    .inner-container {
        width: calc(100% - 40px);
        padding: 20px!important
    }
    .form-container {
        width: 100%
    }
    .form-container>div {
        width: 100%
    }
    .form-container .remember-me .linkforget {
        margin-top: 0!important
    }
    .form-container .remember-me .spf-checkbox {
        margin-left: 0
    }
    .push:empty {
        display: none
    }
    .footer {
        position: relative
    }
}
@media (min-width: 480px) and (max-width: 719px) {
    body,
    form,
    html {
        width: 100%;
        margin: 0!important;
        padding: 0
    }
    .content {
        width: 80%;
        margin: 0 auto;
        min-height: 475px!important
    }
    .form-section {
        top: 50px
    }
    .inner-container {
        width: calc(100% - 40px);
        padding: 20px!important
    }
    .form-container {
        width: 100%
    }
    .form-container>div {
        width: 100%
    }
    .form-container .remember-me .linkforget {
        margin-top: 0!important
    }
    .form-container .remember-me .spf-checkbox {
        margin-left: 0
    }
    .push:empty {
        display: none
    }
    .footer {
        position: relative
    }
}
@media (min-width: 720px) and (max-width: 1199px) {
    body,
    form,
    html {
        width: 100%;
        margin: 0!important;
        padding: 0
    }
    .content {
        width: 60%;
        margin: 0 auto;
        min-height: 575px!important
    }
    .form-section {
        top: 50px
    }
    .inner-container {
        width: calc(100% - 40px);
        padding: 20px!important
    }
    .form-container {
        width: 100%
    }
    .form-container>div {
        width: 100%
    }
    .form-container .remember-me .linkforget {
        margin-top: 0!important
    }
    .form-container .remember-me .spf-checkbox {
        margin-left: 0
    }
    .push:empty {
        display: none
    }
}