/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
html { }

sup { line-height: 1em; }

body {
    font-size: .85em;
    font-family: " Lucida Sans", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
    background: url(../Images/Shared/cdn_subdomain/background.jpg) no-repeat center top fixed #533B2C;
}

.tooltip {
    background-color: #000;
    opacity: .85;
    filter: alpha(opacity=85);
    height: 100px;
    width: 300px;
    top: -77px;
    left: -61px;
    position: relative;
    z-index: 1001;
}

.tooltip:after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    border: 10px solid transparent;
    border-bottom-color: #000;
    top: -20px;
    left: 50%;
    margin-left: -10px;
}

.tooltipContent {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: transparent;
    color: white;
    text-align: center;
    z-index: 1002;
}

a:link {
    color: #257e22;
    text-decoration: none;
}

a:visited { color: #257e22; }

a:hover {
    color: #5a7f56;
    text-decoration: underline;
}

a:active { color: #5a7f56; }

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header, footer, nav, section { display: block; }

img {
    border: 0px;
    margin: 0;
}

#footer-links { padding-bottom: 15px; }

#footer-links a { margin: 0 12px 0 12px; }

.footer-link-selected {
    font-weight: bold;
    border-bottom: 1px solid white;
}

#footer_images { margin-top: 15px; }

#footer_images img { padding-right: 10px; }

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
    font-size: 1.2em;
    border-bottom: 1px dashed #B7C5AB;
    color: #3D3020;
    text-align: left;
}

h3 {
    text-align: left;
    font-size: 1.2em;
    color: #3D3020;
}

h4 { font-size: 1.1em; }

h5, h6 { font-size: 1em; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

.page {
    width: 1040px;
    margin-left: auto;
    margin-right: auto;
}

.mobilePage { margin: 25px; }

header, #header { }

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

#main {
    margin-left: 8px;
    margin-right: 8px; /*padding: 15px;*/
    background-color: #fff;
    border-left: solid 1px #edeae7;
    border-right: solid 1px #edeae7;
    /*overflow: hidden;*/
    padding: 10px 10px 20px 10px;
    /*min-height: 660px;*/
}

#social_icons {
    position: absolute;
    top: 60px;
    left: -63px;
}

#social_icons img {
    display: block;
    margin: 15px 0;
}

#mobileMain {
    padding: 5px 5px 5px 5px;
    background-color: #fff;
}

footer {
    color: white;
    padding: 20px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

footer a:link, footer a:visited, footer a:hover, footer a:active { color: white; }

/* TAB MENU   
----------------------------------------------------------*/

ul#menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    font-family: " Lucida Sans", Verdana, Helv;
    min-height: 75px;
}

/*
input[type="text"], 
input[type="password"] {
    border: 1px solid #959595;
    padding: 3px;
    font-size: 1.8em;
    color: #444;
    width: 300px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
*/

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}

/* TABLE
----------------------------------------------------------

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td {
    padding: 5px;
    border: solid 1px #e8eef4;
}

table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}
*/
/* MISC  
----------------------------------------------------------*/

.subtext {
    color: white;
    font-size: 8px;
    text-align: center;
}

.clear { clear: both; }

.error { color: Red; }

nav, #menucontainer { margin-top: 40px; }

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error { color: #ff0000; }

.field-validation-valid { display: none; }

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid { display: none; }

/* Styles for editor and display helpers
----------------------------------------------------------*/

.display-label, .editor-label {
    margin: 1em 0 0 0;
    display: inline-block;
    width: 170px;
}

.editor-label-mobile {
    margin: 0 0 0.5em 0;
    display: inline-block;
    width: 170px;
}

.display-field, .editor-field { margin: 0.5em 0 0 0; }

.text-box { width: 30em; }

.text-box.multi-line { height: 6.5em; }

.tri-state { width: 6em; }

/*  OCN Coming Soon */

.comingSoon {
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-bottom: 60px;    
}

#comingSoonText {
    color: white;
    text-align: center;
    font-size: 27px;
    padding-top: 200px;
}

/* OCN Header Elements */

#header_title { padding: 15px 8px 10px 0; }

.header_login {
    height: 109px;
    text-align: right;
}

#header_search {
    height: 32px;
    width: 197px;
}

#login-button {
    cursor: pointer;
    margin-right: -10px;
    margin-bottom: -10px;
}

#signup-button { margin-bottom: -10px; }

#new-user-link { padding-top: 4px; }

#logo {
    margin: 3px 0 0 25px;
    display: inline-block;
    vertical-align: top;
}

#statusLeft, #statusRight { display: inline-block; }

#statusLeft {
    vertical-align: bottom;
    padding-right: 20px;
}

.statusWrapper {
    display: inline-block;
    float: right;
    padding-right: 20px;
}

.status-inner {
    color: white;
    font-size: 11px;
}

.status-inner a {
    margin: 0;
    padding: 0 5px;
    border-right: 1px solid white;
    display: inline-block;
}

.status-inner a:first-of-type { padding-left: 0; }

.status-inner a:last-of-type { border-right: none; }

.statusWrapper a:link, .statusWrapper a:hover, .statusWrapper a:active, .statusWrapper a:visited { color: white; }

.login-col {
    vertical-align: top;
    font-size: .9em;
    display: inline-block;
    padding-left: 20px;
}

.login-cell { padding-bottom: 1px; }

.login-cell-label { padding-bottom: 5px; }

.login-cell-bottom { padding-top: 6px; }

#login-cell-btn { padding-top: 17px; }

#login-cell-btn input.ui-button {
    padding: 0 .9em;
    height: 26px;
}

#signup-left {
    vertical-align: top;
    display: inline-block;
    width: 435px;
    margin: 170px 40px 0 40px;
}

#signUpBtn {
    cursor: pointer;
    margin: 10px 0 0 0;
}

#signup-form {
    display: inline-block;
    padding-left: 45px;
    border-left: 1px solid #E4E4E4;
    width: 435px;
}

.password_hint {
    font-size: .9em;
    font-style: italic;
}

