img.full-width {width: 100%} img.responsive {display: block; max-width: 100%} .text-align-left {text-align: left} .text-align-right {text-align: right} .text-align-center {text-align: center} .page-bg-img {background-size: cover; background-repeat:no-repeat; background-position:center bottom; background-attachment:fixed;} .page-black-bg {background-color: #000} .homescreen-bg-img {background-color: #000; background-size: contain; background-repeat:no-repeat; background-position:center center;} .ui-header a.ui-btn {color: #fff; text-shadow: none} .ui-header a.ui-btn:hover {color: #fff; text-shadow: none} .ui-header a.ui-btn.has-text {border-color: transparent;} .ui-header a.ui-btn.no-text {border-color: transparent;} a.other-btn {text-shadow: none !important; border-radius: 8px !important; font-size: 18px;padding-top: .5em; padding-bottom: .5em; color: #fff !important;} /*<== if you want to change the light btn text to dark */ /** LOADING **/ div.loading {width: 70%; text-align: center; padding: 25px 12px; background: #000; border-radius: 8px; opacity: 0.8; margin: 30% auto;} div.loading img {margin-right: 14px} div.loading p {display: inline; font-size: 16px; font-weight: bold; color: #fff; text-shadow: none} /** LOGIN **/ table.login {border: 1px solid #ccc; border-radius: 8px; width: 100%; background: #fff;} table.login tr {} table.login tr td {border-bottom: 1px solid #ccc} table.login tr:last-child td {border-bottom: none} table.login tr td .ui-body-inherit {background-color: #fff; border: none; color: #333;} table.login tr td .ui-input-text {margin: 3px} table.login tr td .ui-input-text input {border: none !important; border-color: #fff; box-shadow: none !important; background:#fff} table.login tr td .ui-input-text input:focus {outline: none; box-shadow: none;} a.ui-btn.major-btn {text-shadow: none; border-radius: 8px; font-size: 18px; /* font-weight: normal; */ padding-top: .5em; padding-bottom: .5em;} a.ui-btn.major-btn:hover {text-shadow: none} .ajax-loader {margin-bottom: -2px; margin-right: 1px;} .ui-text-controllers {margin-top: 14px; margin-bottom: 30px} .ui-text-controllers a, .ui-page-theme-a a:visited, .ui-page-theme-a a:active {color: #444; text-decoration: none} .ui-text-controllers a:hover {text-decoration: none} a.disclaimer {position: absolute; bottom: 5px; display: block; padding-right: 16px; text-align: center; color: #444; text-decoration: none; font-size: 11px;} a.disclaimer:hover {text-decoration: none} /** FORGOT PASSWORD **/ #forgot-password {} #forgot-password .forgot-password {} #forgot-password .forgot-password input {border-color: #ccc; box-shadow: none !important; background:#fff} /** REGISTER **/ .network-login-strip {display: block; height: 24px;} /** HOMESCREEN **/ #notifications-content {} #notifications-content p.message {overflow: auto; white-space: normal; margin: 3px 0;} #notifications-content p.date {color: #666; margin: 3px 0;} #notification-view {width: 100%; height: 40px; position: absolute; top: 0; border: 1px solid #000; background: #111; font-weight: bold; display: none;} #notification-view #notification-count {background-color: #E41B23; border: 1px solid #9D2024; border-radius: 6px; width: 24px; height: 22px; color: #fff; text-shadow: none; font-weight: bold; margin: 5px 0 0 8px; padding-top: 3px; float: left; text-align: center} #notification-view p {color: #fff; font-size: 14px; font-weight: bold; margin: 10px 10px 0 44px; padding: 0; text-align: left; font-weight: bold; text-shadow: none; } #notification-view p a {text-decoration: none; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; outline:0 !important; } #notification-view p a#read-notification {width: 500px;} .home-row {position: absolute; z-index: 10; width: 100%; text-align: center;} .home-row img {} /** EVENTS **/ .ui-page-theme-a .ui-bar-inherit.nav-bar-color { text-shadow: none; } .ui-arrow-min .ui-icon-carat-r:after {background-color: transparent; background-image: url(images/icons-png/carat-r-black.png); opacity: 0.45} #events.ui-page-theme-a .ui-btn {background-color: transparent} #upcoming-events-list {} #upcoming-events-list li {} #upcoming-events-list li.upcoming-event h3 {margin: 0; font-size: 18px} #upcoming-events-list li.upcoming-event span.date {display: block; font-size: 12px; margin-top: 3px} #upcoming-events-list li.upcoming-event .spotlight {display: block; width: 100%; height: 75px; margin: 10px 0; position: relative} #upcoming-events-list li.upcoming-event .spotlight img {max-width: 25%; max-height: 75px;} #upcoming-events-list li.upcoming-event .spotlight img.opp-img {position: absolute; top: 0; bottom: 0; left: 15%} #upcoming-events-list li.upcoming-event .spotlight img.us-img {position: absolute; top: 0; right: 15%} #upcoming-events-list li.upcoming-event .spotlight span.vs {display: block; padding-top: 25px} #upcoming-events-list li.upcoming-event .event-info {display: block; width: 100%; min-height: 50px;} #upcoming-events-list li.upcoming-event .event-info .left-col {width: 50px; float: left;} #upcoming-events-list li.upcoming-event .event-info .left-col img.event-image {max-width: 50px; margin-bottom: 8px} #upcoming-events-list li.upcoming-event .event-info .left-col .points-wrap {width: 50px; height: 50px; border-radius: 25px; background-color: #77aaeb;} #upcoming-events-list li.upcoming-event .event-info .left-col .points-wrap strong {font-size: 22px; line-height: 18px; padding-top: 9px; color: #fff; display: block; text-shadow: none;} #upcoming-events-list li.upcoming-event .event-info .left-col .points-wrap span {font-size: 12px; color: #fff; text-shadow: none; font-weight: normal} #upcoming-events-list li.upcoming-event .event-info .right-col {padding-left: 70px;} #upcoming-events-list li.upcoming-event .event-info .right-col h3 {overflow: auto; white-space: normal} #upcoming-events-list li.upcoming-event .event-info .right-col p {margin: 3px 0 0 0; overflow: auto; white-space: normal} #upcoming-events-list li.upcoming-event .event-info .right-col span.location {display: block; margin-top: 4px; font-weight: bold; font-size: .75em} #upcoming-events-list li.upcoming-event .event-info .right-col span.tickets-available {display: block; margin-top: 4px; font-weight: bold; font-size: .75em; color: #ff7200} #upcoming-events-list li.upcoming-event .event-info .right-col span.tickets-available img.ticket {height: 11px; margin-right: 2px} #events .ad-footer {/* display: none */} #events .ad-footer img {max-width: 100%; margin-bottom: -5px} .ad-footer img {max-width: 100%; margin-bottom: -5px} /** EVENT INFO **/ #event-info .event-info {display: block; width: 100%; border-top: 1px solid #e3e3e5; border-bottom: 1px solid #e3e3e5; margin: 10px 0; padding: 10px 0 20px 0; min-height: 100px} #event-info .event-info .left-col {width: 50px; float: left;} #event-info .event-info .left-col img.event-image {max-width: 50px; margin-bottom: 8px} #event-info .event-info .left-col .points-wrap {width: 50px; height: 50px; border-radius: 25px; background-color: #77aaeb;} #event-info .event-info .left-col .points-wrap strong {font-size: 22px; line-height: 18px; padding-top: 9px; color: #fff; display: block; text-shadow: none;} #event-info .event-info .left-col .points-wrap span {font-size: 12px; color: #fff; text-shadow: none; font-weight: normal} #event-info .event-info .right-col {padding-left: 70px;} #event-info .event-info .right-col h3 {margin: 0; font-size: 18px} #event-info .event-info .right-col span.date {display: block; font-size: 12px; margin-top: 3px; margin-bottom: 16px;} #event-info .event-info .right-col p {margin: 0; overflow: auto; white-space: normal; font-size: .75em} #event-info .event-info .right-col span.location {display: block; margin-top: 4px; font-weight: bold; font-size: .75em} #event-info .event-info .right-col span.tickets-available {display: block; margin-top: 4px; font-weight: bold; font-size: .75em; color: #ff7200} #event-info .event-info .right-col span.tickets-available img.ticket {height: 11px; margin-right: 2px} #event-info .event-info-notes {font-size: .75em; border-bottom: 1px solid #e3e3e5;} #event-info .event-info-award {border-bottom: 1px solid #e3e3e5;} #event-info .event-info-award span.award-unlocked-text {display: block; text-align: center; text-transform: uppercase; font-size: 10px; margin-top: 3px;} #event-info .event-info-award h3 {font-size: 18px; margin: 3px 0 0 0;} #event-info .event-info-award p {padding: 0 !important; font-size: 14px !important; margin: 5px 0 !important;} #event-info .event-info-link {border-bottom: 1px solid #e3e3e5; padding: 5px 0px; min-height: 35px; background: transparent url(../img/bg-arrow.png) right center no-repeat;} #event-info .event-info-link img {width: 30px; height: 30px; margin: auto 0; float: left;} #event-info .event-info-link p {padding: 7px 20px 0 45px; margin: 0; font-size: 16px} #event-info .event-info-link.tickets {} #event-info .event-info-link.tickets p {text-decoration: underline} #event-info .event-info-link.venue {height: 42px;} #event-info .event-info-link.venue img {margin-top: 5px;} #event-info .event-info-link.venue h4 {padding: 3px 0 0 45px; margin: 0; font-weight: normal; font-size: 16px} #event-info .event-info-link.venue p {padding: 0 0 0 45px; margin: 0; font-size: 13px} #event-info .event-info-link.link-img {padding: 0; margin: 5px 0;} #event-info .event-info-link.link-img img.ad {width: 100%; height: auto; float: none; display: block; } /** EVENT INFO USERS **/ ul#event-info-users-list {} ul#event-info-users-list li {min-height: initial; height: 42px; border-bottom: 1px solid #ddd; border-top: none} ul#event-info-users-list li div.user-place {float: left; background: url('../img/place-banner.png'); width: 28px; height: 33px; background-size: 28px 41px; padding-top: 8px; text-align: center;} ul#event-info-users-list li div.user-place span {color: #fff; text-shadow: none; font-weight: bold} ul#event-info-users-list li img {float: left; width: 52px; height: 52px; border-radius: 26px; margin: 6px 0 0 10px} ul#event-info-users-list li .user-points {float: right; font-size: 28px; margin: 0; padding: 0; font-weight: bold; text-shadow: none} ul#event-info-users-list li h3 {font-size: 22px; margin: 0; padding-top: 8px;} /** AWARDS **/ #awards {} #awards.ui-page-theme-a .ui-btn {background-color: transparent} #awards div.user-info {height: 56px; margin-top: -16px; border-bottom: 1px solid #ddd; margin-bottom: 10px} #awards div.user-info div.user-place {float: left; background: url('../img/place-banner.png'); width: 28px; height: 33px; background-size: 28px 41px; padding-top: 8px; text-align: center;} #awards div.user-info div.user-place span {color: #fff; text-shadow: none; font-weight: bold} #awards div.user-info img {float: left; width: 42px; height: 42px; border-radius: 21px; margin: 6px 0 0 10px} #awards div.user-info .user-points {float: right; font-size: 28px; margin: 0; padding: 10px 0 0 0; font-weight: bold; text-shadow: none} #awards div.user-info h3 {font-size: 22px; margin: 0; padding: 16px 0 0 90px;} #awards .award {width: 100%; height: 140px; background-color: #ddd; border-radius: 8px; margin-bottom: 10px; overflow: hidden; position: relative} #awards .award img.award-icon {width: 100%; max-width: 100%} #awards .award .gradient {height: 80px; width: 100%; position: absolute; left: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );} #awards .award div.text {position: absolute; bottom: 0; left: 0; padding: 4px 8px;} #awards .award h3 {color: #fff; text-shadow: none; margin: 0; font-size: 16px;} #awards .award p.description {color: #ddd; text-shadow: none; margin: 0; font-size: 12px;} #awards .award.award-locked img.award-icon {-webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%);} #awards .award.award-locked img.locked-text {position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 100%; opacity: 0.45;} #award-detail {} #award-detail .bgimg {height: 140px; position: relative; background-size: cover; background-repeat:no-repeat; background-position:center center;} #award-detail .bgimg img {max-width: 100%} #award-detail .bgimg .gradient {height: 50px; width: 100%; position: absolute; left: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );} #award-detail .ui-content {background-color: #fff} #award-detail .ui-content h3 {margin: 0;} #award-detail .ui-content span.date {display: block; font-size: 12px} #award-detail .ui-content img.barcode {max-width: 100%; margin: 20px 0 0 0;} #award-detail .ui-content p.description {font-size: 15px; color: #000; border-top: 1px solid #e3e3e5; padding-top: 10px; margin-top: 20px;} #award-detail .ui-content p.fine-print {font-size: 12px; color: #777;} /** TEAM **/ #team .section {background-size: cover; background-repeat:no-repeat; background-position:center bottom; height: 100px; border-radius: 8px; position: relative; margin-bottom: 10px;} #team .section .gradient {height: 50px; width: 100%; position: absolute; left: 0; bottom: 0; border-radius: 8px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );} #team .section h3 {font-size: 40px; margin: 0; padding: 0; position: absolute; bottom: 0px; left: 2px; color: #fff; text-shadow: none;} /** OFFERS **/ #offers.ui-page-theme-a .ui-btn {background-color: transparent} #offers-list {} #offers-list li {} #offers-list li a {background-color: transparent;} #offers-list li img {float: left; margin: 20px; height: 50px; width: 50px;} #offers-list li h3 {margin: 0; overflow: auto; white-space: normal} #offers-list li p {overflow: auto; white-space: normal; margin-bottom: 0px;} #offers-list li span.date {font-size: 11px; color: #777; font-weight: normal} #offer-detail {} #offer-detail .bgimg {height: 140px; position: relative; background-size: cover; background-repeat:no-repeat; background-position:center center;} #offer-detail .bgimg img {max-width: 100%} #offer-detail .bgimg .gradient {height: 50px; width: 100%; position: absolute; left: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );} #offer-detail .ui-content {background-color: #fff} #offer-detail .ui-content img.icon {height: 50px; width: 50px; float: left;} #offer-detail .ui-content h3 {padding-left: 70px; margin: 0;} #offer-detail .ui-content span.date {display: block; padding-left: 70px; font-size: 12px} #offer-detail .ui-content img.barcode {max-width: 100%; margin: 20px 0 0 0;} #offer-detail .ui-content p.description {font-size: 15px; color: #000; border-top: 1px solid #e3e3e5; padding-top: 10px; margin-top: 20px;} #offer-detail .ui-content p.fine-print {font-size: 12px; color: #777;} /** SOCIAL FEED **/ #social-feed {} #social-feed.ui-page-theme-a .ui-btn {background-color: transparent} #social-feed #social-list {} #social-feed #social-list li {background-color: transparent} #social-feed #social-list li.link-track {background: transparent url(../img/bg-arrow.png) 98% center no-repeat;} #social-feed #social-list li.facebook {padding: 10px; min-height: 0;} #social-feed #social-list li.facebook img {width: 20px; height: 20px; position: relative; border-radius: 3px; margin: 0 10px -3px 5px;} #social-feed #social-list li .left-col {width: 40px; float: left;} #social-feed #social-list li .left-col img.user {width: 40px; height: 40px; border-radius: 5px; margin-bottom: 10px} #social-feed #social-list li .left-col img.social-network {display: block; margin: 0 auto 10 auto; width: 20px;} #social-feed #social-list li .right-col {padding-left: 50px;} #social-feed #social-list li .right-col h4 {margin: 0;} #social-feed #social-list li .right-col img {max-width: 100%; border-radius: 5px; margin-top: 10px;} #social-feed #social-list li .right-col p {overflow: auto; white-space: normal; font-size: 14px;} #social-feed #social-list li .right-col p a {color: #2e1187; font-weight: normal; text-decoration: none} #social-feed #social-list li .right-col span.date {font-size: 12px; color: #777} /** LEADERBOARD **/ #leaderboard.ui-page-theme-a .ui-btn {background-color: transparent} #leaderboard ul#awards-ul {} #leaderboard ul#awards-ul li {font-size: 16px; height: 44px; min-height: 44px; padding-left: 1em;} #leaderboard ul#awards-ul li.row-highlight {background-color: #FFFECC;} #leaderboard ul#awards-ul li .user-points {float: right;font-size: 30px; padding-top: 2px /* color: #3f791d */} #leaderboard ul#awards-ul li.ui-li-static.ui-li {padding: 0 5px;} /* #leaders-content li span.last-checked-in {display: block;font-size: 11px; color: #aaa} */ #leaderboard ul#awards-ul li div.user-place {float: left; margin-top: -1em; margin-left: -8px; background: url('../img/place-banner.png'); width: 28px; height: 33px; background-size: 28px 41px; padding-top: 8px; text-align: center;} #leaderboard ul#awards-ul li div.user-place span {color: #fff; text-shadow: 1px 1px 0 #000; font-weight: normal;} #leaderboard ul#awards-ul li img.user-pic { float: left; margin: -4px 0 0 10px; height: 50px; border-radius: 25px;} #leaderboard ul#awards-ul li h3 {float: left; margin: 8px 0 0 14px; font-size: 18px} /** FANCAM **/ #fancam.ui-page-theme-a .ui-btn {background-color: transparent} #fancam .ui-content {padding: .5em; text-align: center} #fancam .photos-s {display: inline-block;} #fancam .photo-s {width: 90px; height: 90px; float: left; margin: 5px; border: 3px solid #fff; background-position: center center; background-size: cover} #fancam .swipe-slick {display: none;} #fancam-single .ui-content {padding: 0;} #fancam-single .photo-s {display: none;} #fancam-single .slick-slide {} #fancam-single .slick-slide img {max-width: 100%; max-height: 100%; margin: 0 auto;} #fancam-single .slick-slide .slider-bottom {position: absolute; bottom: 0; width: 100%; background: transparent url(../img/background-gradient.png) left bottom repeat-x; background-size: 5px 100%} #fancam-single .slick-slide .slider-bottom img.pic {border-radius: 5px; float: left; margin: 0 6px} #fancam-single .slick-slide .slider-bottom h3 {margin: 0; color: #fff; text-shadow: none; font-size: 16px; padding-left: 60px} #fancam-single .slick-slide .slider-bottom p {color: #fff; text-shadow: none; margin: 0; font-size: 14px; padding-left: 60px; padding-right: 8px} /* uploader */ #fancam form {width: 0; height: 0; padding: 0; margin: 0; opacity: 0} #fancam form input { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; opacity: 0} #fancam progress#progress-upload-media { /* display: none */ } #fancam #media-progress {display: none; height: 30px; background-color: #eee; border-radius: 7px; margin-top: -1px;} #fancam #media-progress p {float: left; margin: 6px 20px 0 15px;} #fancam #media-progress progress {display: inline; margin-top: 5px; width: 60%;} /** SOCIAL **/ #social .ui-content {padding: 1em 0;} #social table.styled {} #social table.styled tr {height: 44px} #social table.styled img {height: 30px; width: 30px;} #social table.styled h4 {height: 30px; margin: 0; padding: 8px 0 0 50px; font-weight: normal} #social table.styled h4.add-facebook-logo {background: transparent url(../img/social-logos/facebook.png) 10px center no-repeat; background-size: 30px} #social table.styled h4.add-twitter-logo {background: transparent url(../img/social-logos/twitter.png) 10px center no-repeat; background-size: 30px} #social table.styled h4.add-instagram-logo {background: transparent url(../img/social-logos/instagram.png) 10px center no-repeat; background-size: 30px} #social table.styled h4 a {display: block} /** NEWS **/ #news.ui-page-theme-a .ui-btn {background-color: transparent} #news .ui-content {} #news .ui-content ul {} #news .ui-content ul li {border-bottom: 1px solid #ccc; padding-right: 8%} #news .ui-content ul li {} #news .ui-content ul li.link-track {background: transparent url(../img/bg-arrow.png) 98% center no-repeat;} #news .ui-content ul li h3 {overflow: auto; white-space: normal; color: #000} #news .ui-content ul li p {overflow: auto; white-space: normal; color: #444} /* news pics */ #news div.news-pics {} #news div.news-pics div.news-item {width: 100%; height: 140px; border-radius: 8px; margin-bottom: 10px; overflow: hidden; position: relative} #news div.news-pics div.news-item div.shadow {width: 100%; height: 100px; background: transparent url(../img/gradient-fade-up-10@2x.png) left bottom no-repeat; background-size: cover; position: absolute; bottom: 0; left: 0;} #news div.news-pics div.news-item p {text-shadow: none; color: #fff; position: absolute; bottom: 0; margin: 0; padding: 2px 10px; font-size: 12px} /** FANPOLL **/ #fanpoll .ui-content {padding: 1em 0;} #fanpoll table.styled {} #fanpoll table.styled tr {min-height: 44px} #fanpoll table.styled tr.row {} #fanpoll table.styled tr.row td {border-bottom: 1px solid #e3e3e3} #fanpoll table.styled tr.row:last-child td {border-bottom: none} #fanpoll table.styled tr.row.vote-correct {background-color: #DFF0D8} #fanpoll table.styled tr.row.vote-incorrect {background-color: #F2DEDE} #fanpoll table.styled tr td {} #fanpoll table.styled tr td p {} #fanpoll table.styled tr td p.questionanswer {font-weight: bold} #fanpoll table.styled tr td h4 {margin:10px 2px} #fanpoll .graph {display: block; border: 1px solid #ccc; height: 20px; margin-bottom: 10px; background-color: #efefef} #fanpoll .graph .graphbar {height: 100%; display: block} /** PROFILE **/ #profile .ui-content {padding: 1em 0;} table.styled {background-color: #fff; border: 1px solid #e3e3e5; width: 100%; margin-bottom: 20px} table.styled tr.link {background: transparent url(../img/bg-arrow.png) 98% center no-repeat;} table.styled tr.link td {border-bottom: 1px solid #e3e3e5} table.styled tr:last-child td {border-bottom: none} table.styled tr.link td a {color: #444; text-decoration: none;} table.styled tr.link td a:hover {color: #444} table.styled tr td a {color: #444 !important; text-decoration: none;} table.styled tr td a:hover {color: #444 !important} table.styled tr td fieldset {margin: 0 5% 0 0; width: 20px; float: right} table.styled tr td fieldset .ui-controlgroup-controls {} table.styled tr td fieldset .ui-controlgroup-controls .ui-checkbox {} table.styled tr td fieldset .ui-controlgroup-controls .ui-checkbox {} table.styled tr td fieldset .ui-controlgroup-controls .ui-checkbox label {border: none; background-color: #fff} table.styled tr td fieldset .ui-controlgroup-controls .ui-checkbox input {} #profile table.styled td {} #profile table.styled td img.user-pic {width: 42px; height: 42px; border-radius: 21px; margin: 10px 5px; float: left;} #profile table.styled td h3 {margin: 0; padding-top: 4px; padding-left: 60px; font-size: 24px} #profile table.styled td p.description {margin: 0; padding-left: 60px; font-size: 14px;} #profile table.styled td p.description a {color: #999} #profile table.styled.profile-edit-link h3 a {display: block} #profile table.styled.profile-edit-link p.description a {display: block; color: #999 !important; font-weight: normal} #profile table.styled td h4 {margin: 10px 12px;} #profile table.styled td h4 a {display: block;} span.app-version {position: absolute; bottom: 3px; font-size: 10px; color: #fff; text-shadow: none; display: block; width: 100%; text-align: center} /** PROFILE EDIT **/ #profile-edit .ui-content {padding: 1em 0;} form.block-styled {background-color: #fff;} form.block-styled .profile-info {border-bottom: 1px solid #d8d8d8} form.block-styled .profile-info img.user-pic {width: 42px; height: 42px; border-radius: 21px; float: left;} form.block-styled .profile-info p {padding-left: 60px; margin-top: 12px; margin-bottom: 8px;} form.block-styled .profile-info progress {margin-left: 20px; padding: 1em 0 8px 0; margin-top: 12px; display: none} form.block-styled .profile-info #upload-user-pic {display: none} form.block-styled .profile-info .ui-body-inherit {border: none} form.block-styled .ui-field-contain {padding-left: 1em; padding-right: 1em;} #update-profile-btn {margin: 1em;} /** NOTIFICATIONS **/ #notifications {} #notifications.ui-page-theme-a .ui-btn {background-color: transparent} #notifications {} #notifications li {background-color: transparent} #notifications li p {margin: 0;} #notifications li p.message {margin-bottom: 5px; font-size: 14px; overflow: auto; white-space: normal;} #notifications li p.message a {color: #2e1187; font-weight: normal; text-decoration: none} #notifications li p.date {font-size: 10px; color: #666} /** SETTINGS **/ #settings .ui-content {padding: 1em 0;} #settings table.styled td h4 {margin: 10px 12px;} #settings table.styled td h4 a {display: block;} #settings table.styled img.facebook-login-logout-btn {float: right; height: 29px; margin-top: 5px; margin-right: 10px;} /** PROMO **/ #promo {} #promo .promo {} #promo .promo input {border-color: #ccc; box-shadow: none !important; background:#fff} /** INVITE **/ #invite {} #invite .invite {} #invite .invite input {border-color: #ccc; box-shadow: none !important; background:#fff}