@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('/css/fonts/League_Gothic-webfont.eot');
    src: url('/css/fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/League_Gothic-webfont.woff') format('woff'), url('/css/fonts/League_Gothic-webfont.ttf') format('truetype'), url('/css/fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    min-height: 100%;
}

body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    /*font-family: Georgia, "Times New Roman", Times, serif;*/
    font-family: "Open Sans", arial, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #808080;
    text-rendering: optimizeLegibility;

    /* Allow main content to fill space until footer. */
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

div, p, ul, h1, h2, h3, h4, form {
    margin: 0px;
    padding: 0px;
}

ul {
    list-style-type: none;
}

a img {
    border: none;
}

a {
    text-decoration: none;
    color: #6d8ab6;
}

a:hover {
    text-decoration: underline;
}

.blockLinks a {
    display: block;
}

img {
    border: none;
}

.table {
    display: table;
    margin: 0 auto;
}

*:focus {
    outline: none;
}

/* Typography.less
 * Headings, body text, lists, code, and more for a versatile and durable typography system
 * ---------------------------------------------------------------------------------------- */
p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    color: #404040;
}

h1 {
    margin-bottom: 18px;
    font-size: 30px;
    line-height: 36px;
}

h2 {
    font-size: 26px;
    line-height: 36px;
}

h3,
h4,
h5,
h6 {
    line-height: 36px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 13px;
    color: #bfbfbf;
    text-transform: uppercase;
}

ul, ol {
    margin: 0 0 18px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-bottom: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li {
    line-height: 18px;
    color: #808080;
}

ul.unstyled {
    list-style: none;
    margin-left: 0;
}

dl {
    margin-bottom: 18px;
}

dl dt, dl dd {
    line-height: 18px;
}

dl dt {
    font-weight: bold;
}

dl dd {
    margin-left: 9px;
}

hr {
    margin: 0 0 19px;
    border: 0;
    border-bottom: 1px solid #eee;
}

strong {
    font-style: inherit;
    font-weight: bold;
    line-height: inherit;
}

em {
    font-style: italic;
    font-weight: inherit;
    line-height: inherit;
}

.muted {
    color: #e6e6e6;
}

address {
    display: block;
    line-height: 18px;
    margin-bottom: 18px;
}

textarea {
    font-family: "Open Sans", arial, sans-serif;
    font-size: 11px;
    overflow: hidden;
}

.shipping-header {
    width: 100px;
}

.shipping-full {
    text-align: left;
    display: none;
}

.shipping-show-hide {
    cursor: pointer;
    font-size: .8em;
}

.nofloat {
    float: none !important;
}

.uLike .transparent.boxWrapper {
    background: #f4f4f4 !important;
}

.transparent .imageSquare, .imageSquare.transparent, .imageOver.transparent {
    zoom: 1;
    filter: alpha(opacity=35);
    opacity: 0.35;
}

.imageOver.pOnly {
    background: #fff;
    padding: 40px;
    text-align: center;
}

.boxCenteredImg {
    height: 180px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.removeShadow:after {
    width: 0 !important;
}

.removeShadow {
    /*-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08); box-shadow:0 1px 4px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);*/

    -moz-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.25);
}

/*--Top Panel--*/

#topPan {
    width: 1020px;
    min-height: 56px;
    position: relative;
    margin: 0 auto;
    padding: 0;
}

#topPanWrapper {
    width: 100%;
    background: url(../images/top_bg.png) 0 0 repeat-x #fff;
    z-index: 1000;
}

#logobg {
    padding: 0;
    position: absolute;
    left: 15px;
    z-index: 999;
}

a#topLogo {
    width: 174px;
    height: 44px;
    display: block;
    position: absolute;
    top: 7px;
    left: 5px;
    background: url(../images/logo_top_white.png) no-repeat 0 0;
}

.featuredTitle {
    text-align: center;
    font-size: 20px;
    color: #333;
    font-weight: 400;
    width: 330px;
    line-height: 26px;
}

.featuredTitle.discover {
    position: absolute;
    margin-top: 10px;
}

.featuredTitle a {
    color: #333;
}

.featuredTitle a:hover {
    color: #333;
    text-decoration: none;
}

.featuredSubtitle {
    text-align: center;
    font-size: 16px;
    color: #888;
    font-weight: 300;
    width: 330px;
    line-height: 20px;
}

.featuredSubtitle.discover {
    position: absolute;
}

#startFront {
    margin-top: 30px;
}

a.startButton {
    font-size: 28px;
    line-height: 36px;
    font-weight: bold !important;
    margin: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background: #76cc1e;
    display: -moz-inline-box;
    display: -moz-inline-stack;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
    margin: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid transparent;
    color: #fff !important;
    padding: 10px 18px 12px;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-transition-property: background-color;
    -webkit-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -moz-transition-duration: .07s;
    -webkit-transition-duration: .07s;
    -o-transition-duration: .07s;
    transition-duration: .07s;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    cursor: pointer;
    outline: 0
}

a.startButton.frontpage {
    padding: 14px 42px;
}

a.startButton:hover {
    background-color: #aaef64;
    cursor: pointer
}

a.startButton.orange {
    background: #fe5900;
}

a.startButton.orange:hover {
    background-color: #ffbc81;
}

#topPanBottomBar {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: -100px;
    float: left;
}

#headerShadow {
    position: absolute;
    bottom: -15px;
    text-align: center;
    margin: 2px auto;
    width: 100%;
    z-index: 5;
}

.shadowCenter {
    position: absolute;
    text-align: center;
    margin: 0px auto;
    width: 100%;
    z-index: 5;
}

#tagline {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 1020px;
    z-index: 10;
}

#tagline .marquee {
    position: absolute;
    margin-top: 168px;
    color: #fff;
    font-size: 64px;
    font-weight: 400;
    text-align: center;
    width: 100%;
}

#tagline .subtext {
    position: absolute;
    margin-top: 216px;
    width: 100%;
    font-size: 24px;
    text-align: center;
    color: #fff;
    line-height: 36px;
}

#tagline .subtext span {
    display: block;
    margin-top: 26px;
}

#tagline .subtext span a {
    font-size: 36px;
}

#tagline .iam {
    margin-top: 20px;
}

#tagline #learnMore img {
    width: 75px;
    height: 75px;
    opacity: 0.5;
}

#tagline #learnMore div {
    font-size: 14px;
    font-weight: bold;
    opacity: 0.5;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}

#tagline a#learnMore {
    color: #fff;
    text-decoration: none;
}

#learnMoreDiv {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}

#iamcreator {
    background: transparent url(../images/iamcreator.png) 0 0 no-repeat;
}

#iampatron {
    background: transparent url(../images/iampatron.png) 0 0 no-repeat;
}

.iam a.iamitem {
    display: block;
    float: left;
    width: 180px;
    height: 111px;
    margin-right: 8px;
    border: none;
}

.iam a.iamitem:hover {
    background-position: 0 -111px !important;
    cursor: pointer !important;
}

#fbLike {
    margin-top: 170px;
    margin-left: 2px;
}

#addHeader {
    font-size: 30px;
    margin: 0 auto 12px auto;
    text-align: center;
}

.entryDiv {
    position: relative;
    margin: 0;
    padding: 0;
}

.entryDiv input {
    margin: 0;
    padding: 10px 7px 11px 7px;
    width: 246px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 6px;
    opacity: 1 !important;
    font-size: 15px;
    border: none;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, .3), inset 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, .3), inset 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .3), inset 0 1px 2px rgba(0, 0, 0, .2);
    background-color: #FFF;
    color: #333;
    opacity: .7;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    outline: none;
}

.entryDiv .entryText {
    line-height: 38px !important;
    font-size: 15px;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 8px;
    white-space: nowrap;
    cursor: text;
    color: #999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-transition: opacity .1s, font-size .1s;
    -moz-transition: opacity .1s, font-size .1s;
    -o-transition: opacity .1s, font-size .1s;
}

.entryDiv input:focus {
    box-shadow: 0 0 10px #FFF;
    -webkit-box-shadow: 0 0 10px #FFF;
    -moz-box-shadow: 0 0 10px #FFF;
}

.entryDiv input:focus + span {
    color: #ddd;
}

.getButton {
    float: left;
    width: 270px;
    height: 76px;
    background: transparent url(../images/book_pro_sprite.png) 0 0 no-repeat;
    border: none;
    margin-top: 16px;
}

.getButton:hover {
    background-position: 0 -76px;
    cursor: pointer;
}

#plSave {
    margin-left: 6px;
}

#signupText {
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}

#signupDiv .submit {
    border: none;
    height: 35px;
    float: right;
    padding-left: 16px;
    padding-right: 16px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    background: #FA2 url(/images/button_gradient.png) repeat-x 0 0;
    padding: 4px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    color: #333;
    text-shadow: 0 1px 0 #FE6;
    font: bold 16px Helvetica Neue, Arial, Sans-serif;
    cursor: pointer;
}

#signupDiv input.submit:hover {
    background-position: 0 -36px;
}

#signupDiv .btn:hover {
    color: #333;
    text-decoration: none;
    box-shadow: 0 0 10px #FFF;
    -webkit-box-shadow: 0 0 10px #FFF;
    -moz-box-shadow: 0 0 10px #FFF;
}

#signupDiv .btn:focus {
    outline: 1px dotted #666;
}

#signupDiv .btn:active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}

#orBreak {
    position: relative;
    border-bottom: 1px solid #CCC;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: block;
    height: 0px;
}

#orBreak span {
    display: block;
    position: relative;
    top: -13px;
    margin-right: auto;
    margin-left: auto;
    width: 26px;
    height: 26px;
}

#fbLogin_i {
    position: relative;
    width: 237px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 26px;
}

#startButtons {
    margin-right: 10px;
    margin-top: 20px;
    float: right;
}

a.closeX {
    background: url(../images/x_button.png) no-repeat 0 0;
    width: 15px;
    height: 15px;
    float: right;
    right: 0;
    top: 0;
    position: relative;
    z-index: 999;
}

a.closeX:hover {
    background: url(../images/x_button.png) no-repeat 0 -15px;
}

a.closeX:active {
    background: url(../images/x_button.png) no-repeat 0 -30px;
}

.hiddenClose {
    visibility: hidden !important;
}

.hiddenDisplay {
    display: none !important;
}

.hiddenFlat {
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

.hiddenToggle {
    display: none;
}

.visibleToggle {
    visibility: hidden;
}

.posAbsolute {
    position: absolute;
}

/*--Middle Panel--*/
#mainmiddleSection {
    min-height: 600px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: left;
    background: #f2f1ef;
    margin-top: 0px;
    padding-bottom: 50px;
}

#mainmiddlePan {
    padding: 0;
    position: relative;
}

#mainmiddlePan div.center {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 20px;
    position: relative;
}

#mainmiddlePan div.center.fixed {
    width: 984px;
}

#mainmiddlePan div.center.short {
    padding-top: 16px;
}

/*--/Middle Panel--*/

#profileLeft {
    width: 240px;
    float: left;
    margin: 30px 28px 0 0;
}

.profileImageDiv img {
    width: 200px;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

#balance span {
    font-weight: 400;
    font-size: 22px;
    color: #333;
}

.profileAbout {
    position: relative;
    color: #444 !important;
}

.profileAbout ul {
    white-space: normal;
}

.profileAbout .editInfo {
    position: relative;
    display: block;
    margin-top: 16px;
    margin-bottom: 12px;
}

.userLocation {
    margin-bottom: 2px;
}

.userLocation a {
    font-weight: 400;
}

/*--Box Grid--*/

.boxSub {
    font-family: "Open Sans", arial, sans-serif;
    font-size: 16px;
    margin-bottom: 8px;
    padding-bottom: 2px;
    color: #000;
}

.boxSub.withSearch {
    margin-bottom: 15px;
    padding-bottom: 9px;
}

.boxSub.withAct {
    padding-bottom: 4px;
    margin-bottom: 10px;
    margin-top: 13px;
}

.boxSub span.subRight {
    float: right;
    font-size: 12px;
    margin-top: 2px;
}

.boxSub span.subRight a {
    color: #6d8ab6;
}

.boxSub span.subCount {
    color: #777;
    font-size: 13px;
    text-align: right;
    width: 144px;
    display: inline-block;
}

.onlyAct .boxSub.withAct {
    margin-top: 0px;
}

.boxSub.large {
    font-size: 22px;
    padding-bottom: 8px;
    border-bottom: 1px solid #CFCFCF;
    margin-top: 6px;
    margin-bottom: 0;
}

.boxSubBottom {
    border-top: 1px solid #FFF;
    margin-bottom: 16px;
}

.boxSubSub {
    margin-bottom: 8px;
    font-size: 16px;
    color: #333;
}

/*.boxSub{font-family:"Open Sans", arial, sans-serif; background:#E6EAF5; width:458px; padding:4px 0 4px 8px; color:#000; margin: -8px 0 6px -8px; font-size:16px; margin-bottom:6px;}*/

#boxGrid {
    width: 87.5%;
    z-index: 1;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#boxGrid.small {
    width: 984px;
    margin-left: 0;
    margin-right: 0;
    float: left;
}

#boxGrid.profile {
    width: 726px;
    margin-left: 268px;
    margin-top: 50px;
    margin-right: 0;
}

.box {
    background: none;
    float: left;
    margin: 0 14px 15px 0;
    position: relative;
    width: 348px;
}

.box.hiddenDisplay {
    margin: 0 !important;
    width: 0 !important;
}

/*.box a{color:#0099cc;}*/

.boxExtra {
    position: absolute;
    margin-top: -30px;
    padding-top: 4px;
    background: #fff;
    font-family: 'Just Another Hand', cursive;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}

.boxWrapper {
    position: relative;
    padding: 14px;
    margin: 0 auto;
    background-color: #fff;
}

.boxWrapper.double {
    width: 682px;
}

.box.double {
    width: 710px;
}

.boxWrapper:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    bottom: 10px;
    background: transparent;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
    z-index: -1;
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
}

.box div.boxWrapper:after {
    width: 60%;
    bottom: 9px;
}

.box div.boxWrapper.medium:after {
    bottom: 18px;
}

.box div.boxWrapper.large:after {
    bottom: 20px;
}

.box div.boxWrapper.double:after {
    bottom: 20px;
}

.twoBoxesWrapper {
    position: relative;
    padding: 10px;
    margin: 0 auto 7px auto;
    background-color: #fff;
    border: 1px solid #ddd;
}

.twoBoxesWrapper:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    bottom: 8px;
    background: transparent;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
    z-index: -1;
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
}

.twoBoxesWrapper.small:after {
    width: 60%;
    bottom: 8px;
}

.twoBoxesWrapper.large:after {
    width: 28%;
    bottom: 8px;
}

.box.news {
    width: 486px;
}

.box.profile {
    width: 984px;
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    float: none;
    z-index: 1;
}

.twoBoxesWrapper.large:after {
    width: 38%;
    bottom: 12px;
}