.field-default {
    border: 1px solid #959595;
    padding: 3px;
    font-size: 1.5em;
    color: #444;
    width: 330px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.field-default-mobile {
    border: 1px solid #959595;
    font-size: 1.5em;
    color: #444;
    width: 100%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.profilePicWrap {
    padding: 0 0 5px 0;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #27BABC;
    text-align: center;
    color: white;
}

.profilePic {
    display: table-cell;
    vertical-align: middle;
    width: 200px;
    height: 200px;
    border: #999;
    border-width: 1px;
    margin-left: auto;
    margin-right: auto;
}

.picDisclaimer {
    width: 90%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    font-size: .7em;
    font-weight: bold;
    color: black;
}

.aboutme {
    font-weight: bolder;
    font-size: large;
    text-align: center;
}

.leftside {
    display: inline-block;
    width: 26%;
    padding: 10px;
    padding-right: 15px;
    margin: 5px;
    border-right-width: 2px;
    border-right-color: #999;
    border-right-style: solid;
    vertical-align: top;
}

.rightside {
    display: inline-block;
    /*width: 225px;*/
    padding: 10px;
    margin: 5px;
    vertical-align: top;
}

.leftquarter {
    float: left;
    width: 24%;
    padding: 10px;
    padding-right: 15px;
    margin-right: 5px;
    border-right-width: 2px;
    border-right-color: #999;
    border-right-style: solid;
    margin-left: -99%;
}

.middle { margin: 0 26% 0 28%; }

.rightquarter {
    float: left;
    width: 24.5%;
    padding: 10px;
    margin-left: -28%;
}

.optionRow {
    width: 305px;
    height: 35px;
}

.optionName {
    width: 230px;
    display: inline-block;
}

.optionColumn {
    vertical-align: top;
    width: 70px;
    display: inline-block;
    text-align: center;
}

.subtitle {
    font-style: italic;
    font-size: small;
    margin-bottom: 20px;
}

div#header_banner { text-align: center; }

.navSpacer {
    width: 258px;
    display: inline-block;
}

.navBtn {
    display: block;
    width: 146px;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1em;
    padding: 9px 0;
    margin: 10px 5%;
}

.navBtn:link, .navBtn:hover, .navBtn:active, .navBtn:visited {
    color: white;
    text-decoration: none;
}

.navBtn:hover, .navBtn:active, .nav_challenge_current, .nav_users_current, .nav_apps_current { background: #648147; }

.nav_challenge { }

.nav_challenge:hover { }

.nav_challenge:active, .nav_challenge_current, .nav_challenge_current:hover { }

.nav_users { width: 102px; }

.nav_users:hover { }

.nav_users:active, .nav_users_current, .nav_users_current:hover { }

.nav_apps, .nav_blog { width: 103px; }

.nav_apps:hover { }

.nav_apps:active, .nav_apps_current, .nav_apps_current:hover { }

div#gnav_container {
    z-index: 10;
    width: 100%;
}

#gnav {
    height: 56px;
    text-align: center;
    background: url(../Images/GlobalNav/cdn_subdomain/gnav_bg.png) repeat-x;
    border-left: 2px solid #563f31;
    border-right: 2px solid #563f31;
}

div#gnav_left_edge {
    float: left;
    width: 8px;
    height: 62px;
    background-image: url('../Images/GlobalNav/cdn_subdomain/gnav_left_edge.png');
}

div#gnav_right_edge {
    float: left;
    width: 8px;
    height: 62px;
    background-image: url('../Images/GlobalNav/cdn_subdomain/gnav_right_edge.png');
}

div#gnav_shadow {
    width: 1135px;
    height: 6px;
    background-image: url('../Images/GlobalNav/cdn_subdomain/gnav_shadow.gif');
}

span#gnav_text {
    font-family: "Myriad Pro", Lucida Sans, Arial;
    font-weight: bold;
    font-size: 17px;
    color: #ffffff;
    position: absolute;
    top: 15px;
    left: 40px;
}

#statusName {
    padding-right: 10px;
    display: inline-block;
    text-overflow: ellipsis;
    max-width: 240px;
    overflow: hidden;
    color: white;
}

#statusImage {
    display: inline-block;
    vertical-align: bottom;
}

.gnav_search {
    padding-top: 10px;
    float: right;
}

.searchbox {
    padding: 1px 10px;
    height: 28px;
    width: 285px;
    margin: 0;
    vertical-align: top;
    border: solid 1px #dadada;
    font-size: large;
}

#subnav_container {
    text-align: center;
    border: 2px solid #563f31;
    border-top: none;
    background: #000;
    opacity: .2;
    height: 233px;
}

#subnav_hidden_container a:hover { text-decoration: none; }

#subnav_hidden_container {
    position: absolute;
    top: 70px;
    text-align: center;
    width: 100%;
}

#subnav_mapit, #subnav_discover { margin: 0 17px 0 0; }

#subnav_explore { padding: 0; }

.subnav_image {
    width: 320px;
    height: 202px;
    display: inline-block;
}

#subnav_mapit { background: url("../Images/Home/cdn_subdomain/home_mapit.png") no-repeat; }

#subnav_discover { background: url("../Images/Home/cdn_subdomain/home_discover.png") no-repeat; }

#subnav_explore { background: url("../Images/Home/cdn_subdomain/home_explore.png") no-repeat; }

.subnav_overlay {
    position: absolute;
    bottom: 0;
    height: 46px;
    width: 320px;
}

#subnav_mapit_overlay { background: url("../Images/Home/cdn_subdomain/home_mapit_overlay.png") no-repeat; }

#subnav_discover_overlay { background: url("../Images/Home/cdn_subdomain/home_discover_overlay.png") no-repeat; }

#subnav_explore_overlay { background: url("../Images/Home/cdn_subdomain/home_explore_overlay.png") no-repeat; }

#social_feeds {
    background: #E9E8D1;
    margin: 8px;
    padding: 12px 10px;
}

#twitter_feed {
    display: inline-block;
    vertical-align: top;
}

.searchGroup { padding: 5px 0; }

#search-field { width: 145px; }

#filter_view_text {
    padding: 15px 0 0 0;
    font-size: 0.8em;
}

.btn_login {
    background-image: url('../Images/LoginSignup/cdn_subdomain/ocn_btn_login.png');
    width: 114px;
    height: 53px;
}

.vertical_line {
    background-color: #edeae7;
    width: 1px;
    height: 500px;
}

.text-label {
    color: #cdcdcd;
    font-weight: bold;
}

.center {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.center-image {
    margin: 0px auto;
    display: block;
}

.width0 { width: 50px; }

.width1 { width: 100px; }

.width2 { width: 115px; }

.width140 { width: 140px; }

.width160 { width: 160px; }

.width3a { width: 215px; }

.width220 { width: 220px; }

.width4 { width: 240px; }

.width4a { width: 280px; }

.width5 { width: 300px; }

.width6 { width: 350px; }

.width7 { width: 400px; }

.width8 { width: 450px; }

.width520 { width: 520px; }

.width700 { width: 700px; }

.field-date { width: 115px; }

/*  Misc    */

.badge { cursor: pointer; }

.label-medium-black-bold {
    /*Shared*/
    color: #000000;
    font-weight: bold;
}

.label-black-bold {
    /*Shared*/
    color: #000000;
    font-weight: bold;
}

.bold { font-weight: bold; }
/*Shared*/

.left-btn { left: 130px; }

/*  OCN FAQ Page    */

div.FAQ-leftcolumn {
    padding: 0 20px 0 10px;
    float: left;
    width: 270px;
    text-align: center;
}

.FAQ-leftcolumn #faq_nav a {
    display: block;
    padding-top: 12px;
    font-weight: bold;
    font-size: 12px;
    color: #5D8627;
}

