html,
body { height: 100%; }

body {
    display: table;
    width: 100%;
    background-color: #E7F0F5;
    color: #54656e;
}

/*label {*/
    /*font-weight: normal !important;*/
/*}*/

/*#main-content{*/
    /*min-width: 420px;*/
    /*min-width: 545px;*/
/*}*/

/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
    .text-center-sm {
        text-align: center;
    }

    .twitter-sortby{
        max-width:130px;
    }

}

.page-row {
    display: table-row;
    height: 1px;
}

.page-row-expanded { height: 100%; }

.brand{
    margin: 0 10px 0 0;
}

.navbar{
    background:transparent url(https://047f3e818715d1bba59a-5c397fac8458b43aea13e0e5b8da2e06.ssl.cf1.rackcdn.com/nav-clouds-105b.png) repeat-x top center;
    margin-bottom: 0 !important;
}

.navbar-nav li a{
    font-weight: bold !important;
}

.nav-active a{
    color:#337ab7 !important;
}

.collapse.in, .collapsing {
    clear: both;
}

/*overwrite bootstrap default*/
.navbar-right .dropdown-menu {
    right: 0;
    left: auto;
}
/*overwrite bootstrap default*/
.container .navbar-header.navbar-right {
    margin-right: 0;
    margin-left: 0;
}


/* cool underline effect on navigation, gets weird on collapse state. Save for later */
/*.top-lvl-nav li.nav-active a:after, .top-lvl-nav li a:hover:after {*/
    /*content: '';*/
    /*display: block;*/
    /*border-bottom: 2px solid #333;*/
    /*position: absolute;*/
    /*bottom: 12px;*/
    /*left: 15px;*/
    /*right: 15px;*/
/*}*/

/*.top-lvl-nav li.nav-active a:after{*/
    /*border-bottom: 2px solid #337ab7 !important;*/
/*}*/

a.main-nav-btn, a.main-nav-btn:hover {
    text-decoration: none !important;
    max-width: 210px;
    overflow: hidden;
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    a.main-nav-btn, a.main-nav-btn:hover {
        max-width: 130px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 767px) {
    .collapsing, .in {background-color: #f7f7f7;}

    nav {
        position:initial !important;
    }
    .navbar{
        background-attachment: scroll;
    }
    #main-content{
        padding-top: 14px;
    }
    .navbar-collapse .nav > .divider-vertical {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    #main-content{
        padding-top: 140px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .first-lvl-ul{
        padding-left: 15px;
    }
}


.verticalDivider {
    display: inline-block;
    width: 1px;
    height: 135px;
    border-left: 1px solid #e2e2e2;
}
main{
    background: #E7F0F5 url(https://047f3e818715d1bba59a-5c397fac8458b43aea13e0e5b8da2e06.ssl.cf1.rackcdn.com/hills.jpg) repeat-x bottom left;
}

#main-content{
    margin-bottom: 80px;
}

.navbar-default
{
    border:none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.social-icon{
    margin:0 5px 0 0;
    top: -1px;
    position: relative;
    height: 16px;
    width: 16px;
}

#main-dropdown-menu{
    margin-top: 5px;
    text-decoration: none !important;
}

.dropdown-menu a:hover{
    text-decoration: none !important;
}

.dropdown-menu i{
    margin-right: 5px;
}



#footer
{
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #cddee8;
}



.btn-inst, .btn-twit, .btn-tumb, .btn-pin{
    background-image: none !important;
    color:#fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}
.btn-inst{
    background-color:#91BD7C;
    *background-color: #758E69;
    background-image: -moz-linear-gradient(top, #91BD7C, #758E69) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#91BD7C), to(#758E69)) !important;
    background-image: -webkit-linear-gradient(top, #91BD7C, #758E69) !important;
    background-image: -o-linear-gradient(top, #91BD7C, #758E69) !important;
    background-image: linear-gradient(to bottom, #91BD7C, #758E69) !important;

    border: solid 2px #55794D;
}
.btn-inst:hover{
    background-color:#758E69;
    *background-color: #91BD7C;
    background-image: -moz-linear-gradient(bottom, #758E69, #91BD7C) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#758E69), to(#91BD7C)) !important;
    background-image: -webkit-linear-gradient(bottom, #758E69, #91BD7C) !important;
    background-image: -o-linear-gradient(bottom, #758E69, #91BD7C) !important;
    background-image: linear-gradient(to top, #758E69, #91BD7C) !important;
}
.btn-twit{
    background-color:#57C1E8;
    *background-color: #5C97AE;
    background-image: -moz-linear-gradient(top, #57C1E8, #5C97AE) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#57C1E8), to(#5C97AE)) !important;
    background-image: -webkit-linear-gradient(top, #57C1E8, #5C97AE) !important;
    background-image: -o-linear-gradient(top, #57C1E8, #5C97AE) !important;
    background-image: linear-gradient(to bottom, #57C1E8, #5C97AE) !important;
    border: solid 2px #4E7079;
}
.btn-twit:hover{
    background-color:#5C97AE;
    *background-color: #57C1E8;
    background-image: -moz-linear-gradient(bottom, #5C97AE, #57C1E8) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5C97AE), to(#57C1E8)) !important;
    background-image: -webkit-linear-gradient(bottom, #5C97AE, #57C1E8) !important;
    background-image: -o-linear-gradient(bottom, #5C97AE, #57C1E8) !important;
    background-image: linear-gradient(to top, #5C97AE, #57C1E8) !important;
}

.btn-tumb{
    background-color:#435975;
    *background-color: #3C4858;
    background-image: -moz-linear-gradient(top, #435975, #3C4858) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#435975), to(#3C4858)) !important;
    background-image: -webkit-linear-gradient(top, #435975, #3C4858) !important;
    background-image: -o-linear-gradient(top, #435975, #3C4858) !important;
    background-image: linear-gradient(to bottom, #435975, #3C4858) !important;
    border: solid 2px #20393E;
}
.btn-tumb:hover{
    background-color:#3C4858;
    *background-color: #435975;
    background-image: -moz-linear-gradient(bottom, #3C4858, #435975) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3C4858), to(#435975)) !important;
    background-image: -webkit-linear-gradient(bottom, #3C4858, #435975) !important;
    background-image: -o-linear-gradient(bottom, #3C4858, #435975) !important;
    background-image: linear-gradient(to top, #3C4858, #435975) !important;
}

.btn-pin{
    background-color:#CB2027;
    *background-color: #C12027;
    background-image: -moz-linear-gradient(bottom, #CB2027, #C12027) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CB2027), to(#C12027)) !important;
    background-image: -webkit-linear-gradient(bottom, #CB2027, #C12027) !important;
    background-image: -o-linear-gradient(bottom, #CB2027, #C12027) !important;
    background-image: linear-gradient(to top, #CB2027, #C12027) !important;

    border: solid 2px #A32027;
}
.btn-pin:hover{
    background-color:#CB2027;
    *background-color: #C12027;
    background-image: -moz-linear-gradient(bottom, #CB2027, #C12027) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CB2027), to(#C12027)) !important;
    background-image: -webkit-linear-gradient(bottom, #CB2027, #C12027) !important;
    background-image: -o-linear-gradient(bottom, #CB2027, #C12027) !important;
    background-image: linear-gradient(to top, #CB2027, #C12027) !important;
}


.or-wrapper {
    border-bottom: 1px solid #BC9A23;
    padding: 10px 0;
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.or-text {
    position: absolute;
    left: 48%;
    top: 0;
    background: #FEFCE6;
    padding: 10px;
}

#front-login input[type=email],#front-login input[type=password]
{
    width:320px;
    display: inline;
}


#front-login input[type=submit]
{
    width:160px;
}

.front h1, .front h2{
    font-family: Baskerville, "Baskerville Old Face", "Goudy Old Style", Garamond, "Times New Roman", serif !important;
}

#social-logins .btn{
    margin:5px;
}

#social-logins{
    padding:10px 0 5px 0;
}

.login-well{
    background: #FEFCE6;
    border: 3px solid #D4B95A;
    border-radius: 20px;
    color: #BC9A23;
}

.front-top-box{
    margin-top: 40px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
    margin-bottom: 20px;
    text-align: center;
}
.marketing h2 {
    font-weight: normal;
}
.marketing .col-lg-4 p {
    margin-right: 10px;
    margin-left: 10px;
}

.front-features
{
    margin-top:40px;
}

.front-features img
{
    border: 1px solid #999;
}
@media only screen and (max-width: 767px) {
    .front-features h2 {
        margin-top: 10px !important;
    }

    .front-feature {
        margin-bottom: 30px;
    }
}

/* bubble */
.bubble, .bubble2
{
    color: #BC9A23;

    position: relative;
    display:inline-block;
    padding: 20px;
    background: #FEFCE6;
    border: #D4B95A solid 3px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.bubble:after, .bubble2:after
{
    content: "";
    position: absolute;
    bottom: -15px;
    left: 48%;
    border-style: solid;
    border-width: 15px 15px 0;
    border-color: #FEFCE6 transparent;
    display: block;
    width: 0;
    z-index: 1;
}

.bubble:before, .bubble2:before
{
    content: "";
    position: absolute;
    bottom: -19.5px;
    left: calc(48% - 3px);
    border-style: solid;
    border-width: 18px 18px 0;
    border-color: #D4B95A transparent;
    display: block;
    width: 0;
    z-index: 0;
}

@media only screen and (min-width: 992px) {
    .bubble2:after {
        left: 80% !important;
    }

    .bubble2:before {
        left: calc(80% - 3px) !important;
    }
}

.well-white {
    background-color: #fff !important;
    background-image: none !important;
}

.page-title {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin: 0 0 20px 0;
}


/* results page CSS */
.user-details-header
{
    background-color: #fff;
    border: 1px solid #CECECE;
    border-radius: 8px;
    box-shadow: 0 1px 1px 1px #E0EBF1;
    margin-top: 10px;
}

.user-details-header
{
    font-size: 26px;
    line-height: 32px;
    margin: 0;
    text-align: center;
    padding: 10px;
}

.user-details-header .img-thumbnail
{
    height: 83px;
    width: 83px;
    max-width: inherit;
}

.user-details-header .user-select
{
    text-align: left;
    margin-top: 4px;
}

.user-details-header .user-counts
{
    margin-top: 10px;
}

#changeUsers .input-group-addon, #changeUsers .input-lg
{
    font-size: 20px !important;
}

#youarediv{
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    margin: 0 0 5px;
}

.td-user-select .btn-mini{
    border-radius: 3px 3px 3px 3px !important;
    font-size: 10.5px !important;
    padding: 1px 6px !important;
    height: 22px;
}

.user-details-header p
{
    text-align: left;
    font-size: 16px;
    line-height: 16px;
}

.user-details-header .dropdown-menu
{
    margin-top: 2px;
}

.profile-tabs {
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    background:#535d66;
    margin:15px 0px 0px 0px;
    overflow:hidden;
}

.profile-tabs ul{
    float:left;
    margin:0px 8px 0px 8px;
    font-weight:bold;
    padding: 0 0 0 5px;
}

.profile-tabs li{
    float:left;
    margin:9px 5px 0px 5px;
    font-weight:bold;
    list-style: none;
}

.profile-tabs li a{
    color:#ffffff;
    display:block;
    float:left;
    padding:16px 15px 12px 15px;
}

.profile-tabs li a:hover, .profile-tabs li a.active{
    color:#535d66;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    background:#fff;
}

.following-tab-text {
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius:  0px 0px 8px 8px;
    border-bottom:1px solid #cecece;
    border-left:1px solid #cecece;
    border-right:1px solid #cecece;
    background:#fff;
    overflow:hidden;
    -webkit-box-shadow:  0px 1px 1px 1px #e0ebf1;
    box-shadow:  0px 1px 1px 1px #e0ebf1;
    margin-bottom:100px;
}

.first-line {
    display: block;
    font-weight: bold;
    margin: 15px 30px;
    overflow: hidden;
    width: auto;
}

.first-line p {
    float:left;
    margin:9px 0;
}

.sorting {
    background:#f5f6f6;
    border-bottom:1px solid #dcdddd;
    border-top:1px solid #dcdddd;
    padding:10px 22px;
}

#sortBy{
    height: 30px;
}

#toolbar .sort .caret{
    margin-top: 8px !important;
    margin-left: 4px !important;
}

.view-style-button
{
    height:30px;
}

.toolbar-container{
    margin: 0 10px 0 10px;
    float: left;
    height: 59px;
}

#show-checkboxes {
    margin-top: 5px;
}

#show-checkboxes input, #show-checkboxes label
{
    float:left;
    margin-right: 5px;
}

#show-checkboxes label
{
    margin-right: 10px;
    font-weight: normal;
}


.sorting p {
    margin-top:5px;
}

.sorting p label {
    font-weight:normal;
    line-height:13px;
}

#loading-between-tabs{
    text-align: center;
    margin:20px 0;
}

/* image-list start */

.image-list li{
    display: inline-block;
    position: relative;
}

#grid-results-container img{
    vertical-align:top;
    border:1px solid #a7a9ac;
    height: 64px;
    width: 64px;
}
#grid-results-container{
    margin: 10px;
    text-align: center;
}

#grid-results-container img{
    margin:4px;
}

.g {
    border: medium none !important;
    height: 23px !important;
    left: 0;
    position: absolute;
    top: 41px;
    width: 23px !important;
    z-index: 1;
}

.view-list .g {
    top: 65px;
}


.gp {
    border: medium none !important;
    left: 51px;
    position: absolute;
    top: 44px;
    z-index: 1;
    color: #8899a6;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}

.view-list .gp {
    top: 64px;
    left: 55px;
}

#features {
    text-align: center;
    margin: 0;
}

/* list style */
.view-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.view-list li {
    border-top: 1px solid #CCCCCC;
    overflow: hidden;
    padding: 15px 0;
    vertical-align: middle;
    position: relative;
}
.view-list li:first-child {
    border: medium none;
}
.view-list img {
    float: left;
    margin: 0 19px 0 0;
    height: 73px;
    width: 73px;
}
.view-list .button {
    float: right;
    margin: 0 0 0 25px;
    width:100px;
}
.view-list .text-holder {
    height: 1%;
    overflow: hidden;
}
.list-counts {
    float: right;
    margin-bottom: 10px;
}
.list-counts-xs{
    float:  none !important;
    margin:5px 0 0 -9px !important;
}
.list-counts td {
    color: #228B22;
    font-weight: bold;
    padding: 0 10px;
}
.list-bio-loc {
    clear: both;
    padding: 0;
    margin: 0;
}
.list-counts .mid-box {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #CCCCCC;
    border-image: none;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-style: none solid;
    border-width: 0 1px;
}
.list-counts strong {
    color: #888888;
}

.view-list .mail {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.25em;
}
.view-list p {
    line-height: 1.32em;
    margin: 0;
}

.view-list h3{
    font-size: 1.5em;
    line-height: 1.07em;
    margin: 0;
}

#list-container{
    margin: 0 15px;
}

/* unfollow/follow button */
.button {
    display: inline-block;
    text-decoration: none;
    padding: 6px 8px;
    text-align: center;
    min-width: 84px;
    color: #222;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    background: #eeeeee;
    text-shadow: 0 1px rgba(255, 255, 255, 0.3);
    border: 1px solid #bbb;
    border-bottom-color: #999;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.08));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, rgba(255, 255, 255, 0.2)), color-stop(1, rgba(0, 0, 0, 0.08)));
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='$top', EndColorStr='$bottom');
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.button:hover, .button:active {
    border-color: #a2a2a2;
    border-bottom-color: #888888;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, rgba(255, 255, 255, 0.1)), color-stop(1, rgba(0, 0, 0, 0.1)));
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='$top', EndColorStr='$bottom');
}
.button:active {
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.08));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(0, 0, 0, 0.08)));
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='$top', EndColorStr='$bottom');
}
.button .icon, .icon-unfollow, .icon-follow {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-right: 5px;
    overflow: hidden;
}
.button .icon {
    background: url("http://8381f26007110c2ae7f1-5c397fac8458b43aea13e0e5b8da2e06.r46.cf1.rackcdn.com/twitter-button-icons-v2.png") repeat scroll 0 0 transparent;
}
.button .icon-unfollow {
    background: url("http://8381f26007110c2ae7f1-5c397fac8458b43aea13e0e5b8da2e06.r46.cf1.rackcdn.com/ajax-loader.gif") repeat scroll 0 0 transparent;
}
.button .icon-follow {
    background: url("http://8381f26007110c2ae7f1-5c397fac8458b43aea13e0e5b8da2e06.r46.cf1.rackcdn.com/ajax-loader-follow.gif") repeat scroll 0 0 transparent;
}
.button-follow{
    color:#333 !important;
}
.button-follow .icon {
    background-position: -16px center;
}
.button-follow:hover {
    color: #333;
    text-decoration: none;
}
.button-following, .button-unfollow {
    color: #fff !important;
    text-shadow: none;
}
.button-following {
    background-color: #00AE3E;
    border-color: #008F33 #008F33 #00762A;
}
.button-unfollow {
    background-color: #CA2424;
    border-color: #B01F1F #B01F1F #9A1C1C;
}
.button-unfollow .icon {
    background-position: -32px center;
}
.button-unfollow:hover {
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.08));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, rgba(255, 255, 255, 0.2)), color-stop(1, rgba(0, 0, 0, 0.08)));
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='$top', EndColorStr='$bottom');
}
.button-unfollow:active {
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.08));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(0, 0, 0, 0.08)));
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='$top', EndColorStr='$bottom');
}

.pagination span{
    cursor: pointer;
}

/*******************/
/* start hovercard */

.twitter-bubble {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 99999;
}

.twitter-bubble-content {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 5px 4px 4px;
    box-shadow: 0 1px 0 #AAAAAA;
    margin: 10px 0 11px;
    overflow: hidden;
    width: 270px;
}

.twitter-bubble-divot {
    background-repeat: no-repeat;
    height: 15px;
    left: 16px;
    width: 27px;
}

.twitter-bubble-divot-bottom {
    background-image: url("https://8381f26007110c2ae7f1-5c397fac8458b43aea13e0e5b8da2e06.ssl.cf1.rackcdn.com/divvy.png");
    bottom: 0;
    position: absolute;
}

.ie .twitter-bubble-divot-bottom, .ff3 .twitter-bubble-divot-bottom, .opera .twitter-bubble-divot-bottom {
    background-image: url("https://8381f26007110c2ae7f1-5c397fac8458b43aea13e0e5b8da2e06.ssl.cf1.rackcdn.com/divvy.gif");
}

.twitter-bubble-divot-top {
    background-image: url("https://8381f26007110c2ae7f1-5c397fac8458b43aea13e0e5b8da2e06.ssl.cf1.rackcdn.com/divvy-up.gif");
    position: absolute;
    top: 0;
}

a.a-btn {
    background: url("https://8381f26007110c2ae7f1-5c397fac8458b43aea13e0e5b8da2e06.ssl.cf1.rackcdn.com/bg-btn.gif") repeat-x scroll 0 0 #DDDDDD;
    border-color: #DDDDDD #DDDDDD #CCCCCC !important;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px !important;
    cursor: pointer;
    display: inline-block;
    font-family: "lucida grande",helvetica,tahoma,arial;
    font-size: 11px;
    line-height: 14px;
    padding: 4px 8px 5px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF !important;
}

a.a-btn, a.a-btn:visited {
    color: #333 !important;
}

a.a-btn:hover, a.a-btn:focus {
    border-color: #999999 #999999 #888888 !important;
    color: #333;
    outline: medium none;
    text-decoration: none;
}

a.a-btn:active {
    background-image: none;
    outline: medium none;
}

.btn-primary, .btn-info {
    color: #fff !important;
}

:focus {
}

a.a-btn-m {
    background-position: 0 -200px;
    border-radius: 5px 5px 5px 5px;
    font-family: "helvetica neue",arial,sans-serif;
    font-size: 15px;
    line-height: 20px;
    padding: 5px 15px 6px;
}

a.a-btn-l {
    background-position: 0 -400px;
    border-radius: 6px 6px 6px 6px;
    font-family: "helvetica neue",arial,sans-serif;
    font-size: 20px;
    line-height: 26px;
    padding: 7px 20px 8px;
}

a.btn-disabled {
    background-image: none;
    opacity: 0.6;
}

.hovercard {
    color: #333;
    font-family: "lucida grande","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
}

.twitter-bubble-wrapper {
    position: absolute;
}

a {
    cursor: pointer;
}

a img {
    border: 0 none;
}

#follow-frame {
    height: 39px;
    width: 282px;
}

.bd .loading-inline-spinner img {
    display: block;
    height: 14px;
    margin: 17px auto;
    width: 14px;
}

.loading-msg {
    background: url("https://8381f26007110c2ae7f1-5c397fac8458b43aea13e0e5b8da2e06.ssl.cf1.rackcdn.com/spinner.gif") no-repeat scroll left center transparent;
    margin: 0 10px;
    padding: 5px 20px;
    width: 50px;
}

.user-dne {
    display: inline-block;
    padding: 5px;
    width: 165px;
}

.hovercard-inner .bd {
    overflow: hidden;
    padding: 10px;
}

.hovercard-inner a, .hovercard-inner a:visited {
    color: #2276BB;
    text-decoration: underline;
}

.hovercard-inner p.location {
    height: 16px;
}

.hovercard-inner .avatar, .loading-inline-graphic {
    display: block;
    float: left;
    height: 48px;
    width: 48px;
}

.loading-inline-graphic {
    background-color: transparent;
    background-position: 0 0;
}

.hovercard-inner .bio {
    margin-left: 56px;
}

.hovercard p {
    margin: 0;
    padding: 0;
}

.hovercard-inner .bio span em {
    display: block;
    font-style: normal;
}

.hovercard-inner .bio p {
    line-height: 16px;
}

.hovercard-inner .fn-above {
    color: #333;
    font-family: "helvetica neue",helvetica,arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
}

.hovercard-inner .sn a {
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
}

.inline .hovercard-inner .at_symbol {
    display: none;
}

.hovercard-inner .sn img {
    position: relative;
    top: 2px;
}

.hovercard-inner .user i {
    background-image: url("https://8381f26007110c2ae7f1-5c397fac8458b43aea13e0e5b8da2e06.ssl.cf1.rackcdn.com/sprite-icons.png");
    background-position: -176px -32px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    margin: 0 3px -3px 0;
    outline-color: -moz-use-text-color;
    overflow: hidden;
    width: 15px;
}

.hovercard-inner .user b {
    background-image: url("https://8381f26007110c2ae7f1-5c397fac8458b43aea13e0e5b8da2e06.ssl.cf1.rackcdn.com/sprite-icons.png");
    background-position: 0 -64px;
    background-repeat: no-repeat;
}

.hovercard-inner .description {
    clear: left;
    color: #656565;
    height: auto;
    overflow: hidden;
    padding-top: 3px;
}

.hovercard-inner .description-inactive {
    display: none;
}

.hovercard-inner ul.user_stats {
    overflow: hidden;
}

.hovercard-inner ul.user_stats, .hovercard-inner .user_stats li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.hovercard-inner .description p, .hovercard-inner .description ul {
    color: #333;
    padding: 3px 0;
}

.hovercard-inner .user_stats li {
    border-right: 1px solid #EEEEEE;
    float: left;
    letter-spacing: -0.5px;
    padding: 1px 12px;
}

.hovercard-inner .user_stats li.last {
    border-right-width: 0;
}

.hovercard-inner .user_stats li.first {
    padding-left: 0;
}

.hovercard-inner .user_stats .stat {
    color: #333;
    display: block;
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.hovercard-inner .user_stats a .stat {
    color: #2276BB;
    text-decoration: underline;
}

.hovercard-inner .user_stats .type {
    color: #666666;
}

.hovercard-inner .hovercard-inner-footer {
    background: none repeat scroll 0 0 #F6F6F6;
    padding: 5px 0;
}

.hovercard-inner .hovercard-inner-footer .loading-msg {
    background: url("https://8381f26007110c2ae7f1-5c397fac8458b43aea13e0e5b8da2e06.ssl.cf1.rackcdn.com/spinner.gif") no-repeat scroll left center transparent;
    height: 39px;
    line-height: 39px;
    padding: 0 0 0 20px;
    vertical-align: middle;
}

.follow-controls, .following-controls {
    float: left;
    /**height: 39px;
    line-height: 39px;*/
    margin-left: 10px;
    vertical-align: middle;
}

.action-dropdowns {
    float: right;
    /*height: 39px;
    line-height: 39px;*/
    margin-right: 7px;
    vertical-align: middle;
}

.follow-controls a, .action-dropdowns a {
}

.hovercard-inner .setting {
    background: url("https://8381f26007110c2ae7f1-5c397fac8458b43aea13e0e5b8da2e06.ssl.cf1.rackcdn.com/sprite-icons.png") no-repeat scroll -96px -48px transparent;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-bottom: -5px;
    margin-left: 5px;
    width: 16px;
}

.hovercard-inner .sms-setting-off {
    background-position: -160px -48px;
}

.hovercard-inner .sms-setting-not-off {
    background-position: -48px -48px;
}

.hovercard-inner .replies-setting-off {
    background-position: -144px -48px;
}

.hovercard-inner .replies-setting-not-off {
    background-position: 0 -48px;
}

.hovercard-inner .shares-setting-off {
    background-position: -176px -48px;
}

.hovercard-inner .shares-setting-not-off {
    background-position: -96px -48px;
}

.hovercard-inner .is-following {
    background: url("https://8381f26007110c2ae7f1-5c397fac8458b43aea13e0e5b8da2e06.ssl.cf1.rackcdn.com/sprite-icons.png") repeat scroll -160px -16px transparent;
    display: inline-block;
    height: 9px;
    margin-right: 3px;
    width: 10px;
}

.follow-alert .alert, .follow-pending .pending, .is-you {
    height: 39px;
    line-height: 39px;
    margin-left: 10px;
    vertical-align: middle;
}

.hovercard-inner .following-controls, .hovercard-inner .is-you, .hovercard-inner .pending, .hovercard-inner .alert {
    font-weight: bold;
}

.hovercard-inner .alert i {
    background: url("https://8381f26007110c2ae7f1-5c397fac8458b43aea13e0e5b8da2e06.ssl.cf1.rackcdn.com/alert.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 13px;
    margin-bottom: -2px;
    margin-right: 5px;
    width: 14px;
}

.hovercard-inner .following-controls .you-follow-user {
    border-right: 1px solid #F6F6F6;
    display: inline-block;
}

.hovercard .not-following .following-controls, .hovercard .following .follow-controls, .hovercard .blocking .follow-controls, .hovercard .follow-pending .follow-controls, .hovercard .follow-pending .following-controls, .hovercard .follow-alert .follow-controls, .hovercard .follow-alert .following-controls, .hovercard .pending, .hovercard .is-you, .hovercard .alert, .hovercard .you .follow-controls, .hovercard .not-following .unfollow, .hovercard .follow-pending .unfollow, .hovercard .follow-alert .unfollow, .hovercard .following .follow, .hovercard .not-blocking .unblock, .hovercard .blocking .block, .hovercard .blocking .direct-message, .hovercard .blocking .follow, .hovercard .blocking .report-for-spam {
    display: none;
}

.hovercard .you .is-you, .hovercard .follow-pending .pending, .hovercard .follow-alert .alert {
    display: block;
}

.profile-pic {
    float: left;
    height: 48px;
    position: relative;
    width: 48px;
}

.profile-pic .twitter-icon {
    background: url("https://047f3e818715d1bba59a-5c397fac8458b43aea13e0e5b8da2e06.ssl.cf1.rackcdn.com/icon-twitter-16x16.png") no-repeat scroll 0 0 transparent;
    bottom: -5px;
    height: 16px;
    position: absolute;
    right: -5px;
    width: 16px;
}
.profile-pic .tumblr-icon {
    background: url("https://047f3e818715d1bba59a-5c397fac8458b43aea13e0e5b8da2e06.ssl.cf1.rackcdn.com/icon-tumblr-16x16.png") no-repeat scroll 0 0 transparent;
    bottom: -5px;
    height: 16px;
    position: absolute;
    right: -5px;
    width: 16px;
}
.profile-pic .inst-icon {
    background: url("https://047f3e818715d1bba59a-5c397fac8458b43aea13e0e5b8da2e06.ssl.cf1.rackcdn.com/icon-instagram-16x16.png") no-repeat scroll 0 0 transparent;
    bottom: -5px;
    height: 16px;
    position: absolute;
    right: -5px;
    width: 16px;
}

.ie6-fix .twitter-bubble-divot-bottom {
}

.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

.ie7 .clearfix {
    zoom: 1;
}

/*******************/
/* end hovercard */

/* professional CC input */

#pro #card-fields .field-set{
    margin-bottom: 10px;
}

#pro div#card-fields {
    float: left;
    margin-top: 10px;
    width: 275px;
}

#pro div#sign-up-first{
    float: left;
    margin-top: 15px;
    width: 275px;
    line-height: 20px;
}

#pro input.first-name, #pro input.last-name {
    width: 134px;

}
#pro input.card-number {
    background-position: 99% center;
    background-repeat: no-repeat;
    width: 275px;
}

#pro input.card-expiry-month {
    float:left;
    width: 50px;
}

#pro input.card-expiry-year {
    float:left;
    width: 63px;
    margin-left: 6px;
}

#pro input.card-cvc {
    background-position: 99% center;
    background-repeat: no-repeat;
    width: 129px;
}

#pro #price #price-amount {
    font-size: 70px;
    letter-spacing: -2px;
    margin:0 0 20px 0;
}

#pro #price #pricing-hint {
    bottom: 10px;
    color: #666;
    font-size: 11px;
    position: relative;
    width:200px;
}

#pro .switch {
    border: 0 none;
    margin: -15px 0 2em;
    padding: 0;
    position: relative;
    width: 300px;
    height:30px;
}