.twoBoxesWrapper.full {
    border: 1px solid #DDD;
    border-top: none;
}

.twoBoxesWrapper.full:after {
    width: 36%;
    bottom: 15px;
}

.boxWrapper p {
    color: #333;
    margin-top: 4px;
}

/*.box.photo .boxWrapper{background: none repeat scroll 0 0 #fff8f1;}*/
.boxWrapper p.image {
    margin-top: 0px;
    margin-bottom: 5px;
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.box .boxWrapper p.image img {
    max-width: 200px;
}

.option .boxPrice p {
    color: #2A5096;
    line-height: 24px;
}

.option a:hover {
    text-decoration: none;
}

.option a.moreText:hover {
    text-decoration: underline;
}

.option .boxWrapper {
    color: #333;
    padding: 17px;
    border: solid 2px #f4f4f4;
}

.shareWindow {
    position: relative;
    overflow: hidden;
    background: #F4F4F4;
}

.shareWindow.orange {
    background: #ffe4be;
}

.option .shareWindow {
    background: none;
    overflow: hidden;
}

.option .shareWindow.full {
    height: auto;
    overflow: visible;
}

.option p, .option li {
    color: #333;
    font-size: 14px;
    margin-top: 0;
}

.shareWindow .shareText {
    padding: 10px 10px 36px 10px;
    color: #333;
    max-height: 250px;
    overflow: hidden;
}

.shareWindow .shareText.forcedWithImage {
    min-height: 46px;
    max-height: 46px;
}

.shareWindow .shareText.forcedNoImage {
    min-height: 226px;
    max-height: 226px;
}

.shareWindow .shareText a h1 {
    color: #2A5096;
}

.shareWindow h1 {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}

.shareWindow .shareText h1 {
    font-weight: 400;
}

.shareWindow .shareLink {
    padding: 10px 0 10px 0;
    color: #333;
    background: #fff;
}

.shareWindow ul {
    margin-bottom: 0;
}

.needIcon.reward {
    margin-bottom: 0;
}

.shareTitle {
    height: 111px;
    display: table;
    position: absolute;
    z-index: 1;
}

.shareTitleFade {
    height: 16px;
    width: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/images/transgrad_white.png);
}

.shareTitle.hovering .shareTitleFade {
    display: none !important;
}

.shareTitleInner {
    display: table-cell;
    vertical-align: middle;
}

.shareTitleInner a.shareTitleText {
    overflow: hidden;
    max-height: 107px;
    font-family: 'LeagueGothicRegular', 'Impact', Charcoal, Arial Black, Gadget, Sans serif;
    font-size: 14px;
    line-height: 14px;
    width: 192px;
    padding: 2px 4px;
    text-align: center;
    text-decoration: none;
    display: block;
}

.shareTitle.hovering a.shareTitleText {
    overflow: visible !important;
}

a.shareTitleText span {
    text-decoration: none;
    color: #393939;
}

.noteDiv {
    overflow: hidden;
    height: 130px;
    margin-top: 111px;
}

.boxUserImage {
    float: left;
    margin-right: 5px;
}

.boxUserImage img {
    width: 30px;
    height: 30px;
}

.boxUserImage.small {
    position: absolute;
}

.boxUserImage.small img {
    width: 24px;
    height: 24px;
}

.infoDiv {
    float: left;
    padding-right: 10px;
}

p.info {
    margin-top: 0px;
    font-size: 24px;
    margin-bottom: 0px;
    line-height: 26px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
}

p.info a {
    margin-top: 0px;
    color: #2A5096;
    font-weight: normal;
    margin-bottom: 0px;
}

p.info a.infoTag {
    margin-top: 0px;
    font-weight: normal;
    margin-bottom: 0px;
    position: relative;
    color: #2A5096;
}

p.dateBox {
    color: #777777;
    margin-top: -4px;
    font-size: 11px;
    margin-bottom: 0px;
    line-height: 11px;
    height: 14px;
    font-family: "Open Sans", arial, sans-serif;
}

#svProfileInfo p.dateBox {
    font-size: 12px;
}

p.title {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    margin-top: 0;
}

p.likeDesc {
    border-left: 3px solid #eee;
    padding-left: 5px;
    color: #333;
    font-size: 14px;
    margin-bottom: 6px;
}

p.likeDesc span {
    font-weight: bold;
}

p.url {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 11px;
    color: #9b9b9b;
}

p.linkDesc {
    border-left: 3px solid #eee;
    padding-left: 5px;
    color: #9b9b9b;
    margin-bottom: 8px;
}

#likesLoading img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 32px;
}

.urlBreak {
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word; /* IE 5+ */
}

.urlBreak br {
    white-space: normal;
    word-wrap: normal;
}

.favesWhite .urlBreak {
    line-height: 14px;
}

a.noteLink {
    color: #666;
    text-decoration: none;
    display: block;
}

.boxWrapper a.chatIcon {
    background: url(../images/chat_icon.png) no-repeat 0 -14px;
    width: 17px;
    height: 14px;
    display: block;
    float: right;
    margin-right: 0;
    margin-top: -14px;
    position: relative;
    text-decoration: none;
    line-height: 10px;
    font-size: .7em;
    color: #bbb;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.boxWrapper a.chatIcon:hover {
    background: url(../images/chat_icon.png) no-repeat 0 -28px;
    color: #fff;
}

.boxWrapper a.chatIcon:active, .boxWrapper a.chatIcon.active {
    background: url(../images/chat_icon.png) no-repeat 0 0;
    color: #fff;
}

a.chatIcon span {
    text-align: center;
    position: relative;
    width: 17px;
    display: block;
    margin: 0px;
    padding: 0px;
}

.comments {
    background: #ffffff;
    width: 346px;
    position: relative;
    padding: 4px;
    padding-bottom: 2px;
    margin-left: -18px;
    top: 9px;
    margin-bottom: -14px;
    border: 1px solid #E1DFDF;
}

.commentsSpace {
    height: 8px;
}

.comments .commentBox {
    margin-bottom: 2px;
    background: #F6F6F6;
    padding: 5px;
}

.commentBox.thread {
    border-left: 3px solid #ddd !important;
}

.comments .commentContent {
    margin-top: 0;
    padding-left: 28px;
}

.comments .viewComments {
    float: left;
}

.comments .viewComments p {
    margin-top: 0px;
    width: 174px;
    font-size: 11px;
    margin-bottom: 0px;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    line-height: 15px;
}

.comments .viewComments a {
    color: #6d8ab6;
}

.comments .commentContentInput {
    float: left;
    padding-left: 28px;
}

p.commenter {
    margin-top: 0;
    font-size: 11px;
    margin-bottom: 0px;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    line-height: 15px;
}

p.commenter a {
    margin-top: 0;
    color: #000;
    font-weight: bold;
    margin-bottom: 0px;
    margin-right: 1px;
}

p.commentDate {
    margin-top: 1px;
    margin-bottom: 0px;
    color: #999999;
    font-size: 11px;
    font-weight: normal;
}

.commentInput {
    padding: 4px;
    resize: none;
    width: 224px;
    height: 16px;
    border: 1px solid #ccc;
    outline: none;
    position: relative;
    font-family: "Open Sans", arial, sans-serif;
}

.comments .commentBox:after {
    position: absolute;
    width: 60%;
    height: 10px;
    content: ' ';
    bottom: 8px;
    background: transparent;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: -1;
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
}

/*.deleted{color:#aaa;font-style:italic;}*/
.double .comments {
    width: 708px;
}

.double .comments .commentBox:after {
    bottom: 20px;
}

.double .commentInput {
    width: 584px;
}

/*--/Box Grid--*/

#mainCoverSection {
    position: relative;
}

#coverDiv {
    width: 817px;
    height: 245px;
    overflow: hidden;
    margin-right: 3px;
    margin-bottom: 3px;
    float: left;
}

#coverDiv img {
    position: relative;
    width: 100%;
}

#coverDivOverlay {
    position: absolute;
    left: 690px;
    top: 195px;
    z-index: 999;
}

#rowSharesDiv {
    float: left;
    width: 984px;
    height: 127px;
}

#hidNone a {
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/share_default.png') no-repeat 50% 0;
}

#hidNone a.introFave {
    background: url('../images/fave_default.png') no-repeat 50% 0;
}

#hidNone a.seeMoreSubs {
    background: url('../images/see_more_subs.png') no-repeat 50% 0;
}

#hidNone a:hover {
    background-position: 50% -121px;
}

.profileMainInner {
    border: 1px solid #E1DFDF;
    background: #F6F6F6;
    height: 75px;
    padding: 10px;
    display: table;
    margin-bottom: 10px;
}

.profileMainInner.last {
    margin-bottom: 0px;
    padding-right: 13px;
}

.profileMainInner .favesShadow {
    margin-right: 13px;
}

.profileMainInner.spacing .favesShadow {
    margin-right: 30px;
    margin-bottom: 3px
}

.profileMainInner.spacing .favesShadow.last {
    margin-right: 3px;
}

.profileMainInnerText {
    width: 100px;
    padding-left: 10px;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
}

.profileMainInnerText:first-child {
    padding-left: 0px;
}

.profileMainInnerShare {
    float: left;
    width: 80px;
}

.profileMainInnerShare .button {
    margin-bottom: 8px;
}

.profileMainInnerTitle {
    margin-bottom: 4px;
}

.favesWhite {
    width: 109px;
    height: 109px;
    background-color: #f4f4f4;
    z-index: 2;
    position: relative;
}

/*In order for absolutely positioning child element(caption div), you need to set position relative for its parent*/
.favesWhite.tiny {
    width: 50px;
    height: 50px;
}

.favesWhite.small {
    width: 100px;
    height: 70px;
}

.favesWhite.searchUser {
    width: 140px;
    height: 95px;
}

.favesWhite.square {
    width: 79px;
    height: 79px;
}

.favesWhite.squareSpot {
    width: 140px;
    height: 140px;
}

.favesWhite.squareUser {
    width: 54px;
    height: 54px;
}

.favesShadow {
    float: left;
    width: 109px;
    height: 109px;
    position: relative;
    margin-right: 4px;
    margin-bottom: 12px;
}

.favesShadow.tiny {
    width: 50px;
    height: 50px;
}

.favesShadow.tiny.topSpace {
    margin-top: 4px;
    margin-bottom: 7px;
}

.favesShadow.small {
    width: 100px;
    height: 70px;
    margin-bottom: 8px;
}

.favesShadow.searchUser {
    width: 140px;
    height: 95px;
    margin-bottom: 10px;
}

.favesShadow.square {
    width: 79px;
    height: 79px;
    margin-bottom: 8px;
}

.favesShadow.squareSpot {
    width: 140px;
    height: 140px;
    margin-bottom: 12px;
}

.favesShadow.squareUser {
    width: 54px;
    height: 54px;
    margin-bottom: 8px;
}

.favesShadow.squareUser.following {
    margin-top: 6px;
}

.favesShadow.squareUser.toFollow {
    margin-right: 0px;
}

.favesShadow:last-child {
    margin-right: 0px;
}

.favesShadow:after {
    position: absolute;
    width: 60%;
    height: 10px;
    content: ' ';
    bottom: 6px;
    background: transparent;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
    left: auto;
    right: 6px;
    z-index: 1;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
}

.favesHover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.caption {
    cursor: pointer;
    width: 103px;
    height: 103px;

    border: 3px solid #fff;
    overflow: hidden;

    /*Make it overlay on its parent*/
    position: absolute;

    display: table;
    top: 0;
}

.caption.note {
    display: block;
    text-align: center;
}

.caption.note p {
    display: table-cell;
    vertical-align: middle;
}

.caption.tiny {
    width: 44px;
    height: 47px;
}

.caption.small {
    width: 94px;
    height: 67px;
}

.caption.boxed-image {
    display: inline;
}

.caption.searchUser {
    display: inline;
    width: 134px;
    height: 92px;
}

.caption.square {
    width: 73px;
    height: 76px;
}

.caption.squareUser {
    width: 48px;
    height: 51px;
}

.caption.squareSpot {
    width: 134px;
    height: 137px;
}

.caption .captionCenter {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.captionCenter span {
    width: 103px;
    display: block;
    color: #222;
    font-size: 16px;
    font-family: "Open Sans", arial, sans-serif;
    background: url(/images/transparent-less.png) top left;
    padding: 4px 0px 4px 0;
}

.captionCenter.tiny span {
    width: 44px;
}

.captionCenter.small span {
    width: 94px;
}

.captionCenter.square span {
    width: 73px;
}

.captionCenter.squareUser span {
    width: 48px;
}

.captionCenter.searchUser span {
    width: 134px;
    font-size: 14px;
    padding: 1px 0px 1px 0;
}

/* only for searchUser */
.caption .captionCenter.searchUser {
    vertical-align: bottom;
}

.captionNote {
    padding: 3px 4px;
    text-align: center;
    position: absolute;
    height: 96px;
    overflow: hidden;
}

.tiny .captionNote {
    height: 40px;
}

.small .captionNote {
    height: 60px;
}

.searchUser .captionNote {
    height: 85px;
}

.square .captionNote {
    height: 69px;
}

.squareUser .captionNote {
    height: 44px;
}

.searchShareArea {
    background: #F6F6F6;
    float: left;
    width: 175px;
    height: 88px;
    padding: 5px 0px 0px 5px;
    margin: 3px 0 11px 0;
    display: table;
    border: 1px solid #E1DFDF;
}

.searchShareArea.following {
    width: 376px;
    height: 58px;
    padding: 0;
}

.searchShareArea.spots {
    padding: 4px 0px 0px 5px;
    width: 530px;
    height: 89px;
}

.searchShareArea.spots a {
    font-size: 18px;
    line-height: 22px;
}

.searchShareArea.spots .spotLocation {
    font-weight: bold;
    margin-top: 4px;
    color: #808080;
}

.searchShareArea.spots .spotDate {
    font-size: 12px;
}

.followUsersDiv {
    width: 240px;
}

.searchShareArea .innerText {
    width: 317px;
    padding-left: 8px;
    padding-right: 8px;
    display: table-cell;
    vertical-align: middle;
    color: #333;
}

.searchShareArea .innerText strong a {
    color: #333;
}

.newsDate {
    font-size: 11px;
    color: #999;
}

.faveNoteTitle {
    font-family: palatino, "palatino linotype", "book antiqua", serif;
    margin: 0 auto 8px auto;
    position: relative;
    display: block;
    font-weight: bold;
    font-size: 13px;
    color: #333;
    text-align: center;
    padding: 0;
    line-height: 15px;
    width: 40%;
}

/**** Transitions ****/

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
}

/**** Isotope filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Infinite Scroll ****/

#infscr-loading {
    position: fixed;
    text-align: center;
    bottom: 30px;
    left: 42%;
    z-index: 100;
    background: white;
    background: hsla(0, 0%, 100%, 0.9);
    padding: 20px;
    color: #222;
    font-size: 15px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* QQ UPLOADER CSS */
.qq-uploader {
    position: relative;
    width: 100%;
    height: 100%;
}