.faq_nav_header, #faq_left_4_header {
    background: #F1EBDF;
    color: #564535;
    font-size: 12px;
    border: 2px solid #E9E4D2;
    font-weight: bold;
    padding: 7px 0 7px 5px;
    margin-top: 12px;
    cursor: pointer;
    text-align: left;
}

#faq_email_us { margin: 25px 0; }

.faq_header_arrow {
    float: right;
    margin: 3px 12px 0 0;
}

.faq_nav_header:first-of-type { margin-top: 0; }

.faq_nav_content {
    width: 241px; /*needed for a smooth slide*/
    border: 2px solid #E9E4D2;
    border-top: none;
    padding: 5px 20px 5px 5px;
    text-align: left;
}

.faq_nav_content a:first-of-type { padding-top: 5px; }

.faq_nav_content a:last-of-type { padding-bottom: 5px; }

div.FAQ-rightcolumn {
    padding: 0 40px 0 40px;
    margin-left: 295px;
    border-left: 2px solid #edeae7;
}

.faq_question p:first-of-type { margin-top: 3px; }

/* OCN About Page */

div.FA-leftcolumn {
    float: left;
    width: 750px;
    padding: 15px;
    border-right: 1px solid #edeae7;
    text-align: left;
}

div.FA-rightcolumn {
    float: right;
    width: 270px;
    padding: 0;
}

.pic-border {
    width: 75px;
    height: 75px;
    border: 1px solid #6d5d4e;
}

#about_title {
    font-weight: normal;
    font-size: 23px;
    width: 420px;
    margin-bottom: 7px;
}

#about_content { padding: 0 20px 0 20px; }

#about_leftcol { width: 47%; }

#about_rightcol { padding-left: 3%; }

.about_col {
    vertical-align: top;
    display: inline-block;
    width: 47%;
}
/*  OCN Terms   */

div.FT-leftcolumn {
    float: left;
    width: 240px;
    text-align: left;
}

div.FT-rightcolumn { /*float: right;
    width: 790px;
    border-left: 1px solid #edeae7;*/padding: 0 40px; }

.challenge-icon-border {
    width: 108px;
    height: 102px;
    border: 1px solid #6d5d4e;
    margin: 0;
    padding: 0;
    display: block;
}

/* OCN Contact*/

#memberBtn, #sponsorBtn {
    border: none;
    height: 36px;
    width: 81px;
    padding: 0;
    float: right;
    margin: 25px 0 0 0;
    cursor: pointer;
    background: url('../Images/Contact/cdn_subdomain/submit-OFF.png') no-repeat;
    color: transparent;
}

#memberBtn:hover, #sponsorBtn:hover {
     background: url('../Images/Contact/cdn_subdomain/submit-ON.png') no-repeat;
}

.contactForm {
    display: inline-block;
    vertical-align: top;
}

#memberForm { width: 45%; }

#sponsorForm { width: 50%; }

div.F-leftcolumn {
    width: 338px;
    margin-left: auto;
    margin-right: auto;
}

#memberContactImage { margin: 15px 0 65px 0; }

#sponsorContactImage { margin: 15px 0 34px 0; }

div.F-rightcolumn {
    width: 475px;
    border-left: 1px solid #edeae7;
    padding-left: 65px;
}
/* OCN Footer Sitemap */

td.sitemap-link-column { vertical-align: text-top; }

/* OCN Footer Sponsor Event */

div.SE-photo-border {
    width: 337px;
    height: 335px;
    overflow: hidden;
    margin-left: 44px;
}

div.SE-text {
    width: 985px;
    margin-left: 80px;
}

#quoteContactBtn {
    display: block;
    margin: 0px auto;
    width: 250px;
}

/* OCN Footer Advertise */

div.Ad-splash {
    width: 100%;
    text-align: center;
}

div.Ad-text {
    text-align: left;
    margin: 0px 125px;
}

.Ad-text img { padding-bottom: 10px; }

div.center-contact {
    text-align: center;
    width: 900px;
}

/* OCN Info Subnav */

#info_subnav { padding: 40px 0 0 8px; }

#info_subnav a:hover { text-decoration: none; }

#info_subnav .info_subnav_img {
    width: 314px;
    height: 134px;
    display: inline-block;
}

#info_subnav_mapit, #info_subnav_discover { margin-right: 18px; }

#info_subnav_mapit { background-image: url('../Images/Info/MapIt/cdn_subdomain/mapit_subnav_off.png'); }

#info_subnav_discover { background-image: url('../Images/Info/Discover/cdn_subdomain/discover_subnav_off.png'); }

#info_subnav_explore { background-image: url('../Images/Info/Explore/cdn_subdomain/explore_subnav_off.png'); }

#info_subnav_mapit:hover { background-image: url('../Images/Info/MapIt/cdn_subdomain/mapit_subnav_on.png'); }

#info_subnav_discover:hover { background-image: url('../Images/Info/Discover/cdn_subdomain/discover_subnav_on.png'); }

#info_subnav_explore:hover { background-image: url('../Images/Info/Explore/cdn_subdomain/explore_subnav_on.png'); }

#info_subnav_mapit.info_subnav_selected { background-image: url('../Images/Info/MapIt/cdn_subdomain/mapit_subnav_selected.png'); }

#info_subnav_discover.info_subnav_selected { background-image: url('../Images/Info/Discover/cdn_subdomain/discover_subnav_selected.png'); }

#info_subnav_explore.info_subnav_selected { background-image: url('../Images/Info/Explore/cdn_subdomain/explore_subnav_selected.png'); }

/* OCN Apps Page (and Map It slider) */

#apps_container { min-height: 500px; }

#apps_top, #mapit_top { position: relative; }

.apps_top_img, .mapit_top_img {
    position: relative;
    vertical-align: top;
    z-index: 10;
    width: 1000px;
    height: 320px;
    display: inline-block;
    line-height: 20px;
}

.apps_top_img:nth-child(1) { background: white; }

#apps_tabs, #mapit_tabs {
    position: absolute;
    z-index: 5;
    left: 4px;
}

#apps_tabs { bottom: -46px; }

#mapit_tabs { bottom: -40px; }

#apps_tabs img, #mapit_tabs img, #app_tabs img {
    margin-right: -8px;
    cursor: pointer;
}

#apps_slider, #mapit_slider {
    width: 1000px;
    height: 320px;
    overflow: hidden;
}