#pro .switch legend:after, #pro p.current-cycle span {
    background-clip: padding-box;
    background-color: #EFEFEF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    content: "";
    height: 100%;
    left: 0;
    padding: 2px;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 0;
}

#pro p.current-cycle {
    color: #64676B;
    height: 26px;
    line-height: 26px;
    margin-bottom: 5px;
    margin-top: -15px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    width: 300px;
}

#pro .switch legend {
    float: left;
    overflow: hidden;
    text-align: right;
    width: 0;
    line-height: normal;
    margin-bottom: 0;
}

#pro .switch input {
    opacity: 0;
    position: absolute;
}

#pro .switch input:checked + label {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    display: block;
}
#pro .switch label {
    color: #64676B;
    cursor: pointer;
    float: left;
    left: 2px;
    margin-top: 2px;
    padding: 5px 0 3px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    width: 25%;
    z-index: 2;
}
#pro label {
    margin-bottom: 2px;
}

#pro #price{
    float: left;
    margin: 10px 0 20px 30px;
}

#pro .switch .switch-button {
    background-clip: padding-box;
    background-color: #49AFCD;
    border-radius: 3px 3px 3px 3px;
    clear: both;
    height: 100%;
    left: 0;
    margin: 2px;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out 0s;
    width: 25%;
    z-index: 1;
}