.qq-upload-button {
    display: block;
    width: 105px;
    padding: 7px 0;
    text-align: center;
    background: #004a88;
    border-bottom: 1px solid #ddd;
    color: #fff;
}

.qq-upload-button-hover {
    background: #7b99c8;
}

.qq-upload-button-focus {
    outline: 1px dotted black;
}

.qq-upload-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 50px;
    z-index: 2;
    background: #d6deea;
    text-align: center;
}

.qq-upload-drop-area span {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -8px;
    font-size: 16px;
}

.qq-upload-drop-area-active {
    background: #b7c8e2;
}

.qq-upload-list {
    margin: 15px 35px;
    padding: 0;
    list-style: disc;
}

#uploadFileDiv {
    width: 392px;
    float: left;
    white-space: normal!important;
    word-wrap: break-word!important;
}

#uploadFileButton .qq-upload-list {
    margin: 15px 15px;
}

.qq-upload-list li {
    margin: 0;
    padding: 0;
    line-height: 15px;
    font-size: 12px;
}

.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {
}

.qq-upload-spinner {
    display: inline-block;
    background: url("../images/loading-qq.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.qq-upload-size, .qq-upload-cancel {
    font-size: 11px;
}

.qq-upload-failed-text {
    display: none;
}

.qq-upload-fail .qq-upload-failed-text {
    display: inline;
}

/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

/* Buttons
 * ---------------------------------------------------------------------------------------- */
.btn.danger,
.alert-message.danger,
.btn.danger:hover,
.alert-message.danger:hover,
.btn.error,
.alert-message.error,
.btn.error:hover,
.alert-message.error:hover,
.btn.success,
.alert-message.success,
.btn.success:hover,
.alert-message.success:hover,
.btn.info,
.alert-message.info,
.btn.info:hover,
.alert-message.info:hover {
    color: #ffffff;
}

.btn.danger,
.alert-message.danger,
.btn.error,
.alert-message.error {
    background-color: #c43c35;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #c43c35 #c43c35 #882a25;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn.success, .alert-message.success {
    background-color: #57a957;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -ms-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(top, #62c462, #57a957);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #57a957 #57a957 #3d773d;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn.success:hover, .btn.success.active {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 4px rgba(0, 0, 0, 0.5);
    background-position: 0 0;
}

.btn.success.active, .btn.success:active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.info, .alert-message.info {
    background-color: #339bb9;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(top, #5bc0de, #339bb9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #339bb9 #339bb9 #22697d;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn {
    cursor: pointer;
    display: inline-block;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
    background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    padding: 5px 14px 6px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    color: #333;
    font-size: 13px;
    line-height: normal;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.hiddenToggle {
    display: none;
}

.btn:hover {
    background-position: 0 -15px;
    color: #333;
    text-decoration: none;
}

.btn:focus {
    outline: 1px dotted #666;
}

.btn.primary {
    color: #ffffff;
    background-color: #416ca1;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#7da8dd), to(#416ca1));
    background-image: -moz-linear-gradient(top, #7da8dd, #416ca1);
    background-image: -ms-linear-gradient(top, #7da8dd, #416ca1);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7da8dd), color-stop(100%, #416ca1));
    background-image: -webkit-linear-gradient(top, #7da8dd, #416ca1);
    background-image: -o-linear-gradient(top, #7da8dd, #416ca1);
    background-image: linear-gradient(top, #7da8dd, #416ca1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7da8dd', endColorstr='#416ca1', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #416ca1 #416ca1 #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn:active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled {
    cursor: default;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    filter: alpha(opacity=65);
    -khtml-opacity: 0.65;
    -moz-opacity: 0.65;
    opacity: 0.65;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn[disabled] {
    cursor: default;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    filter: alpha(opacity=65);
    -khtml-opacity: 0.65;
    -moz-opacity: 0.65;
    opacity: 0.65;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn.large {
    font-size: 15px;
    line-height: normal;
    padding: 9px 14px 9px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.btn.small {
    padding: 7px 9px 7px;
    font-size: 11px;
}

:root .alert-message, :root .btn {
    border-radius: 0 \0;
}

button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.btnOverlay {
    margin-top: -35px;
    top: 25px;
    margin-right: -10px;
    position: relative;
    z-index: 999;
    float: right;
}

.btnOverlay img {
    margin-right: -2px;
    left: -6px;
    margin-top: -10px;
    top: 3px;
    position: relative;
}

.btn-group {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    *margin-left: .3em;
}

.btn-group:first-child {
    *margin-left: 0;
}

.btn-group + .btn-group {
    margin-left: 5px;
}

.btn-toolbar {
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-toolbar .btn-group {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
}

.btn-toolbar .btn + .btn,
.btn-toolbar .btn-group + .btn,
.btn-toolbar .btn + .btn-group {
    margin-left: 5px;
}

.btn-group > .btn {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-group > .btn + .btn {
    margin-left: -1px;
}

.btn-group > .btn,
.btn-group > .dropdown-menu {
    font-size: 14px;
}

.btn-group > .btn-mini {
    font-size: 11px;
}

.btn-group > .btn-small {
    font-size: 12px;
}

.btn-group > .btn-large {
    font-size: 16px;
}

.btn-group > .btn:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}

.btn-group > .btn.large:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
    z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    *padding-top: 5px;
    *padding-bottom: 5px;
}

.btn-group > .btn-mini + .dropdown-toggle {
    padding-left: 5px;
    padding-right: 5px;
    *padding-top: 2px;
    *padding-bottom: 2px;
}

.btn-group > .btn-small + .dropdown-toggle {
    *padding-top: 5px;
    *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
    *padding-top: 7px;
    *padding-bottom: 7px;
}

.btn-group.open .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #0044cc;
}

.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #222222;
}

.btn .caret {
    margin-top: 8px;
    margin-left: 0;
}

.btn-mini .caret,
.btn-small .caret,
.btn-large .caret {
    margin-top: 6px;
}

.btn-large .caret {
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 5px;
}

.dropup .btn-large .caret {
    border-bottom: 5px solid #000000;
    border-top: 0;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.btn-group-vertical {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
}

.btn-group-vertical .btn {
    display: block;
    float: none;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-group-vertical .btn + .btn {
    margin-left: 0;
    margin-top: -1px;
}

.btn-group-vertical .btn:first-child {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.btn-group-vertical .btn:last-child {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.btn-group-vertical .btn-large:first-child {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.btn-group-vertical .btn-large:last-child {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.btnClear {
    display: inline-block;
    padding: 4px 14px;
    color: #333333;
    font-size: 13px;
    line-height: 18px;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    transition: 0.1s linear all;
}

.btnClear:hover {
    background-color: #e6e6e6;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(0.25, #ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#ffffff, #e6e6e6);
    background-image: -moz-linear-gradient(#ffffff, #e6e6e6);
    background-image: -ms-linear-gradient(#ffffff, #e6e6e6);
    background-image: -o-linear-gradient(#ffffff, #e6e6e6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    background-image: linear-gradient(#ffffff, #e6e6e6);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom-color: rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btnClear.large {
    font-size: 18px;
    padding: 6px;
    padding-right: 7px;
    padding-left: 7px;
}

.btnClear.small {
    padding: 2px;
    padding-right: 7px;
    padding-left: 7px;
    font-size: 12px;
}

.btnClear.withArrow div {
    background-image: url(../images/select_tip.png);
    width: 9px;
    height: 5px;
    margin: 7px 0 0 7px;
    float: right;
}

.btnClear:disabled, .btnClear.disabled {
    background-image: none;
    filter: alpha(opacity=65);
    -khtml-opacity: 0.65;
    -moz-opacity: 0.65;
    opacity: 0.65;
    cursor: default;
}

.btnClear:active, .btnClear.active {
    -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);

    background-color: #dddddd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f8f8f8), to(#dddddd));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), color-stop(0.25, #f8f8f8), to(#dddddd));
    background-image: -webkit-linear-gradient(#f8f8f8, #dddddd);
    background-image: -moz-linear-gradient(#f8f8f8, #dddddd);
    background-image: -ms-linear-gradient(#f8f8f8, #dddddd);
    background-image: -o-linear-gradient(#f8f8f8, #dddddd);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#dddddd', GradientType=0)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#dddddd', GradientType=0);
    background-image: linear-gradient(#f8f8f8, #dddddd);

    border: 1px solid rgba(0, 0, 0, 0.1);
}

button.btnClear::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.btn.btnPhotos {
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
}

.btn.btnPhotos span {
    margin-left: 4px;
}

.btn.btnInfo {
    border: 1px solid;
    border-color: #CCC #CCC #AAA;
}

.btn.btnInfo:hover, .btn.btnInfo.active {
    border-color: #BBB #BBB #999 !important;

    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 4px rgba(0, 0, 0, 0.5);
    background-position: 0 0;
}

.btn.btnInfo.active, .btn.btnInfo:active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    background: #eee;
}

.arrowIcon {
    width: 25px;
    height: 30px;
    display: block;
}

.chatBigIcon {
    width: 25px;
    height: 30px;
    display: block;
    background-image: url(../images/chat_icon_big.png);
    margin-top: -6px !important;
}

.chatBigIcon span {
    font-weight: bold;
    color: #666;
    text-align: center;
    width: 25px;
    display: block;
    font-size: 11px;
    line-height: 24px;
}

.btnFave .arrowIcon {
    background-image: url(../images/arrows_up.png);
}

a.btnInfo:active .arrowIcon, a.btnInfo:active .chatBigIcon, a.btnInfo.active .chatBigIcon, a.btnInfo.active .arrowIcon, .btn.btnInfo:hover .arrowIcon, .btn.btnInfo:hover .chatBigIcon {
    background-position: 0 -30px;
}

.btn.btnOut {
    left: 74px;
    margin-top: -10px;
    width: 0;
    height: 19px;
}

.btn.btnLikeShare.btnOut {
    margin-top: 3px !important;
    margin-right: 4px !important;
    height: 19px !important;
    left: auto !important;
}

.learnIcon {
    width: 25px;
    height: 25px;
    background-image: url(../images/heart_icon.png);
    display: block;
}

.learnIcon span {
    font-weight: bold;
    color: #666;
    text-align: center;
    width: 25px;
    display: block;
    font-size: 11px;
    margin-top: 1px;
    line-height: 24px;
    text-shadow: none;
}

.outIcon {
    width: 25px;
    height: 25px;
    background-image: url(../images/out_icon.png);
    display: block;
    margin-top: -3px !important;
    margin-left: -26px !important;
}

.btnLikeShare .outIcon {
    margin-left: -22px !important;
}

.editIcon {
    width: 25px;
    height: 25px;
    background-image: url(../images/edit_icon.png);
    display: block;
}

.inviteIcon {
    width: 25px;
    height: 25px;
    margin-left: -26px !important;
    background-image: url(../images/invite_icon.png);
    display: block;
}

.btnOnShare.right div.editIcon {
    margin-top: -5px !important;
}

a.btnInfo:active .learnIcon, .btn.btnInfo:hover .learnIcon, a.btnInfo:active .editIcon, .btn.btnInfo:hover .editIcon, a.btnInfo:active .inviteIcon, .btn.btnInfo:hover .inviteIcon, .box.uLike a.btnInfo .learnIcon, #spLeftButtons.uLike a.btnInfo .learnIcon {
    background-position: 0 -25px;
}

.followIcon {
    width: 20px;
    height: 19px;
    background-image: url(../images/follow_icon_small.png);
    margin-left: -24px !important;
    margin-top: -1px !important;
    display: block;
}

.big.followIcon {
    width: 25px;
    height: 24px;
    background-image: url(../images/follow_icon.png);
    margin-left: -28px !important;
    margin-top: -2px !important;
    display: block;
}

.following .followIcon {
    display: none;
}

.transIcon {
    width: 24px;
    height: 24px;
    background-image: url(../images/trans_icon.png);
    display: block;
}

a.btnInfo:active span, .btn.btnInfo:hover span, .box.uLike a.btnLike span, .box.uDislike a.btnDislike span, #spLeftButtons.uDislike a.btnDislike span, #spLeftButtons.uLike a.btnLike span, .box.uLike a.btnLearn span, #spLeftButtons.uLike a.btnLearn span {
    color: #000;
}

.btnOnShare {
    position: absolute;
    right: 0px;
    margin: -10px 5px 0 0;
    z-index: 3;
    font-size: 14px;
    color: #666 !important;
    padding: 5px 4px 6px 32px !important;
}

.btnOnShare div {
    margin-left: -28px;
    margin-top: 3px;
    position: absolute;
}

.btnOnShare.left {
    margin: -10px 0 0 0;
    left: 5px;
    width: 28px;
}

.btnOnShare.left div {
    margin-top: -3px;
}

.btnOnShare.right {
    height: 16px;
    margin: -10px 0 0 0;
    left: auto;
    padding: 7px 8px 6px 28px !important;
}

.btnOnShare.right div {
    margin-top: -2px;
    margin-left: -22px;
}

.box.uLike a.btnLearn, .box.uLike a.btnLike, #spLeftButtons.uLike a.btnLearn {
    background: #e1e1e1 !important;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.likes {
    position: absolute;
    margin-right: 5px;
    right: 0px;
}

.btnSub {
    position: relative;
    display: block;
    width: 100px;
    text-align: center;
    margin: 38px auto 0 auto;
    z-index: 3;
    font-weight: bold;
    font-size: 14px;
    color: #666 !important;
    padding: 7px 6px 8px 26px !important;
}

.btnSub img {
    width: 18px;
    height: 18px;
    margin-left: -21px;
    margin-top: -2px;
    position: absolute;
}

#shareButtonMiddleDiv {
    position: absolute;
    width: 100%;
    z-index: 500;
}

#sbmInner {
    position: relative;
    width: 972px;
    margin: 0 auto 0 auto;
    left: 9px;
    right: auto !important;
}

.shareButtonMiddle {
    width: 181px;
    margin: 23px 0 0 0;
    left: 0px;
    position: absolute;
    z-index: 1;
}

.whiteHighlight {
    position: absolute;
    width: 100%;
    height: 4px;
    border-bottom: 1px solid #eee;
    background: #fff;
}

.topShadow {
    position: absolute;
    width: 100%;
    height: 14px;
    background: url(../images/separator.png) no-repeat 56px 3px;
}

#createSpotDiv {
    position: absolute;
    width: 100%;
    z-index: 500;
}

#csInner {
    position: relative;
    width: 984px;
    margin: 0 auto 0 auto;
    right: auto !important;
}

.createSpotButton {
    width: 193px;
    margin: 23px 0 0 0;
    left: 0px;
    position: absolute;
    z-index: 1;
}

.submitBtn {
    padding: 2px 16px;
    font-size: 12px;
    color: #777;
    cursor: pointer;
}

.submitBtn.bottomRight {
    float: right;
}

#commentSubmitBtn.submitBtn {
    margin-right: 8px;
    margin-top: 5px;
}

.btn.submitBtn:hover, .btn.submitBtn.active {
    border-color: #BBB #BBB #999 !important;

    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.5);
    background-position: 0 0;
}

.btn.submitBtn.active, .btn.submitBtn:active {
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    background: #eee;
}

/* General dropdown styles */
.dropdown dl {
    margin-left: 5px;
}

.dropdown dd, .dropdown dt, .dropdown ul {
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
}

.dropdown dd {
    position: relative;
}

/* UL styles */
.dropdown a {
    text-decoration: none;
    color: #333;
}

.dropdown dd ul {
    background: #EEEEEE none repeat scroll 0 0;
    display: none;
    list-style: none;
    padding: 3px 0;
    position: absolute;
    width: 260px;
    left: auto;
    right: 0;
    border: 1px solid #818EA1;
    cursor: pointer;
    z-index: 100;
}

.dropdown dd ul.ddPop {
    right: 181px;
}

.dropdown dd ul li {
    background-color: #EEEEEE;
    margin: 0;
    width: 260px;
}

.dropdown span.value {
    display: none;
}

.dropdown dd ul li a {
    display: block;
    font-weight: normal;
    width: 246px;
    text-align: left;
    overflow: hidden;
    padding: 2px 4px 3px 10px;
    color: #444;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
}

.dropdown dd ul li a:hover {
    background: #656565;
    color: white;
    text-decoration: none;
}

.dropdown dd ul li a:visited {
    text-decoration: none;
}

/* Cover change styles */
img.moveCursor {
    cursor: move;
}

#linkCoverChange {
    color: #808080;
    text-decoration: none;
}

a.smallBorder {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.fancyboxHidden {
    display: none;
}

.uiHidden {
    display: none;
}

li.coverChangeList {
    width: 160px;
}

a.coverChangeListLink {
    width: 146px;
}

a.coverChangeDrop {
    background-color: #F2F2F2;
    width: 100px;
}

#coverChangeButtons {
    position: absolute;
    right: 175px;
    top: 205px;
    z-index: 999;
}

#coverMoveSave {
    position: relative;
    float: left;
    margin-right: 5px;
}

#coverMoveCancel {
    position: relative;
    float: left;
}

#ulCoverChange {
    width: 160px;
}

#ulCoverChange li {
    width: 160px;
}

#ulCoverChange li a {
    width: 146px;
}

/* Fancybox navigation override */
a#fancybox-left {
    left: -63px;
    width: 45px;
    height: 44px;
    background-image: url('../images/arrows_circle.png');
    background-position: 0 0;
}

a#fancybox-left:hover {
    background-position: 0 44px;
}

a#fancybox-left:active {
    background-position: 0 46px;
}

#fancybox-right {
    right: -63px;
    width: 45px;
    height: 44px;
    background-image: url('../images/arrows_circle.png');
    background-position: 45px 0;
}

a#fancybox-right:hover {
    background-position: 45px 44px;
}