#apps_slider {
    border: 1px solid #D3D3D3;
    width: 999px;
}

#apps_slider_images, #mapit_slider_images { width: 9000px; }

#apps_press_on { display: none; }

.apps_bottom_section {
    display: inline-block;
    vertical-align: top;
}

#apps_bottom { margin-top: 65px; }

#apps_bottom_left { width: 485px; }

#apps_bottom_middle {
    width: 320px;
    margin: 0 0 0 15px;
}

#apps_bottom_middle .info_subnav_img { margin-bottom: 2mpx; }

#apps_bottom_middle #info_subnav { padding: 0; }

#apps_new_apps {
    margin: 25px 0;
    text-align: center;
}

#apps_new_apps a { text-decoration: none; }

#apps_new_apps img { margin: 0 2.5px 0 2.5px; }

.mapit_text {
    width: 291px;
    padding: 26px 0 0 82px;
    font-size: 11px;
    color: #696969;
}

.mapit_text_title {
    font-size: 25px;
    font-weight: bold;
    color: #648247;
}

#mapit_alert_subtitle { font-size: 18px; }

.mapit_text { line-height: 15px; }

#mapit_intro {
    color: white;
    font-size: 14px;
    text-shadow: 1px 1px #ACA493;
}

#mapit_intro_text { margin: 50px 0 0 40px; }

/*APPS VIDEO TUTORIALS STYLES*/

#apps_video_tutorials_container {
    margin: 57px 0 0 43px;
}

#apps_video_tutorials {
    padding: 27px 15px;
}

#apps_video_tutorial_labels span {
    display: inline-block;
    width: 127px;
    text-align: center;
    margin-left: -6px;
    font-size: 10px;
    font-weight: bold;
}

#apps_video_tutorials_title {
    font-size: 23px;
}

#apps_video_tutorials_subtext {
    font-style: italic;
    font-size: 14px;
    margin-top: 12px;
}

#apps_video_tutorials_images a {
    text-decoration: none;
}

#apps_video_tutorials_images img {
    border-left: 1px solid #D3D3D3;
    margin-left: -6px;
}

#apps_video_tutorials_images img:last-child {
    border-right: 1px solid #D3D3D3;
}

/*APP VIDEO TUTORIALS STYLES*/

#video_tutorials_subtext {
    font-style: italic;
    margin-top: -5px;
    font-size: 15px;
}

.video_tutorials_section {
    margin-top: 23px;
}

.video_tutorials_section img {
    vertical-align: top;   
}

.video_tutorials_right_section {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
    padding-top: 5px;
}

.right_section_title {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
}

.right_section_text {
    margin-bottom: 15px;
    width: 520px;
}

.right_section_link {
    color: #C5764C !important;
    font-weight: bold;
    font-size: 12px;
}

.right_section_link:hover {
    text-decoration: none;
}

/*APP DETAIL STYLES*/

#app_top_container {
    border: 1px solid #d3b48c;
    padding: 30px 0 20px 20px;
    min-width: 954px;
    min-height: 320px;
}

#app_bottom_container { min-height: 375px; }

#app_image_sliders {
    float: right;
    margin: -7px 75px 0 0;
}

#app_iphone_slider, #app_android_slider {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 324px;
}

#app_iphone_slider { background: url('../Images/Apps/Detail/cdn_subdomain/app_iphone_frame.png'); }

#app_android_slider { background: url('../Images/Apps/Detail/cdn_subdomain/app_android_frame.png'); }

#app_iphone_screen_container, #app_android_screen_container {
    position: absolute;
    width: 131px;
}

#app_android_screen_container { width: 127px; }

#app_iphone_screen_container {
    top: 58px;
    left: 23px;
    height: 197px;
}

#app_android_screen_container {
    top: 33px;
    left: 21px;
    height: 226px;
}

#app_iphone_screens, #app_android_screens { height: 100%; }

#app_iphone_screens img { width: 131px; }

#app_android_screens img { width: 127px; }

#app_top { color: #4E4727; }

#app_icon { vertical-align: top; }

#app_detail {
    display: inline-block;
    margin-left: 15px;
}

#app_title {
    font-weight: bold;
    font-size: 18px;
    max-width: 370px;
}

#app_powered_by {
    font-style: italic;
    font-size: 12px;
    margin-top: 3px;
}

#app_info, #app_subinfo, #app_download_text { color: #919191; }

#app_info, #app_subinfo {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 7px;
    width: 370px;
}

#app_subinfo {
    margin-top: 12px;
    width: 420px;
}

#app_license_agreement { font-size: 11px; }

#app_download_text {
    width: 420px;
    font-size: 11px;
    line-height: 16px;
    margin: 15px 0 20px 0;
}

.app_download_message {
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
}

#app_iphone_download { margin-bottom: 15px; }

#app_download_container input {
    vertical-align: middle;
    width: 250px;
    height: 22px;
    padding: 0 3px;
}

#app_get_link { margin-left: -5px; }

.app_get_link { cursor: pointer; }

#app_download_container img { vertical-align: middle; }

#app_tabs { margin: -2px 0 0 3px; }

#app_content_container {
    margin: 0 0 0 7px;
    width: 650px;
    font-size: 13px;
}

#app_ad { float: right; }

#app_content_container h2 {
    width: 550px;
    padding: 0 0 3px 0;
    color: #677540;
    margin-top: 10px;
}

.app_more_apps_header {
    width: 100%;
    background: #EBF0F5;
    border: 2px solid #E9F1F7;
}

.app_more_apps_header_text {
    display: inline-block;
    font-size: 15px;
    margin: 5px 10px;
}

.app_more_apps_header_icons {
    display: inline-block;
    float: right;
    padding: 0 15px 0 0;
}

.app_more_apps_icons { width: 99999px; }

.app_more_apps_icons a { text-decoration: none; }

#app_more_apps { width: 480px; }

/* MORE APPS/NEW APPS STYLES*/

.more_apps_label {
    font-weight: bold;
    font-size: 11px;
    color: #3a3631;
    display: inline-block;
    margin-left: 3px;
    vertical-align: bottom;
    padding-bottom: 5px;
    width: 97px;
}

.more_apps_tile {
    width: 145px;
    height: 45px;
    margin-bottom: 5px;
    margin-left: 15px;
}

#more_apps_pager img, #new_apps_pager img { cursor: pointer; }

.new_apps_tile { display: inline-block; }

.more_apps_column {
    display: inline-block;
    vertical-align: top;
}

.more_apps_icons_container, .new_apps_icons_container {
    overflow: hidden;
    width: 100%;
    padding: 20px 0 0 0;
}

.new_apps_icons_container {
    margin-left: auto;
    width: 445px;
    margin-right: auto;
}

