@charset "utf-8";
/* CSS Document */

/****************************************************************/
/*              GENERAL STYLES                                  */
/****************************************************************/

html,
body {
    position:relative;
    overflow-x:hidden;
    background:#eaecee;
    font-size:13px;
    line-height:1.42857;
    color:#1a1c1e;
    font-weight:normal;
    font-family:'Open Sans', 'opensans_regular', 'Segoe UI', 'Helvetica Neue', sans-serif; }

@media (min-width: 768px) {

    html,
    body {
        font-size:15px; }

}

@media (min-width: 992px) {

    html,
    body {
        font-size:17px; }

}

/******** Body Copy ********/

/*** Headlines ***/

h1, h2, h3, h4, h5, h6 {
    color:#475d7b;
    font-weight:normal;
    font-family:'Roboto Light', 'roboto_light', sans-serif; }

h1,
.h1 {
  font-size:1.8em;
  line-height:1.2em;
  margin:0; }

    h1 i,
    .h1 i {
      color:#acbbc3;  }

h2,
.h2 {
  font-size:1.6em;
  margin-top:0.5em;
  margin-bottom:0.75em; }

h2 span,
.h2 span {
  opacity:.6; }

h3,
.h3 {
  font-size:1.4em; }

h4,
.h4 {
  font-size:1.2em; }

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

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


/*** Text ***/

p {
    margin: 0 0 0.75em; }

b,
strong {
    font-weight:normal;
    font-family:'opensans_semibold', sans-serif; }

.lead {
    font-size:1.1em;
    line-height:1.3em;
    font-weight:normal;
    margin:0; }

.text {
    color:#1a1c1e !important; }

.price {
    font-size:0.8em;
    display:inline-block;
    color:#fff;
    background:#617ca3;
    padding:0.2em 0.5em;
    margin-bottom:0.2em;
    border-radius:1em;
    -moz-border-radius:1em;
    -webkit-border-radius:1em; }

.noContent {
    font-style:italic;
    color:#8a9eac; }


/*** Links ***/

a {
    color:#617ca3;
    text-decoration:none; }

    a:hover {
        color:#475d7b;
        text-decoration:none; }

    a:active,
    a:focus {
        color:#003f61;
        text-decoration:none;
        outline:none; }

    a:visited {
        color:#617ca3; }

.actionLink {
    color:#8a9eac !important; }

    #siteContent .actionLink {
        font-size:0.9em;
        color:#8a9eac !important;
        background:#eef0f3;
        padding:0.2em 0.5em;
        border:1px solid #acbbc3;
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em;
        overflow:hidden; }

        #siteContent .actionLink:hover {
            color:#fff !important;
            background:#475d7b;
            border:1px solid #003f61; }

        #siteContent .actionLink i {
            margin-right:0.2em; }

            #siteContent .actionLink:hover i {
                color:#9eafc7; }

.more {
    background:#acbbc3;
    color:#fff !important;
    border-radius:1em;
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    padding:0.2em 0.75em;
    margin:1em 0 0;
    display:inline-block; }

    .more:hover {
        background:#475d7b; }

.showMore {
    display:block;
    text-align:center;
    text-transform:uppercase;
    color:#acbbc3;
    background:#fdfdfd;
    padding:0.75em 1em;
    margin:0.5em -0.75em -0.75em;
    border-top:1px solid #f0f3f7; }

    .showMore:hover {
        background:#f0f3f7; }

.backToTop {
    float:right; }

.view {
    color:#acbbc3; }


/*** Box ***/

.box {
    background:#fff;
    padding:0.75em;
    margin-top:0.75em;
    box-shadow:0 1px 2px #999; }

.userActions {
    text-align:center;
    margin:1em 0; }

    .userActions .btn {
        margin:0.25em 0; }


/******** Lists ********/

dt {
    float:left;
    width:15%;
    padding:0 1em 0 0;
    min-height:20px;
    margin-bottom:0.5em;
    font-weight:normal;
    font-family:'opensans_semibold', sans-serif; }

dd {
    float:left;
    width:85%;
    min-height:20px;
    margin-bottom:0.5em; }


/******** Table ********/

table th {
    font-weight:normal;
    font-family:'opensans_semibold', sans-serif; }


/******** Form ********/

form {
    background:#f5f6f7;
    padding:1em;
    margin:1em 0;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em; }

fieldset {}

legend {
    font-size:1.3em;
    padding-bottom:0.25em;
    margin:1.5em 0 1em; }

label {
    font-weight:normal;
    font-family:'opensans_semibold', sans-serif;
    margin-right:0.5em; }

.date input,
.date select,
.date .form-control {
    width:32.5%; }

.checkbox label,
.radio label {
    font-family:'opensans_regular', sans-serif; }

form .nav-tabs .active a,
form .nav-tabs > li.active > a,
form .nav-tabs > li.active > a:hover,
form .nav-tabs > li.active > a:focus {
    background:#f5f6f7; }


/*** Checkboxes & Radiobuttons ***/



/*** Inputs ***/

.form-control {
    border-color:#acbbc3; }

.input-group-addon {
    border-color:#acbbc3;
    background:#acbbc3; }

    .input-group-addon i {
        color:#fff;
        width:25px;
        text-align:center;
        display:inline-block; }

.input-group:hover .input-group-addon {
    border-color:#617ca3;
    background:#617ca3; }

.input-group:hover .form-control {
    border-color:#617ca3; }


/*** Datepicker ***/





/*** Buttons ***/

.btn,
.btn:visited {
    font-family:'roboto_medium';
    color:#51585f;
    border:1px solid #acbbc3;
    background:#dfe5eb; }

    .btn:hover {
        border:1px solid #acbbc3;
        background:#bac7cd; }

    .btn:active,
    .btn:focus,
    .btn.active,
    .btn.focus {
        border:1px solid #acbbc3;
        background:#dfe5eb;
        box-shadow:inset 0 2px 4px #acbbc3; }

    .btn i {
        color:#acbbc3; }

        .btn:hover i {
            color:#51585f; }

.btn-primary,
.btn-primary:visited  {
    font-family:'roboto_medium';
    color:#fff;
    text-shadow:0 -1px 0 #324362;
    border:1px solid #475d7b;
    background:#617ca3; }

    .btn-primary:hover {
        text-shadow:0 -1px 0 #324362;
        border:1px solid #324362;
        background:#475d7b; }

    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary.active,
    .btn-primary.focus {
        border:1px solid #324362;
        background:#617ca3;
        box-shadow:inset 0 2px 4px #324362; }

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

.btn-facebook,
.btn-facebook:visited {
    color:#fff;
    text-shadow:0 -1px 0 #3d4e7e;
    border:1px solid #3d4e7e;
    background:#4E69a2; }

    .btn-facebook:hover {
        color:#fff;
        border:1px solid #3d4e7e;
        background:#3b5998; }

    .btn-facebook:active,
    .btn-facebook:focus,
    .btn-facebook.active,
    .btn-facebook.focus {
        border:1px solid #3d4e7e;
        background:#4E69a2;
        box-shadow:inset 0 2px 4px #3d4e7e; }

    .btn-facebook i {
        color:#fff !important;
        margin-right:0.5em;
        font-size:1.2em;
        vertical-align:bottom; }

.btn-openID,
.btn-openID:visited {
    color:#fff;
    text-shadow:0 -1px 0 #d07609;
    border:1px solid #ea8509;
    background:#f7931e; }

    .btn-openID:hover {
        color:#fff;
        border:1px solid #d07609;
        background:#ea8509; }

    .btn-openID:active,
    .btn-openID:focus,
    .btn-openID.active,
    .btn-openID.focus {
        border:1px solid #d07609;
        background:#f7931e;
        box-shadow:inset 0 2px 4px #d07609; }

    .btn-openID i {
        color:#fff !important;
        margin-right:0.5em;
        font-size:1.2em;
        vertical-align:bottom; }

.buttonpane,
.modal .modal-dialog .modal-body .buttonpane {
    float:none;
    margin-top:1em;
    text-align:right; }

.buttonpane .btn,
.userActions .btn {
    font-size:1.2em; }



/*** Select ***/



/*** Form Group ***/



/*** Error Styles for Form Group ***/



/*** Help Text ***/




/******** Media ********/

audio {
    display: inline-block; }

video {
    display: inline-block; }

canvas {
    display: inline-block; }

img {
    border: 0 none;
    page-break-inside: avoid;
    max-width: 100% !important;
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle; }

a [class^="icon-"],
a [class*=" icon-"],
.glyphicon,
.fa {
    color:#acbbc3; }

.userThumb {
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    box-shadow:0 0 2px #acbbc3; }

.mediaThumb {
    border-radius:0.25em;
    -moz-border-radius:0.25em;
    -webkit-border-radius:0.25em; }

.mediaCover {
    position:relative; }

    .mediaCover i {
        font-size:1.5em;
        color:#fff;
        border-radius:50%;
        -moz-border-radius:50%;
        -webkit-border-radius:50%;
        padding:0.5em;
        background:rgba(0,0,0,.8); }

.mediaCover .view {
    background:#282a2d;
    border:1px solid #1a1c1e; }

.mediaCover .buy {
    background:#617ca3;
    border:1px solid #003f61; }

.mediaCover .remove {
    background:#282a2d;
    border:1px solid #1a1c1e; }

.mediaCover .add {
    background:#282a2d;
    border:1px solid #1a1c1e; }


/******** Loading Overlay ********/

.loadingOverlay {
    text-align:center;
    background:#fff;
    height:100%;
    width:100%;
    opacity:0.8;
    padding:2em 0 0;
    position:absolute;
    top:0;
    left:0;
    z-index:3; }

    .loadingOverlay .loader {
        position:absolute;
        top:50%;
        left:50%; }


/******** Badge ********/

.badge {
    font-weight:normal;
    background:#acbbc3; }


/******** Tags ********/

.tag {
    font-size:0.9em;
    display:inline-block;
    color:#fff;
    background:#acbbc3;
    padding:0.2em 0.5em;
    margin-bottom:0.2em;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em; }

    .tag:hover {
        color:#fff;
        background:#475d7b; }

    .tag:visited {
        color:#fff; }


/******** Scrollbar ********/

.scrollbar {
    overflow:auto;
    height:750px;
    width:auto;
    padding:0 5px;
    border:1px solid #acbbc3; }

.track {
    width:10px;
    background:rgba(0, 0, 0, 0);
    margin-right:2px;
    border-radius:10px;
    -webkit-transition:background 250ms linear;
    transition:background 250ms linear; }

    .track:hover,
    .track.dragging {
        background:#d9d9d9; /* Browsers without rgba support */
        background:rgba(0, 0, 0, 0.15); }

.handle {
    width:7px;
    right:0;
    background:#999;
    background:rgba(0, 0, 0, 0.4);
    border-radius:7px;
    -webkit-transition:width 250ms;
    transition:width 250ms; }

    .track:hover .handle,
    .track.dragging .handle {
        width:10px; }


/******** Comments ********/

.commentListing h2 {
    margin:1em 0 0.5em; }

.comment {
    position:relative;
    overflow:hidden;
    padding-bottom:20px;
    margin-bottom:20px;
    background:url('../images/arrowComment.png') 0 100% no-repeat; }

    .comment i {
        position:absolute;
        top:-10px;
        left:-5px;
        font-size:5em;
        color:#000;
        opacity:.1; }

    .comment .text {
        padding:1em 1em 1.5em 1em;
        background:#dfe5fb;
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em; }

    .comment .author {
        position:absolute;
        left:1em;
        bottom:0; }

        .comment .author .userThumb {
            height:3.5em;
            width:3.5em; }

        .comment .author a {
            display:inline-block;
            vertical-align:bottom; }

    .comment .date {
        position:absolute;
        bottom:0;
        right:1em;
        color:#acbbc3;
        margin-bottom:0; }


/******** Quote ********/

.quote {
    position:relative;
    background:#dfe5eb;
    padding:1em;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    min-height:60px;
    overflow:hidden; }

    .quote i {
        position: absolute;
        top:-10px;
        left:-5px;
        color:#000;
        font-size:5em;
        opacity:0.1; }


/******** Accordion ********/

.panel-title {
    font-size:1.4em; }

    .panel-title a span {
        opacity:0.6; }

.panel-body {
    margin-top:0.5em; }


/******** Pager ********/

.pagingLinks {
    text-align:center; }

    .pagingLinks .pagination {
        width:auto;
        text-align:center;
        display:inline-block; }


/******** media tags ********/

.tagged {
    display:block;
    height:35px;
    position:absolute;
    right:0;
    text-indent:-9999px;
    top:0;
    width:31px;
    border-radius:0 0.5em 0 0;
    -moz-border-radius:0 0.5em 0 0;
    -webkit-border-radius:0 0.5em 0 0; }

.tagged.featured {
    background:url('../images/overlay-sprite.png') 0 -187px no-repeat; }

.tagged.new {
    background:url('../images/overlay-sprite.png') 0 -46px no-repeat; }

.tagged.favorite {
    background:url('../images/overlay-sprite.png') 0 -236px no-repeat; }

.tagged.own {
    background:url('../images/overlay-sprite.png') 0 -92px no-repeat; }

.tagged.friend {
    background:url('../images/overlay-sprite.png') 0 -140px no-repeat; }

    .userList .tagged.friend {
        height:50%;
        width:50%;
        border-radius:0 1em 0 0;
        -moz-border-radius:0 1em 0 0;
        -webkit-border-radius:0 1em 0 0;
        background:url('../images/overlay-friend.png') 100% 0 no-repeat;
        background-size:contain; }

.tagged.rss {
    background:url('../images/overlay-sprite.png') 0 -334px no-repeat; }

.online {
    position:absolute;
    top:10%;
    right:0;
    display:inline-block;
    text-align:center;
    color:#fff !important;
    padding:0;
    margin:0;
    min-width:25%;
    height:auto;
    font-size:1em !important; }

    .online span {
        border-radius:1em;
        -moz-border-radius:1em;
        -webkit-border-radius:1em;
        padding:0.25em 0.75em;
        display:inline-block;
        background:rgba(107, 165, 0, 0.7); }


/******** or-devider ********/

.or {
    text-align:center;
    display:block;
    background:url('../images/lineGrey.png') 0 50% repeat-x;  }

    .or span {
        background:#acbbc3;
        border-radius:50%;
        -moz-border-radius:50%;
        -webkit-border-radius:50%;
        line-height:50px;
        height:50px;
        width:50px;
        display:inline-block; }


/******** bottom ********/

.bottom {
    text-align:right;
    padding:0.5em 0 0;
    border-top:1px solid #dfe5eb; }


/******** Likes ********/

.likes a:hover i {
  color:#617ca3; }


/******** Favorite ********/

.favorite a:hover i {
    color:#990000; }


/******** Countdown ********/

.countdown {
    padding:1em;
    border:1px solid #dfe5eb;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    text-align:center;
    width:220px; }

    .countdown .status,
    .countdown small span {
        font-weight:normal;
        font-family:'opensans_semibold', sans-serif; }


/*** Thumb Overlay ***/

.mediaCover .icons {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    text-shadow:0 0 4px rgba(0,0,0,.7); }

    .mediaCover .icons i {
        position:absolute;
        top:35%;
        left:0 !important;
        width:100%;
        display:block;
        padding:0;
        font-size:4em;
        text-align:center;
        border-radius:0;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        background:transparent; }


/******** Loading Overlay ********/

.loadingOverlay {
    text-align:center;
    background:#fff;
    height:100%;
    width:100%;
    opacity:0.8;
    padding:2em 0 0;
    position:absolute;
    top:0;
    left:0;
    z-index:3; }

    .loadingOverlay .loader {
        position:absolute;
        top:50%;
        left:50%; }


/****************************************************************/
/*              SITE LAYOUT                                     */
/****************************************************************/

#siteWrapper {
    width:100%;
    position:relative;
    background:#f5f6f7; }

    body.nav-expanded.menu #siteWrapper {
        left:90%;
        transition: left 0.4s ease-in-out 0s;
        -webkit-transition: left 0.4s ease-in-out 0s;
        -moz-transition: left 0.4s ease-in-out 0s;
        -o-transition: left 0.4s ease-in-out 0s; }

    body.nav-expanded.profile #siteWrapper {
        right:90%;
        transition: right 0.4s ease-in-out 0s;
        -webkit-transition: right 0.4s ease-in-out 0s;
        -moz-transition: right 0.4s ease-in-out 0s;
        -o-transition: right 0.4s ease-in-out 0s; }


/*********************************************************/
/*              Header                                   */
/*********************************************************/

#siteHeader {
    position:fixed;
    top:0;
    width:100%;
    padding:0;
    z-index:1030;
    background:#333; }

    #siteHeader a {
        display:inline-block; }

    #siteHeader .navLinks {
        /*float:left;*/
        position:absolute;
        left:0;
        top:0; }

        #siteHeader .navLinks a:hover i,
        #siteHeader .navLinks a:focus i,
        #siteHeader .navLinks a:active i {
            color:#617ca3; }

    #siteHeader .logo {
        display:block;
        overflow:hidden;
        text-align:center;
        padding:0.75em 11em; }

        #siteHeader .logo img {
            max-height:2em; }

        @media (min-width: 768px) {

            #siteHeader .logo img {
                max-height:2.5em; }

        }

    #siteHeader .userLinks {
        /*float:right;*/
        position:absolute;
        right:0;
        top:0; }

        #siteHeader .userLinks a {
            position:relative; }

            #siteHeader .userLinks a:hover i,
            #siteHeader .userLinks a:focus i,
            #siteHeader .userLinks a:active i {
                color:#617ca3; }

        #siteHeader .userLinks .login {
            padding-right:0.75em; }

        #siteHeader .userLinks .badge {
            position:absolute;
            top:0.5em;
            right:0.25em;
            background:#617ca3;
            font-size:0.7em;
            padding:0.25em 0.5em; }

    #siteHeader i {
        padding:0.75em 0.5em;
        font-size:1.3em;
        vertical-align:middle; }


    @media (min-width: 768px) {

        #siteHeader i {
            padding:0.75em;
            font-size:1.5em; }

    }


/******** Off-Canvas Links ********/

#siteHeader .nav-expander {
    color:#fff;
    display:inline-block;
    font-weight:400;
    margin-right:0;
    text-decoration:none;
    text-transform:uppercase;
    width:auto;
    z-index:12; }

    #siteHeader .nav-expander.profile {
        right:0;
        transition:right 0.3s ease-in-out 0s;
        -webkit-transition:right 0.3s ease-in-out 0s;
        -moz-transition:right 0.3s ease-in-out 0s;
        -o-transition:right 0.3s ease-in-out 0s; }

    #siteHeader .nav-expander.menu {
        left:0;
        transition:left 0.3s ease-in-out 0s;
        -webkit-transition:left 0.3s ease-in-out 0s;
        -moz-transition:left 0.3s ease-in-out 0s;
        -o-transition:left 0.3s ease-in-out 0s; }

    #siteHeader .nav-expander:hover,
    #siteHeader .nav-expander:focus,
    #siteHeader .nav-expander:active {
        cursor:pointer; }


/*********************************************************/
/*              Off-Canvas Navigation                    */
/*********************************************************/

.siteNav {
    background:#e6eaf0;
    display:block;
    height:100%;
    overflow:auto;
    position:fixed;
    top:0;
    width:30em;
    z-index:2000; }

    .siteNav.menu {
        left:-40em;
        transition:left 0.3s ease-in-out 0s;
        -webkit-transition:left 0.3s ease-in-out 0s;
        -moz-transition:left 0.3s ease-in-out 0s;
        -o-transition:left 0.3s ease-in-out 0s;
        box-shadow:4px 0 4px #000; }

    .siteNav.profile {
        right:-40em;
        transition:right 0.3s ease-in-out 0s;
        -webkit-transition:right 0.3s ease-in-out 0s;
        -moz-transition:right 0.3s ease-in-out 0s;
        -o-transition:right 0.3s ease-in-out 0s;
        box-shadow:-4px 0 4px #000; }

    .siteNav .nav-close {
      display:block;
      padding:0.75em 0.5em; }

.nav-expanded #siteWrapper,
.nav-expanded #siteContent {
    overflow:hidden; }

.nav-expanded.menu .siteNav.menu {
    left:0;
    width:90%; }

.nav-expanded.profile .siteNav.profile {
    right:0;
    width:90%; }


/******** Menu ********/

/*** Close ***/

.siteNav.menu .nav-close {
    text-align:right; }


/*** Linklist ***/

.siteNav.menu .panel {
    background:#e6eaf0;
    margin:0;
    box-shadow:0 0 0 transparent; }

    .siteNav.menu .panel ul {
        margin:0; }

        .siteNav.menu .panel ul li {
            position:relative; }

        .siteNav.menu .panel ul li ul li a {
            padding-left:2em;
            border-bottom:1px solid rgba(145, 166, 176, 0.5); }

    .siteNav.menu .panel p {
        position:relative;
        background:#d8dfe9;
        margin-bottom:0;
        font-family:'roboto_medium';  }

    .siteNav.menu .panel a {
        font-size:1.1em;
        display:block;
        color:#1a1c1e;
        padding:1em 0.75em;
        border-bottom:1px solid #91A6B0; }

    .siteNav.menu .arrow {
        position:absolute;
        top:0;
        right:0;
        color:#9eafc7 !important; }


/*** Site Nav ***/

#siteNav {
    border-top:1px solid #91A6B0; }

    #siteNav.panel li a {
        border-bottom:1px solid rgba(145, 166, 176, 0.5); }

        #siteNav.panel li:last-child a {
            border-bottom:1px solid #91A6B0; }

        #siteNav.panel li ul li:last-child a {
            border-bottom:1px solid rgba(145, 166, 176, 0.5); }

/*** Channel Links ***/

#channelLinks.panel li a {
    border-bottom:1px solid rgba(145, 166, 176, 0.5); }

    #channelLinks.panel li:last-child a {
        border-bottom:1px solid #91A6B0; }


/*** Category Links ***/

#categoryLinks.panel li a {
    border-bottom:1px solid rgba(145, 166, 176, 0.5); }

    #categoryLinks.panel li:last-child a {
        border-bottom:1px solid #91A6B0; }


/*** Tag Links ***/

#tagLinks div {
    padding:0.75em 0.5em; }

    #tagLinks div a {
        font-size:1em;
        color:#fff;
        padding:0.25em 0.5em;
        display:inline-block; }


/*** Search Form ***/

#searchHeadForm {
    margin:0.75em 0.5em; }

    #searchHeadForm h3 {
        margin-top:0; }

        #searchHeadForm button {
            font-size:1em; }

    @media (max-width: 767px) {

        #searchHeadForm input[type='text'] {
            width:100%;
            margin-bottom:0.5em; }

        #searchHeadForm button {
            width:100%; }

    }

    @media (min-width: 768px) {

        #searchHeadForm input[type='text'] {
            width:66%;
            margin-bottom:0;
            display:inline-block; }

        #searchHeadForm button {
            width:33%;
            display:inline-block; }

    }

    @media (min-width: 992px) {

        #searchHeadForm input[type='text'] {
            width:74%;
            margin-bottom:0;
            display:inline-block; }

        #searchHeadForm button {
            width:25%;
            display:inline-block; }

    }


/******** Profile ********/

/*** Close ***/

.siteNav.profile .nav-close {
    text-align:left; }


/*** Profile Link ***/

#profileLink {
    background:#d8dfe9;
    padding:0.75em 0.5em;
    position:relative;
    border-top:1px solid #91a6b0;
    border-bottom:1px solid #91a6b0; }

    #profileLink .thumb {
        width:20%;
        float:left; }

    #profileLink .linkToProfile {
        width:80%;
        float:left;
        padding-left:1em; }

        #profileLink .linkToProfile p {
          margin: 0 0 0.25em;
        }
        
        #profileLink .linkToProfile .username {
            font-size:1.5em;
            font-family:'Roboto Light', 'roboto_light', sans-serif; }

/*
        #profileLink .linkToProfile .logoutLink {
            position:absolute;
            bottom:0.75em;
            left:20%;
            padding-left:1em; }
*/

    @media (min-width: 768px) {

        #profileLink .thumb {
            width:25%; }

        #profileLink .linkToProfile {
            width:75%; }

            #profileLink .linkToProfile .username {
                font-size:2em; }

            #profileLink .linkToProfile .logoutLink {
                left:25%; }

    }


/*** Linklist ***/

#furtherLinks {
    font-size:1.1em;
    margin-bottom:2em; }

    #furtherLinks ul {
        margin:0;
        border-bottom:1px solid #91a6b0; }

        #furtherLinks ul li {
            position:relative; }

            #furtherLinks ul li a {
                position:relative;
                display:block;
                color:#1a1c1e;
                padding:1em 0.5em;
                border-top:1px solid rgba(145, 166, 176, 0.5); }

            #furtherLinks ul li:first-child a {
                border-top:none; }

                #furtherLinks ul li a .badge {
                    font-size: 0.9em;
                    padding:0.5em 0.75em;
                    position:absolute;
                    right:1em;
                    top:1em; }

    #furtherLinks .arrow {
        position:absolute;
        top:0;
        right:0;
        color:#9eafc7 !important; }