a#fancybox-right:active {
    background-position: 45px 46px;
}

#fancybox-left-ico {
    display: none;
    background-image: none;
}

#fancybox-right-ico {
    display: none;
    background-image: none;
}

#fancybox-content {
    overflow: visible;
}

.appriseOverlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 9998;
}

.appriseOuter {
    background: #eee;
    border: 1px solid #fff;
    box-shadow: 0 3px 7px #333;
    -moz-box-shadow: 0 3px 7px #333;
    -webkit-box-shadow: 0 3px 7px #333;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    z-index: 9999;
    min-width: 200px;
    min-height: 50px;
    max-width: 75%;
    position: fixed;
    display: none;
}

.appriseInner {
    color: #333;
    text-shadow: 0 1px 0 #fff;
    padding: 20px;
}

.appriseInner button {
    border: 1px solid #bbb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    background: 0;
    color: #232d3d;
    font-size: 12px;
    font-weight: 700;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
    box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    margin: 0 3px;
    padding: 4px 10px;
}

.appriseInner button:hover {
    color: #d85054;
}

.aButtons, .aInput {
    text-align: center;
    margin: 20px 10px 0;
}

.aTextbox {
    border: 1px solid #aaa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    width: 180px;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 10px;
}

#leftButtons {
    position: absolute;
    margin-top: -10px;
}

#leftButtons .button {
    height: 15px;
    width: 10px;
}

#rightButtons {
    position: absolute;
    margin-top: -10px;
    right: 0;
}

#rightButtons .button {
    height: 15px;
    width: 10px;
}

#sharePage {
    width: 712px;
    background-color: #fff;
    float: right;
    margin-right: 30px;
    color: #333;
}

#spTitle {
    font-family: 'LeagueGothicRegular', 'Impact', Charcoal, Arial Black, Gadget, Sans serif;
    font-size: 30px;
    line-height: 30px;
    color: #333;
    width: 712px;
    float: left;
}

#spImage {
    background-color: #F6F6F6;
    width: 692px;
    margin: 10px auto 10px auto;
}

#spImage img {
    margin: 0px auto 0px auto;
    position: relative;
    display: block;
    max-width: 692px;
}

#spImage iframe {
    margin: 0px auto 0px auto;
    position: relative;
    display: block;
    max-width: 692px;
}

#spImageTitle {
    margin: 14px auto 17px auto;
    position: relative;
    display: block;
    width: 600px;
    text-align: center;
    line-height: normal;
    font-size: 18px;
}

#spImageContent {
    margin: 0 auto 17px auto;
    position: relative;
    display: block;
    width: 600px;
    text-align: left;
    line-height: normal;
    font-size: 14px;
}

#spLeftButtons {
    float: left;
    margin-top: -16px;
    width: 280px;
}

#spRightButtons {
    float: right;
    margin-top: -10px;
}

#spCenter {
    margin: -16px 0 0 -110px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: left;
    background: #fff;
    width: 408px;
    height: 25px;
    padding: 2px 4px;
}

.btnLikeShare {
    position: relative;
    float: left;
    margin: -10px 0 0 0;
    z-index: 3;
    font-size: 14px;
    color: #666;
    height: 19px;
    padding: 5px 6px 6px 26px !important;
}

.btnLearn.btnLikeShare, .btnEdit.btnLikeShare {
    margin-top: 3px;
    margin-right: 4px;
    height: auto;
}

.btnLearn.btnLikeShare {
    padding-left: 32px !important;
}

.btnLikeShare div {
    margin-left: -22px;
    margin-top: 1px;
    position: absolute;
}

.btnLearn.btnLikeShare div, .btnEdit.btnLikeShare div {
    margin-left: -25px;
    margin-top: -2px;
    position: absolute;
}

.btnLearn.btnLikeShare div {
    margin-left: -27px;
    margin-top: -3px;
}

.btn-group.sharePage {
    margin-right: 4px;
    margin-top: 13px;
    float: left;
}

.btnFaveShare {
    position: relative;
    top: 13px;
    height: 19px;
    margin: -10px 0 0 0;
    z-index: 3;
    padding: 7px 8px 8px 28px !important;
    left: auto !important;
}

.btnFaveShare div {
    margin-top: -2px;
    margin-left: -22px;
    position: absolute;
}

.btnFollow {
    position: relative;
    margin: -16px 2px 0 0;
    z-index: 3;
    font-weight: bold;
    font-size: 14px;
    color: #666;
    padding: 7px 6px 8px 34px !important;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.btnFollow.small {
    font-size: 13px;
    padding: 6px 6px 7px 34px !important;
}

.btnFollow.creator {
    margin: 0 -2px 0 4px;
    position: relative;
    float: right;
    padding: 4px 6px 5px 30px !important;
    font-size: 12px;
    font-weight: 400;
}

.btnFollow div {
    margin-left: -28px;
    margin-top: -2px;
    position: absolute;
}

.btnFollow.following, a.btnFollow.following:hover {
    padding: 7px 0 8px 0 !important;
    width: 86px;
    text-align: center;
    background: #e1e1e1 !important;
    color: #000;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btnFollow.following.creator, a.btnFollow.following.creator:hover {
    padding: 4px 4px 5px 5px !important;
    font-weight: bold;
    width: 62px;
}

#shareView {
    width: 840px;
    color: #333;
}

#shareView p.divider {
    margin: 0 auto 7px 0;
    position: relative;
    padding-bottom: 0px;
    border-top: 5px solid #b9c8dc;
    border-bottom: 3px solid #dfe7f3;
}

#shareView.uDislike p.divider {
    border-top: 5px solid #e9afaf !important;
    border-bottom: 3px solid #f8d0d6 !important;
}

#shareView.uLike p.divider {
    border-top: 5px solid #a1c4a1 !important;
    border-bottom: 3px solid #badfba !important;
}

.box .boxWrapper p.divider {
    margin-top: 0px;
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

#svBottomDiv {
    width: 800px;
    margin: 0 auto 0 auto;
}

#svActions {
    margin: 0 auto 0 auto;
    height: 24px;
    width: 800px;
}

#svActions .btnInfo {
    padding-top: 4px !important;
    padding-bottom: 5px !important;
}

#svActions #spLeftButtons {
    margin-top: -20px !important;
}

#svActions #svRightButtons {
    margin-top: -16px !important;
}

#svImage {
    background-color: #F6F6F6;
    width: 800px;
    margin: 0px auto 7px auto;
}

#svImage img {
    margin: 0px auto 0px auto;
    position: relative;
    display: block;
    max-width: 800px;
}

#svImage iframe {
    margin: 0px auto 0px auto;
    position: relative;
    display: block;
    max-width: 800px;
}

#svImageTitle {
    margin: 14px auto 17px auto;
    position: relative;
    display: block;
    width: 600px;
    text-align: center;
    line-height: normal;
    font-size: 18px !important;
}

#svImageContent {
    margin: 0 auto 17px auto;
    position: relative;
    display: block;
    width: 600px;
    text-align: left;
    line-height: normal;
    font-size: 14px !important;
}

.textLeft {
    text-align: left !important;
}

#svNoteTitle {
    font-family: 'LeagueGothicRegular', 'Impact', Charcoal, Arial Black, Gadget, Sans serif;
    margin: 0px auto 10px auto;
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 30px;
    color: #393939;
    text-align: center;
    border-bottom: double #E8E1E3;
    padding-bottom: 6px;
    width: 740px;
}

.svNoteText {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 37px !important;
}

#svBottomLeft {
    float: left;
    width: 517px;
}

#svBottomRight {
    float: left;
    width: 266px;
    margin-left: 17px;
}

#svProfile {
    float: left;
    margin-right: 7px;
}

#svProfile a img {
    width: 50px;
    height: 50px;
}

#svProfileInfo {
    float: left;
    width: 460px;
}

#svRightButtons {
    float: right;
    margin-top: -8px;
}

#svRightButtons a {
    margin-left: 4px;
}

p.svInfo {
    margin-top: 0;
    font-size: 24px;
    line-height: 28px;
    width: 100%;
    font-family: 'Just Another Hand', cursive;
}

a.svLearn {
    margin-top: 0px;
    font-weight: normal !important;
    margin-bottom: 0px;
    position: relative;
    padding-left: 12px;
    background-image: url(../images/disc.png);
    background-repeat: no-repeat;
    background-position: 4px .55em;
    color: #2A5096;
    cursor: pointer;
}

p.svSpot {
    margin-top: 4px;
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 14px;
}

p.svSpot a.infoTag {
    margin-top: 0px;
    font-weight: normal;
    margin-bottom: 0px;
    position: relative;
    padding-left: 12px;
    background-image: url(../images/disc.png);
    background-repeat: no-repeat;
    background-position: 4px .55em;
    color: #2A5096;
}

p.svSpot a.infoTag:first-child {
    padding-left: 0px !important;
    background-image: none !important;
}

p.svDateBox {
    margin-top: 0px;
}

.svComments {
    background: #ffffff;
    width: 450px;
    position: relative;
    padding: 4px;
    padding-bottom: 2px;
    margin: 5px 0 0 57px;
    border: 1px solid #E1DFDF;
}

.svComments .commentContent {
    margin-top: 0;
    padding-left: 28px;
}

.svComments .commentBox {
    margin-bottom: 2px;
    background: #F6F6F6;
    padding: 5px;
    position: relative;
}

.svComments .commentBox .commentContentInput {
    float: left;
    padding-left: 28px;
}

.svComments .commentBox .commentContent p.commenter {
    margin-top: 0px;
    font-size: 11px;
    margin-bottom: 0px;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    line-height: 15px;
}

.svComments .commentBox .commentContent p.commenter a {
    margin-top: 0px;
    color: #000;
    font-weight: bold;
    margin-bottom: 0px;
    margin-right: 1px;
}

.svComments .commentBox .commentContent p.commentDate {
    margin-top: 1px;
    margin-bottom: 0px;
    color: #999999;
    font-size: 11px;
    font-weight: normal;
}

.svComments .commentBox .commentContentInput .commentInput {
    padding: 4px;
    resize: none;
    width: 318px;
    height: 16px;
    border: 1px solid #ccc;
    outline: none;
    position: relative;
}

.svComments .viewComments {
    float: left;
}

.svComments .viewComments p {
    margin-top: 0px;
    width: 450px;
    font-size: 11px;
    margin-bottom: 0px;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    line-height: 15px;
}

.svComments .viewComments a {
    color: #6d8ab6;
}

#spImageTitle {
    margin: 14px auto 17px auto;
    position: relative;
    display: block;
    width: 600px;
    text-align: center;
}

#spNoteTitle {
    font-family: palatino, "palatino linotype", "book antiqua", serif;
    margin: 24px auto 10px auto;
    position: relative;
    display: block;
    font-weight: bold;
    font-size: 24px;
    color: #444;
    text-align: center;
    border-bottom: double #E8E1E3;
    padding-bottom: 8px;
    width: 240px;
}

.spNoteText {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 37px !important;
    margin-top: 24px !important;
}

#spBottomLeft {
    float: left;
    width: 417px;
}

#spBottomRight {
    float: left;
    width: 266px;
    margin-left: 9px;
}

#spProfile {
    float: left;
    margin-right: 7px;
}

#spProfile a img {
    width: 50px;
    height: 50px;
}

#spProfileInfo {
    float: left;
    width: 360px;
}

p.spInfo {
    margin-top: 0;
    font-size: 24px;
    line-height: 28px;
    width: 100%;
    font-family: 'Just Another Hand', cursive;
}

p.spSpot {
    margin-top: 4px;
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 14px;
}

p.spSpot a.infoTag {
    margin-top: 0px;
    font-weight: normal;
    margin-bottom: 0px;
    position: relative;
    padding-left: 12px;
    background-image: url(../images/disc.png);
    background-repeat: no-repeat;
    background-position: 4px .55em;
    color: #2A5096;
}

p.spSpot a.infoTag:first-child {
    padding-left: 0px !important;
    background-image: none !important;
}

p.spDateBox {
    font-size: 12px;
    margin-top: 0px;
}

.spComments {
    background: #ffffff;
    width: 350px;
    position: relative;
    padding: 4px;
    padding-bottom: 2px;
    margin: 5px 0 0 57px;
    border: 1px solid #E1DFDF;
}