#more_apps_pager, #new_apps_pager {
    text-align: center;
    margin: 12px 0;
}

#more_apps_pages, #new_apps_pages {
    display: inline-block;
    vertical-align: top;
    margin: -1px 25px 0 25px;
}

.new_apps_icons { width: 999999px; }

/*OLD APPS STYLES*/

#apps_content {
    color: #115DA3;
    padding-top: 30px;
}

#apps_content #apps_left_content { padding: 20px 0 0 23px; }

#apps_content #left_cell { width: 25%; }

#apps_content #middle_cell {
    padding-top: 25px;
    text-align: center;
    width: 50%;
    font-size: .95em;
}

#apps_content td { vertical-align: top; }

#apps_bottom_img {
    width: 100%;
    margin-bottom: -24px;
}

#app-label {
    width: 75%;
    margin: 0px auto;
    display: block;
    margin-top: 15px;
}

.app-video {
    margin: 0 auto 0 auto;
    height: 290px;
    display: block;
    cursor: pointer;
}

#stateParkBtn {
    margin: 0px auto;
    display: block;
    width: 230px;
}

#appPageText {
    width: 930px;
    margin: 20px auto;
}

/* PRESS PAGE */

#press_container { margin-bottom: 20px; }

#press_left_container, #press_middle_container, #press_right_container,
.press_release_date, .press_release_title {
    display: inline-block;
    vertical-align: top;
}

#press_right_container { float: right; }

#press_left_container { width: 295px; }

#press_middle_container {
    width: 500px;
    vertical-align: top;
    padding: 17px 0 0 20px;
}

.press_email_label {
    color: #48564E;
    font-weight: bold;
    font-size: 14px;
}

#press_middle_title {
    color: #48564E;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 15px;
}

.press_email {
    margin: 7px 0 20px 0;
    font-size: 13px;
}

#press_signup {
    margin-top: 50px;
    color: #293D88;
    background: #FAFBFD;
    border: 2px solid #EFF1F8;
    padding: 3px 10px 10px 10px;
}

#press_signup_header {
    font-size: 21px;
    font-weight: bold;
}

#press_signup_text {
    width: 225px;
    font-size: 13px;
}

#press_signup_form { margin-top: 10px; }

#press_signup input {
    background: #F4F4F4;
    border: 2px solid #E1E1E1;
    padding: 3px;
    font-size: 14px;
    width: 233px;
    height: 18px;
}

#press_signup img {
    vertical-align: bottom;
    cursor: pointer;
}

#press_subscribe_message {
    margin-top: 5px;
    color: ##696969;
    font-size: 13px;
}

#press_header {
    font-size: 15px;
    margin-top: 5px;
}

#press_release_list {
    border: 2px solid #F7F7F7;
    height: 425px;
    overflow: auto;
}

.press_release_item {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-left: 5px;
    border-bottom: 2px solid #F7F7F7;
}

.press_release_date {
    text-align: center;
    width: 100px;
    color: #767676;
    vertical-align: top;
}

.press_release_title {
    font-weight: bold;
    width: 350px;
}

.press_release_title a, .press_release_title a:hover {
    color: #6A6A6A;
    text-decoration: none;
}

#press_release_list .jspTrack {
    background: white;
    padding: 0;
}

#press_release_list .jspVerticalBar { float: right; }

#press_release_list .jspDrag { background: #D6D6D6; }

/* challenge page */

#challenges_table { width: 100%; }

#challenges_table td { vertical-align: top; }

#challenge_detail_table .leaderboard_table td, #challenges_table .leaderboard_table td { vertical-align: middle; }

#challenges_content .leftquarter {
    display: inline-block;
    width: 230px;
    margin: 0;
    padding: 0;
    border: none;
}

#challenges_content #middle_td {
    width: 99%;
    border-left: 3px solid #E8E7E4;
}

#challenges_content .middle {
    width: 100%;
    text-align: center;
    margin: 0;
    display: inline-block;
}

#challenges_content .rightquarter {
    float: right;
    padding: 0;
    width: 242px;
    margin: 0;
}

.sidebar-users table {
    border-collapse: collapse;
    box-shadow: -3px 2px #E6E5E2;
    width: 99%;
    margin-top: 20px;
}

#challenges_landing_img {
    max-width: 580px;
    width: 100%;
}

#challenges_landing_img_container { padding: 20px; }

#challenges_content .sidebar-users { text-align: left; }

#challenges_content h2 {
    font-size: 1.2em;
    border-bottom: 1px dashed #B7C5AB;
    color: #3D3020;
}

#challenge_thumbnails {
    text-align: center;
    border-top: 3px solid #E8E7E4;
    padding: 20px 0;
}

a.pagingBtn:hover, a.pagingBtn:link, a.pagingBtn:visited, a.pagingBtn:active {
    color: #575556;
    font-weight: bold;
}

.sidebar-users tr { height: 60px; }

.sidebar-users td a:link, .sidebar-users td a:hover, .sidebar-users td a:visited, .sidebar-users td a:active {
    color: #3D3020;
    text-decoration: none;
}

.sidebar-users td {
    vertical-align: middle;
    border-top: 2px solid #E2EBCD;
    border-bottom: 2px solid #E2EBCD;
}

.sidebar-users-points { font-size: .7em; }

.sidebar-users-name { font-weight: bold; }

#see_all_rankings {
    float: right;
    margin-top: 20px;
    margin-right: 3px;
}

.challenge-tabs { /*height: 362px;    If you need this height, let Jamie know...comments should go down the page*/margin-top: 40px; }

.tab-button {
    cursor: pointer;
    margin-left: 0px;
    margin-right: -4px;
    width: 110px;
}

.tab-content {
    margin: 10px auto;
    width: 100%;
}

#app-text {
    width: 820px;
    margin: 15px auto;
}

.clickable { cursor: pointer; }

.thumbnail {
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    width: 150px;
    height: 150px;
    display: inline-block;
    margin: 8px;
    padding-left: 1px;
    padding-top: 1px;
    white-space: normal;
    vertical-align: top;
}

.thumbnail-panel {
    display: none;
    background: rgba(0, 0, 0, .85);
    height: 55px;
    width: 150px;
    bottom: 55px;
    left: 0px;
    overflow: no-display;
    position: relative;
}

.thumbnail-panel-content {
    width: 98%;
    height: 98%;
    position: absolute;
    margin: 2px;
    background-color: transparent;
    text-align: center;
    font-size: 0.8em;
    color: #FFF;
}

.small-thumbnail {
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    width: 125px;
    height: 125px;
    float: left;
    margin: 8px;
    padding-left: 1px;
    padding-top: 1px;
}