/*********************************************************/
/*              Alerts                                   */
/*********************************************************/

#alerts {
    padding-top:1em;
    background:#fdfdfd; }


/*********************************************************/
/*              Content                                  */
/*********************************************************/

/*** Headline ***/

#headline {
    position:relative;
    text-align:center;
    padding:0.75em 0.5em;
    background:#e6eaf0;
    border-bottom:1px solid #dfe5eb;
    margin:-1.5em -1em 0; }

@media (min-width: 768px) {

    #headline {
        margin:-0.75em -1em 0; }

}

@media (min-width: 992px) {

    #headline {
        margin:-0.5em -1em 0; }

}

    #headline h1 {
        margin:0 3em;
        max-height:1.2em;
        overflow:hidden; }

    #headline .backLink {
        position:absolute;
        left:1em;
        top:0.75em;
        bottom:0.75em; }

    #headline .actionsLink {
        position:absolute;
        right:1em;
        top:0.75em;
        bottom:0.75em; }

    #headline .backLink a,
    #headline .actionsLink a {
        font-size:1.7em; }


/*** Content ***/

#siteContent {
    background:#f5f6f7;
    padding:4.5em 0.5em 1em; }


/*** Linklist ***/

#sectionLinks {
    padding:0;
    font-size:1.2em; }

    #sectionLinks ul {
        margin:0; }

        #sectionLinks ul li {
            position:relative; }

            #sectionLinks ul li div {
                display:block;
                color:#475d7b;
                padding:1em;
                border-top:1px solid #e6eaf0;
                font-family: 'Roboto Light','roboto_light',sans-serif;
                font-weight: normal; }

              #sectionLinks ul li div a {
                  display:inline;
                  padding:0;
                  border-top:none; }

            #sectionLinks ul li a {
                display:block;
                color:#1a1c1e;
                padding:1em;
                border-top:1px solid #e6eaf0; }

            #sectionLinks ul li a:first-child {
                color:#475d7b;
                font-weight:normal;
                font-family:'Roboto Light', 'roboto_light', sans-serif; }

            #sectionLinks ul li:first-child a {
                border-top:none; }

    #sectionLinks .badge {
        font-size:0.9em;
        position:absolute;
        top:1em;
        right:4em;
        padding:0.5em 0.75em; }

    #sectionLinks span {
        font-size:2em;
        position:absolute;
        top:0.25em;
        right:2em; }

    #sectionLinks .arrow {
        position:absolute;
        top:0;
        right:0;
        color:#9eafc7 !important; }