.spComments .commentContent {
    margin-top: 0;
    padding-left: 28px;
}

.spComments .commentBox {
    margin-bottom: 2px;
    background: #F6F6F6;
    padding: 5px;
}

.spComments .commentBox .commentContentInput {
    float: left;
    padding-left: 28px;
}

.spComments .commentBox .commentContent p.commenter {
    margin-top: 0px;
    font-size: 11px;
    margin-bottom: 0px;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    line-height: 15px;
}

.spComments .commentBox .commentContent p.commenter a {
    margin-top: 0px;
    color: #000;
    font-weight: bold;
    margin-bottom: 0px;
    margin-right: 1px;
}

.spComments .commentBox .commentContent p.commentDate {
    margin-top: 1px;
    margin-bottom: 0px;
    color: #999999;
    font-size: 11px;
    font-weight: normal;
}

.spComments .commentBox .commentContentInput .commentInput {
    padding: 4px;
    resize: none;
    width: 300px;
    height: 16px;
    border: 1px solid #ccc;
    outline: none;
    position: relative;
}

.spComments .viewComments {
    float: left;
}

.spComments .viewComments p {
    margin-top: 0px;
    width: 350px;
    font-size: 11px;
    margin-bottom: 0px;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    line-height: 15px;
}

.spComments .viewComments a {
    color: #6d8ab6;
}

#spBottom {
    padding: 0 10px 0 10px;
}

#spBottom p.divider {
    margin: 0 auto 7px 0;
    position: relative;
    padding-bottom: 0px;
    border-top: 5px solid #b9c8dc;
    border-bottom: 3px solid #dfe7f3;
}

#spReview {
    font-size: 16px;
    color: #3d638b;
}

#spBottomRight .userThumb, #svBottomRight .userThumb {
    width: 50px;
    height: 50px;
    display: block;
    margin-right: 4px;
    margin-bottom: 4px;
    float: left;
}

.userThumb.noMargin {
    margin-right: 0 !important;
}

.gplusDiv {
    width: 70px;
    height: 20px;
    float: right;
    overflow: hidden;
}

#followButton {
    position: absolute;
    right: 0px;
}

#followButton .btn {
    padding: 9px 14px 9px 40px;
    color: #666;
    font-weight: bold;
}

#followButton img {
    position: absolute;
    margin-left: -30px;
    margin-top: -3px;
}

#followButton .btn:hover {
    background-position: 0 0;
    border: 1px solid #aaa;
}

#userInvite {
    width: 600px;
    height: 190px;
}

#shareEdit {
    width: 600px;
    height: 450px;
}

#seInner {
    width: 560px;
    height: 430px;
    background: #F6F6F6;
    margin: 20px auto 20px auto;
}

#seInner.ui {
    height: auto;
    min-height: 170px;
}

#seLeft {
    float: left;
}

#seRight {
    float: left;
    width: 310px;
    margin: 15px 0 0 15px;
}

#seTitle {
    font-size: 28px;
    color: #666;
    margin: 0 auto 20px auto;
    text-align: center;
    padding-top: 20px;
}

#seMain {
    margin: 0 0 0 20px;
}

#seImage {
    overflow: hidden;
    width: 200px;
    height: 200px;
    float: left;
}

#shareEdit .imageDiv {
    margin-top: 17px;
}

#seButtons {
    float: right;
    margin: 10px 10px 0;
}

#seDelete {
    margin: 0;
}

#seOr {
    margin: 5px 0 5px 0px;
    font-size: 22px;
    color: #666;
    text-align: center;
}

#seText {
    float: left;
    font-size: 14px;
    margin-left: 0;
    margin-bottom: 4px;
    padding: 8px;
    padding-bottom: 5px;
    resize: none;
    width: 285px;
    height: 120px;
    border: 2px solid #E4E9F2;
    outline: medium none;
    position: relative;
}

#seShareTitle {
    float: left;
    font-size: 14px;
    margin-left: 0;
    margin-bottom: 4px;
    padding: 8px;
    padding-bottom: 5px;
    resize: none;
    width: 285px;
    height: 40px;
    border: 2px solid #E4E9F2;
    outline: medium none;
    position: relative;
}

#seTags {
    float: left;
    font-size: 14px;
    margin: 0 0 0 0;
    padding: 8px;
    padding-bottom: 5px;
    width: 285px;
    border: 2px solid #E4E9F2;
    outline: medium none;
    position: relative;
}

.inputTitle {
    margin: 0 0 0 0;
    float: left;
}

.inputTitle.withSub {
    margin-top: 0 !important;
}

.inputTitle.withSub span {
    display: block;
    font-size: 10px;
    line-height: 12px;
}

#coverUpload {
    width: 560px;
    height: 260px;
}

#cvInner {
    width: 520px;
    height: 240px;
    background: #F6F6F6;
    margin: 20px auto 20px auto;
}

#cvTitle {
    font-size: 28px;
    color: #666;
    margin: 0 auto 30px auto;
    width: 302px;
    padding-top: 20px;
}

#cvMain {
    margin: 0 0 0 40px;
}

#cvOr {
    margin: 20px 0 20px 0;
    font-size: 22px;
    color: #666;
}

#popLogin {
    width: 420px;
    height: 285px;
}

#plInner {
    width: 380px;
    min-height: 230px;
    background: #F6F6F6;
    margin: 20px auto 20px auto;
}

#plMain {
    margin: 0 auto 0 auto;
    width: 360px;
}

#plButtons {
    float: right;
    margin: 6px 0;
}

#plText {
    float: left;
    font-size: 14px;
    margin-left: 15px;
    padding: 8px;
    padding-bottom: 5px;
    resize: none;
    width: 285px;
    height: 120px;
    border: 2px solid #E4E9F2;
    outline: medium none;
    position: relative;
}

#newSpot {
    width: 640px;
    height: 510px;
}

#nsInner {
    width: 600px;
    min-height: 490px;
    background: #F6F6F6;
    margin: 20px auto 20px auto;
}

#nsTitle {
    font-size: 28px;
    color: #666;
    margin: 0 auto 30px auto;
    text-align: center;
    padding-top: 10px;
    line-height: normal;
}

#nsTitleLower {
    font-size: 18px;
    line-height: 24px;
    color: #888;
    padding: 0 18px;
    margin-bottom: 40px;
}

#nsMain {
    margin: 0 auto 0 auto;
    width: 508px;
}

#nsButtons {
    float: right;
    margin: 10px 20px 0;
}

#nsText {
    float: left;
    font-size: 14px;
    margin-left: 15px;
    padding: 8px;
    padding-bottom: 5px;
    resize: none;
    width: 285px;
    height: 120px;
    border: 2px solid #E4E9F2;
    outline: medium none;
    position: relative;
}

#nsPrivacy {
    position: absolute;
    right: 524px;
}

#respot {
    width: 600px;
    height: 360px;
}

#rsInner {
    width: 560px;
    height: 340px;
    background: #F6F6F6;
    margin: 20px auto 20px auto;
}

#rsTitle {
    font-size: 28px;
    color: #666;
    margin: 0 auto 20px auto;
    width: 85px;
    padding-top: 20px;
}

#rsButtons {
    float: right;
    margin: 5px 20px 0;
}

#rsButton {
    font-weight: bold;
    font-size: 18px;
    padding: 8px 18px 8px 18px;
}

#rsMain {
    margin: 0 0 0 20px;
}

#rsImage {
    overflow: hidden;
    width: 200px;
    height: 200px;
    float: left;
}

#rsText {
    float: left;
    font-size: 14px;
    margin-left: 15px;
    padding: 8px;
    padding-bottom: 5px;
    resize: none;
    width: 285px;
    height: 120px;
    border: 2px solid #E4E9F2;
    outline: medium none;
    position: relative;
}

#rsDropdown {
    float: right;
    margin: 0 20px 0 0;
    padding: 0;
    width: 301px;
}

#rsDropdown dl {
    float: right;
    margin: 5px 0 0 0;
}

#linkRespot {
    font-size: 18px;
    padding: 8px;
}

#rsDropdown .dropdown a {
    text-decoration: none;
    color: #808080;
}

#rsDropdown .dropdown dd ul {
    width: 298px;
}

#rsDropdown .dropdown dd ul li {
    width: 298px;
}

#rsDropdown .dropdown dd ul li a {
    width: 284px;
    font-size: 16px;
    line-height: 18px;
}

#profilePop {
    width: 600px;
    height: auto;
}

/* I have a ninja nose */
#ppInner {
    width: 560px;
    height: auto;
    background: #F6F6F6;
    margin: 20px auto 20px auto;
}

#ppTitle {
    font-size: 28px;
    color: #666;
    margin: 0 auto 20px auto;
    text-align: center;
    padding-top: 20px;
}

.ppImageDiv {
    float: left;
}

.ppImageDiv img {
    max-height: 165px;
    max-width: 200px;
}

#followButton.followPop {
    margin-left: 16px;
    position: relative;
    margin-bottom: 10px;
}

#ppText {
    float: left;
    font-size: 14px;
    margin-left: 16px;
    margin-bottom: 5px;
    padding: 8px;
    padding-bottom: 5px;
    resize: none;
    width: 285px;
    height: 40px;
    border: 2px solid #E4E9F2;
    outline: medium none;
    position: relative;
}

#ppButtons {
    margin-left: 14px;
}

.imageDiv {
    float: left;
    width: 200px;
    height: 200px;
    background: #fff;
    border: 2px solid #F2F2F2;
}

#inspireThumbList {
    margin: 0px auto 6px auto;
    width: 966px;
    height: 75px;
}

/* last item has no margin */
#inspireThumbList .inspireThumb {
    float: left;
    width: 75px;
    height: 75px;
    margin: 0px 6px 0px 0px;
}

#inspireThumbList .inspireThumb img {
    width: 75px;
    height: 75px;
}

#inspireThumbList .inspireThumb:last-child {
    margin-right: 0px;
}

a#inspireSeeMore {
    line-height: 20px;
    height: 30px;
    display: block;
    z-index: 1;
    margin: 4px auto 10px auto;
    text-align: center;
    border: 1px solid #ddd;
    background: #F6F6F6;
    font-size: 14px;
    position: relative;
    padding-top: 8px;
    color: #6D8AB6;
}

a#inspireSeeMore:hover {
    background: #dfe7f3;
    border: 1px solid #b9c8dc;
}

a#inspireSeeMore span {
    background-image: url(../images/select_tip.png);
    width: 9px;
    height: 5px;
    margin: 8px 0 0 7px;
    position: absolute;
}

.onlyAct a#inspireSeeMore {
    line-height: 10px;
    height: 17px;
    margin: 4px auto 6px auto;
}

.onlyAct a#inspireSeeMore span {
    margin: 3px 0 0 7px;
}

a#newsSeeMore {
    line-height: 20px;
    height: 30px;
    display: block;
    z-index: 1;
    margin: 4px 0 0 0;
    text-align: center;
    border: 1px solid #ddd;
    background: #F6F6F6;
    font-size: 14px;
    position: relative;
    padding-top: 8px;
    color: #6D8AB6;
    width: 434px;
}

a#newsSeeMore.profile {
    width: 206px;
    height: 22px;
    padding-top: 2px;
    border: 1px solid #d4d4d4;
}

a#newsSeeMore:hover {
    background: #dfe7f3;
    border: 1px solid #b9c8dc;
}

a#newsSeeMore span {
    background-image: url(../images/select_tip.png);
    width: 9px;
    height: 5px;
    margin: 8px 0 0 7px;
    position: absolute;
}

#newsLoading {
    margin-top: -5px;
}

#newsBox {
    height: 480px;
    width: 448px;
    overflow: visible !important;
}

.newsDiv {
    height: 74px;
    overflow: hidden;
}

a#seeMore {
    line-height: 50px;
    width: 966px;
    height: 60px;
    display: block;
    z-index: 1;
    margin: 0 auto 0 auto;
    text-align: center;
    border: 1px solid #ddd;
    background: #f4f4f4;
    font-size: 12px;
    position: relative;
}

a#seeMore:hover {
    background: #dfe7f3;
    border: 1px solid #b9c8dc;
}

a#seeMore span {
    background-image: url(../images/select_tip.png);
    width: 9px;
    height: 5px;
    margin: 22px 0 0 7px;
    position: absolute;
}

a#seeSearch {
    background: #f4f6fa;
    width: 40px;
    float: left;
    height: 60px;
    line-height: 14px;
    padding-top: 20px;
    display: block;
    z-index: 1;
    margin: 0 auto 0 auto;
    text-align: center;
    border: 1px solid #e6e6e6;
    font-size: 12px;
    position: relative;
}

a#seeSearch:hover {
    background: #dfe7f3;
    border: 1px solid #b9c8dc;
}

a#seeSearch div {
    background-image: url(../images/select_tip.png);
    width: 9px;
    height: 5px;
    margin: 6px 0 0 15px;
    position: relative;
    display: block;
}

.homeRow {
    position: relative;
    margin-top: 35px;
}

.homeRow:first-child {
    margin-top: 28px;
}

.homeRow:last-child {
    margin-bottom: 15px;
}

.homeRow #spotUsers {
    margin-top: 0px;
}

.homeRow #spotName {
    margin-top: 0px;
}

.privacyHome {
    display: block;
    position: relative;
    background: url(../images/privacy.png) no-repeat 0 0;
    height: 30px;
    width: 30px;
}

.privacyHome.private {
    background: url(../images/privacy.png) no-repeat 0 -30px;
}

.privacyHome.open {
    background: url(../images/privacy.png) no-repeat 0 -60px;
}

.privacyShare {
    display: block;
    position: relative;
    background: url(../images/privacy.png) no-repeat 0 0;
    height: 30px;
    width: 30px;
}

.privacyShare.private {
    background: url(../images/privacy.png) no-repeat 0 -30px;
}

.privacyDiv {
    position: absolute;
    right: 130px;
    top: 6px;
}

.privacySmall {
    display: block;
    float: right;
    position: relative;
    background: url(../images/privacy_small.png) no-repeat 0 0;
    height: 20px;
    width: 20px;
    top: 2px;
}

.privacySmall.private {
    background: url(../images/privacy_small.png) no-repeat 0 -20px;
}

.checkButton {
    margin-top: 5px;
    font-size: 14px;
    height: 24px;
    padding: 6px 1px 1px 1px;
    margin-right: 8px;
    position: relative;
    float: left;
    border: 2px solid transparent;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
}

label.checkButton:hover {
    border-color: #DDD;
    background-color: #fff;
}

label.checkButton.disabled:hover {
    border-color: transparent;
    background-color: transparent;
    cursor: default;
}

.checkButton.checked {
    border-color: #b9c8dc !important;
    background-color: #ecf1f9 !important;
}

.checkButton span {
    margin-right: 4px;
    vertical-align: top;
    color: #333;
}

.checkButton input {
    position: relative;
    margin-right: 2px;
    padding: 0;
}