#pro .switch input:last-of-type:checked ~ .switch-button {
    left: 25%;
}

#pro{
    line-height: normal;
}

#pro .upgrade-button{
    clear: both;
    text-align: center;
    padding: 8px 0 0;
}

#pro #price-amount sup{
    top: -25px;
    font-size:30px;
    left:4px;
}

#features{
    text-align: center;
    margin: 0;
}

#pro .fields-n-price
{
    margin:0 0 0 100px;
}

/*******
/* end pro cc modal */

.tweet-this{
    float: right;
}

.modal-header h3{
    margin: 0;
}


/*
    Note: It is best to use a less version of this file ( see http://css2less.cc
    For the media queries use @screen-sm-min instead of 768px.
    For .omb_spanOr use @body-bg instead of white.
*/

@media only screen and (min-width: 767px) {
    .omb_row-sm-offset-3 div:first-child[class*="col-"] {
        margin-left: 25%;
    }
}

/*NOT USING THIS NOW .omb_login .omb_authTitle {*/
    /*text-align: center;*/
    /*line-height: 300%;*/
/*}*/

.omb_socialButtons form{
    margin-bottom: 10px;
}

.omb_login .omb_loginOr {
    position: relative;
    font-size: 1.5em;
    color: #aaa;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.front .omb_login .omb_loginOr .omb_hrOr {
    background-color:#BC9A23 !important
}
.omb_login .omb_loginOr .omb_hrOr {
    background-color: #cdcdcd;
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.omb_login .omb_loginOr .omb_spanOr {
    display: block;
    position: absolute;
    left: 50%;
    top: -0.6em;
    margin-left: -1.5em;
    background-color: white;
    width: 3em;
    text-align: center;
}

.front .omb_spanOr{
    background-color: #FEFCE6 !important;
    color:#BC9A23 !important;
}

.omb_login .omb_loginForm .input-group.i {
    width: 2em;
}

.omb_login .omb_loginForm .input-group {
    margin: 10px 0;
}

@media only screen and (min-width: 767px) {
    .omb_login .omb_forgotPwd {
        text-align: right;
        margin-top:10px;
    }
}

@media only screen and (min-width: 992px) {
   .clear-results-btn{
       margin-left: 10px;
       position: relative;
       top: -7px;
   }
}

.clear-results-btn{
    margin-left: 10px;
}

.link-acct-buttons .btn-inst{
    margin: 0 0 10px;
}

.disable-opacity{
    opacity:0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
}

#remember-me{
    position: inherit !important;
    margin-left: 0 !important;
    margin-right: 10px;
}

#changePlans input
{
    display: none;
}

.top-100-ad {
    text-align: center;
    margin:20px 0;
}
.top-100-ad button{
    margin-top: 10px;
}