/*********************************************************/
/*              Footer                                   */
/*********************************************************/

#siteFooter {
    padding:1em;
    border-top:1px solid #dfe5eb;
    background:#eaecee;
    position:relative; }

#siteFooter a {
    color:#475d7b; }

#siteFooter span,
#siteFooter .desktop {
    float:left;
    margin-right:1em; }

#siteFooter ul {
    float:right; }

    #siteFooter ul li {
        display:inline-block;
        margin-left:1em; }


/******** SuiteSyndicator Footer ********/

#vimpFooter {
    font-size:0.8em;
    padding:0.5em 1em;
    background:#dfe5eb; }

#vimpFooter .copy {
    color:#979B9F;
    margin:0; }

#vimpFooter a {
    color:#517588; }


























/*********************************************************/
/*              SLIDER                                   */
/*********************************************************/

#indexSlider {
    padding:0; }

    #indexSlider #slider {
        margin:0;
        position:relative; }

/******** Content ********/

#indexSlider .swiper-container {
    min-height:100px;
    max-height:400px;
    width:100%;
    height:100%; }

    #indexSlider .swiper-container .content-slide {
        padding:0;
        height:100%;
        min-height:100px;
        max-height:400px;
        position:relative; }

#indexSlider .mediaThumb {
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0; }