#shareSubmitBtn {
    padding: 5px 16px !important;
}

#shareTags {
    float: right;
    border: 2px solid #E4E9F2;
    padding: 6px 3px 7px 3px;
    margin: 1px 4px 0 0;
    width: 200px;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    color: #333;
}

input#shareTags:focus {
    outline-width: 0;
}

#shareTagsLoading {
    float: right;
    margin-right: 4px;
}

.tipsy {
    font-size: 11px;
    position: absolute;
    padding: 5px;
    z-index: 100000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.tipsy-inner {
    background-color: #000;
    color: #FFF;
    max-width: 200px;
    padding: 5px 8px 4px 8px;
    text-align: center;
}

/* Rounded corners */
.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000;
}

/* Rules to colour arrows */
.tipsy-arrow-n {
    border-bottom-color: #000;
}

.tipsy-arrow-s {
    border-top-color: #000;
}

.tipsy-arrow-e {
    border-left-color: #000;
}

.tipsy-arrow-w {
    border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

/* To Top CSS */
#toTop {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:10px;
    right:10px;
    overflow:hidden;
    width:51px;
    height:51px;
    border:none;
    text-indent:100%;
    background:url(../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
    background:url(../images/ui.totop.png) no-repeat left -51px;
    width:51px;
    height:51px;
    display:block;
    overflow:hidden;
    float:left;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
    outline:none;
}
/* END To Top CSS */

.watermark {
    color: #999 !important;
}

.textboxlist {
    font: 15px "Helvetica Neue", Arial, sans-serif;
    color: #333;
    cursor: text;
}

.textboxlist-bits {
    zoom: 1;
    overflow: hidden;
    margin: 0;
    padding: 6px 7px 6px 7px;
    border: 2px solid #E4E9F2;
    background: #fff;
}

.textboxlist-bit {
    list-style-type: none;
    float: left;
    display: block;
    padding: 0;
    margin: 0 5px 3px 0;
    cursor: default;
}

.textboxlist-bit-editable {
    border: 1px solid #fff;
}

.textboxlist-bit-editable-input {
    border: 0;
    padding: 2px 0;
    *padding-bottom: 0;
    height: 18px;
    font: 15px "Helvetica Neue", Arial, sans-serif;
}

.textboxlist-bit-editable-input:focus {
    outline: 0;
}

.textboxlist-bit-box {
    position: relative;
    line-height: 18px;
    padding: 0 5px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    border: 1px solid #CAD8F3;
    background: #DEE7F8;
    cursor: default;
}

.textboxlist-bit-box-deletable {
    padding-right: 15px;
}

.textboxlist-bit-box-deletebutton {
    position: absolute;
    right: 4px;
    top: 6px;
    display: block;
    width: 7px;
    height: 7px;
    font-size: 1px;
    background: url('../images/tblclose.gif');
}

.textboxlist-bit-box-deletebutton:hover {
    border: none;
    background-position: 7px;
    text-decoration: none;
}

.textboxlist-bit-box-hover {
    background: #BBCEF1;
    border: 1px solid #6D95E0;
}

.textboxlist-bit-box-focus {
    border-color: #598BEC;
    background: #598BEC;
    color: #fff;
}

.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton {
    background-position: bottom;
}

.alert-message {
    position: relative;
    padding: 7px 15px;
    margin-bottom: 18px;
    color: #404040;
    background-color: #eedc94;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
    background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
    background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
    background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
    background-image: -o-linear-gradient(top, #fceec1, #eedc94);
    background-image: linear-gradient(top, #fceec1, #eedc94);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #eedc94 #eedc94 #e4c652;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.alert-message.error {
    background-color: #c43c35;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #c43c35 #c43c35 #882a25;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.fade {
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -ms-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    opacity: 0;
}

.fade.in {
    opacity: 1;
}

.alert-message .close {
    margin-top: 1px;
    *margin-top: 0;
    font-family: Arial, sans-serif;
    line-height: 18px;
}

.close {
    float: right;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    line-height: 13.5px;
    text-shadow: 0 1px 0 #ffffff;
    filter: alpha(opacity=25);
    -khtml-opacity: 0.25;
    -moz-opacity: 0.25;
    opacity: 0.25;
}

.close:hover {
    color: #000000;
    text-decoration: none;
    filter: alpha(opacity=40);
    -khtml-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: 0.4;
}

.alert-message a {
    font-weight: bold;
    color: #6d8ab6;
}

.alert-message.danger p a,
.alert-message.error p a,
.alert-message.success p a,
.alert-message.info p a {
    color: #ffffff;
}

.alert-message h5 {
    line-height: 18px;
}

.alert-message p {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
}

.alert-message div {
    margin-top: 5px;
    margin-bottom: 2px;
    line-height: 28px;
}

.alert-message .btn {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}

.alert-message.block-message {
    background-image: none;
    background-color: #fdf5d9;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    padding: 14px;
    border-color: #fceec1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.alert-message.block-message ul, .alert-message.block-message p {
    margin-right: 30px;
}

.alert-message.block-message ul {
    margin-bottom: 0;
    margin-top: 10px;
}

.alert-message.block-message li {
    color: #404040;
}

.alert-message.block-message .alert-actions {
    margin-top: 5px;
}

.alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info {
    color: #404040;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.alert-message.block-message.error {
    background-color: #fddfde;
    border-color: #fbc7c6;
}

.alert-message.block-message.success {
    background-color: #d1eed1;
    border-color: #bfe7bf;
}

.alert-message.block-message.info {
    background-color: #ddf4fb;
    border-color: #c6edf9;
}

.alert-message.block-message.danger p a,
.alert-message.block-message.error p a,
.alert-message.block-message.success p a,
.alert-message.block-message.info p a {
    color: #2A5096;
}

#svFave img {
    width: 15px;
    height: 14px;
    margin-right: 2px;
    top: 2px;
    position: relative;
}

#svEdit img {
    width: 14px;
    height: 14px;
    margin-right: 2px;
    top: 2px;
    position: relative;
}

#white-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 998;
    display: none;
    background-color: rgb(255, 255, 255);
    opacity: 0.7;
    cursor: pointer;
    height: 100%;
}

#intro-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    display: none;
    background-color: rgb(255, 255, 255);
    opacity: 0.84;
    cursor: pointer;
    height: 100%;
}

/* Introduction section */
#introCreateSpot {
    margin-top: 28px;
    margin-left: 120px;
}

#introSpotPicsDiv {
    width: 640px;
    margin: 15px auto 20px auto;
}

.introSpotPics {
    float: left;
    margin-left: 30px;
    border: 2px solid #E6E6E6;
}

.introSpotPics:first-child {
    margin-left: 0px;
}

.introSpotPics:hover {
    border: 2px solid #B9C8DC;
}

#introHome {
    position: absolute;
    margin-left: 104px;
    margin-top: -6px;
    z-index: 1001;
}

/* Activity Box */
.userActivity {
    width: 100%;
    position: relative;
    margin-bottom: 8px;
}

.userActivity.last {
    margin-right: 0px;
}

.userActivity img {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 6px;
}

.userActivity p {
    line-height: 12px;
    font-size: 11px;
    color: #555;
    margin-bottom: 2px;
}

.userActivity p.date {
    color: #bbb;
}

.userActivity div {
    float: left;
    width: 164px;
}

#locSelector {
    position: absolute;
    width: 250px;
    margin-top: 20px;
    margin-left: 165px;
}

#profileContent {
    height: 155px;
    margin-left: 24px;
    float: left;
    padding-top: 10px;
    color: #000;
}

#profileContent p {
    font-size: 24px;
}

#profileName {
    font-size: 30px;
    color: #444;
    font-weight: bold;
}

#profileMenu {
    list-style: none;
    margin: 0;
    font-size: 15px;
    position: absolute;
    bottom: 0px;
}

#profileMenu a {
    text-decoration: none;
    color: #999;
}

#profileMenu li.active a, #profileMenu a:hover {
    color: #2A5096;
}

#profileMenu li {
    float: left;
    display: block;
    margin: 0 24px 0 0;
    letter-spacing: 1px;
}

#profileMenu li.active, #profileMenu li:hover {
    border-bottom: 4px solid #2A5096;
}

#mainCategories {
    padding-top: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 920px;
    height: 24px;
    position: relative;
}

#mainCategoriesBottom {
    border-top: 1px solid white;
    margin-left: auto;
    margin-right: auto;
    width: 920px;
}

#userQueryTitle {
    text-align: center;
    color: #333;
    font-size: 18px;
    height: 36px;
}

#mainCategories.profile {
    width: 712px;
    float: left;
    margin-top: -10px;
}

.spotHeader {
    width: 712px;
    float: left;
    margin-top: -10px;
    font-size: 22px;
    color: #000;
    border-bottom: 1px solid #CFCFCF;
    padding-top: 16px;
    margin-left: auto;
    margin-right: auto;
    line-height: 20px;
    padding-bottom: 6px;
    position: relative;
}

#mainCategories.spCategories {
    border-bottom: none;
}

#mainCategoriesBottom.profile {
    width: 712px;
    float: left;
    margin-bottom: 16px;
}

#categoryMenu {
    list-style: none;
    margin: 0 auto 0 auto;
    font-size: 14px;
    width: 101%; /*HACK for chrome 1-line*/
}

#categoryMenu a {
    text-decoration: none;
    color: #999;
    padding: 0 12px 8px;
}

#categoryMenu li.active a, #categoryMenu a:hover {
    color: #2A5096;
}

#categoryMenu li {
    float: left;
    display: block;
    margin: 0 6px 0 0;
    padding: 0 0 4px;
    text-align: center;
}

#categoryMenu li.active, #categoryMenu li:hover {
    border-bottom: 4px solid #2A5096;
}

#categoryMenu li.searchVal {
    border-bottom: none !important;
    color: #333;
    margin-right: 10px;
}

.sortCategory {
    position: absolute;
    margin-left: -365px;
}

.sortCategory span {
    font-weight: 400;
}

#emptyUser {
    border: 6px solid #FFF;
    width: 660px;
    min-height: 360px;
    padding: 20px;
    background: #F6F6F6;
    float: left;
    color: #333;
}

#emptyUser.emptyHome {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 820px;
}

.imageSquare {
    width: 200px;
    height: 200px;
    margin-top: 0;
    margin-bottom: 5px;
    background-color: #f6f6f6;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.imageSquare a.imagePopup {
    width: 200px;
    height: 200px;
    position: relative;
    display: block;
}

a.imagePopup {
    display: block;
}

