body {
    background: white url(/assets/images/bg-x-f9f9f9-ffffff.png) repeat-x 0 414px;
    font-family: Helvetica, Arial, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

strong {
    font-weight: bold;
}

div#communication form#sms-form {
    display: none !important;
}

#thankyoupage {
    margin: 0 auto;
    padding: 0 0 20px;
    width: 940px;
}

#thankyoupage h1 {
    color: black;
}

#thankyoupage h1 span#fileresponse {
    color: #777;
    font-size: 70%;
}

/*
#thankyoupage.touch h1 span#fileresponse {
    font-size: 60%;
}
*/

#thankyoupage .left-column img {
    display: block;
    margin-bottom: 20px;
}

#thankyoupage.touch img#hero-touch {
    margin: 10px 0;
}

#thankyoupage .left-column {
    width: 540px;
}

#thankyoupage .right-column {
    margin-left: 60px;
    width: 334px;
}

p.intro {
    color: #333;
    font-size: 14px;
}

#thankyoupage .left-column h4 {
    margin: 0;
    padding: 8px 0 4px;
    text-transform: uppercase;
}

.left-column ul {
    list-style: disc;
    padding-left: 20px;
}

#join {
    background: url(/assets/images/forum.png) no-repeat -3px 0;
    float: left;
    min-height: 120px;
    padding-left: 79px; 
    width: /* 55% */ 222px;
}

#learn {
    background: url(/assets/images/book.png) no-repeat -10px 0;
    margin-left: /* 60% */ 315px;
    min-height: 120px;
    padding-left: 65px; 
    width: /* 40% */ 150px;
}



/* Right Column */
#thankyoupage .right-column h2 {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin: 20px 0 4px;
    padding: 0 16px;
}

#thankyoupage .right-column p strong {
    font-size: 13px;
}

#thankyoupage .right-column p {
    margin: 0 0 1em;
    padding: 0 16px;
}




form#salesforce {
    background: #dcebfa;
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;
    margin: 0 0 20px;
    padding: 20px 16px 12px;
    position: relative;
}

form#salesforce #notice {
    font: normal 10px/1 Arial, sans-serif;
    position: absolute;
    bottom: 34px;
    left: 16px;
    white-space: nowrap;
}

div.row {
    margin-bottom: 12px;
    overflow: auto;
}

form#salesforce label {
    color: black;
    display: block;
    float: left;
    line-height: 12px;
    margin: 0 12px 0 0;
    padding: 6px 0 0;
    text-align: left;
    width: 92px;
}

form#salesforce .req label {
    font-weight: bold;
}

form#salesforce input.text,
form#salesforce textarea {
    background: white url(/assets/images/bg-form.gif) no-repeat -3px 0;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius:    2px;
    border-radius:         2px;
    color: black;
    font: normal 12px/16px Helvetica, Arial, sans-serif;
    height: 16px;
    padding: 6px 6px 2px;
    width: 183px;
}

div.row.textarea {
    overflow: visible;
}

form#salesforce input.text:focus {
    background: white url(/assets/images/bg-form.gif) no-repeat -3px -24px;
    outline: none;
}

form#salesforce .missing input.text,
form#salesforce .missing input.text:focus {
    background: white url(/assets/images/bg-form.gif) no-repeat -3px -48px;
    color: #be0000;
}

form#salesforce textarea {
    background: white;
    border: none;
    border-top: 1px solid #cfcfcf;
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    height: auto;
    -webkit-resize: vertical;
    -moz-resize:    vertical;
    resize:         vertical;
}

form#salesforce textarea.text:focus {
    border-color: #b3b3b3;
}

#thankyoupage p#error,
#thankyoupage p.notice.req {
    color: #be0000;
}

#thankyoupage #postform {
    color: #777;
}

form#salesforce input#salesforce-submit,
form#salesforce input#salesforce-submit:focus {
    background: transparent url(/assets/images/send-info-button.gif) no-repeat;
    border: 0;
    float: right;
    line-height: 0;
    height: 33px;
    margin: 10px 3px 0 0;
    outline: none;
    overflow: hidden;
    text-indent: 150%;
    white-space: nowrap;
    width: 98px;
}

form#salesforce p#success,
form#salesforce.success div,
form#salesforce.success span {
    display: none;
}

form#salesforce.success {
    margin-top: 90px;
}

form#salesforce.success p#success {
    background: url(/assets/images/checkmark-128.png) no-repeat 50% 20px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    padding: 160px 36px 7px;
    text-align: center;
}



/* Buttons */

#thankyoupage a.button {
    background: #83cde6 url(/assets/images/bg-buttons.gif) repeat-x 0 -184px;
    border: 1px solid #3281bd;
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.133), 0 1px 0 rgba(255,255,255,0.255);
    -moz-box-shadow:    inset 0 1px 0 rgba(255,255,255,0.133), 0 1px 0 rgba(255,255,255,0.255);
    box-shadow:         inset 0 1px 0 rgba(255,255,255,0.133), 0 1px 0 rgba(255,255,255,0.255);
    color: white;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    margin: 0 5px 0 0;
    padding: 8px 14px;
    text-decoration: none;
    -webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.5555);
    -moz-text-shadow:    0 1px 0 rgba(0,0,0,0.5555);
    text-shadow:         0 1px 0 rgba(0,0,0,0.5555);
    width: auto;
}
#thankyoupage a.button:hover,
#thankyoupage a.button:focus,
#thankyoupage a.button:active {
    border-color: #286B9F;
    background-position: 0 -266px;
}
#thankyoupage a.button:active {
    -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.5555);
    -moz-text-shadow:    0 -1px 0 rgba(0,0,0,0.5555);
    text-shadow:         0 -1px 0 rgba(0,0,0,0.5555);
}



/* Social */

#comm-container {
    position: relative;
}

#social {
    height: 32px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 13px;
    right: 10px;
}
#social a.primary {
    margin-right: 18px;
}
#social a.icon {
    background: url(/assets/images/social-16.png) no-repeat 0 0;
    display: block;
    float: left;
    height: 16px;
    margin-right: 5px;
    width: 16px;
    
    overflow: hidden;
    text-indent: 150%;
    white-space: nowrap;
}
#social a#twitter {
    background-position: 0 0;
}
#social a#twitter:hover,
#social a#twitter:focus,
#social a#twitter:active {
    background-position: 0 -20px;
}
#social a#tumblr {
    background-position: 0 -40px;
}
#social a#tumblr:hover,
#social a#tumblr:focus,
#social a#tumblr:active {
    background-position: 0 -60px;
}
#social a#facebook {
    background-position: 0 -80px;
}
#social a#facebook:hover,
#social a#facebook:focus,
#social a#facebook:active {
    background-position: 0 -100px;
}
#social a#vimeo {
    background-position: 0 -120px;
}
#social a#vimeo:hover,
#social a#vimeo:focus,
#social a#vimeo:active {
    background-position: 0 -140px;
}
#social a#linkedin {
    background-position: 0 -160px;
}
#social a#linkedin:hover,
#social a#linkedin:focus,
#social a#linkedin:active {
    background-position: 0 -180px;
}
#social a#rss {
    background-position: 0 -200px;
}
#social a#rss:hover,
#social a#rss:focus,
#social a#rss:active {
    background-position: 0 -220px;
}