#indexSlider .preview,
#indexSlider .text {
    float:left; }

#indexSlider .preview {
    width:100%;
    height:100%;
    min-height: 100px;
    max-height: 400px;
    padding:0; }

    #indexSlider .preview img {
        width:100%;
        height:100%;
        min-height: 100px;
        max-height: 400px; }

#indexSlider .text {
    position:absolute;
    top:auto;
    bottom:0;
    right:0;
    height:100%;
    width:100%;
    padding:1em 1.5em 4.5em;
    background:rgba(255, 255, 255, .7); }

    #indexSlider .text h2,
    #indexSlider .text p { }


/******** Arrows ********/

#slider .arrow-right,
#slider .arrow-left {
    z-index:20;
    text-shadow:0 0 2px #000; }

#slider .arrow-right:hover i,
#slider .arrow-left:hover i {
    color:#fff; }


/******** Pager ********/

#indexSlider .pagination {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    z-index:20; }


/****************************************************************/
/*              MEDIA                                           */
/****************************************************************/

.mediaListing {
    position:relative; }

    .mediaListing .callToAction {
        position:absolute;
        top:0;
        right:0; }

.mediaListing h2 {
    margin:1em 0 0.5em; }


/******** Has Price ********/

.hasPrice {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    padding:0.75em;
    background:url('../images/priceTag.png') 100% 0 no-repeat; }

    .hasPrice i {
        position:relative !important;
        top:0 !important;
        left:0 !important;
        padding:0;
        font-size:1.7em;
        background:transparent; }

.hasPrice.bought {
    background:url('../images/priceTagBought.png') 100% 0 no-repeat; }


/******** Thumbs ********/

.mediaThumbs > li {
    padding-top:1em; }

    .mediaThumbs > li:first-child {
        margin-top:0; }

    .mediaOverview .mediaThumbs > li:first-child {
        margin-top:1em; }

.mediaThumbs article {
    position:relative; }

.mediaThumbs .mediaCover {
    position:relative;
    padding:0; }

    .mediaThumbs .mediaCover .mediaThumb {
        width:100%; }

    .mediaThumbs .mediaCover i {
        position:absolute;
        bottom:0.5em;
        left:0.5em; }

.mediaThumbs .mediaInfo {
    padding:0; }

    .mediaThumbs .mediaInfo h3 {
        margin:1em 0 0.5em;
        padding:0;
        overflow:hidden; }

    .mediaThumbs .mediaInfo .text {
        overflow:hidden;
        margin:0 0 0.5em; }

    .mediaThumbs .mediaInfo .price {
        margin:0 0 0.5em; }

.mediaThumbs .uploader { }

    .mediaThumbs .uploader .userThumb {
        height:2.5em;
        width:2.5em;
        margin-right:0.25em; }

    .mediaThumbs .uploader span {
        vertical-align:middle;
        overflow:hidden; }

.mediaThumbs .hasPrice {
    height:4.5em;
    width:4.5em;
    padding:0.75em; }

    .mediaThumbs .hasPrice i {
        font-size:1.3em; }

.mediaThumbs .tagged {
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0; }

.mediaThumbs .details {
    display:block;
    text-align:center;
    color:#acbbc3;
    padding:0;
    border-top:1px solid #e6eaf0; }

    .mediaThumbs .details li {
        display:inline-block;
        color:#acbbc3;
        width:24%;
        padding:1em 0; }

@media (max-width: 767px) {

    .mediaThumbs .mediaCover i {
        right:0.5em;
        left:auto; }

    .mediaThumbs .uploader {
        position:absolute;
        left:1em;
        top:-3em; }

        .mediaThumbs .uploader span {
            color:#fff;
            text-shadow:0 0 2px #000; }

        .mediaThumbs .uploader .userThumb {
            height:3.5em;
            width:3.5em; }

    .mediaThumbs .details {
        background:#f0f3f7;
        margin:0.5em -0.75em -0.75em; }

}

@media (min-width: 768px) {

    .mediaThumbs .mediaInfo {
        padding:0 0 0 1em; }

        .mediaThumbs .mediaInfo h3 {
            margin:0 0 0.5em; }

        .mediaThumbs .mediaInfo .price {
            position:absolute;
            right:0.5em;
            bottom:0.5em;
            margin:0; }

    .mediaThumbs .details {
        position:absolute;
        bottom:0;
        left:42.5%;
        right:0; }

        .mediaThumbs .details li {
            padding:0.5em 0 0; }

}

@media (min-width: 992px) {

    .mediaThumbs .details li {
        padding:0.5em 0 0; }

}

.mediaListing .showMore {
    margin-top:-0.75em;
    border-top:none; }


/*********************************************************/
/*              Detail                                   */
/*********************************************************/

/******** Player ********/

.mediaDetail #mediaPlayer {
    margin-bottom:1em; }

  .mediaDetail #mediaPlayer #thumb {
    width: 100%; }

#flashcomm-url {
    display:none; }


/******** Details ********/

.viewMedia .details > div {
    margin-bottom:1em; }

.viewMedia .details .rating {
    float:right; }


/******** Statistics ********/