.button {
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    background-color: #EDEDED;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(25%, white), to(#EDEDED));
    background-image: -webkit-linear-gradient(white, white 25%, #EDEDED);
    background-image: -moz-linear-gradient(top, white, white 25%, #EDEDED);
    background-image: -ms-linear-gradient(white, white 25%, #EDEDED);
    background-image: -o-linear-gradient(white, white 25%, #EDEDED);
    background-image: linear-gradient(white, white 25%, #EDEDED);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='$startColor', endColorstr='$endColor', GradientType=0)";
    padding: 7px 14px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    color: #737373;
    font-size: 13px;
    line-height: normal;
    border: 1px solid #CCC;
    border-bottom-color: #B8B8B8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.button:hover {
    background-position: 0 -15px;
    text-decoration: none
}

.button:focus {
    outline: 1px dotted #737373
}

.button.active, .button:active, .button.following {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    -o-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.button.small {
    padding: 5px 9px 6px;
    font-size: 11px
}

.button.tiny {
    padding: 2px 9px 3px;
    font-size: 11px
}

.button.facebook, .button.twitter, .button.tumblr, .button.none, .button.pin, .button.google {
    color: #fff !important
}

.button.facebook, .button.twitter, .button.tumblr, .button.pin, .button.google {
    text-indent: 18px;
    *text-indent: 0;
    position: relative
}

.button.facebook:before, .button.twitter:before, .button.tumblr:before, .button.pin:before, .button.google:before {
    content: ' ';
    width: 31px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px
}

.button.tumblr {
    background-color: #334a5f;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#385773), to(#334a5f));
    background-image: -moz-linear-gradient(top, #385773, #334a5f);
    background-image: -ms-linear-gradient(top, #385773, #334a5f);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #385773), color-stop(100%, #334a5f));
    background-image: -webkit-linear-gradient(top, #385773, #334a5f);
    background-image: -o-linear-gradient(top, #385773, #334a5f);
    background-image: linear-gradient(top, #385773, #334a5f);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='$startColor', endColorstr='$endColor', GradientType=0)";
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    border-color: #334a5f #334a5f #2a3d4e;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%)
}

.button.tumblr:before {
    background: url(../images/share_tumblr.png) no-repeat center
}

.button.facebook {
    background-color: #566e9f;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#7088b8), to(#566e9f));
    background-image: -moz-linear-gradient(top, #7088b8, #566e9f);
    background-image: -ms-linear-gradient(top, #7088b8, #566e9f);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7088b8), color-stop(100%, #566e9f));
    background-image: -webkit-linear-gradient(top, #7088b8, #566e9f);
    background-image: -o-linear-gradient(top, #7088b8, #566e9f);
    background-image: linear-gradient(top, #7088b8, #566e9f);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='$startColor', endColorstr='$endColor', GradientType=0)";
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    border-color: #566e9f #566e9f #4d638e;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%)
}

.button.facebook:before {
    background: url(../images/share_facebook.png) no-repeat center
}

.button.twitter {
    background-color: #7bc4d9;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#94def3), to(#7bc4d9));
    background-image: -moz-linear-gradient(top, #94def3, #7bc4d9);
    background-image: -ms-linear-gradient(top, #94def3, #7bc4d9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #94def3), color-stop(100%, #7bc4d9));
    background-image: -webkit-linear-gradient(top, #94def3, #7bc4d9);
    background-image: -o-linear-gradient(top, #94def3, #7bc4d9);
    background-image: linear-gradient(top, #94def3, #7bc4d9);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='$startColor', endColorstr='$endColor', GradientType=0)";
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    border-color: #7bc4d9 #7bc4d9 #68bbd3;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%)
}

.button.twitter:before {
    background: url(../images/share_twitter.png) no-repeat center
}

.button.pin {
    background-color: #d43638;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#e54e50), to(#d43638));
    background-image: -moz-linear-gradient(top, #e54e50, #d43638);
    background-image: -ms-linear-gradient(top, #e54e50, #d43638);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e54e50), color-stop(100%, #d43638));
    background-image: -webkit-linear-gradient(top, #e54e50, #d43638);
    background-image: -o-linear-gradient(top, #e54e50, #d43638);
    background-image: linear-gradient(top, #e54e50, #d43638);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='$startColor', endColorstr='$endColor', GradientType=0)";
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    border-color: #d43638 #d43638 #984040;
}

.button.pin:before {
    background: url(../images/share_pin.png) no-repeat center
}

.button.none {
    background-color: #566e9f;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#7088b8), to(#566e9f));
    background-image: -moz-linear-gradient(top, #7088b8, #566e9f);
    background-image: -ms-linear-gradient(top, #7088b8, #566e9f);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7088b8), color-stop(100%, #566e9f));
    background-image: -webkit-linear-gradient(top, #7088b8, #566e9f);
    background-image: -o-linear-gradient(top, #7088b8, #566e9f);
    background-image: linear-gradient(top, #7088b8, #566e9f);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='$startColor', endColorstr='$endColor', GradientType=0)";
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    border-color: #566e9f #566e9f #4d638e;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%)
}

.button.google {
    background: url(../images/share_g.png) no-repeat center;
}

button.facebook, button.twitter, button.tumblr, .button.none, button.pin, button.google, input.facebook, input.twitter, input.tumblr, input.none, .input.pin, input.google {
    text-indent: 0 !important
}

.button.following {
    background: #999 !important;
    border-color: #666 !important;
}

.fbLogin {
    display: block;
    width: 144px;
    height: 32px;
    background: url(../images/fb_login.png) no-repeat;
}

.fbLogin:hover {
    background-position: 0 -32px;
}

.fbLogin.large {
    width: 237px;
    height: 45px;
    background: url(../images/fb_login_large.png) no-repeat;
}

.fbLogin.large:hover {
    background-position: 0 -45px;
}

.tabTri {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    display: block !important;
    background: url(/images/patreon_tab.png);
}

.tabTri.attach {
    background: url(/images/attach.png);
    width: 47px;
    height: 52px;
    margin-top: -9px;
    right: -10px;
}

#spAttachments {
    padding: 6px 20px 0;
    background: #f7f7f7;
}

a.fileIcon {
    width: 34px;
    height: 38px;
    display: block;
    background: url(/images/files_sprite.png);
    background-position: 0 0;
    border: none;
    float: right;
    margin-left: 8px;
    margin-bottom: 16px;
}

a.fileIcon span {
    margin-top: 37px;
    position: relative;
    display: block;
    font-weight: 300;
    font-size: 11px;
    overflow: hidden;
    height: 16px;
}

.fileIcon.zip {
    background-position: 0 0;
}

.fileIcon.doc {
    background-position: -36px 0;
}

.fileIcon.xls {
    background-position: -72px 0;
}

.fileIcon.ppt {
    background-position: -108px 0;
}

.fileIcon.jpg {
    background-position: -144px 0;
}

.fileIcon.mov {
    background-position: -180px 0;
}

.fileIcon.apk {
    background-position: 0 -40px;
}

.fileIcon.pdf {
    background-position: -36px -40px;
}

.fileIcon.ics {
    background-position: -72px -40px;
}

.fileIcon.html {
    background-position: -108px -40px;
}

.fileIcon.rar {
    background-position: -144px -40px;
}

.fileIcon.mp3 {
    background-position: -180px -40px;
}

#fpContent {
    margin: 0 auto 0 auto;
    width: 960px;
    position: relative;
}

/* Dropdown Menu */
.wrapper-dropdown {
    /* Size and position */
    position: relative; /* Enable absolute positionning for children and pseudo elements */
    width: 140px;
    margin: 0;
    padding: 10px 15px;

    /* Styles */
    background: #fff;
    border-left: 5px solid grey;
    cursor: pointer;
    outline: none;
    font-weight: 400;
}

.wrapper-dropdown ul {
    margin: 0;
}

.wrapper-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: grey transparent;
}

.wrapper-dropdown .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: -5px;
    right: 0px;
    z-index: 100;

    /* Styles */
    background: white;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    border-left: 5px solid;
    padding: 10px 15px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wrapper-dropdown .dropdown li:nth-child(1) a {
    border-left-color: #86cf8d;
}

.wrapper-dropdown .dropdown li:nth-child(2) a {
    border-left-color: #4183C4;
}

.wrapper-dropdown .dropdown li:nth-child(3) a {
    border-left-color: #f6c06b;
}

.wrapper-dropdown .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown .dropdown li:hover {
    background: #eee
}

/* Active state */

.wrapper-dropdown.active:after {
    border-width: 0 6px 6px 6px;
}

.wrapper-dropdown.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

/* No CSS3 support */

.no-opacity .wrapper-dropdown .dropdown,
.no-pointerevents .wrapper-dropdown .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity .wrapper-dropdown.active .dropdown,
.no-pointerevents .wrapper-dropdown.active .dropdown {
    display: block;
}

/* End Dropdown Menu */

/* TimeEntry styles */
.timeEntry_control {
    vertical-align: middle;
    margin-left: 2px;
}

* html .timeEntry_control {
    /* IE only */
    margin-top: -4px;
}

.ui-datepicker-trigger {
    cursor: pointer;
}

.emptyNotification {
    border: 6px solid #FFF;
    width: 176px;
    padding: 10px;
    font-weight: 400;
    background: #F6F6F6;
    float: left;
    color: #333;
    margin-bottom: 14px;
}

.emptyNotification a {
    font-weight: bold;
    color: #2A5096;
}

#spotDate {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 8px;
}

#spotDate span {
    font-weight: normal;
}

.needIcon {
    padding-left: 20px;
    margin-bottom: 4px;
}

.needIcon.large {
    padding-left: 30px;
    margin-bottom: 4px;
    margin-top: 3px;
    position: absolute;
    width: 210px;
}

.noFlow {
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
}

.spotMap {
    height: 200px;
    width: 458px;
    float: left;
    border: 6px solid #FFF;
}

.spotMapInfo {
    border: 6px solid #FFF;
    width: 176px;
    height: 160px;
    padding: 20px;
    font-weight: 400;
    background: #F6F6F6;
    float: left;
    color: #333;
}

.spotMapInfo a {
    color: #2A5096;
}

#map_div {
    height: 200px;
    width: 458px;
}

#spotInfo {
    height: 180px;
    overflow: hidden;
    width: 418px;
    padding: 20px 20px 0px 20px;
    background: #FFF;
    border: 6px solid #F4F4F4;
    float: left;
    font-size: 14px;
    color: #333;
}

#spotInfo .more-block {
    height: 160px;
    overflow: hidden;
}

#spotInfo h1 {
    margin-bottom: 12px;
    font-size: 26px;
    line-height: 30px;
}

#spotOptions {
    border: 6px solid #F4F4F4;
    width: 176px;
    height: 160px;
    padding: 20px;
    font-weight: 400;
    background: #FFF;
    color: #333;
    float: left;
}

.spotTag {
    background: url(../images/price_tags.png) no-repeat 0 -94px;
    position: relative;
    width: 203px;
    height: 93px;
    margin-top: -40px;
    margin-bottom: 18px;
    display: block;
}

.spotTag.free {
    background-position: 0 0;
}

.spotTag.small {
    background-position: -204px -94px;
    top: 34px;
    height: 57px;
    width: 123px;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    right: -70px;
}

.spotTag.free.small {
    background-position: -204px 0;
}

.spotTag span {
    position: absolute;
    margin-left: 80px;
    font-size: 54px;
    font-weight: bold;
    color: white;
    margin-top: 23px;
}

.spotTag.small span {
    margin-left: 50px;
    font-size: 34px;
    font-weight: bold;
    color: white;
    margin-top: 16px;
}

a.spotTag.full {
    background-position: 0 -376px;
}

a.spotTag.full span, a.spotTag.pending span {
    display: none;
}

a.spotTag.join:hover {
    top: -2px;
    left: 2px;
}

a.spotTag.join:active, a.spotTag.joined:active {
    top: 2px;
    left: -2px;
}

a.spotTag.joined {
    background-position: 0 -282px;
}

a.spotTag.joined.free {
    background-position: 0 -188px;
}

a.spotTag.pending {
    background-position: 0 -470px !important;
}

.pendingLink {
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin-top: 16px;
    position: relative;
    margin-left: 4px;
    color: #6d8ab6;
}

.pendingLink.remove {
    width: 54px;
    margin-left: 0;
    height: 46px;
}

.pendingLink a {
    color: #2A5096;
    font-weight: bold;
}

.pendingLink a + a {
    color: #6d8ab6;
    font-weight: normal;
}

.pendingLink a.light {
    color: #6d8ab6;
    font-weight: normal;
}

.pendingLink.nonLink {
    color: #333;
    margin-top: 0;
    width: 150px;
}

#photographersDiv .pendingLink.remove {
    width: 154px;
}

#photographersDiv .pendingLink.remove a {
    display: block;
}

.adminRemoveLink {
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin-top: 16px;
    position: relative;
    margin-left: 4px;
    color: #6d8ab6;
}

.adminRemoveLink.remove {
    width: 54px;
    margin-left: 0;
    height: 46px;
}

.adminRemoveLink a {
    color: #2A5096;
    font-weight: bold;
}

.inviteLink {
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin-top: 16px;
    position: relative;
    width: 54px;
    margin-left: 0;
    height: 46px;
    color: #777;
}

.inviteLink a {
    color: #2A5096;
    font-weight: bold;
}

a.moreText {
    float: right;
    color: #2A5096;
    font-size: 11px;
    margin-right: 8px;
}

.shareWindow a.moreText {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    margin-right: 0;
    padding-left: 6px;
    padding-top: 4px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("/images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] {
    background-image: url("/images/glyphicons-halflings-white.png");
}

.icon-facebook {
    background-image: url("/images/icon_large_fb.png?v=2");
    background-position: 0 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.icon-twitter {
    background-image: url("/images/icon_large_tw.png?v=2");
    background-position: 0 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.icon-youtube {
    background-image: url("/images/icon_large_yt.png?v=2");
    background-position: 0 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.icon-glass {
    background-position: 0 0;
}

.icon-music {
    background-position: -24px 0;
}

.icon-search {
    background-position: -48px 0;
}

.icon-envelope {
    background-position: -72px 0;
}

.icon-heart {
    background-position: -96px 0;
}

.icon-star {
    background-position: -120px 0;
}

.icon-star-empty {
    background-position: -144px 0;
}

.icon-user {
    background-position: -168px 0;
}

.icon-film {
    background-position: -192px 0;
}

.icon-th-large {
    background-position: -216px 0;
}

.icon-th {
    background-position: -240px 0;
}

.icon-th-list {
    background-position: -264px 0;
}

.icon-ok {
    background-position: -288px 0;
}

.icon-remove {
    background-position: -312px 0;
}

.icon-zoom-in {
    background-position: -336px 0;
}

.icon-zoom-out {
    background-position: -360px 0;
}

.icon-off {
    background-position: -384px 0;
}

.icon-signal {
    background-position: -408px 0;
}

.icon-cog {
    background-position: -432px 0;
}

.icon-trash {
    background-position: -456px 0;
}

.icon-home {
    background-position: 0 -24px;
}

.icon-file {
    background-position: -24px -24px;
}

.icon-time {
    background-position: -48px -24px;
}

.icon-road {
    background-position: -72px -24px;
}

.icon-download-alt {
    background-position: -96px -24px;
}

.icon-download {
    background-position: -120px -24px;
}

.icon-upload {
    background-position: -144px -24px;
}

.icon-inbox {
    background-position: -168px -24px;
}

.icon-play-circle {
    background-position: -192px -24px;
}

.icon-repeat {
    background-position: -216px -24px;
}

.icon-refresh {
    background-position: -240px -24px;
}

.icon-list-alt {
    background-position: -264px -24px;
}

.icon-lock {
    background-position: -287px -24px;
}

.icon-flag {
    background-position: -312px -24px;
}

.icon-headphones {
    background-position: -336px -24px;
}

.icon-volume-off {
    background-position: -360px -24px;
}

.icon-volume-down {
    background-position: -384px -24px;
}

.icon-volume-up {
    background-position: -408px -24px;
}

.icon-qrcode {
    background-position: -432px -24px;
}

.icon-barcode {
    background-position: -456px -24px;
}

.icon-tag {
    background-position: 0 -48px;
}

.icon-tags {
    background-position: -25px -48px;
}

.icon-book {
    background-position: -48px -48px;
}

.icon-bookmark {
    background-position: -72px -48px;
}

.icon-print {
    background-position: -96px -48px;
}

.icon-camera {
    background-position: -120px -48px;
}

.icon-font {
    background-position: -144px -48px;
}

.icon-bold {
    background-position: -167px -48px;
}

.icon-italic {
    background-position: -192px -48px;
}

.icon-text-height {
    background-position: -216px -48px;
}

.icon-text-width {
    background-position: -240px -48px;
}

.icon-align-left {
    background-position: -264px -48px;
}

.icon-align-center {
    background-position: -288px -48px;
}

.icon-align-right {
    background-position: -312px -48px;
}

.icon-align-justify {
    background-position: -336px -48px;
}

.icon-list {
    background-position: -360px -48px;
}

.icon-indent-left {
    background-position: -384px -48px;
}

.icon-indent-right {
    background-position: -408px -48px;
}

.icon-facetime-video {
    background-position: -432px -48px;
}

.icon-picture {
    background-position: -456px -48px;
}

.icon-pencil {
    background-position: 0 -72px;
}

.icon-map-marker {
    background-position: -24px -72px;
}

.icon-adjust {
    background-position: -48px -72px;
}

.icon-tint {
    background-position: -72px -72px;
}

.icon-edit {
    background-position: -96px -72px;
}

.icon-share {
    background-position: -120px -72px;
}

.icon-check {
    background-position: -144px -72px;
}

.icon-move {
    background-position: -168px -72px;
}

.icon-step-backward {
    background-position: -192px -72px;
}

.icon-fast-backward {
    background-position: -216px -72px;
}

.icon-backward {
    background-position: -240px -72px;
}

.icon-play {
    background-position: -264px -72px;
}

.icon-pause {
    background-position: -288px -72px;
}

.icon-stop {
    background-position: -312px -72px;
}

.icon-forward {
    background-position: -336px -72px;
}

.icon-fast-forward {
    background-position: -360px -72px;
}

.icon-step-forward {
    background-position: -384px -72px;
}

.icon-eject {
    background-position: -408px -72px;
}

.icon-chevron-left {
    background-position: -432px -72px;
}

.icon-chevron-right {
    background-position: -456px -72px;
}

.icon-plus-sign {
    background-position: 0 -96px;
}

.icon-minus-sign {
    background-position: -24px -96px;
}

.icon-remove-sign {
    background-position: -48px -96px;
}

.icon-ok-sign {
    background-position: -72px -96px;
}

.icon-question-sign {
    background-position: -96px -96px;
}

.icon-info-sign {
    background-position: -120px -96px;
}

.icon-screenshot {
    background-position: -144px -96px;
}

.icon-remove-circle {
    background-position: -168px -96px;
}

.icon-ok-circle {
    background-position: -192px -96px;
}

.icon-ban-circle {
    background-position: -216px -96px;
}

.icon-arrow-left {
    background-position: -240px -96px;
}

.icon-arrow-right {
    background-position: -264px -96px;
}

.icon-arrow-up {
    background-position: -289px -96px;
}

.icon-arrow-down {
    background-position: -312px -96px;
}

.icon-share-alt {
    background-position: -336px -96px;
}

.icon-resize-full {
    background-position: -360px -96px;
}

.icon-resize-small {
    background-position: -384px -96px;
}

.icon-plus {
    background-position: -408px -96px;
}

.icon-minus {
    background-position: -433px -96px;
}

.icon-asterisk {
    background-position: -456px -96px;
}

.icon-exclamation-sign {
    background-position: 0 -120px;
}

.icon-gift {
    background-position: -24px -120px;
}

.icon-leaf {
    background-position: -48px -120px;
}

.icon-fire {
    background-position: -72px -120px;
}

.icon-eye-open {
    background-position: -96px -120px;
}

.icon-eye-close {
    background-position: -120px -120px;
}

.icon-warning-sign {
    background-position: -144px -120px;
}

.icon-plane {
    background-position: -168px -120px;
}

.icon-calendar {
    background-position: -192px -120px;
}

.icon-random {
    background-position: -216px -120px;
    width: 16px;
}

.icon-comment {
    background-position: -240px -120px;
}

.icon-magnet {
    background-position: -264px -120px;
}

.icon-chevron-up {
    background-position: -288px -120px;
}

.icon-chevron-down {
    background-position: -313px -119px;
}

.icon-retweet {
    background-position: -336px -120px;
}

.icon-shopping-cart {
    background-position: -360px -120px;
}

.icon-folder-close {
    background-position: -384px -120px;
}

.icon-folder-open {
    background-position: -408px -120px;
    width: 16px;
}

.icon-resize-vertical {
    background-position: -432px -119px;
}

.icon-resize-horizontal {
    background-position: -456px -118px;
}

.icon-hdd {
    background-position: 0 -144px;
}

.icon-bullhorn {
    background-position: -24px -144px;
}

.icon-bell {
    background-position: -48px -144px;
}

.icon-certificate {
    background-position: -72px -144px;
}

.icon-thumbs-up {
    background-position: -96px -144px;
}

.icon-thumbs-down {
    background-position: -120px -144px;
}

.icon-hand-right {
    background-position: -144px -144px;
}

.icon-hand-left {
    background-position: -168px -144px;
}

.icon-hand-up {
    background-position: -192px -144px;
}

.icon-hand-down {
    background-position: -216px -144px;
}

.icon-circle-arrow-right {
    background-position: -240px -144px;
}

.icon-circle-arrow-left {
    background-position: -264px -144px;
}

.icon-circle-arrow-up {
    background-position: -288px -144px;
}

.icon-circle-arrow-down {
    background-position: -312px -144px;
}

.icon-globe {
    background-position: -336px -144px;
}

.icon-wrench {
    background-position: -360px -144px;
}

.icon-tasks {
    background-position: -384px -144px;
}

.icon-filter {
    background-position: -408px -144px;
}

.icon-briefcase {
    background-position: -432px -144px;
}

.icon-fullscreen {
    background-position: -456px -144px;
}

.glowBtn {
    border: none;
    height: 20px;
    float: right;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    background: #FA2 url(/images/button_gradient.png) repeat-x 0 0;
    padding: 8px 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    color: #444;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

.glowBtn:hover {
    background-position: 0 -36px;
    color: #444;
    text-decoration: none;
    box-shadow: 0 0 5px #FFF;
    -webkit-box-shadow: 0 0 5px #FFF;
    -moz-box-shadow: 0 0 5px #FFF;
}

.glowBtn:focus {
    outline: 1px dotted #666;
}

.glowBtn:active {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}

#shareImageDiv {
    padding: 8px 8px 0 0;
    width: 520px;
}

#shareImageImgDiv {
    margin-bottom: 20px;
    width: 100px;
    min-height: 100px;
}

#shareImageImgDiv.loading {
    background: url(../images/loading.gif) no-repeat 39px 30px;
}

#shareImageImgDiv.loading img {
    display: none;
}

#shareImageLeft {
    width: 100px;
    float: left;
}

#shareImageImg {
    max-width: 100px;
}

#shareImageRight {
    float: left;
    margin-left: 10px;
    width: 368px;
    padding: 10px;
    color: #000;
    border: 2px solid #E4E9F2;
    background: #fff;
    min-height: 76px;
}

#shareImageTitle {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 7px;
    margin-top: 2px;
    color: #444;
}

#createPost {
    width: 640px;
}

#shareUrlDiv {
    padding: 8px 8px 0 0;
    width: 600px;
    margin-left: -30px;
}

#shareUrlLeft {
    width: 132px;
    float: left;
}

#shareUrlImg {
    max-width: 132px;
}

#shareUrlRight {
    float: left;
    margin-left: 8px;
    width: 368px;
    padding: 10px;
    color: #000;
    border: 2px solid #E4E9F2;
    background: #fff;
}

#shareUrlTitle {
    font-weight: bold;
    font-size: 13px;
    width: 356px;
}

#shareUrlDomain {
    color: #666;
    font-size: 12px;
}

#shareUrlDesc {
    margin-top: 6px;
    font-size: 12px;
}

#shareUrlArrows {
    height: 22px;
    margin-bottom: 4px;
    width: 50px;
}

.centerShareUrl {
    margin-left: auto;
    margin-right: auto;
}

a.leftImgSelect {
    background: url(../images/arrows.png) no-repeat 0 0;
    width: 25px;
    height: 22px;
    float: left;
}

a.leftImgSelect:active {
    background: url(../images/arrows.png) no-repeat 0 -44px;
}

a.rightImgSelect {
    background: url(../images/arrows.png) no-repeat -25px 0;
    width: 25px;
    height: 22px;
    float: left;
}

a.rightImgSelect:active {
    background: url(../images/arrows.png) no-repeat -25px -44px;
}

a.closeX {
    background: url(../images/x_button.png) no-repeat 0 0;
    width: 15px;
    height: 15px;
    float: right;
    right: 0;
    top: 0;
    position: relative;
    z-index: 999;
}

a.closeX:hover {
    background: url(../images/x_button.png) no-repeat 0 -15px;
}

a.closeX:active {
    background: url(../images/x_button.png) no-repeat 0 -30px;
}

.hiddenClose {
    visibility: hidden !important;
}

.hiddenDisplay {
    display: none !important;
}

.posAbsolute {
    position: absolute;
}

/* THIS IS THE SECTION FOR ALL THE NEW PROFILE STUFF */
.headorange {
    color: #ff5900;
}

.headgreen {
    color: #4c8e41;
}

.headred {
    color: #b22d2d;
}

.headblue {
    color: #003399;
}

.dollarSign {
    position: absolute;
    font-size: 30px;
    margin-top: 18px;
    margin-left: 12px;
    color: #cdd8ec;
    font-weight: bold;
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

.creatorBoxLine {
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
    padding-bottom: 0;
    color: #333;
}

.creatorBoxLine a {
    color: inherit;
}

.newContent {
    position: absolute;
    left: 300px;
}

.newContent.oneCol {
    left: 125px;
}

.transparent .newContent {
    display: none;
}

#playBtnSmall {
    background-image: url(/images/play_btn_front.png);
    display: inline-block !important;
    margin-top: -32px !important;
    margin-left: -124px !important;
    height: 70px;
    width: 210px;
    position: absolute;
}

#playBtnSmall:hover {
    background-position: 0 -70px;
}

.ribbon {
    position: absolute;
    left: 14px;
    top: -14px;
    z-index: 10;
}

.ribbonDays {
    position: absolute;
    color: #722322;
    font-size: 16px;
    font-weight: bold;
    left: 11px;
    width: 51px;
    text-align: center;
    margin-top: 6px;
}

.ribbonDays span {
    padding: 0 7px 1px 7px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    top: -4px;
    background: #c64444;
}

.ribbon.star .ribbonDays span {
    background: #ececec;
}

.ribbon.star .ribbonDays {
    color: #737371;
}

.ribbonSmall {
    float: left;
    width: 10px;
    height: 19px;
    margin-right: 2px;
    background: url(../images/ribbon_small.png) no-repeat 0 0;
}

.ribbonSmall.star {
    background: url(../images/ribbonStar_small.png) no-repeat 0 0;
}

#featureText {
    font-size: 30px;
    margin-top: 24px;
    margin-bottom: 4px;
    font-weight: 300;
}

@-moz-document url-prefix() {
    #creatorTitle, #creatorTitlePreview {
        font-weight: 300 !important;
    }
}

.waitLink {
    font-size: 12px;
    font-weight: bold;
    color: #2A5096;
}

select.selectInput {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 #000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 #000;
    background-color: #fff;
    height: 28px;
    line-height: 28px;
    padding: 4px;
    font-size: 13px;
    color: #333;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 5px 0;
}

.goalDesc, .goalDesc p {
    font-family: "Open Sans", arial, sans-serif;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 17px;
    margin-top: -2px;
}

.goal.empty {
    text-align: center;
}

.goalfooter {
    line-height: 26px;
    margin: 0 0 2px 0 !important;
    font-size: 21px !important;
    color: #ff5900;
}

.met {
    color: #aaa !important;
}

.goalfooter {
    color: #ffb187 !important;
}

.met_container {
    background: #f7f7f7;
}

.unmet_container {
    background: #ffffff;
}

.goal_reached_ribbon {
    position: relative;
    left: 0;
    margin: -17px 0 0 -34px;
}

.unmet_goal_amount {
    color: #ff5900;
}

.met_goal_amount {
    color: #ffb187;
}

#dd {
    position: absolute;
    margin-top: 12px;
    right: 32px;
    width: 80px;
}

#nsMain #shareForm .inputTitle {
    color: #333;
    font-size: 16px;
    margin: 10px 10px 0 0;
    width: 100px;
    text-align: right;
}

#shareForm #nsText {
    width: 372px;
    height: 60px;
    margin-left: 0;
    margin-bottom: 6px;
}

#shareForm .nsRight {
    width: 392px;
    float: left;
    margin-bottom: 6px;
}