.small-thumbnail-panel {
    background-color: #000;
    opacity: .85;
    filter: alpha(opacity=85);
    height: 120px;
    width: 171px;
    top: -126px;
    left: -25px;
    overflow: no-display;
    position: relative;
}

.challenge-title-area {
    width: 100%;
    min-height: 100px;
}

.pointsbox {
    background-color: gold;
    font-weight: bold;
    font-size: 2em;
    text-align: center;
    color: black;
    /*height: 70px;*/
    float: left;
    margin-right: 10px;
    padding: 5px;
}

.titlebox {
    font-weight: bold;
    font-size: 25px;
    color: black;
}

.sidebar-users {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.user_pic {
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 5.5px;
}

.progressbar-border {
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    background-color: #222;
    width: 140px;
    height: 20px;
    float: left;
    margin: 8px;
    padding: 2px;
}

.progressbar-background {
    background-color: #888;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    position: relative;
    float: left;
}

.progressbar-value {
    background-color: lightgreen;
    height: 100%;
    width: 35%;
    top: 0px;
    left: 0px;
    overflow: no-display;
    position: relative;
}

.progressbar-label {
    font-weight: bold;
    position: relative;
    top: 10px;
    left: -15px;
    color: black;
}

.table-header {
    font-weight: bold;
    background-color: black;
    width: 100%;
    color: white;
}

.table-row {
    background-color: #eee;
    width: 100%;
    height: 34px;
    margin: 2px auto;
    position: relative;
}

.table-row-inner {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 100%;
    height: 20px;
}

.table-item {
    display: inline-block;
    float: left;
    margin: auto;
    height: 100%;
}

.checkmark {
    background-image: url('../Images/Shared/cdn_subdomain/Checkmark.gif');
    background-repeat: no-repeat;
    width: 18px;
    height: 17px;
}

.challenge-header-bar {
    float: left;
    height: 30px;
    width: 200px;
    background-color: yellow;
    border-color: brown;
    border-width: 1px;
}

#app-list {
    margin: 15px 10px 0 0;
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.app-selector {
    color: #535355;
    border: 1px solid #EDEDED;
    background: #F1F1F3;
    width: 200px;
    margin: 3px;
    cursor: pointer;
    padding: 7px 0 7px 10px;
    font-weight: bold;
}

.vertical-scrolling {
    overflow-y: auto;
    overflow-x: hidden;
}
/* Challenge Commenting Page */

#commentingContainer {
    margin-right: auto;
    margin-left: auto; /*width: 550px;*/
}

#commentBox {
    width: 360px;
    resize: none;
    overflow: hidden;
}

#submitButton { left: 15px; }

.comment-header {
    padding: 0px 5px;
    float: right;
}

.comment-content { padding: 10px 0px; }

.comment {
    border-bottom: 1px solid dimGray;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.flag-options-box {
    position: relative;
    top: -24px;
    left: 20px;
    width: 350px;
    float: left;
}
/* Partner Page */

#partnerBanner {
    /*width: 100%;
    display: block;*/
    background-image: url('../Images/Banners/cdn_subdomain/al-border-background.png');
    background-repeat: repeat-x;
}

#partnerIframe {
    width: 100%;
    height: 100%;
    position: absolute;
}

#partnerMessage { font-size: 19px; }

#partnerImage { float: right; }

/* Profile Page for Individual user */

.challenge-list-outer {
    height: 200px;
    width: 760px;
    overflow-x: auto;
    overflow-y: hidden;
}

.challenge-list-inner { white-space: nowrap; }

/* Users index page */

#users_search_area { }

#users_search {
    width: 200px;
    padding: 2px;
}

#users_table { width: 100%; }

#users_table td { padding: 15px; }

.user_info {
    float: left;
    width: 214px;
    height: 153px;
    padding: 11px;
}

.user_pic {
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    width: 90px;
    height: 90px;
}

#users_list {
    border-top: 12px solid white;
    position: relative;
}

#users_list_content { padding-left: 42px; }

.user_ScreenName a {
    color: #575556;
    font-weight: bold;
}

.user_details {
    padding-top: 7px;
    margin-left: 10px;
}

.user_details_bot { font-size: 0.9em; }

.user_ScreenName {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 180px;
}

#users_pager {
    float: right;
    margin: 15px 30px 10px 0px;
}

#users_pager .ui-button-text-only .ui-button-text { padding: .4em .6em; }

.user_pager_btn_prev { margin-right: 15px; }

.user_pager_btn_next { margin-left: 15px; }

#tabs {
    border-bottom: 2px solid #BBB7B1;
    padding-bottom: 10px;
    padding-top: 20px;
}

#tab-2 { margin-right: 15px; }

.tab {
    color: #257e22;
    font-size: .9em;
    margin: 6px;
    padding: 8px 10px;
    border: 2px solid #BBB7B1;
    float: right;
    opacity: 0.7;
    cursor: pointer;
}

.tab:hover {
    text-decoration: none;
    margin: 6px;
    border-bottom: 2px solid white;
    background: white;
    opacity: 1.0;
    color: #257E22;
}

.tab-selected {
    color: #257e22;
    font-size: .9em;
    padding: 8px 10px;
    margin: 6px;
    border: 2px solid #BBB7B1;
    border-bottom: 2px solid white;
    background: white;
    float: right;
}

.tab-selected:hover { text-decoration: none; }

.input-selected {
    position: relative;
    top: 8px;
    float: none;
}

#user_search_icon {
    position: absolute;
    top: 0;
    right: 4px;
    cursor: pointer;
}

/* HOME PAGE */

#home_content { position: relative; }

#home_content table { width: 100%; }

#home_content table td { vertical-align: top; }

#home_content .leftquarter {
    margin: 0 7px 0 0;
    padding: 0;
    border: none;
    float: none;
    width: auto;
}

#home_content .middle { margin: 0 7px 0 0; }

#home_content #challenges_list { vertical-align: top; }

#home_content .rightquarter {
    width: 235px;
    margin: 0;
    padding: 0;
}

#home_content .rightquarter table td { vertical-align: middle; }

#home_content .thumbnail { margin: 7px; }

#home_content .middle #content-area {
    display: table-cell;
    text-align: center;
}

#video-image { cursor: pointer; }

#newsletter_signup {
    background: #648147;
    color: white;
    border: 2px solid #546121;
    text-align: center;
    margin-top: 5px;
    font-size: 12px;
    padding: 8px 3px 3px 3px;
}

#newsletter_signup #click_here {
    font-weight: bold;
    font-size: 13px;
    color: white;
    text-decoration: none;
}

#newsletter_signup #current_edition {
    margin-top: 5px;
    font-size: 13px;
    color: #EEE737;
}

#newsletter_signup #or_line {
    width: 100%;
    text-align: center;
    border-bottom: 2px solid #77925F;
    line-height: 0.1em;
    margin: 12px 0;
}