.viewMedia .statistics {
    display:block;
    text-align:center;
    color:#acbbc3;
    background:#f0f3f7;
    padding:0 1em;
    margin:0.5em -0.75em -0.75em;
    border-top:1px solid #e6eaf0;
    border-bottom:1px solid #e6eaf0; }

    .mediaDetail .statistics li {
        display:inline-block;
        color:#acbbc3;
        width:24%;
        padding:1em 0; }


/*** Buy Button ***/

.viewMedia .buyMedium {
    margin-bottom:1em;
    text-align:center; }

    .viewMedia .buyMedium .btn {
        font-size:1.2em;
        padding:0.5em 1.5em; }


/*** Description ***/

.viewMedia .description {
    margin-bottom:1.5em; }


/*** Show More Link ***/

.show-more-height {
    height:67px;
    overflow:hidden; }

.show-more {
    position:relative;
    width:100%;
    height:20px;
    text-align:center;
    cursor:pointer;
    box-shadow:0 -10px 10px #fdfdfd;
    background:url('../images/lineGrey.png') 0 50% repeat-x; }

.show-more span {
    color:#fff;
    font-size:0.8em;
    padding:0.5em 1em;
    background:#acbbc3;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em; }


/*** Share Buttons ***/

.mediaDetail .shareSocial {
    float:left; }

    .mediaDetail .shareSocial li {
        float:left;
        padding:0 0.5em 0 0; }

        .mediaDetail .shareSocial li a {
            height:20px;
            width:20px;
            text-align:center;
            display:inline-block;
            border-radius:50%;
            -moz-border-radius:50%;
            -webkit-border-radius:50%; }

        .mediaDetail .shareSocial li a i {
            color:#fff; }

        .mediaDetail .shareSocial li .facebook {
            background:#4e69a2; }

            .mediaDetail .shareSocial li .facebook:hover {
                background:#3b5998; }

        .mediaDetail .shareSocial li .twitter {
            background:#32bbef; }

            .mediaDetail .shareSocial li .twitter:hover {
                background:#057ed0; }

        .mediaDetail .shareSocial li .googleplus {
            background:#e24b40; }

            .mediaDetail .shareSocial li .googleplus:hover {
                background:#a93125; }


/*** Shared ***/

.mediaDetail .shared {
    padding:0.5em 0 1em; }


/*** Uploader ***/

.mediaDetail .uploader {
    float:left; }

.mediaDetail .uploader li {
    display:table-cell;
    padding:0 0.5em 0 0;
    color:#acbbc3; }

.mediaDetail .uploader i {
    font-size:0.5em;
    margin-right:0.5em;
    vertical-align:middle; }

.mediaDetail .uploader .userThumb {
    height:35px;
    width:35px; }


/*********************************************************/
/*              Share                                    */
/*********************************************************/

.shareMedia h2 {
    margin:1em 0 0.5em; }

.mediaDetail .shareMedia .bookmarks i {
  font-size: 2.5em; }

/*** embedd ***/

.embedd .size {
    margin:1em 0; }

    .embedd .size strong {
        margin-bottom:0.5em;
        display:block; }

    .embedd .size .dimensions input,
    .embedd .size .dimensions span {
        display:inline-block;
        width:auto;
        max-width:20%; }

.embedd .flex {
    margin:1em 0; }

.embedd .options {
    margin-bottom:1em; }

    .embedd .options strong {
        margin-bottom:0.5em;
        display:block; }


/*********************************************************/
/*              Report                                   */
/*********************************************************/

.reportMedia h2 {
    margin:1em 0 0.5em; }


/*********************************************************/
/*              Buy                                      */
/*********************************************************/

/*** buy media ***/

.buySingle {
    padding:0;
    position:relative; }

    .buySingle .info {
        margin:1em 0;
        height:55px; }

        .buySingle .info .thumb {
            float:left;
            width:auto; }

        .buySingle .info .mediaThumb {
            height:55px; }

        .buySingle .info div {
            float:left;
            width:60%;
            padding:0 0 0 0.5em; }

        .buySingle .info div p {
            margin-bottom:0;
            font-size:0.9em; }

        .buySingle .info div span {
            color:#acbbc3;
            font-size:0.8em; }


/*** buy portal access ***/

.buyPortalAccess {
    /*float:right;
    width:48%;*/
    padding:0;
    position:relative; }

    .buyPortalAccess .info {
        margin:1em 0;
        font-size:0.9em; }


/*** buy subscription ***/

.buy.subscription .costs ul {
    display:table;
    width:100%; }

.buy.subscription .costs .top {
    font-size:.8em; }

.buy.subscription .title,
.buy.subscription .period,
.buy.subscription .amount,
.buy.subscription .action {
    display:table-cell;
    vertical-align:middle; }

.buy.subscription .title {
    width:40%; }

.buy.subscription .period {
    width:15%; }

.buy.subscription .amount {
    width:15%; }

.buy.subscription .action {
    width:30%;
    text-align:right; }

    .buy.subscription .action button {
        margin:0;
        position:relative; }


@media (max-width: 767px) {

    .buySingle button {
        margin-bottom:1em; }

}

@media (min-width: 768px) {

    .buySingle button {
        position:absolute;
        bottom:0;
        right:0; }

    .buyPortalAccess button {
        position:absolute;
        bottom:0;
        right:0; }

}


/*********************************************************/
/*              Upload                                   */
/*********************************************************/

/******** File Upload ********/

#fileUpload {
    margin-bottom:2em; }

    #fileUpload .fileUpload {
        border:1px dashed #acbbc3;
        background:#fff;
        padding:0.5em;
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em;
        text-align:center; }

        #fileUpload .fileUpload fieldset {
            background:#f5f6f7;
            padding:1em;
            border-radius:0.5em;
            -moz-border-radius:0.5em;
            -webkit-border-radius:0.5em; }

        #fileUpload .fileUpload i {
            color:#acbbc3;
            font-size:4em;
            display:block; }

        #fileUpload .fileUpload strong {
            font-size:1.5em; }

    #fileUpload .filename {
        font-weight:normal;
        font-family:'open_sanssemibold', sans-serif;
        text-align:left;
        margin-bottom:0.3em; }

    #fileUpload .uploadProgress .progress {
        float:left;
        width:90%; }

    #fileUpload .uploadProgress .progress-bar {
        background-color:#617ca3; }

    #fileUpload .uploadProgress .cancel {
        float:right;
        width:10%;
        text-align:right; }

        #fileUpload .uploadProgress .cancel i {
            font-size:1.3em; }

    #fileUpload .progressInfo {
        margin-top:20px; }

        #fileUpload .progressInfo .size {
            float:left;
            font-size:0.8em;
            text-align:left;
            width:50%; }

            #fileUpload .progressInfo .size span {
                font-weight:normal;
                font-family:'open_sanssemibold', sans-serif; }

        #fileUpload .progressInfo .status {
            float:left;
            font-size:0.8em;
            text-align:center;
            width:50%; }

        #fileUpload .progressInfo .time {
            float:left;
            font-size:0.8em;
            text-align:center;
            width:100%; }

    #fileUpload .description {
        color:#acbbc3;
        padding:0 0 0 1em; }


@media (max-width: 767px) {

    #fileUpload .description {
        margin-top:1em;
        padding:0; }

}

@media (min-width: 768px) {

    #videoUpload .categories li {
        float:left;
        width:50%;
        padding-right:1em;
        margin-top:5px; }

}

@media (min-width: 992px) {

    #videoUpload .categories li {
        width:33%; }

}


/****************************************************************/
/*              ALBUMS                                          */
/****************************************************************/

/*********************************************************/
/*              Overview                                 */
/*********************************************************/

.albumListing h2 {
    margin:1em 0 0; }

@media (min-width: 768px) and (max-width: 991px) {

    .albumThumbs li {
        width:49%; }

    .albumThumbs li:nth-child(even) {
        margin-left:1em; }

}

@media (min-width: 992px) {

    .albumThumbs li {
        width:32%;
        margin-left:0;
        margin-right:1em; }

        .albumThumbs li:nth-child(3n+0) {
            margin-left:0;
            margin-right:0; }

}

.albumThumbs article {
    position:relative; }

.albumThumbs .hasPrice {
    height:4.5em;
    width:4.5em;
    padding:0.75em; }

    .albumThumbs .hasPrice i {
        font-size:1.3em; }


/******** Thumbs ********/