#shareForm input.inputText {
    margin-bottom: 6px;
    margin-top: 0;
    margin-left: 0;
    border: 2px solid #E4E9F2;
    background: #FFF;
    width: 374px;
    padding: 9px 7px 10px 7px;
    font-size: 15px;
    color: #333;
}

#shareForm #nsButtons {
    margin: 10px 0 20px 0;
}

ul.categoryList {
    list-style-type: none;
    margin: 0;
}

ul.categoryList li {
    font-size: 14px;
    border-left: solid 6px #eee;
    padding: 10px 0 10px 15px;
    font-weight: 400;
    color: #777;
}

ul.categoryList li:hover, ul.categoryList li.selected {
    background-color: #eee;
    border-left: solid 6px #fe5900;
}

ul.categoryList li.categoryHeader {
    font-weight: bold;
    background: none !important;
    border-left: solid 6px #eee !important;
    cursor: default;
}

ul.categoryList a {
    text-decoration: none;
}

.fpRight {
    float: left;
    margin-left: 16px;
}

.box.creationBox {
    width: 826px;
    margin: 0 0 32px 0;
    float: none;
    position: relative;
}

.box.searchBox {
    width: 1004px;
    padding-top: 20px;
    border-top: solid 2px #eee;
    margin: 0 0 20px 0;
}

.cbInfo {
    width: 210px;
    margin-left: 16px;
    float: left;
}

.cbInfo.small {
    width: 350px;
}

.cbData {
    border-left: solid 4px #dedede;
    margin-top: 18px;
    padding-left: 8px;
}

.cbDataText {
    color: #888;
    font-size: 12px;
    margin-bottom: 10px;
}

.cbData span {
    font-weight: bold;
    font-size: 20px;
    color: #000;
    display: block;
}

.cbTags {
    background: url('/images/tag_icon.png') no-repeat 0 2px;
    padding: 0 0 0 20px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 18px;
}

.cbTags a {
    color: #888;
    text-decoration: none;
    margin-right: 8px;
    display: inline-block;
}

.cbTags a:hover {
    color: #fe5900;
    text-decoration: underline;
}

.cbTitle a {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    color: #676767;
}

.cbTitle.small a {
    font-size: 16px;
}

.cbImage {
    display: block;
    width: 600px;
    height: 336px;
    float: left;
}

.cbImage.small {
    width: 266px;
    height: 150px;
}

.cbImage.cbNote {
    background: none;
    font-size: 18px;
    text-decoration: none;
    color: #333;
    line-height: 28px;
    box-sizing: border-box;
    padding: 90px;
    padding-top: 100px;
}

.cbImage.small.cbNote {
    padding: 0;
}

.cbCreatorDate {
    margin-top: 8px;
}

.cbCreatorDate a {
    font-weight: bold;
    margin-right: 8px;
}

.cbCreatorDate span {
    color: #aaa;
}

.cbCreatorDate.small {
    font-size: 12px;
}

.cbCreatorDate.small span {
    color: #808080;
}

.cbCreatorDate.smallMargin {
    margin-top: 2px;
}

.cbCreatorDate.cbContent {
    height: 40px;
}

.cbProgress {
    width: 198px;
    height: 12px;
    background: #e6e6e6;
}

.cbProgressMain {
    width: 180px;
    height: 12px;
    background: #fe5900;
    float: left;
}

.cbProgress .row {
    height: 6px;
    width: 18px;
    float: left;
    display: inherit;
}

.cbProgress .row .sq {
    height: 6px;
    width: 6px;
    float: left;
}

.cbProgress .row .sq.sq-2 {
    background: #eeb596;
}

.cbProgress .row .sq.sq-3 {
    background: #e6e6e6;
}

.cbProgress .row .sq.sq-4 {
    background: #fc6717;
}

.cbProgress .row .sq.sq-6 {
    background: #ebcab8;
}

.cbProgress .row .sq.sq-1, .cbProgress .row .sq.sq-5 {
    background: #f97833;
}

#headerSlide {
    height: 610px;
    width: 100%;
    display: block;
    background: url('/images/fp_background.jpg') 50% 0 no-repeat;
    position: fixed;
    background-size: cover;
    z-index: -1;
}

#fpAttribution {
    text-align: right;
    position: absolute;
    width: 100%;
    right: 40px;
    top: 560px;
    font-size: 20px;
}

#fpAttribution a {
    color: #fff;
    text-decoration: none;
}

.separator {
    font-size: 14px;
}

#frontSearch {
    padding-top: 2px;
}

#search {
    font: 13px 'open sans', sans-serif;
    color: #333;
    padding: 0px 15px;
    margin: 0;
    width: 294px;
    height: 34px;
    border: 0;
    border-radius: 2px 0 0 2px;
    display: inline-block;
    vertical-align: top;
}

#search_button {
    width: 35px;
    height: 34px;
    border: 0;
    background: #999;
    background-image: url('/images/search-retina.png');
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center center;

    margin: 0;
    padding: 0;
    border-radius: 0 2px 2px 0;
    display: inline-block;
    vertical-align: top;

    cursor: pointer;
}

.comment-form-input-check {
    width: 1px;
    height: 1px;
    border: 0;
    color: #808080;
    position: absolute;
    top: 0;
    left: 0;
}

.comment-form-input-check:focus {

    outline: 0

}

.noShadow:after {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}