#newsletter_signup #or_line #or {
   background: #648147;
    padding: 0 6px;
    font-style: italic;
}

#newsletter_signup #registered_members_note {
    font-size: 8px;
    opacity: .6;
    margin-top: 6px;
    text-align: right;
    font-style: italic;
}

#newsletter_signup #sign_up_text {
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 11px;
}

#newsletter_signup input[name=email] {
    width: 170px;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    padding: 1px;
    height: 15px;
}

#newsletter_signup img {
    cursor: pointer;
}

#newsletter_subscribe_message {
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
}

#home_content .sidebar-users { text-align: left; }

#home_content h2 {
    font-size: 1.2em;
    border-bottom: 1px dashed #B7C5AB;
    color: #3D3020;
}

.sidebar-users table {
    background: white;
    border-collapse: collapse;
    box-shadow: -3px 2px #E6E5E2;
    width: 99%;
    margin-top: 20px;
}

.sidebar-users tr { height: 57px; }

.sidebar-users td a:link, .sidebar-users td a:hover, .sidebar-users td a:visited, .sidebar-users td a:active {
    color: #3D3020;
    text-decoration: none;
}

.sidebar-users td {
    vertical-align: middle;
    border-top: 2px solid #E2EBCD;
    border-bottom: 2px solid #E2EBCD;
}

.sidebar-users-points { font-size: .7em; }

.sidebar-users-name {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: bold;
    font-size: 12px;
    width: 130px;
}

#video-container { margin: auto; }

#overlay {
    z-index: 50;
    width: 100%;
    height: 100%;
    background: grey;
    opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

#see_all_rankings {
    float: right;
    margin-top: 20px;
    margin-right: 3px;
}

#submit_challenge_btn {
    margin: 15px 20px 0 0;
    float: right;
}

/* SOCIAL FEEDS*/

.social_feed {
    display: inline-block;
    color: #444444;
}



/* SOCIAL FEEDS - WORDPRESS FEED AND TWITTER FEED*/

#wordpress_feed {
    margin-left: 15px;
    vertical-align: top;
    font-size: 10px;
}

#twitter_feed {
    vertical-align: top;
    font-size: 11px;
}

#wordpress_content, #twitter_content {
    background: white;
    border: 1px solid #65824A;
    height: 225px;
    overflow-y: auto;
}

#wordpress_container, #twitter_container {
    display: inline-block;
    width: 462px;
}

#wordpress_content a, #twitter_content a { color: #65824A; }

.wordpress_title, .twitter_author { font-size: 12px; }

#wordpress_top_right_text {
    color: #5F5242;
    display: inline-block;
    text-align: right;
    float: right;
    margin-top: 3px;
    font-size: 9px;
}

#wordpress_top_right_sub { font-style: italic; }

#wordpress_tabs {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}

.wordpress_tab {
    background: #65824A;
    color: white;
    display: inline-block;
    padding: 10px 12px;
    cursor: pointer;
    opacity: .5;
}

.wordpress_tab_on { opacity: 1; }

.wordpress_post, .twitter_post {
    padding: 5px 10px;
    border-bottom: 1px dotted #ddd;
}

.wordpress_read_more, .twitter_actions {
    margin-top: 7px;
    font-size: 9px;
}

#twitter_header {
    background: #65824A;
    padding: 10px 0 6px 8px;
}

#twitter_join {
    vertical-align: top;
    margin-left: 12px;
    margin-top: 2px;
    display: inline-block;
    color: white;
}

.twitter_actions a { margin: 0 3px; }

.twitter_actions a:nth-child(1) { margin-left: 0; }

/* SUBMIT A CHALLENGE */

#sc_container {
    min-height: 680px;
    background: #EFEFE5;
    padding: 10px 10px 10px 30px;
    margin: -7px -10px -30px -10px;
}

#sc_container table td { vertical-align: top; }

#sc_right div { padding: 10px 0 0 0; }

#sc_right {
    padding: 10px;
    font-size: .9em;
}

#sc_container .field-default {
    font-size: 1.3em;
    padding: 3px 7px;
}

#sc_left {
    color: #3D3020;
    font-weight: bold;
    padding: 15px 80px 0 10px;
    font-size: .9em;
}

#sc_list {
    margin-top: 25px;
    list-style-type: none;
    padding: 0;
}

#sc_list li { padding-bottom: 10px; }

#sc_tip {
    font-style: italic;
    font-size: .85em;
    padding-bottom: 20px;
}

#sc_left_column {
    width: 35%;
    vertical-align: top;
}

#sc_middle_column {
    width: 40%;
    vertical-align: top;
}

.sc_section {
    padding: 5px 20px 12px 20px;
    margin: 0 0 12px 0;
    border: 2px solid white;
}

#sc_general_info { background: #F2F5D6; }

.sc_geolocation { background: #EBEEE3; }

#sc_general_info_label {
    color: #3D3020;
    font-weight: bold;
    font-size: .95em;
}

.sc_name {
    margin: 12px 0;
    display: inline-block;
    width: 187px;
}

#sc_geochallenge { margin: 0 0 5px 0; }

#sc_geochallenge, .sc_geolocation_name, .sc_geolocation_description {
    width: 395px;
    max-width: 395px;
}

#sc_state { width: 100px; }

.sc_geolocation_name { margin: 5px 0 12px 0; }

.sc_state_park {
    width: 245px;
    margin: 0 5px 10px 0;
    display: inline-block;
}

.sc_difficulty {
    width: 124px;
    display: inline-block;
}

.sc_latitude, .sc_longitude {
    width: 187px;
    display: inline-block;
}

.sc_geolocation_description_label {
    padding: 0 0 0 12px;
    font-size: 1.1em;
}

.sc_geolocation_description {
    margin: 0 0 10px 0;
    height: 125px;
}

#sc_errors { color: red; }

#sc_message {
    font-weight: bold;
    font-size: 1.6em;
}
/* SPONSOR CHALLENGE PAGE */

#sponsor_landing_image { margin: 0 8px 5px 8px; }

#sponsorchallenge_container {
    background: #EFE8D5;
    padding: 20px 30px;
}

#sponsorchallenge_left {
    width: 390px;
    border-right: 2px solid #7B7460;
    text-align: center;
    display: inline-block;
}

#sponsorchallenge_left_top {
    background: #E5DEC2;
    width: 330px;
    text-align: center;
    padding: 15px 7px 10px 7px;
    margin: 25px auto 55px auto;
}

#sponsorchallenge_left_bottom {
    width: 357px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

#sponsorchallenge_sponsor_image { margin-bottom: 30px; }

#sponsorchallenge_name {
    text-align: left;
    font-size: 24px;
    color: #473B2D;
    margin-bottom: 62px;
    font-weight: bold;
    margin-left: 5px;
}