.albumThumbs .mediaCover {
    width:100%; }

    .albumThumbs .mediaCover .uploader {
        position:absolute;
        bottom:-0.75em;
        left:0.5em; }

        .albumThumbs .mediaCover .userThumb {
            height:2.5em;
            width:2.5em;
            margin-right:0.25em; }

        .albumThumbs .mediaCover .uploader span {
            color:#fff;
            text-shadow:0 0 2px #000; }

    .albumThumbs h3 {
        margin:1.25em 0 1em;
        padding:0; }

    @media (min-width: 768px) {

        .albumThumbs h3 {
            overflow:hidden;
            height:2.3em; }

    }

    .albumThumbs .additionalInfo {
        padding:0.5em 0 0; }

        .albumThumbs .additionalInfo p {
            color:#acbbc3;
            float:left; }

        .albumThumbs .additionalInfo .price {
            float:right; }

.albumThumbs .details {
    display:block;
    text-align:center;
    color:#acbbc3;
    background:#f0f3f7;
    padding:0;
    margin:0.5em -0.75em -0.75em;
    border-top:1px solid #e6eaf0;
    border-bottom:1px solid #e6eaf0; }

    .albumThumbs .details li {
        display:inline-block;
        color:#acbbc3;
        width:99%;
        padding:1em 0; }

.albumListing .showMore {
    margin-top:-0.75em;
    border-top:none; }



/*********************************************************/
/*              Detail                                   */
/*********************************************************/

@media (max-width: 767px) {

    .viewAlbum .details .mediaThumb {
        margin:0 0 1em;
        width:100%; }

}

@media (min-width: 768px) {

    .viewAlbum .details .mediaThumb {
        margin:0 1em 1em 0;
        width:40%; }

}

@media (min-width: 992px) {

    .viewAlbum .details .mediaThumb {
        width:25%; }

}


/*** Buy Button ***/

.viewAlbum .buyMedium {
    margin-bottom:1em;
    text-align:center; }

    .viewAlbum .buyMedium .btn {
        font-size:1.2em;
        padding:0.5em 1.5em; }


/******** Statistics ********/

.viewAlbum .statistics {
    display:block;
    text-align:center;
    color:#acbbc3;
    background:#f0f3f7;
    padding:0 1em;
    margin:0.5em -0.75em -0.75em;
    border-top:1px solid #e6eaf0;
    border-bottom:1px solid #e6eaf0; }

    .viewAlbum .statistics li {
        display:inline-block;
        color:#acbbc3;
        width:24%;
        padding:1em 0; }
































/****************************************************************/
/*              CHANNELS                                        */
/****************************************************************/

/*********************************************************/
/*              Overview                                 */
/*********************************************************/

.channelListing {
    position:relative; }

    .channelListing  h2 {
        margin:1em 0 0.5em; }

.channelList > article {
    position:relative;
    box-shadow:0 0 2px #acbbc3;
    margin-bottom:20px;
    overflow:hidden; }

    .channelList > article:hover {
        box-shadow:0 0 3px #617ca3; }

    .channelList .mediaThumb {
        width:100%;
        height:auto; }


/******** Overlay ********/

.channelList .channelTeaser .link {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:45%;
    padding:1em;
    background:rgba(0,0,0,.7); }

    .channelList .channelTeaser h3 {
        color:#9eafc7;
        margin-bottom:1em; }

    .channelList .channelTeaser .text {
        color:#fff !important; }


/*********************************************************/
/*              Listing                                  */
/*********************************************************/

.channelThumbs .hasPrice {
    height:4.5em;
    width:4.5em;
    padding:0.75em; }

    .channelThumbs .hasPrice i {
        font-size:1.3em; }

.channelThumbs .mediaOverlay {
    padding:0.5em 0.5em 0; }

    .channelThumbs .mediaOverlay h3 {
        margin-top:0; }

    .channelThumbs .mediaOverlay .additionalInfo p {
        color:#acbbc3; }


/******** Thumbs ********/

.channelThumbs > li {
    padding-top:1em; }

    .channelThumbs > li:first-child {
        margin-top:0; }

    .channelOverview .channelThumbs > li:first-child {
        margin-top:1em; }

.channelThumbs article {
    position:relative; }

.channelThumbs .mediaCover {
    position:relative;
    padding:0; }

    .channelThumbs .mediaCover .mediaThumb {
        width:100%; }

    .channelThumbs .mediaCover i {
        position:absolute;
        bottom:0.5em;
        left:0.5em; }

.channelThumbs .mediaInfo {
    padding:1em 0; }

    .channelThumbs .mediaInfo h3 {
        margin:0 0 0.5em;
        padding:0;
        overflow:hidden; }

    .channelThumbs .mediaInfo .text {
        margin-bottom:0.5em;
        overflow:hidden; }

    .channelThumbs .mediaInfo .price {
        margin:0 0 0.5em; }

.channelThumbs .uploader { }

    .channelThumbs .uploader .userThumb {
        height:2.5em;
        width:2.5em;
        margin-right:0.25em; }

    .channelThumbs .uploader span {
        vertical-align:middle;
        overflow:hidden; }

.channelThumbs .hasPrice {
    height:4.5em;
    width:4.5em;
    padding:0.75em; }

    .channelThumbs .hasPrice i {
        font-size:1.3em; }

.channelThumbs .tagged {
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0; }

.channelThumbs .details {
    display:block;
    text-align:center;
    color:#acbbc3;
    background:#f0f3f7;
    padding:0;
    margin:0.5em -0.75em -0.75em;
    border-top:1px solid #e6eaf0;
    border-bottom:1px solid #e6eaf0; }

    .channelThumbs .details li {
        display:inline-block;
        color:#acbbc3;
        width:99%;
        padding:1em 0; }

@media (max-width: 767px) {

    .channelThumbs .mediaCover i {
        right:0.5em;
        left:auto; }

        .channelThumbs .uploader .userThumb {
            height:3.5em;
            width:3.5em; }

}

@media (min-width: 768px) {

        .channelThumbs .mediaInfo .price {
            position:absolute;
            right:0.5em;
            bottom:4.5em;
            margin:0; }

}

@media (min-width: 992px) {

    .channelThumbs .mediaInfo .price {
            bottom:3em; }

    .channelThumbs .details li {
        padding:0.5em 0; }

}

.channelListing .showMore {
    margin-top:-0.75em;
    border-top:none; }


/*********************************************************/
/*              Detail                                   */
/*********************************************************/




/******** Statistics ********/

.viewChannel .statistics {
    display:block;
    text-align:center;
    color:#acbbc3;
    background:#f0f3f7;
    padding:0 1em;
    margin:0.5em -0.75em -0.75em;
    border-top:1px solid #e6eaf0;
    border-bottom:1px solid #e6eaf0; }

    .viewChannel .statistics li {
        display:inline-block;
        color:#acbbc3;
        width:32%;
        padding:1em 0; }

    .channelDetail .viewChannel .statistics li,
    .mediaDetail .viewChannel .statistics li {
        width:24%; }


/*** Buy Button ***/

.viewChannel .buyMedium {
    margin-bottom:1em;
    text-align:center; }

    .viewChannel .buyMedium .btn {
        font-size:1.2em;
        padding:0.5em 1.5em; }
































/****************************************************************/
/*              CATEGORIES                                      */
/****************************************************************/

/*********************************************************/
/*              Overview                                 */
/*********************************************************/

.categoryListing h2 {
    margin:1em 0 0; }


@media (min-width: 768px) and (max-width: 991px) {

    .categoryThumbs > li {
        width:49%; }

    .categoryThumbs > li:nth-child(even) {
        margin-left:1em; }

}

@media (min-width: 992px) {

    .categoryThumbs > li {
        width:32%;
        margin-left:0;
        margin-right:1em; }

        .categoryThumbs > li:nth-child(3n+0) {
            margin-left:0;
            margin-right:0; }

}

.categoryThumbs .head {
    height:auto;
    overflow:hidden; }

    .categoryThumbs .head h3 {
        font-size:1.6em;
        margin-bottom:0.75em;
        margin-top:0.5em; }

    @media (min-width: 768px) {

        .categoryThumbs .head h3 {
            overflow:hidden;
            height:2.3em; }

    }

    .categoryThumbs .head p {
        margin-bottom:0;
        height:41px;
        color:#1a1c1e;
        overflow:hidden; }

.categoryThumbs .mediaCover {
    position:relative;
    overflow:hidden; }

    .categoryThumbs .mediaCover .icons {
        border-radius:0.5em;
        -moz-border-radius:0.5em;
        -webkit-border-radius:0.5em;  }

.categoryThumbs .details {
    display:block;
    text-align:center;
    color:#acbbc3;
    background:#f0f3f7;
    padding:0;
    margin:0.5em -0.75em -0.75em;
    border-top:1px solid #e6eaf0;
    border-bottom:1px solid #e6eaf0; }

    .categoryThumbs .details li {
        display:inline-block;
        color:#acbbc3;
        width:49%;
        padding:1em 0; }


/*** Hover ***/

.categoryThumbs .mediaCover .links {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:20% 0 0;
    text-align:center;
    background:rgba(0,0,0,.7);
    visibility:hidden; }

    .categoryThumbs .article:hover .links {
        visibility:visible; }

    .categoryThumbs .mediaCover .links a {
        text-align:center;
        display:inline-block;
        padding:0.75em 1em; }

        .categoryThumbs .mediaCover .links a i  {
            position:relative;
            top:0;
            left:0;
            padding:0;
            font-size:1.8em;
            background:transparent; }


.categoryListing .showMore {
    margin-top:-0.75em;
    border-top:none; }



/*********************************************************/
/*              Details                                  */
/*********************************************************/

@media (max-width: 767px) {

    .categoryDetail .lead .mediaThumb {
        margin:0 0 1em;
        width:100%; }

}

@media (min-width: 768px) {

    .categoryDetail .lead .mediaThumb {
        margin:0 0 1em 1em;
        width:40%; }

}

@media (min-width: 992px) {

    .categoryDetail .lead .mediaThumb {
        width:25%; }

}























/****************************************************************/
/*              GROUPS                                          */
/****************************************************************/


/*********************************************************/
/*              Overview                                 */
/*********************************************************/

.groupOverview {
    position:relative; }

    .groupOverview .callToAction {
        position:absolute;
        top:25px;
        right:1.5em; }

.groupListing {
  position: relative; }

    .groupListing h2 {
      margin:1em 0 0.5em; }

.groupListing .filter {
    margin-bottom:1em; }

.groupThumbs article {
    position:relative;
    margin-bottom:0; }


@media (max-width: 767px) {

    .groupListing .mediaCover {
        float:left;
        width:33%; }

        .groupListing .mediaCover .icons {
            display:none; }

    .groupListing .groupInfo {
        float:left;
        width:67%;
        padding:0 0 0 1em; }

        .groupListing .groupInfo h3 {
            margin:0.25em 0 0.75em; }

}

@media (min-width: 768px) and (max-width: 991px) {

    .groupThumbs > li {
        width:49%; }

    .groupThumbs > li:nth-child(even) {
        margin-left:1em; }

}

@media (min-width: 768px) {

    .groupListing .mediaCover {
        float:left;
        width:25%; }

    .groupListing .groupInfo {
        float:left;
        width:75%;
        padding:0 0 0 1em; }

        .groupListing .groupInfo h3 {
            margin:0 0 0.25em;
            height:2.4em;
            overflow:hidden; }

}

@media (min-width: 992px) {

    .groupThumbs > li {
        width:32%;
        margin-left:0;
        margin-right:1em; }

        .groupThumbs > li:nth-child(3n+0) {
            margin-left:0;
            margin-right:0; }

    .groupListing .mediaCover {
        float:left;
        width:33%; }

    .groupListing .groupInfo {
        float:left;
        width:67%;
        padding:0 0 0 1em; }

        .groupListing .groupInfo h3 {
            height:3.4em; }

}

.groupListing .mediaCover .privacy {
    position:absolute;
    bottom:0.5em;
    left:0.5em;
    font-size:1.1em; }

.groupListing .groupInfo .details {
    margin-top:0.5em;
    margin-bottom:0;
    color:#acbbc3; }

.groupListing .showMore {
    margin-top:-0.75em;
    border-top:none; }


/*********************************************************/
/*              Detail                                   */
/*********************************************************/

.viewGroup .mediaCover {
    padding:0; }


/******** Details ********/

@media (max-width: 767px) {

    .viewGroup .groupDetails dt {
        width:40%; }

    .viewGroup .groupDetails dd {
        width:60%; }
}

@media (min-width: 768px) and (max-width: 991px)  {

    .viewGroup .groupDetails dt {
        width:25%; }

    .viewGroup .groupDetails dd {
        width:75%; }
}


@media (min-width: 992px) {

    .viewGroup .groupDetails dt {
        width:20%; }

    .viewGroup .groupDetails dd {
        width:80%; }

}


/******** Statistics ********/

.viewGroup .statistics {
    display:block;
    text-align:center;
    color:#acbbc3;
    background:#f0f3f7;
    padding:0 1em;
    margin:0.5em -0.75em -0.75em;
    border-top:1px solid #e6eaf0;
    border-bottom:1px solid #e6eaf0; }

    .viewGroup .statistics li {
        display:inline-block;
        color:#acbbc3;
        width:24%;
        padding:1em 0; }


/*********************************************************/
/*              Send Invite                              */
/*********************************************************/

.sendInvite h2 {
    margin:1em 0 0.5em; }

#sendInvite #users,
#sendInvite #friends {
    margin:0.5em 0 1em; }













/****************************************************************/
/*              PROFILE                                         */
/****************************************************************/

.viewProfile .shortInfo {
    padding:0;
    position:relative; }

    .viewProfile .shortInfo .wrap {
        position:relative;
        text-align:center;
        padding:1em; }

    .viewProfile .shortInfo h2,
    .viewProfile .shortInfo span {
        position:relative; }

    .viewProfile .shortInfo h2 {
        margin-bottom:0; }

    .viewProfile .shortInfo .userCover {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        opacity:.4;
        border-radius:0;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        background-size:cover;
        background-position:50% 50%;
        background-repeat:no-repeat; }

.viewProfile .userImage {
    position:relative;
    max-height:150px;
    max-width:150px;
    display:inline-block; }


/******** Statistics ********/

.viewProfile .statistics {
    display:block;
    text-align:center;
    color:#acbbc3;
    background:#f0f3f7;
    padding:0 1em;
    border-top:1px solid #e6eaf0;
    border-bottom:1px solid #e6eaf0; }

    .viewProfile .statistics li {
        display:inline-block;
        color:#acbbc3;
        width:24%;
        padding:1em 0; }


/******** Details ********/

.viewProfile .userDetails dt {
    width:30%; }

.viewProfile .userDetails dd {
    width:70%; }


/******** Lists ********/

.userProfile .groupThumbs li:first-child,
.userProfile .channelThumbs li:first-child {
    margin-top:0; }





/*********************************************************/
/*              Account                                  */
/*********************************************************/

/******** Edit profile ********/

#editProfileInfo legend:first-child {
    margin-top:0; }

#editProfileInfo .fileUpload {
    margin-bottom:1em; }

@media (min-width: 768px) {

    #editProfileInfo .fileUpload {
        float:left;
        width:50%; }

    #editProfileInfo .details {
        float:left;
        width:100%; }

}

@media (min-width: 992px) {

    #editProfileInfo .fileUpload {
        float:left;
        width:30%; }

    #editProfileInfo .details {
        float:left;
        width:100%; }

}


/******** OpenID ********/

.openIDs .top {
    opacity:0.6; }

.openIDs .link,
.openIDs .action {
    float:left; }

.openIDs .link {
    width:70%; }

.openIDs .action {
    width:30%; }


/******** Datepicker ********/

#userAccountActivity h2 {
    margin:1em 0 0.5em; }

#userAccountActivity .filterTimespan {
    margin-bottom:1em; }

    #userAccountActivity .filterTimespan .datepicker,
    #userAccountActivity .filterTimespan span,
    #userAccountActivity .filterTimespan button {
        float:left; }

    #userAccountActivity .datepicker {
        width:30%; }

    #userAccountActivity .filterTimespan span {
        margin:0 0.5em;
        line-height:34px; }

    #userAccountActivity .filterTimespan button {
        font-size:1em !important;
        margin-left:0.5em;  }


@media (max-width: 640px) {

    #userAccountActivity .filterTimespan .datepicker {
        width:43% !important;
        display:inline-block; }

        #userAccountActivity .filterTimespan .datepicker input {
            width:100%% !important; }

    #userAccountActivity .filterTimespan span {
        width:10%;
        text-align:center;
        display:inline-block; }

    #userAccountActivity .filterTimespan button {
        width:100%;
        margin-top:0.5em;
        margin-left:0; }

}


/******** Recharge ********/

#recharge fieldset {
    float:left;
    width:60%;
    padding-right:1em; }

#recharge button {
    float:right;
    width:40%;
    margin-top:23px;
    vertical-align:baseline; }


/******** Amount ********/

#userCredits .creditAmount {
    padding:1em;
    border:1px solid #dfe5eb;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    text-align:center; }

    #userCredits .creditAmount p {
        font-size:2.5em;
        font-family:'Roboto Medium', 'robotomedium', sans-serif  }


/******** Tables ********/

#userAccountActivity .mediaThumb {
        height:auto;
        width:6em; }

#userAccountActivity .table td:nth-of-type(4) span,
#userAccountActivity .table td:nth-of-type(5) span {
    font-size:0.9em; }

@media (max-width: 767px) {

    /* Force table to not be like tables anymore */
    #userAccountActivity table, thead, tbody, th, td, tr {
        display:block; }

    /* Hide table headers (but not display: none;, for accessibility) */
    #userAccountActivity thead tr {
        position:absolute;
        top:-9999px;
        left:-9999px; }

    #userAccountActivity tr {
        border:1px solid #ccc; }

    #userAccountActivity td {
        /* Behave  like a "row" */
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:20%; }

    #userAccountActivity td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top:0.5em;
        left:0.5em;
        width:80%;
        padding-right:0.75em;
        white-space:nowrap; }

    /* Label the data */
    #userAccountActivity .table td:nth-of-type(1):before { content: "Title"; }
    #userAccountActivity .table td:nth-of-type(2):before { content: "Type"; }
    #userAccountActivity .table td:nth-of-type(3):before { content: "Paid"; }
    #userAccountActivity .table td:nth-of-type(4):before { content: "Time"; }
    #userAccountActivity .table td:nth-of-type(5):before { content: "Expired"; }

}


































/****************************************************************/
/*              USERS                                           */
/****************************************************************/

/*** User List ***/

.userList > li {
    margin-top:1em; }

.userList article {
    text-align:center; }

    .userList article .name {
        font-size:1em;
        color:#1a1c1e;
        display:block;
        height:1.75em;
        margin:0.5em 0 0.2em;
        overflow:hidden; }

        .userList article:hover .name {
            color:#475d7b; }

    .userList article p {
        color:#acbbc3;
        font-size:0.8em;
        height:3em;
        overflow:hidden; }

    .userList article:hover .userThumb {
        box-shadow:0 0 3px #617ca3; }

.userCover {
    position:relative;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%; }

.userListing .showMore {
    margin-top:-0.75em;
    border-top:none; }






















/****************************************************************/
/*              BLOGS                                           */
/****************************************************************/


/*********************************************************/
/*              Overview                                 */
/*********************************************************/

.blogOverview {
    position:relative; }

#blogListing h2 {
    margin:1em 0 0.5em; }

.blogList article {
    position:relative; }

    .blogList article:hover { }

.blogList .mediaThumb {
    margin:1em 0 0; }

.blogList .blogTeaser {
    padding:1em; }

    .blogList .blogTeaser h3 {
        font-size:1.6em;
        margin-bottom:0.75em;
        margin-top:0.5em; }

    .blogList .blogTeaser .text {
        margin-top:1em;
        padding:0 0 1em;
        border-bottom:1px solid #dfe5eb; }

    .blogList .blogTeaser .userThumb {
        height:2.5em;
        width:2.5em;
        margin-right:0.25em; }

    .blogList .blogTeaser .details {
        margin:1em 0 0; }

        .blogList .blogTeaser .details li {
            padding:0 1em 0 0; }

            .blogList .blogTeaser .details li i {
                color:#acbbc3; }

        .blogList .blogTeaser .details .author {
            float:left; }

        .blogList .blogTeaser .details .date,
        .blogList .blogTeaser .details .comments {
            float:right;
            line-height:2.5em; }


/*********************************************************/
/*              Detail                                   */
/*********************************************************/

.blogDetail .author {
    float:left; }

    .blogDetail .author .userThumb {
        height:2.5em;
        width:2.5em;
        margin:0 0.5em 0 0; }

    .blogDetail .author a {
        display:inline-block; }

.blogDetail .date {
    float:right;
    line-height:2.5em; }

    .blogDetail .date i {
        padding-right:0.25em; }


/******** Statistics ********/

.blogDetail .statistics {
    display:block;
    text-align:center;
    color:#acbbc3;
    background:#f0f3f7;
    padding:0 1em;
    margin:0.5em -0.75em 1em;
    border-top:1px solid #e6eaf0;
    border-bottom:1px solid #e6eaf0; }

    .blogDetail .statistics li {
        display:inline-block;
        color:#acbbc3;
        width:19%;
        padding:1em 0; }

@media (max-width: 640px) {

    .blogDetail .statistics li {
        width:24%; }

        .blogDetail .statistics li:first-child {
            width:100%;
            padding: 1.0em 0 0 0; }

}



/******** Text ********/

.blogDetail .lead .mediaThumb {
    margin:0 0 1em; }




























/****************************************************************/
/*              FORUM                                           */
/****************************************************************/


/*********************************************************/
/*              Overview                                 */
/*********************************************************/

#forumListing {
    padding:0; }

    #forumListing ul {
        margin:0;
        color:#1a1c1e; }

        #forumListing ul li {
            float:left;
            padding:1em 0.75em; }

    #forumListing .title {
        width:60%; }

        #forumListing .title h3 {
            margin:0;
            font-size:1.1em; }

        @media (max-width: 767px) {

            #forumListing .title h3 {
            font-size:1.1em; }

        }

        @media (min-width: 768px) and (max-width: 991px) {

            #forumListing .title h3 {
            font-size:1.2em; }

        }

    #forumListing .stats,
    #forumListing .replies {
        width:20%;
        text-align:center; }