.sponsorchallenge_button { margin-bottom: 27px; }

#sponsorchallenge_right {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 524px;
    margin-left: 3%;
}

#sponsorchallenge_dates {
    background: #C8E7DF;
    border: 1px solid #C9D0BA;
    color: #473B2D;
}

.sponsorchallenge_date_text { font-size: 19px; }

.sponsorchallenge_date_numbers {
    font-size: 25px;
    font-weight: bold;
}

.sponsorchallenge_date_container {
    margin: 10px 0;
    display: inline-block;
    text-align: center;
    width: 49%;
}

.sponsorchallenge_date { display: inline-block; }

.sponsorchallenge_date_container:first-child { border-right: 1px solid #C9D0BA; }

#sponsorchallenge_tabs {
    text-align: left;
    margin-top: 50px;
}

#sponsorchallenge_tabs img {
    cursor: pointer;
    margin-right: 3px;
}

#sponsorchallenge_tabs img:last-child { margin-right: 0; }

#sponsorchallenge_tab_content {
    text-align: left;
    margin-top: -3px;
    background: #FDFCFB;
    padding: 20px 7px 15px 15px;
}

#sponsorchallenge_content_container {
    height: 330px;
    font-size: 12px;
    font-family: Helvetica;
}

#sponsorchallenge_overlay {
    position: absolute;
    padding: 5px;
    width: 375px;
    background: white;
    z-index: 150;
    -moz-box-shadow: 7px 7px 17px #888;
    -webkit-box-shadow: 7px 7px 17px #888;
    box-shadow: 7px 7px 17px #888;
}

#sponsorchallenge_overlay a { color: #654B24; }

#sponsorchallenge_overlay a:hover { text-decoration: none; }

#sponsorchallenge_overlay_header {
    font-size: 18px;
    font-weight: bold;
    color: #654B24;
    text-align: center;
    width: 235px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0 17px 0;
}

#sponsorchallenge_challenges {
    border-top: 1px solid #654B24;
    padding: 20px 0;
}

#sponsorchallenge_overlay .app-selector {
    margin-left: auto;
    margin-right: auto;
}

#sponsorchallenge_close {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    width: 24px;
}

/* AMP ADS */

.amp-ad-banner a img {
    margin: auto;
    width: auto !important;
    height: auto !important;
}

/* Community Guidelines and Privacy Policy */

.info_page {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#privacy_container { padding-bottom: 30px; }

#privacy_container ul { padding-left: 25px; }

#privacy_container li { margin-bottom: 20px; }

/* SEARCH PAGE */

#search_container #users_list_content { padding-left: 0; }

#search_container #user_paging_border { border-top: none !important; }

/* LOGIN POPUP */

.brown_popup {
    position: absolute;
    z-index: 150;
    background: #6A5A4D;
    border: 4px solid white;
    padding: 27px 10px 27px 10px;
    color: white;
    text-align: center;
    font-family: Arial;
}

.facebook_login {
    cursor: pointer;
    border: 2px solid white;
}

#login_form_title {
    font-size: 25px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

#login_form_title, #login_form_sub_title {
    font-weight: bold;
    text-shadow: #53463C 1px 1px 2px;
}

#login_form_sub_title {
    font-size: 17px;
    margin-bottom: 20px;
}

#login_form_or_line {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid white;
    line-height: 0.1em;
    margin: 35px 0 32px;
}

#login_form_or {
    background: #6A5A4D;
    padding: 0 12px;
    font-style: italic;
    font-size: 15px;
}

#login_form #LoginEmail, #login_form #LoginPassword {
    height: 46px;
    width: 322px;
    margin: 0 25px;
    padding-left: 65px;
    font-size: 17px;
}

#login_form #LoginEmail {
    background: url('../Images/LoginSignup/cdn_subdomain/username-sm.png') white no-repeat 12px center;
    margin-bottom: 12px;
}

#login_form #LoginPassword { background: url('../Images/LoginSignup/cdn_subdomain/password-sm.png') white no-repeat 12px center; }

#login_form_bottom {
    font-weight: bold;
    margin-top: 27px;
    font-size: 13px;
}

#login_form_remember_me, #login_form_forgot_password { margin-right: 29px; }

#login_form_remember_me, #login_form_forgot_password, #login_form_submit { display: inline-block; }

#login_form_submit {
    background: url('../Images/LoginSignup/cdn_subdomain/Btn-LogIn-sm.png') no-repeat;
    width: 106px;
    height: 31px;
    border: none;
    cursor: pointer;
    vertical-align: middle;
}

.brown_popup_close {
    position: absolute;
    top: -21px;
    right: -22px;
    cursor: pointer;
}

/* Info Popup*/
#info_popup_content {
    width: 375px;
    margin: 0 25px;
    font-family: 'Arial', 'sans-serif';
    font-weight: bold;
    font-size: 14px;
    text-shadow: #53463C 1px 1px 2px;
}

#info_popup_content p:first-of-type {
    margin-top: 15px;
}

#info_popup_content p:last-of-type {
    margin-top:20px;
    margin-bottom: 0;
}

.info_popup_green {
    color: #D7E58B;
}

/* Why Sponsors? and Alliances*/

#whysponsors_content h2, #alliances_content h2 { font-size: 18px; }

#whysponsors_content, #alliances_content {
    margin: 20px 35px 35px 35px;
    font-size: 13px;
    color: #654B24;
    font-family: "Arial", "sans-serif";
}

#alliances_content_container {
    border: 1px solid #d3b48c;
    padding: 10px;
}

.alliances_content {
    height: 700px;
    overflow-y: auto;
}

#alliances_bottom_container {
    width: 95%;
    margin: 0 auto;
}

#alliances_tabs {
    margin-left: 12px;
    margin-bottom: -3px;

}

#alliances_tabs img {
    cursor: pointer;
    margin-left: -8px;
}

.alliances_member {
    border-bottom: 2px solid #E7E8EA;
    padding: 22px 0 25px 30px;
    font-size: 11px;
    margin-right: 55px;
}

.alliances_member:first-child {
    padding-top: 12px;
}

.alliances_member_right {
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
    width: 710px;
}

.alliances_member_image_placeholder {
    width:110px; 
    height:110px; 
    display:inline-block; 
    vertical-align:top;
    margin-top: 15px;
}

.alliances_member_name {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}

.alliances_member_body {
    margin-bottom: 15px;
}

.alliances_contact_title {
    font-weight: bold;
}

.alliances_member_link {
    font-weight: bold;
    font-size: 12px;
}

.alliances_contact_title {
    margin-bottom: 15px;
}

.alliances_contact_body {
    margin-bottom: 15px;
}