#forumListing .forums:nth-child(even) {
    background:#f0f3f7; }

#forumListing .top {
    color:#acbbc3; }


/*********************************************************/
/*              Threads                                  */
/*********************************************************/

#threadListing {
    padding:0; }

    #threadListing h2 {
        margin:0;
        padding:1em 0.5em 0.75em; }

    #threadListing ul {
        margin:0;
        color:#1a1c1e; }

        #threadListing ul li {
            float:left;
            padding:0.75em; }

    #threadListing .title {
        width:55%; }

        #threadListing .title h3,
        #threadListing .title p {
            margin:0; }

        @media (max-width: 767px) {

            #threadListing .title h3 {
            font-size:1.1em; }

        }

        @media (min-width: 768px) and (max-width: 991px) {

            #threadListing .title h3 {
            font-size:1.2em; }

        }

    #threadListing .replies {
        width:15%;
        text-align:center; }

    #threadListing .new {
        width:30%; }

        #threadListing .new p {
            margin:0; }

        @media (max-width: 767px) {

            #threadListing .new .time {
                display:block; }

        }

#threadListing .threads:nth-child(odd) {
    background:#f0f3f7; }

#threadListing .top {
    color:#acbbc3; }


/*********************************************************/
/*              View Thread                              */
/*********************************************************/

.threadDetail #headline .actionsLink a {
    font-size:1.2em; }

#viewThread .info {
    padding:0.5em;
    margin:1em 0;
    background:#f0f3f7;
    border-bottom:1px solid #e6eAf0;
    border-top:1px solid #e6eAf0;
    color:#acbbc3; }

    #viewThread .info .user {
        float:left; }

        #viewThread .info .user .userThumb {
            height:2em;
            margin-right:0.5em; }

    #viewThread .info .date {
        float:right;
        line-height:2em; }


#viewThread .threadComment {
    margin-top:1.5em; }

    #viewThread .threadComment:first-child {
        margin-top:0; }



/*********************************************************/
/*              Create Thread                            */
/*********************************************************/

.createThread h2 {
    margin:1em 0 0.5em; }





























/****************************************************************/
/*              MESSAGS                                         */
/****************************************************************/

#messages .box {
    padding:0; }

#messages .mainLink {
    display:block;
    position:relative; }

    #messages .mainLink i {
        padding-left:0.75em;
        font-size:1.3em; }

    #messages .mainLink h2 {
        margin:0;
        padding:0.75em;
        display:inline-block; }

#messages .mainLink .badge {
    font-size:1em;
    position:absolute;
    top:1em;
    right:4.5em;
    padding:0.5em 0.75em; }

#messages .mainLink .arrow {
    position:absolute;
    top:0;
    right:0;
    padding:1em;
    color:#9EAFC7 !important; }


/***** Inbox *****/

#messages #inbox .mainLink {
    border-bottom:1px solid #e6eAf0; }





/*********************************************************/
/*              Overview                                 */
/*********************************************************/

#chooseMessage {
    padding:0; }

#chooseMessage li {
    border-bottom:1px solid #acbbc3; }

    #chooseMessage li:nth-child(even) {
        background-color:rgba(240, 243, 247, 0.3); }

    #chooseMessage li.unread {
        background-color:#f0f3f7; }

    #chooseMessage li.unread h3 {
        font-family:'Roboto Medium','roboto_medium',sans-serif; }

#chooseMessage section {
    height:auto;
    margin:0;
    padding:1em 0.5em;
    position:relative;
    border-left:4px solid transparent; }

    #chooseMessage section:hover {
        background:#F5F6F7; }

    #chooseMessage section.new {
        border-left:4px solid #617ca3; }

    #chooseMessage section.active {
        background:#d8dfe9; }

#chooseMessage .delete,
#chooseMessage .thumb,
#chooseMessage .group,
#chooseMessage .details {
    height:auto;
    float:left;
    vertical-align:middle; }

#chooseMessage .delete {
    height:3.5em;
    padding:1em 1em 0 0.5em; }

#chooseMessage .thumb,
#chooseMessage .group {
    width:3.5em !important; }

    #chooseMessage .thumb .userThumb,
    #chooseMessage .group .mediaThumb {
        width:3.5em;
        max-width:3.5em !important;
        display:block; }

#chooseMessage .details {
    max-width:70%;
    padding:0 2em 0 1em; }

    #chooseMessage .details a {
        font-size:0.8em; }

    #chooseMessage .details h3,
    #chooseMessage .details h3 a {
        font-size:1em;
        line-height:1.2em;
        margin:0;
        color:#1a1c1e;
        overflow:hidden; }

    #chooseMessage .details .date {
        position:absolute;
        top:1.25em;
        right:1em;
        font-size:0.8em;
        color:#acbbc3; }

#chooseMessage .replied {
    position:absolute;
    right:1em;
    top:50%; }


/*** Notifications ***/

#chooseMessage .notification .details {
    padding-top:0.5em; }


/*********************************************************/
/*              Detail                                   */
/*********************************************************/

#viewMessage .info {
    padding:0.5em;
    margin:1em 0;
    background:#f0f3f7;
    border-bottom:1px solid #e6eAf0;
    border-top:1px solid #e6eAf0;
    color:#acbbc3; }

    #viewMessage .info .user {
        float:left; }

        #viewMessage .info .user .userThumb {
            height:2em;
            margin-right:0.5em; }

    #viewMessage .info .date {
        float:right;
        line-height:2em; }


.viewMessage .details .userThumb {
    height:5em;
    max-width:5em !important;
    width:5em; }


/*** Notifications ***/

#notificationMessage .userThumb {
    height:3em;
    width:3em; }



/*** Friend Request ***/

#notificationMessage .friendRequest .wrap #userList {
    text-align:center; }

    #notificationMessage .friendRequest .wrap #userList .userThumb {
        height:5em;
        width:5em; }

@media (max-width: 767px) {

    #notificationMessage .friendRequest .wrap #userList,
    #notificationMessage .friendRequest .wrap  .quote {
        width:100%;
        margin-bottom:1.5em;  }

}


@media (min-width: 768px) {

    #notificationMessage .friendRequest .wrap #userList {
        float:left;
        width:20%; }

    #notificationMessage .friendRequest .wrap  .quote {
        float:right;
        width:75%;
        margin-left:1em; }

}

@media (min-width: 992px) {

    #notificationMessage .friendRequest .wrap #userList {
        float:left;
        width:30%; }

    #notificationMessage .friendRequest .wrap  .quote {
        float:right;
        width:68%; }

}


/*** Group Invitation ***/

#notificationMessage .groupInvite .wrap .quote,
#notificationMessage .groupInvite .wrap .groupListing {
    margin-bottom:1.5em; }

#notificationMessage .btn-group {
    margin-top:0.5em; }

@media (min-width: 768px) {

    #notificationMessage .groupInvite .wrap .quote {
        float:left;
        width:50%;
        margin-right:1em; }

    #notificationMessage .groupInvite .wrap .groupListing {
        float:right;
        width:43%; }

}

@media (min-width: 992px) {

    #notificationMessage .groupInvite .wrap .quote {
        float:left;
        width:63%;
        margin-right:1em; }

    #notificationMessage .groupInvite .wrap .groupListing {
        float:right;
        width:35%; }

}


/*** Media reported ***/

#notificationMessage .mediaReport .wrap .quote,
#notificationMessage .mediaReport .wrap .mediaThumbs {
    margin-bottom:1.5em; }

#notificationMessage .btn-group {
    margin-top:0.5em; }

@media (min-width: 992px) {

    #notificationMessage .mediaReport .wrap .quote {
        float:left;
        width:30%;
        margin-right:1em; }

    #notificationMessage .mediaReport .wrap .mediaThumbs {
        float:right;
        width:68%;
        margin-top:0; }

}


/*********************************************************/
/*              Create Message                           */
/*********************************************************/

#createMessage h2 {
    margin:1em 0 0.5em; }

#createMessage #users,
#createMessage #friends {
    margin:0.5em 0 1em;; }




























/****************************************************************/
/*              SEARCH                                         */
/****************************************************************/

#search h2 {
    margin:1em 0 0.5em; }
























/****************************************************************/
/*              LOGIN / REGISTER                                */
/****************************************************************/

#login .userForm form,
#register .userForm form {
    margin-top:0; }


/*** Forgot password ***/

#login .password,
#register .password {
    position:relative; }

#login .forgotPassword,
#register .forgotPassword {
    position:absolute;
    right:0;
    top:0; }

/*** Remeber me ****/

#login .buttonpane label,
#register .buttonpane label {
    display:inline-block; }


/*** Buttons ****/

#login .buttonpane,
#register .buttonpane {
    text-align:center; }

    #login .buttonpane button,
    #register .buttonpane button {
        min-width:17em; }


/*** Options ***/

.loginOptions,
.registerOptions {
    margin-top:2em;
    text-align:center; }

    .loginOptions a,
    .registerOptions a {
        min-width:20em;
        margin-bottom:1em; }


/*** Call to action ***/

.userCallToAction {
    text-align:center; }