/* RESET CSS */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    word-wrap: break-word;
}
body {
    line-height: 1.2;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
.ac:after {
    content: " ";
    display: block;
    clear: both
}
/* remember to highlight inserts somehow! */

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* END RESET CSS */

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333333;
    margin: 0;
    font-size: 100%
}
input,
button,
select,
textarea {
    font-family: "Helvetica Neue", Helvetica, "sans serif", Arial, sans-serif;
    margin: 0;
}
a {
    border: none;
    color: #19558D;
    text-decoration: none;
}
vd_box a.disabled {
    border: none;
    color: #cccccc;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a.disabled:hover {
    text-decoration: none;
}
.bold {
    font-weight: bold;
}

.pinkstatic {
    color: #FF528C
}
.pink a {
    color: #FF528C
}
.orange,
.orange a {
    color: #F28E1E !important;
}
.gray a,
.gray {
    color: #888888
}
.lightblue {
    color: #538DC2
}
.lightblue a {
    color: #538DC2
}
.lightgray {
    color: #AAAAAA;
}
.italic {
    font-style: italic
}
img {
    border: none;
    display: block
}
.SmallTag {
    font-size: .75em;
    color: #888888;
}
.SmallishTag {
    font-size: .8em;
    color: #888888;
}
.MedTag {
    font-size: .85em;
    color: #888888;
}
.center {
    text-align: center;
    margin: 0 auto;
}
#container {
    clear: both;
}
#container-700 {
    clear: both;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}
#containerCenter {
    clear: both;
    padding-bottom: 20px;
    text-align: center;
}
.content {
    max-width: 950px;
    margin: 0 auto;
    padding: 20px 0 0 0;
}
.center {
    margin: 0 auto;
    text-align: center;
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
#title {
    font-weight: bold;
}
#title h1 {
    margin: 0;
    color: #222222;
}
#title .subtitle {
    color: #888888;
    font-weight: normal;
    font-size: .9em;
    margin: 15px 0 0 0;
    line-height: 1.3em;
}
li {
    list-style-type: none
}
h1 {
    font-size: 1.3em;
    margin: 0 0 .67em 0;
    color: #171717
}
h2 {
    font-size: 1.1em;
    margin: 0 0 10px 0;
    color: #171717
}
h3 {
    font-size: 1em;
    margin: 0 0 10px 0;
    color: #171717
}
h4 {
    font-size: .95em;
    margin: 0 0 10px 0;
    color: #171717
}
h5 {
    font-size: .9em;
    margin: 0 0 10px 0;
    color: #171717
}
p,
ol,
ul {
    font-size: .85em;
    line-height: 1.4em;
    margin: 1em 0;
}
.normal-weight {
    font-weight: normal
}
.highlight {
    background-color: #FFFFCC;
    border-bottom: 1px solid #CCCCCC;
    display: inline-block;
}
.content-search em {
    background-color: #FFFFCC;
    border-bottom: 1px solid #CCCCCC;
    display: inline-block;
    font-style: normal;
}
/* Header */

#Header {
    background: white;
    height: 70px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    z-index: 10;
    position: relative;
    clear: both;
    border-bottom: 1px solid #CCCCCC;
    border-top: 3px solid #88E24D;
    }

#Header.premium {
    background: white;
    height: 70px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    z-index: 10;
    position: relative;
    clear: both;
    border-bottom: 1px solid #CCCCCC;
    border-top: 3px solid #147cbd;
}
/*

#Header.premium ul.dropdown li.top{background: #147cbd; width:122px; height:71px; padding:0px 0 0 0; }
#Header.premium #HeaderSignUp .dropdown .top .name{color:#fff; margin-top:20px; float:left;}
#Header.premium #HeaderSignUp .dropdown .top img{width:50px; height:50px; float:left;padding: 4px; margin: 0 9px 0 0;
    background: white;
    border: 1px solid #dddddd;
    border-radius: 2px;}

#Header.premium #HeaderSignUp .dropdown .top .triangle{float:left; margin-top:20px;}
*/

#Header.premium ul.dropdown li.top {
    width: 122px;
    height: 71px;
    padding: 0  0 0 0;
}
#Header.premium #HeaderSignUp .dropdown .top .name {
    margin-top: 20px;
    float: left;
}
#Header.premium #HeaderSignUp .dropdown .top img {
    width: 50px;
    height: 50px;
    float: left;
    padding: 4px;
    margin: 0 9px 0 0;
    background: white;
    border: 1px solid #dddddd;
    border-radius: 2px;
}
#Header.premium #HeaderSignUp .dropdown .top .triangle {
    float: left;
    margin-top: 20px;
}
#HeaderInside {
    position: relative;
    /*overflow: hidden;*/
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    height: 70px;
    }

#Logo {
    float: left;
    width: 43px;
    display: block;
    position: relative;
    }

#Logo img {
    width: 23px;
    height: 37px;
    }

#Logo a {
    display: block;
    height: 52px;
    padding: 17px 20px 0 0;
    position: relative;
    text-decoration: none
}
#hSearchForm {
    /*margin-left: 15px;*/
    /*top: 3px;*/
    position: relative;
    }

#hSearchForm, #hSearchForm input {
    width: 100%;
    }

#TopNav {
    float: left;
    margin: 0;
    padding-top: 0;
    display: block;
    position: relative;
    top: 0 ;
    }
#TopNav ul {
    padding: 0;
    font-size: .95em;
    margin: 0  0 0 0;
    }

#TopNav li {

    color: #969696;
    width: 100px;
    border-right: 1px solid #E6E6E6;
    display: table-cell;
}
#TopNav li#TopNavBrowse {
    border-left: 1px solid #E6E6E6;
}
#TopNav li a {
    display: block;
    width: auto;
    font-weight: bold;
    color: #555;
    height: 53px;
    padding: 17px 0 0 15px;
}
#TopNav li a:hover {
    color: #A1C258;
}
#TopNav li a .sub {
    font-weight: normal;
    color: #999999;
    font-size: .85em;
    margin: -2px 0 0 0;
;
    padding: 0;
}
#TopNav li a:hover .sub {
    color: #666666
}
#TopNav a:hover {
    text-decoration: none;
}
#HeaderMarkup {
    float: left;
    width: 71px;
    border-right: 1px solid #E6E6E6;
    text-align: center;
}
#HeaderMarkup img {
    width: 30px;
    height: 30px;
    display: inline;
    margin: 18px 0;
}
#HeaderMarkup a {}
#HeaderMarkup a:hover {
   text-decoration: none;
   }

#HeaderMarkup a:hover .heading {
    color: #e18a16
}
#HeaderMarkup a:hover .text {
    color: #666
}
#HeaderMarkup a .heading {
    font-size: .8em;
    color: #666;
    font-weight: bold;
    margin: 0 0 2px 0;
}
#HeaderMarkup a .text {
    font-size: .75em;
    color: #999
    }

#HeaderPremiumSection {
    float: left;
    width: 124px;
    border-right: 1px solid #E6E6E6;
    text-align: center;
    display: block;
    top: 0 ;
    position: relative;
    }

#HeaderPremiumSection a {}
#HeaderPremiumSection svg {
   display: initial;
   margin: 18px 0;
   width: 89px;
   height: 30px;
    }

#HeaderSearch {
    float: left;
    margin: 0 0 0 15px;
    padding: 20px 16px 0 0;
    /* height: 70px; */
    display: block;
    width: 310px;
    position: relative;
    top: 3px;
    /* border-left: 1px solid #E6E6E6; */
    height: 47px;
    }


#HeaderSearch input {
    font-size: 14px;
    display: block;
    height: 18px;
    border: 1px solid #ACACAC;
    line-height: 17px;
    padding: 3px 5px 3px 5px;
    font-family: "helvetica neue", helvetica, sans-serif;
    width: 100%;


}
#HeaderSignUp {
    float: left;
    color: #666;
    font-size: .85em;
    margin: 0;
    padding: 0;
    width: 120px;
    text-align: right;
    height: 70px;
    display: block;
    position: relative;
    top: 0 ;
    left: 25px;
    }

#HeaderSignUp .login-links {
    padding: 28px 0 0 0;
    text-align: center;
    }

#HeaderSignUp .login {
    margin: 3px 0 0 0;
    }

#HeaderSignUp .signup {
    margin: 2px 0 0 0;
    font-weight: bold;
    }

#HeaderSignUp .dropdown .top img {
    margin: 0 12px 0 8px;
    width: 30px;
    height: 30px;
    float: left;
    }

#HeaderSignUp .dropdown .top .name {
    margin: 5px 2px 0 0;
}
#HeaderSignUp .dropdown .top .triangle {
    font-size: .8em;
    }

ul.dropdown {
    position: relative;
    font-size: 1.0em;
    margin-top: 0;
    /*top: 28px;*/
    }
ul.dropdown li {
    font-weight: bold;
    float: left;
    zoom: 1;
    float: right;
    text-align: right;
    height: 53px;
    padding: 17px 0 0 0;
    position: relative;
}
ul.dropdown li a .name {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 115px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    display: inline-block;
}
ul.dropdown a:hover {
    color: #000000;
    cursor: pointer;
    cursor: hand;
    text-decoration: none;
}
ul.dropdown li a {
    display: block;
    padding: 4px 8px;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
    background: #f6f8f2;
    color: black;
    position: relative;
    cursor: pointer;
    cursor: hand;
}
ul.dropdown li ul {
    width: 120px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    text-align: left;
    margin: 0;
    border: 1px solid #CCCCCC
}
ul.dropdown li ul li {
    background: #f6f6f6;
    border-bottom: 1px solid #CCCCCC;
    float: none;
    text-align: left;
}
ul.dropdown li ul li a:hover {
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
    background: #f6f8f2
}
ul.dropdown li ul li {
    height: 20px;
    padding: 5px;
    background-color: white
}
ul.dropdown li ul li:hover {
    color: white;
}
ul.dropdown ul li a {
    border-right: none;
    display: block;
}
/* IE 6 & 7 Needs Inline Block */

span.badge {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-size: auto auto;
    border-radius: 10px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 20px;
    letter-spacing: 1px;
    line-height: normal;
    list-style: none outside none;
    margin: 0 ;
    outline: 0  none rgb(255, 255, 255);
    padding: 2px 0  0  0 ;
    text-decoration: none;
    text-shadow: 0  0  0  transparent;
    width: 20px;
    text-align: center;
    background-color: rgb(235, 0, 139);
    position: absolute;
    top: 10px;
    left: 78px;
}
/* Footer */

#FooterWrapper {
    display: block;
    clear: both;
}
#Footer {
    width: 100%;
    clear: both;
    border-top: solid #CCC 1px;
    margin: 70px auto 30px auto;
}
#FooterInside {
    position: relative;
    color: #666666;
    font-size: .95em;
    max-width: 950px;
    clear: both;
    margin: 0 auto;
    padding: 0 20px;
}
#Footer a {
    color: #666666;
}
#Footer a:hover {
    text-decoration: none;
}
.FooterColumn {
    float: left;
    min-width: 150px;
    /* width: auto !important; */
    /* max-width: 150px; */
    /* width: 15%; */
}
.FooterColumn ul {
    padding: 0;
}
.FooterColumn li {
    display: block;
    padding: 0 10px 3px 0;
    font-weight: bold;
}
.FooterColumn li.FooterThin {
    font-weight: normal;
}
#FooterRight {
    float: right;
    text-align: right;
}
#FooterRight ul {
    padding: 0;
}
#FooterRight li {
    font-weight: bold
}
#FooterRight li.FooterThin {
    font-weight: normal;
}
.FooterSocial {
    margin: 10px 0 0 0;
}
.FooterSocial img {
    float: right;
    margin: 0 0 0 10px;
}
/* Home Page */
/* .container-home-top {background-color: #EAEAEA; background-image: url('/pics/pattern-grid.jpg');} */

.content-home-top {
    width: 940px;
    margin: 0 auto;
    padding: 40px 0 30px 0;
}
.content-home-top .hero-section {
    float: left;
    margin: 0 30px 0 0;
}
.content-home-top .text-section {
    float: left;
    margin: 20px 0 0 0;
}
.content-home-top .text-section .title {
    clear: both;
    margin: 0 0 20px 0;
}
.content-home-top .text-section .desc {
    clear: both;
    margin: 0 0 50px 1px;
}
.content-home-top .text-section .links {
    clear: both;
    margin: 0 0 20px 0;
}
.content-home-top .text-section .app-store {
    float: left;
    margin: 0 15px 0 0;
}
.content-home-top .text-section .app-store img {
    width: 135px;
    height: 40px;
}
.content-home-top .text-section .video {
    float: left;
}
.content-home-top .text-section .video .screenshot {
    clear: both;
    margin: 0 0 5px 0;
    position: relative;
}
.content-home-top .text-section .video .screenshot img {
    width: 95px;
    height: 56px;
}
.content-home-top .text-section .video .play {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 25px;
    top: 4px;
    background: url(/pics/video-button-1.png) 0 0 no-repeat;
    z-index: 1
}
.content-home-top .text-section .video:hover .play {
    background: url(/pics/video-button-1.png) -45px 0  no-repeat;
}
.content-home-top .text-section .video .text {
    text-align: center;
    font-size: .7em;
    color: #888;
}
.content-home-top .text-section .video .text a {
    color: #888;
}
.eas-recommend {
    float: left;
    margin: 0 15px 0 0;
}
.eas-recommend img {
    width: 150px;
}
#container.home {}
#container.home .content .left {
    float: left;
    width: 692px
    }
#container.home h3 {
    border-bottom: 1px solid #DDD;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    font-size: 1em;
    font-weight: bold;
    color: #333
}
#container.home .featured-showmes {
    clear: both;
    margin: 0 0 40px 0;
}
#container.home .featured-showmes .card {
    margin: 0 42px 0 0;
}
#container.home .featured-people {
    margin: 10px 0 40px 0;
    clear: both;
}
#container.home .featured-people .left {
    float: left;
    width: 465px;
    margin: 0 70px 0 0;
}
#container.home .featured-people .right {
    float: left;
    width: 465px;
}
#container.home .featured-people .top-section {
    clear: both;
    height: 90px;
}
#container.home .featured-people .avatar {
    float: left;
}
#container.home .featured-people .avatar img {
    width: 70px;
    height: 70px;
    margin: 0 10px 0 0;
    padding: 5px;
    border: 1px solid #E5E5E5;
}
#container.home .featured-people .bio-group {
    float: left;
    width: 350px;
}
#container.home .featured-people .name-group {}
#container.home .featured-people .name-left {
    float: left;
    width: 280px;
    }

#container.home .featured-people .name {
    clear: both;
    font-size: 1.05em;
    font-weight: bold;
    color: #1A1A1A;
    margin: 4px 0 0 0;
}
#container.home .featured-people .location {
    color: #888;
    font-size: .75em;
    margin: 5px 0 0 0;
}
#container.home .featured-people .name-right {
    float: right
}
#container.home .featured-people .bio {
    clear: both;
    font-size: .8em;
    color: #666;
    margin: 4px 0 0 0;
}
#container.home .featured-people .showmes {
    clear: both;
}
#container.home .featured-people .profile-link {
    clear: both;
    font-weight: bold;
    margin: 15px 0 0 0;
}
#container.home .featured-people .profile-link a {
    color: #333;
}
#container.home .featured-topics {
    margin: 10px 0 40px 0;
    clear: both;
}
/* ShowMe "card" */

.card {
    width: 200px;
    float: left;
    margin: 0 10px 0 0;
    padding: 0 2px;
    height: 250px;
    overflow: hidden;
    /*position:relative;*/
}

.topic-showmes-row .card{height: 245px;}
.userLikedShowMesBlock .card{height: 295px;}

.card.last {
    margin: 0 !important;
    }

    .ShowMes .card.last{
        margin: 0 10px 0 0 !important;
        }

.card .top {
    position: relative
}
.card .top a:hover {
    text-decoration: none;
}
.card .screenshot {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #CCC;
    width: 200px;
    height: 150px;
    position: relative;
    background-color: white;
    box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 4px #ccc;
    -moz-box-shadow: 0 1px 4px #ccc;
}
.card .screenshot.stack {
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.card .top .screenshot a {
    cursor: pointer;
    display: block;
    height: 152px;
    width: 202px;
    z-index: 10000000;
}
.card .top .screenshot.stack a {
    cursor: pointer;
    display: block;
    height: 152px;
    width: 202px;
    z-index: 0;
    background-image: url('/pics/stack-bg.png');
}
.card .top .screenshot.stack img {
    cursor: pointer;
    display: block;
    height: 120px;
    width: 160px;
    z-index: 10;
    left: 20px;
    top: 15px;
    position: absolute
}
.card .screenshot .create-new {
    background-color: #F1F1F1;
    text-align: center;
    font-size: .9em;
    font-weight: bold;
    padding: 0 0 0  0;
    height: 149px
}
.card .screenshot .create-new img {
    width: 55px;
    height: 55px;
    padding: 32px 0 0  77px;
}
.card .screenshot .text {
    width: 100%;
}
.card .screenshot .text a {
    color: #555;
    width: 100%;
    display: block;
    padding: 20px 0 26px 0;
}
.card .screenshot .text a:hover {
    text-decoration: none
}

.related_box_wrapper .thumb_pic {
    width: 100%;
    height: 150px;
    background: #ffffff;
    background-size: cover;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}

.card .screenshot img.main {
    width: 200px;
    height: 150px;
    background: #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.card .screenshot img.main.stack {
    -moz-border-radius: 0 ;
    -webkit-border-radius: 0 ;
    border-radius: 0 ;
}
.card .screenshot img.mainPrivate {
    width: 200px;
    height: 150px;
    background: #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.card .screenshot img.mainPrivate.stack {
    -moz-border-radius: 0 ;
    -webkit-border-radius: 0 ;
    border-radius: 0 ;
}
.card .screenshot .overlay {
    position: absolute;
    bottom: 0 ;
    background-color: black;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.7);
    height: 21px;
    width: 190px;
    padding: 6px 0 0 10px;
    -moz-border-bottom-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
}
.card .screenshot .overlay.stack {
    width: 148px;
    padding: 6px 0 0 10px;
    bottom: 16px;
    left: 21px;
    z-index: 100;
    -moz-border-bottom-left-radius: 0 ;
    -webkit-border-bottom-left-radius: 0 ;
    border-bottom-left-radius: 0 ;
    -moz-border-bottom-right-radius: 0 ;
    -webkit-border-bottom-right-radius: 0 ;
    border-bottom-right-radius: 0 ;
}
.card .screenshot .overlay .left-group {
    float: left;
    color: white;
    font-size: .8em;
    font-weight: bold;
}
.card .screenshot .overlay .left-group img {
    float: left;
    margin: 2px 5px 0 0;
}
.card .screenshot .overlay .left-group .likes {
    margin: 0 15px 0 0;
    float: left;
}
.card .screenshot .overlay .left-group .likes img {
    width: 13px;
    height: 11px;
    position: inherit;
}
.card .screenshot .overlay .left-group .views {
    float: left;
}
.card .screenshot .overlay .left-group .view img {
    width: 15px;
    height: 11px;
}
.card .screenshot .overlay .right-group {
    float: right;
    font-size: .75em;
    color: white;
    padding: 1px 10px 0 0;
}
.featured-people .card {
    width: 146px;
    height: 110px;
    margin: 0 6px 0 0;
}
.featured-people .card .screenshot {
    width: 146px;
    height: 110px;
}
.featured-people .card .screenshot img {
    width: 144px;
    height: 108px;
}
.featured-people .card .overlay.meta {
    bottom: 0 ;
    position: absolute;
    width: 100%;
    height: auto;
    padding: 0;
}
.featured-people .card .overlay.meta .text {
    float: left;
    padding: 5px;
    opacity: 1;
}
.featured-people .card .overlay.meta .title {
    clear: both;
    font-size: .8em;
    color: white;
    font-weight: bold;
    margin: -1px 0 0 0
}
.card .bottom {
    clear: both;
    padding: 9px 0 0 2px;
}
.card .bottom.stack {
    clear: both;
    padding: 9px 0 0 2px;
    text-align: center;
}
.card .title {
    font-size: .9em;
    font-weight: bold;
    margin: 0  0 0 0;
    float: left;
    width: 100%;
    max-height: 49px;
    overflow: hidden;
}
.card .title a {
    float: left;
    width: 180px;
}
.card .creator-section {
    /*clear: both;*/

    margin: 8px 0 0 0;
    float: left;
}
.card .pic {
    margin: 0 8px 0 0;
    float: left;
}
.card .pic img {
    width: 28px;
    height: 28px;
    float: left;
}
.card .name {
    margin: 7px 0 0 0;
    float: left;
    font-size: .75em;
    color: #888;
    font-style: italic;
}
.card .name a {
    color: #4D4D4D;
    font-style: normal;
    font-weight: bold;
}
.card .topics-section {
    font-size: .8em;
    margin: 8px 0 0 0;
    /*clear: both;*/

;
    width: 100%;
    color: #888;
    float: left;
}
.card .topic {
    color: #666666;
    font-style: italic;
}
.card .topic a {
    color: #666666
}
.showme .screenshot a {
    text-decoration: none
}
.featured-topics .card {
    width: 140px;
    height: 107px;
    margin: 0 27px 0 0;
}
.featured-topics .card .screenshot {
    width: 138px;
    height: 105px;
    -moz-border-radius: 0 ;
    -webkit-border-radius: 0 ;
    border-radius: 0 ;
}
.featured-topics .card .screenshot a {
    display: inline
}
.featured-topics .card .screenshot .inner {
    width: 126px;
    height: 93px;
    margin: 5px 0 0 5px;
    border: solid 1px #BBB;
}
.featured-topics .card .screenshot.topic img {
    width: 50px;
    height: 50px;
    margin: 11px 0 6px 39px;
    position: static
}
.featured-topics .card .screenshot .inner .title {
    clear: both;
    color: #4D4D4D;
    font-size: .8em;
    font-style: normal
}
#ModeratorFilterSection {
    float: left;
}
#ModeratorFilterSection ul {
    float: left;
    font-size: .8em;
    font-weight: bold
}
#ModeratorFilterSection li {
    display: inline;
    margin: 0 15px 0 0;
}
#ModeratorFilterSection li a.selected {
    background-color: #E5E5E5;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 4px 8px;
    color: #333333
}
#HomeContainer {
    clear: both;
    padding-bottom: 20px;
    min-height: 440px;
}
.homeleft {
    width: 400px;
    float: left;
}
.homeright {
    width: 380px;
    float: right;
}
#HomeTopSection {
    padding: 40px 0 40px 0;
    width: 100%;
    overflow: auto;
}
#HomeTopContainer {
    width: 850px;
    margin: 0 auto;
}
#HomeTitleSection {
    clear: both;
    overflow: auto;
}
#HomeTitleSection h1 {
    margin: 0 0 30px 0;
    font-size: 1.8em;
    float: left;
}
#HomeTitleSection h2 {
    margin: 0 0 30px 0;
    font-size: 1.4em;
    float: left;
}
#HomeSocialMedia {
    float: right
}
#HomeTwitterFollow {
    margin: 10px 0 0 0;
    float: left;
}
#HomeFBFollow {
    float: left;
    font-size: .8em;
    margin: 8px 10px 0 0;
}
#HomeShowMesFirst .thumbnail {
    border: 1px solid #AAAAAA;
}
#HomeShowMesFirst .title {
    clear: both;
    font-size: 1em;
    font-weight: bold;
    margin: 12px 0 0  0;
}
#HomeShowMesFirst .description {
    clear: both;
    font-size: .9em;
    color: #666666;
    margin: 6px 0 0 0;
    line-height: 1.3em;
}
#HomeShowMesFirst .author {
    clear: both;
    font-size: .8em;
    color: #666666;
    margin: 6px 0 0 0;
}
.homeright h3 {
    margin: 0 0 20px 0;
    border-bottom: 1px solid #CCCCCC;
    padding: 0 0 10px 0;
    font-weight: normal;
}
.HomeShowMeRow {
    float: left;
    margin: 0 0 15px 0;
}
.HomeShowMeRow .thumbnail {
    border: 1px solid #AAAAAA;
    line-height: 0;
    float: left;
}
.HomeShowMeRowText {
    float: left;
    margin: 0 0 0 15px;
    width: 285px;
}
.HomeShowMeRowText .title {
    font-size: .85em;
    font-weight: bold;
    float: left;
}
.HomeShowMeRowText .subtitle {
    clear: both;
    font-size: .75em;
    color: #666666;
    margin: 5px 0 0 0;
    float: left;
}
#HomeMoreShowMes {
    font-size: .8em;
    clear: both;
}
#HomeMiddleSection {
    padding: 40px 0 0  0;
    overflow: auto;
    box-shadow: inset 0 0  6px rgba(0, 0, 0, 0.1)
}
#HomeMiddleContainer {
    width: 850px;
    margin: 0 auto;
    text-align: center;
    overflow: auto;
}
#HomeMiddleContainer h2 {
    margin: 0 0 1em 0;
    text-shadow: 0 1px white;
    font-size: 1.6em
}
#HomeMiddleContainer p {
    margin: 0 0 2em 0;
    text-align: center;
    font-size: 1em;
    text-shadow: 0 1px white
}
#HomeiPadPic {
    text-align: center;
}
#HomeiPadLinks {
    text-align: center;
    width: 350px;
    margin: 20px auto 40px auto;
    overflow: auto;
}
#HomeiPadLinks img {
    float: left;
}
#HomeiPadLinks .btn {
    padding: 9px 20px;
    font-size: 1.05em;
    margin: 1px 0 0 0;
    float: right;
}
#HomeiPadPicScreenShot img {
    display: inline;
}
#HomeBottomSection {
    padding: 40px 0 0  0;
    overflow: auto;
}
#HomeBottomContainer {
    width: 850px;
    margin: 0 auto;
    text-align: center;
    overflow: auto;
}
#HomeBottomContainer h2 {
    margin: 0 0 1em 0;
    text-shadow: 0 1px white;
    font-size: 1.4em
}
.HomeBlogBox {
    float: left;
    padding: 10px;
    margin: 10px;
    border: 1px solid #DDDDDD;
    width: 170px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.HomeBlogBox img {
    margin: 0 0 10px 0;
}
.HomeBlogBox h5 {
    font-weight: normal
}
.create {
    width: 650px;
}
#create-main {
    margin: 40px auto;
}
#CreateLeft {
    width: 320px;
    float: left
}
#CreateLeft a img {
    width: 320px;
    height: 240px
}
#CreateRight {
    width: 300px;
    float: right;
    padding: 10px 0 0 0;
}
.CreateBulletRow {
    margin: 0 0 15px 0;
    clear: both;
}
.CreateBullet {
    float: left;
    margin: 0 10px 0 0;
}
.CreateBullet img {
    height: 20px;
    width: 20px;
}
.CreateBulletText {
    font-size: .9em;
    padding: 2px 0 0 0;
}
#CreateiPadLinks {
    clear: both;
    margin: 25px 0 0 0;
}
#CreateiPadLinks a {
    display: block;
    margin: 25px 0 0 0;
    padding: 10px 20px;
    -moz-border-radius: 8px -webkit-border-radius: 8px;
    -webkit-background-clip: padding-box;
    border-radius: 8px;
    color: white;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}
#CreateiPadLinks img {
    float: left;
    margin: 20px 10px 0 0;
}
/* HOME - LOGGED IN */

#Container-logged {
    clear: both;
    width: 850px;
    margin: 35px auto 20px auto;
    overflow: auto
}
.card-section-logged {
    margin: 0 0 30px 0;
    overflow: hidden
}
.card-section-logged h1 {
    text-align: center;
    margin: 0 0 20px 0;
}
.card-section-logged .row {
    width: 737px;
    margin: 0 auto;
}
#HomeLoggedMainSection {
    clear: both;
}
#HomeLoggedMainLeft {
    width: 650px;
    float: left;
}
#HomeLoggedStream {}
#HomeLoggedStreamTitle {
    padding: 0 0 0  0;
    border-bottom: 1px solid #BEBEBE
}

#HomeLoggedStreamMain {
    overflow: auto
}
#HomeLoggedStream .row {
    overflow: auto;
    clear: both;
    padding: 12px 0;
    border-bottom: 1px solid #E9E9E9;
    font-size: .85em;
    position: relative
}
#HomeLoggedStream .row .left {
    float: left;
    width: 35px;
    margin: 0 12px 0 0;
}
#HomeLoggedStream .row .left img {
    width: 35px;
    height: 35px;
}
#HomeLoggedStream .row .right {
    float: left;
    width: 600px;
}
#HomeLoggedStream .row .main-text {
    color: gray;
    margin: 1px 0 10px 0
}
#HomeLoggedStream .row .showme {
    clear: both;
}
#HomeLoggedStream .row .showme .screenshot {
    float: left;
    border: 1px solid #AAAAAA;
    margin: 0 10px 0 0;
    position: relative;
}
#HomeLoggedStream .row .showme .screenshot a > img {
    width: 148px;
    height: 111px;
}
#HomeLoggedStream .row .showme .details {
    width: 417px;
    float: left
}
#HomeLoggedStream .row .showme .title {
    font-weight: bold;
    font-size: 1.1em;
    clear: both;
}
#HomeLoggedStream .row .showme .subtitle {
    font-size: .95em;
    color: gray;
    clear: both;
    margin: 4px 0 0 0;
    font-style: italic;
}
#HomeLoggedStream .row .showme .subtitle a {
    color: gray;
    font-style: normal;
}
#HomeLoggedStream .row .showme .name {
    color: gray;
    font-style: italic;
    margin: 7px 0 0;
}
#HomeLoggedStream .row .showme .name a {
    color: gray;
    font-style: normal;
}
#HomeLoggedStream .row .showme .description {
    clear: both;
    margin: 4px 0 0 0;
    font-size: .95em;
}
#HomeLoggedStream .row .bot-right {
    position: absolute;
    bottom: 10px;
    right: 0;
    color: #AAAAAA;
    font-size: .8em;
}
#HomeLoggedStreamMore {
    text-align: center;
    padding: 10px 0;
    font-size: .8em;
    background-color: #EDEFF4;
    border: 1px solid #D8DFEA;
    display: block;
    margin: 10px 0 0 0
}
#HomeLoggedStreamMore:hover {
    background-color: #D8DFEA
}
#HomeLoggedStream .row .showme .screenshot .icon-private-rect {
    z-index: 20;
    position: absolute;
    left: 17px;
    top: 36px;
}
#HomeLoggedStream .row .showme .screenshot .icon-private-rect img {
    width: 114px;
    height: 39px;
}
#HomeLoggedFriendRequestsTitle {
    padding: 0 0 0  0;
    border-bottom: 1px solid #BEBEBE
}
#HomeLoggedFriendRequestsMain {
    overflow: auto
}
#HomeLoggedFriendRequests .row_fr_req {
    overflow: auto;
    clear: both;
    padding: 12px 0;
    border-bottom: 1px solid #E9E9E9;
    font-size: .85em;
    position: relative
}
#HomeLoggedFriendRequests .row_fr_req .left {
    float: left;
    width: 35px;
    margin: 0 12px 0 0;
}
#HomeLoggedFriendRequests .row_fr_req .left img {
    width: 35px;
    height: 35px;
}
#HomeLoggedFriendRequests .row_fr_req .right {
    float: left;
    width: 600px;
}
#HomeLoggedFriendRequests .row_fr_req .main-text {
    color: gray;
    margin: 1px 0 10px 0
}
#HomeLoggedFriendRequests .row_fr_req .showme {
    clear: both;
}
#HomeLoggedFriendRequests .row_fr_req .showme .screenshot {
    float: left;
    width: 168px;
    height: 125px;
    border: 1px solid #AAAAAA
}
#HomeLoggedFriendRequests .row_fr_req .showme .screenshot a img {
    width: 168px;
    height: 125px;
}
#HomeLoggedFriendRequests .row_fr_req .showme .details {
    width: 417px;
    float: right
}
#HomeLoggedFriendRequests .row_fr_req .showme .title {
    font-weight: bold;
    font-size: 1.1em;
    clear: both;
}
#HomeLoggedFriendRequests .row_fr_req .showme .subtitle {
    font-size: .95em;
    color: gray;
    clear: both;
    margin: 4px 0 0 0;
}
#HomeLoggedFriendRequests .row_fr_req .showme .subtitle a {
    color: gray;
}
#HomeLoggedFriendRequests .row_fr_req .showme .description {
    clear: both;
    margin: 4px 0 0 0;
    font-size: .95em;
}
#HomeLoggedFriendRequests .row_fr_req .bot-right {
    position: absolute;
    bottom: 10px;
    right: 0;
    color: #AAAAAA;
    font-size: .8em;
}
#HomeLoggedMainRight {
    width: 230px;
    float: right;
}
#HomeLoggedMainRight p {
    color: #888888;
    font-size: .85em;
}
#HomeLoggedTagCloud #HomeLoggedTagCloudTitle {
    margin: 0 0 15px 0;
    border-bottom: 1px solid #BEBEBE
}
#HomeLoggedTagCloudMain {
    overflow: auto;
    margin: 0 0 60px 0;
}
.HomeLoggedTopicRow {
    font-size: .9em;
    margin: 0 0 13px 0;
    font-weight: bold;
}
.HomeLoggedTopicAll {
    font-size: .8em;
}
/* GROUPS */

.groups-hero {
    clear: both;
    width: 850px;
    margin: 35px auto 30px auto;
}
.groups-hero .left {
    width: 330px;
    float: left;
    padding: 30px 0 0 0;
}
.groups-hero .left h1 {
    font-size: 2.4em;
    font-weight: normal
}
.groups-hero .left .hero-text {
    font-size: 1.5em;
    color: #666;
    margin: 0 0 25px 0;
    line-height: 1.4em;
}
.groups-hero .left .cta-text {
    font-size: 1.05em;
}
.groups-hero .left .cta-text a {
    text-decoration: underline
}
.groups-hero .right {
    width: 430px;
    float: right
}
.groups-hero img {
    width: 429px;
    height: 278px;
    margin: 0 0 15px 0;
}
.groups-hero .caption {
    text-align: center;
    font-style: italic;
    color: #888;
    font-size: .95em;
}
.groups-middle {
    clear: both;
    background-color: #EEE;
    padding: 35px 0;
    margin: 0 0 35px 0;
}
.groups-middle .inner {
    width: 850px;
    margin: 0 auto
}
.groups-middle .inner .alpha {
    float: left;
    width: 240px;
    margin-right: 65px;
}
.groups-middle .inner .beta {
    float: left;
    width: 240px;
    margin-right: 65px;
}
.groups-middle .inner .omega {
    float: left;
    width: 240px;
}
.groups-middle .inner img {
    width: 240px;
    height: 170px;
    margin: 0 0 20px 0;
}
.groups-middle .inner h4 {
    padding: 0 8px;
    margin: 0 0 15px 0;
}
.groups-middle .inner p {
    padding: 0 8px;
}
.groups-footer {
    text-align: center;
    color: #888;
    font-size: .85em
}
/* SAT */

.SubBookImage img {
    float: left;
    margin: 0 15px 0 0;
}
#SubjectHomeTitleSection {
    margin: 50px 0 0 0;
    overflow: auto;
}
#SubjectHomeTitleSection h1 {
    float: left;
    font-size: 4em;
    padding: 0 30px 0 0;
    margin: 0
}
#SubjectHomeTitleSection p {
    font-size: 1.1em;
    margin: 15px 0 0 0;
    padding: 0;
}
#CurrentBooksSectionTitle {
    clear: both;
    float: left;
    font-size: 1.6em;
    font-weight: bold;
    margin: 0 8px 25px 0;
}
#UpcomingBooksSectionTitle {
    clear: both;
    float: left;
    font-size: 1.25em;
    font-weight: bold;
    margin: 0 8px 25px 0;
}
#CurrentBookSection {
    clear: both;
    padding-top: 25px;
    margin: 25px 0 0 0;
    overflow: auto;
}
#UpcomingBooksSection {
    clear: both;
    margin: 30px 0 0 0;
    padding: 0  0 0 0;
    overflow: auto;
}
#UpcomingBookGrid {
    clear: both;
}
.UpcomingBookGroup {
    width: 115px;
    float: left;
    margin: 0 54px 30px 0 ;
}
.UpcomingBookImage {
    margin: 13px 20px 0 0;
    float: left;
}
.UpcomingBookChaptersGroup {
    margin: 10px 0 0  0;
    float: left;
}
.UpcomingBookChapters {
    font-size: .85em;
    line-height: 1.8em;
}
.UpcomingBookRequest {
    clear: both;
    font-size: .8em;
    line-height: 1.8em;
    text-align: center;
    /*(display:block; margin: 0 auto;*/
}
#HomeBooksSectionTitle {
    clear: both;
    float: left;
    font-size: 1.25em;
    font-weight: bold;
    margin: 0 8px 25px 0;
}
#HomeBooksTag {
    padding: 10px 0 0 0;
}
#HomeBooksTag a:hover {}
.HomeBookGroup {
    clear: both;
    width: 440px;
    float: left;
    margin: 0 0  30px 0;
}

.HomeBookTitle {
    font-size: .85em;
    font-weight: bold;
    margin: 0 0 -7px 0;
    padding: 0;
}
.HomeBookSubtitle {
    font-size: .8em;
    color: #888888;
    margin: 0 0 3px 0;
}
.HomeBookImage {
    margin: 13px 20px 0 0;
    float: left;
}
.HomeBookChaptersGroup {
    margin: 10px 0 0  0;
    float: left;
}
.HomeBookChapters {
    font-size: .85em;
    line-height: 1.8em;
}
.HomeBookRequest {
    clear: both;
    font-size: .8em;
    line-height: 1.8em;
}
/* Browse page */

#BrowseTitleSection {
    margin: 45px 0 50px 0;
}
#BrowseSubtitle h1 {}

#BrowseSubtitle {
    margin: 20px 0 0 0;
    color: #888888;
}

#BrowseMain {}

#BrowseGrid {
    float: left;
}
.BrowseGridRow {
    clear: both;
    margin: 0 0 60px 0;
    overflow: hidden;
    position: relative;
}
.BrowseGridBox {
    float: left;
    margin: 0 40px 0 0;
    width: 172px;
}
.BrowseGridBox .screenshot {
    clear: both;
}
.BrowseGridBox .screenshot img {
    border: 1px solid #BBBBBB;
}
.BrowseGridBox .title {
    clear: both;
    font-weight: bold;
    font-size: .9em;
    margin: 10px 0 0 0;
}
.BrowseGridBox .author {
    clear: both;
    font-size: .7em;
    margin: 4px 0 0 0;
    color: #888888
}
.BrowseGridBox .description {
    clear: both;
    font-size: .8em;
    margin: 10px 0 0 0;
    color: #666666
}
#BrowseNav {
    float: left;
    border-left: 1px solid #E0E0E0;
    padding: 0 0 50px 30px;
    width: 182px;
}
#BrowseNav h3 {} #BrowseNav ul {
                     margin: 25px 0 0 0;
                 }
#BrowseNav li {
    margin: 0 0 10px 0;
    font-size: 1em;
}
#BrowseNav .all-topics {
    margin: 20px 0 0 0;
    font-size: .8em;
}
/* Learn page */

.learn {
    width: 750px
}
.learn-title {
    width: 420px;
    margin: 0 auto;
}
#learn-main {
    margin: 35px 0 0 0;
    clear: both;
}
#learn-main .row {
    clear: both;
    margin: 0 0 30px 0;
}
#learn-main .box {
    float: left;
    width: 225px;
    margin: 0 35px 0 0;
}
#learn-main .box.last {
    margin-right: 0;
}
#learn-main .image img {
    width: 225px;
    height: 150px;
}
#learn-main .topics {
    padding: 0 5px
}
#learn-main .main-topic {
    clear: both;
    font-weight: bold;
    margin: 10px 0 0 0;
    font-size: .95em;
}
#learn-main .subtopics {
    clear: both;
}
#learn-main .subtopics ul {
    margin: 10px 0 0 17px;
}
#learn-main .subtopics li {
    margin: 5px 0 0 0;
    list-style-type: disc;
}
#learn-main .subtopics li a {
    color: #538DC2
}
.learn .common-core {
    margin: 80px 0 0 0;
    text-align: center
}
.learn .common-core .text {
    font-size: .95em;
    text-align: center;
    margin: 0 0 15px 0;
}
.learn .common-core .button {
    height: 45px;
    width: 500px;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
    font-size: 1.1em;
    padding-top: 23px;
    background-color: #DFE9EF;
    border: 1px solid #9CA8AD;
    display: block;
    color: #333;
}
.learn .common-core .button:hover {
    text-decoration: none;
}
/* Common Core */

.content.common-core h1 {
    text-align: center;
    margin: 0 0 30px 0;
}
.content.common-core .row {
    margin: 0 0 30px 0;
}
.content.common-core .block {
    float: left;
    padding-right: 35px;
    width: 100px;
}
/* Analytics - landing page */

.analytics-landing-top {

    }

.analytics-landing {
    font-family: "Myriad Pro", "Myriad", sans-serif;
    padding: 0;
    margin: 0 auto;
    }

.analytics-landing .content {
    padding: 0;
    }

.analytics-landing .top {
    background-color: #F2F2F2;
    clear: both;
    padding: 60px 0;
    width: 100%
}
.analytics-landing .top-inner {
    width: 950px;
    margin: 0 auto;
}
.analytics-landing .top .left {
    float: left;
    width: 370px;
    margin-left: 50px;
}
.analytics-landing .top .left h1 {
    clear: both;
    margin: 20px 0 25px 0;
    font-weight: normal;
    font-size: 2.1em;
}
.analytics-landing .top .left p {
    font-size: 1.25em;
    line-height: 1.3em;
    color: #666
}
.analytics-landing .top .signup-row {
    margin: 20px 0 0 0;
    clear: both;
}
.analytics-landing .signup-block {
    width: 370px;
    margin: 0 auto;
}
.analytics-landing .signup-block .text {
    color: black;
    float: left;
    font-size: 1.2em;
    margin: 12px 0 0 0;
}
.analytics-landing .signup-block input[type="submit"] {
    float: right;
    width: 270px;
    font-size: 18px;
    font-weight: normal;
}
.analytics-landing .top .right {
    float: right;
    width: 430px;
    margin-right: 50px;
}
.analytics-landing .main {
    clear: both;
    width: 850px;
    margin: 0  auto 0 auto;
}
.analytics-landing .main h1 {
    clear: both;
    text-align: center;
    font-size: 1.8em;
    font-weight: normal;
    margin: 50px 0 15px 0;
}
.analytics-landing .main .subtitle {
    font-size: 1.2em;
    color: #888;
    margin: 0 auto 50px auto;
    text-align: center;
    width: 680px;
    line-height: 1.5em;
}
.analytics-landing .main .row {
    clear: both;
    margin: 0 0 70px 0;
}
.analytics-landing .main .row .text {
    float: left;
    width: 360px;
    font-size: 1.4em;
    margin: 20px 0 0 0;
}
.analytics-landing .main .row img {
    float: right;
    width: 440px;
    height: auto
}
.analytics-landing .main .signup-row {
    background-color: #F2F2F2;
    border: 1px solid #CCC;
    padding: 20px 0;
    clear: both;
}
/* Analytics */

.analytics-beta-banner {
    font-size: 0.85em;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #FFFFCC;
    border-bottom: 1px solid #CCC;
}
.analytics .user-analytics {
    background: #F9F9F9;
    border: 1px solid #F0F0F0;
    margin-bottom: 20px;
    color: #444;
}
.analytics .user-analytics > div {
    display: inline-block;
    text-align: center;
    border-right: 1px dotted #F0F0F0;
    width: 185px;
    margin: 5px 0;
}
.analytics .user-analytics > div:last-child {
    border-right: none;
}
.analytics .user-analytics > div .value {
    font-weight: bold;
    font-size: 20px;
}
.analytics .user-analytics > div .label {
    font-size: 13px;
    margin-top: 3px;
}
.analytics #graph {
    position: relative;
    left: 40px;
    margin-bottom: 90px;
}
.analytics #graph-container {
    float: left;
    position: relative;
    width: 950px;
    height: 380px;
    margin-bottom: 10px;
}
.analytics #graph-container .loading-graph {
    line-height: 380px;
    width: 100%;
    text-align: center;
}
.analytics #y-axis {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40px;
}
.analytics .x_tick.plain .title {
    -webkit-transform: translate(-45px, 40px) rotate(-45deg);
    -ms-transform: translate(-45px, 40px) rotate(-45deg);
    -o-transform: translate(-45px, 40px) rotate(-45deg);
    -moz-transform: translate(-45px, 40px) rotate(-45deg);
    transform: translate(-45px, 40px) rotate(-45deg);
}
.analytics .per-showme {
    clear: both
}
.analytics .per-showme .col-alpha {}
.analytics .per-showme .row {
    clear: both;
    border-bottom: 1px solid #EBEBEB;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    }

.analytics .per-showme .row .title {
    float: left;
    margin: 0 0 4px 0;
}
.analytics .per-showme .row .title h2 {
    float: left;
    font-size: 1em;
}
.analytics .per-showme .row .title a.open {
    float: left;
    margin: 4px 0 0 10px;
}
.analytics .per-showme .row .data-section {
    clear: both;
}
.analytics .per-showme .row .label {
    text-align: center;
    font-size: .85em;
    clear: both;
    margin: 10px 0 0 0;
}
.analytics .per-showme .row .label .number {
    font-weight: bold;
}
.analytics .per-showme .row .views {
    float: left;
    margin: 0 40px 0 0;
}
.analytics .per-showme .row .views .circle-container {
    width: 100px;
    height: 100px;
    position: relative
}
.analytics .per-showme .row .views .circle-container .circle {
    border-radius: 50%;
    background-color: #A2EA7D;
    position: relative;
}
.analytics .per-showme .row .likes {
    float: left;
    margin: 0 40px 0 0;
}
.analytics .per-showme .row .likes .circle-container {
    width: 100px;
    height: 100px;
    position: relative
}
.analytics .per-showme .row .likes .circle-container .circle {
    border-radius: 50%;
    background-color: #F7DD9C;
    position: relative;
}
.analytics .per-showme .row .heatmap {
    float: left;
}
.analytics .per-showme .row .heatmap .graphic {
    border: 1px solid #999999;
    margin: 26px 0 18px 0;
}
.analytics .per-showme .row .heatmap .graphic .bar {
    width: 16px;
    height: 45px;
    float: left;
    box-shadow: inset 1px 0  3px -2px rgba(0, 0, 0, 0.3)
}
.analytics .per-showme .row .heatmap .graphic .bar.c0 {
    background-color: #FFFFFF
}
.analytics .per-showme .row .heatmap .graphic .bar.c1 {
    background-color: #FFF7CF
}
.analytics .per-showme .row .heatmap .graphic .bar.c2 {
    background-color: #FFE6AE
}
.analytics .per-showme .row .heatmap .graphic .bar.c3 {
    background-color: #F9CC85
}
.analytics .per-showme .row .heatmap .graphic .bar.c4 {
    background-color: #F4AD58
}
.analytics .per-showme .row .heatmap .graphic .bar.c5 {
    background-color: #F29440
}
.analytics .per-showme .row .heatmap .graphic .bar.c6 {
    background-color: #ED7735
}
.analytics .per-showme .row .heatmap .graphic .bar.c7 {
    background-color: #E55A1C
}
.analytics .per-showme .row .heatmap .graphic .bar.c8 {
    background-color: #CE3C24
}
.analytics .per-showme .row .heatmap .graphic .bar.c9 {
    background-color: #BC1717
}
.analytics .per-showme .col-beta {
    width: 450px;
    margin: 0 0  0 0;
    float: left;
}
.analytics .per-showme .embed-wrap {
    text-align: right;
    margin-right: 26px;
}
.analytics .per-showme .embedded-showme {
    width: 642px;
    height: 482px;
    border: 1px solid #999999;
    box-shadow: 1px 1px 4px #F0F0F0;
}
.tooltip {
    position: absolute;
    display: none;
    z-index: 10;
    max-width: 300px
}
.tooltip .text {
    clear: both;
    background-color: #333;
    color: white;
    font-size: .75em;
    padding: 5px 10px;
    line-height: 1.35;
}
.tooltip .triangle {
    clear: both;
    line-height: 0;
    background-image: url('/pics/dialog-triangle.png');
    background-repeat: no-repeat;
    height: 4px;
    width: 7px;
    margin-left: 6px;
}
/* Contest page */

#Contest {
    float: left;
    margin: 40px 0 0 0;
}
#Contest h1 {
    margin: 0 0 24px 0;
    padding-top: 0;
    font-size: 2em;
}
#ContestText {
    width: 53%;
    float: left;
}
#ContestText p {
    line-height: 1.6em;
    font-size: 1.1em;
    color: #666666;
    clear: both;
}
#ContestSubText {
    line-height: 1.7em;
    font-size: 1em;
    color: #666666;
    clear: both;
    margin-top: 30px;
}
#ContestSubText a {
    font-weight: bold;
}
#ContestFootnote {
    color: #888888;
    font-size: .7em;
    clear: both;
    margin: 80px 0 0 0;
}
#ContestTopImg {
    float: right;
    margin: 20px 0 0 0;
    overflow: auto;
}
#ContestTopImg img {
    width: 400px;
    height: 300px;
}
#ContestInstructions {
    clear: both;
    margin: 10px 0 0 0;
    float: left;
}
.contest-number {
    float: left;
    color: #F3A83B;
    font-family: Futura, sans-serif;
    font-size: 3.3em;
    margin: 0 10px 0 25px;
}
.contest-step {
    float: left;
    margin: 6px 0 0 0;
}
.contest-step-text {
    width: 200px;
}
.contest-step-text h1 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 6px 0;
}
.contest-step-text p {
    color: #666666;
    clear: both;
    font-size: 1.1em;
    margin: 10px 0 10px 0;
}
.contest-link {
    font-size: .8em;
}
.contest-step img {
    clear: both;
    margin: 30px 0 0 0;
}
#Contest .topics {
    clear: both;
    margin: 20px 0 0 0;
}
#Contest .topic {
    float: left;
    margin: 0 12px 0 0;
}
/* SAT */

#TableOfContents {
    margin: 25px 0;
    clear: both;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #dddddd
}
#TableOfContents ul {
    margin: 0 0 0 40px;
    font-size: 1em;
}
#TableOfContents li {
    font-size: .85em;
    line-height: 1.8em;
}
.QuestionsColumn {
    padding: 10px 10px 0 10px;
    width: 215px;
    margin: 20px 0 0 0;
    float: left;
    border-left: 1px solid #dddddd
}
.Questions {
    margin: 30px 0 10px 0;
    clear: both;
}
.Questions ul {
    margin: 0  0 0 0;
    padding: 0 0 0 20px;
}
.Questions li {
    padding: 0 ;
    font-size: .85em;
    line-height: 1.8em;
}
#ProLink {
    float: left;
    clear: both;
    padding: 20px 0 10px 0;
    font-size: .85em;
    width: 100%;
}
#ProLink a {
    color: red;
}
#QuestionTextTitle {
    color: #333333;
    font-weight: bold;
}
#QuestionText {
    color: #888888;
}
#QuestionTextLink {
    font-size: .85em;
    margin: 4px 0 0 0;
    color: #888888;
}
#QuestionTextLink a {
    color: #538DC2;
}
#QuestionLeft {
    float: left;
    width: 580px;
    margin: 0 30px 0 0;
}
#QuestionRight {
    float: left;
    width: 240px;
}
#TeacherBoxTitle {
    margin: 0 0 15px 0;
}
#TeacherBox {
    float: left;
}
#TeacherPicture {
    float: left;
    margin: 0 10px 10px 0;
}
#TeacherName {
    font-size: .95em;
    font-weight: bold;
    margin: 0 0 5px 0;
}
#TeacherStats {
    font-size: .8em;
    color: #888888;
    line-height: 1.3em;
}
#TeacherBio {
    clear: both;
    font-size: .95em;
    color: #666666;
}
#TeacherBio p {
    line-height: 1.25em;
}
#TeacherConnectSection {
    margin: 0 0 20px 0;
}
.TeacherConnect {
    margin: 0 0 7px 0;
    font-size: .8em
}
/* ShowMe Page */
.username_wrapper{
    /* display: block; */
    clear: both;
    top: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
    }

.username_wrapper .title-info{
    float: none;
    }

#showme-top {
    clear: both;
    position: relative;
    box-shadow: inset 0 -2px 8px rgba(0, 0, 0, 0.1);
    background: #fff;

    /*background-size: cover;*/
    /*top: -30px;*/
    height: auto;
    padding-bottom: 15px;
    padding-top: 35px;
    }

#homeContentBox::before {
    content: "";
    background: url('../pics/strp.png') repeat left top;
    background-attachment: fixed;
    background-size: cover;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 0;
    opacity: 0.08;
    }

#showme-top .content {
    max-width: 960px;
    }

#BreadCrumbs {
    clear: both;
    font-size: .9em;
    padding: 0 0 10px 0;
    color: #888888;
    }

#TitleGroup {
    overflow: auto;
    margin: 0 0 16px 0;
    }

.TitleImage {
    margin: 0 10px 20px 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    float: left;
    }

.TitleImage img {
    width: 36px;
    height: 36px;
    }

.title-info  {
    position: relative;
    display: inline-block;
    /*width: 59%;*/
    /* top: -15px; */
    padding-bottom: 7px;
    padding-left: 0 ;
    padding-right: 10px;
    /*top: -12px;*/
    }

.showme-author{
    margin-top: 20px;
    position: relative;
    width: 100%;
    }

.showme_author_name_block{

}

.title-info.
.VoteButton.fb,
.VoteButton.tw,
.VoteButton.share_email {
    margin-top: 1.5px;
    float: left;
    }

#TitleGroupNoBread {
    overflow: auto;
    margin: 40px 0 16px 0;
    }

.ShowMeUserFollow {
    font-size: .8em;
    margin: 0 0 0 15px;
    color: #888888
    }

.ShowMeUserFollow a {
    color: #538DC2
    }

#ShowMeTitleGroup {
    clear: both;
    max-height: 120px;
    width: 60%;
    overflow: hidden;
    padding-bottom: 20px;
    float: left;
    }

#tagnames{
    float: none;
    clear: both;
    width: 100%;
    display: inline-block;
    margin-top: 20px;
    }

#tagnames li{
    display: inline;
    }

#tagnames li a,
.topicTextSelector a{
    color: #19558D;
    padding: 1px 11px 2px 11px;
    margin: 0 ;
    /*border: 1px solid #077ABE;*/
    border-radius: 5px;
    /*background-color: #DFEAF4;*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }

#tagnames li a:hover,
.topicTextSelector a:hover{
    text-decoration: none;
    color: #fff !important;
    /* border: 1px solid #000; */
    background-color: #19558D;
    }




#ShowMeTitleGroup h1 {
    margin: -2px 0 2px 0;
    float: left;
    font-size: 1.15em;
    font-weight: 600;
    }

#ShowMeTitleGroup .title-sub {
    font-size: .85em;
    float: left;
    color: #777;
    clear: both;
    }

#ShowMeTitleGroup .title-sub .by {
    color: #888;
    }

#ShowMeTitleGroup .left {
    float: left;
    width: 700px
    }

#ShowMeTitleGroup .right {
    float: left;
    width: 120px;
    margin: 0  0 0 0;
    }

#ShowMeTitleGroup .private-icon img {
    clear: both;
    padding: 2px 0 0 0;

    }

#ShowMeTitleGroup .lock-tooltip {
    text-shadow: none;
    }

#editShowmeTitle {
    /* margin-left: 10px; */
    font-size: 12px;
    /* color: #538DC2; */
    float: right;
    top: -15px;
    position: relative;
    }

.editableShowmeTitle[contenteditable=true] {
    position: relative;
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.5);
    padding: 5px;
    margin: 0;
    color: #000 !important;
    min-width: 279px;
    /*max-width: 175px;*/
    max-height: 200px;
    overflow: auto;
    top: -5px;
    }

#showme-top #ShowMeTitleGroup h1.editableShowmeTitle[contenteditable=true] {
    color: black;
    text-shadow: none;
    }

#showme-top-container #showme-content {
    clear: both;
}
#showme-top #ShowMeTitleGroup h1 {
    color: white;
    text-shadow: 0 1px black
    }

#showme-top #ShowMeTitleGroup .title-sub {
    color: #999;
    text-shadow: 0 1px black
    }

#showme-top #ShowMeTitleGroup .title-sub a {
    color: #999;
    text-shadow: 0 1px black
    }

#showme-top #VideoContainer {
    float: left;
    margin: 0 20px 12px 0;
    border: solid 1px #4D4D4D;
    width: 60%;
    height: 420px;
    background: #ffffff;
    overflow: hidden;
    position: relative;
    }

#Video_prevBtn{
    background-image: none;
    background-color: #444444;
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-image: -ms-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    }

#Video_prevBtn:hover{
    background-image: none;
    background-color: #222222;
    background-image: -webkit-linear-gradient(top, #222222, #444444);
    background-image: -moz-linear-gradient(top, #222222, #444444);
    background-image: -ms-linear-gradient(top, #222222, #444444);
    background-image: -o-linear-gradient(top, #222222, #444444);
    background-image: linear-gradient(to bottom, #222222, #444444);
}

#Video_prevBtn span{
    position: absolute;
    left: 40px;
    font-size: 30px;
}

.mediaplayer_inner {
    text-align:center;
    margin-top:240px;
    color:white
    }

.mediaplayer_inner span{
    font-size:12px;
    background:#CCC;
    padding:10px 20px;
    border-radius:5px;
    text-shadow: 1px 1px #999;
    border: 1px solid #BBB;
    }

.autor_likes{
    margin: 10px 0;
}

#showme-top .user {
    position: relative;
    float: right;
    padding-top: 0 ;
    padding-left: 0 ;
    height: auto;
    width: 36%;
    }

#showme-top .user  .title-info {
    display: inline-block;
    vertical-align: 10px;
    font-size: 14px;
    font-family: "Open sans", sans-serif;
    position: relative;
    width: 80%;
    float: left;
    padding-bottom: 0;
    }

#showme-top .user  #SharingInfo {
    margin-top: 5px;
    width: 580px;
    font-size: 12px;
    color: #888;
    }

#showme-top .user  #SharingInfo img {
    display: inline;
    vertical-align: bottom;
    }

#showme-top .user  #SharingInfo a {
    color: #888;
    }

#showme-top .user  #SharingInfo .sharingLinks a {
    color: #538DC2;
    font-size: 11px;
    }

#showme-top .user #SharingInfo .sharingLinks {
    margin-left: 20px;
    margin-top: 3px;
    }

#showme-top .description {
    color: #333;
    /*text-shadow: 0 1px black;*/
    font-size: .85em;
    margin: 10px 0 0 0;
    clear: both;
}

#showme-top .right {
    /* float: left; */
    width: auto !important;
    position: relative;
    /* top: 22px; */
    /* padding-left: 5px; */
    margin-top: 15px
    }

#VoteBox {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    margin-bottom: 10px;
    }

.socials{
    /*float: left;*/
    margin: 0 auto;
    display: inline-block;
    position: relative;
    width: 70%;
    text-align: center;
    margin-top: 10px;
    }

#homeContentBox {
    padding: 0  0 0  0;
    color: #000;
    }

#homeContentBox a {
    color: #1B578E;
    }

#homeContentBox h1 {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #555;
    text-transform: capitalize;
    margin: 0  0 10px 0;
    /*padding-top: 30px;*/
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
    max-height: 2.5em;
    overflow: hidden;
    height: auto;
    }

.related_box_wrapper {
    position: relative;
    height: 280px;
    width: 100%;
    text-align: left;
    overflow: hidden;
    }

.related_box_wrapper h2{
    text-align: left;
    }


.related_box_wrapper .card{
    /* margin-left: 2%; */
    float: none;
    width: 18.5%;
    padding: 0 10px 0 0;
    margin: 0;
    display: inline-block;
    text-align: center;
    }

.related_box_wrapper .card .screenshot{
    width: 100%;
    }

.related_box_wrapper .card  .overlay {
    width: 95%;
    }

.related_box_wrapper .card .top .screenshot a{
    height: 152px;
    width: 100%;
    /*box-shadow: 0 3px 31px -5px #000;*/
    }

.related_box_wrapper .card .bottom{
    xdisplay: none;
    }

/*
    .related_box {
        position: relative;
        width: 130px;
        display: inline-block;
        height: 90px;
        margin-left: 2px;
        }

    .related_box_wrapper .image {
        background-color: rgba(0, 0, 0, 0.04);
        background-image: url('/pics/landing-screenshot.png');
        background-size: cover;
        position: absolute;
        height: 90px;
        width: 100%;
        }

        .rel_footer {
            position: absolute;
            display: block;
            background-color: rgba(0, 0, 0, 0.5);
            color: #eee;
            font-size: 10px;
            bottom: 0;
            width: 98%;
            height: 20px;
            padding-top: 8px;
            padding-left: 2%;
            }

        .rel_footer .fa {
            padding-right: 10px;
            padding-left: 4px;
            }

        .rel_footer .fa-heart {
            padding-left: 10px;
            }

        .rel_footer .fa:before {
            padding-right: 0;
            }
*/

#homeContentBox .TitleImage img {
    width: 100%;
    height: 100%;
    border-radius: 40px;
}
#showme-top #homeContentBox .description {
    color: #333;
    /*border-top: 1px solid #CCC;*/
    /*padding-top: 10px;*/
    /*margin-bottom: 15px;*/
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    margin: 0;
    max-height: 38px;
    overflow: hidden;
    /*margin-bottom: 10px;*/
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
    }

.teacherProfession{
    display: inline;
    font-style: italic;
    }

.VoteButton {
    float: left;
    width: auto;
    margin: 0 ;
    -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
    /*display: inline-block;*/
    }

    .VoteButton.like a .text {
        /*background: url("../pics/heart.png") no-repeat left center;*/
        /*padding: 6px 0 6px 32px*/
        position: relative;
        /*left: 10px;*/
        }

        .VoteButton.like a,
        .VoteButton.liked a,
        .VoteButton.share a,
        .VoteButton.embed a{
            -webkit-transition: all 0.2s ease;
               -moz-transition: all 0.2s ease;
                 -o-transition: all 0.2s ease;
                    transition: all 0.2s ease;
            -webkit-box-shadow: inset 0 0 0 1px rgba(41, 97, 149, 0.70), 0 0 1px rgba(0, 0, 0, 0);
               -moz-box-shadow: inset 0 0 0 1px rgba(41, 97, 149, 0.70), 0 0 1px rgba(0, 0, 0, 0);
                    box-shadow: inset 0 0 0 1px rgba(41, 97, 149, 0.70), 0 0 1px rgba(0, 0, 0, 0);
            }

            .VoteButton.like a:hover,
            .VoteButton.liked a:hover,
            .VoteButton.share a:hover,
            .VoteButton.embed a:hover,
            .VoteButton.like a:active,
            .VoteButton.liked a:active,
            .VoteButton.share a:active,
            .VoteButton.embed a:active {
                /* border-bottom: 1px solid #1B578E; */
                background-color: #ffffff;
                color: #296195!important;
                -webkit-box-shadow: inset 0 0 0 1px #296195, 0 0 1px rgba(0, 0, 0, 0);
                   -moz-box-shadow: inset 0 0 0 1px #296195, 0 0 1px rgba(0, 0, 0, 0);
                        box-shadow: inset 0 0 0 1px #296195, 0 0 1px rgba(0, 0, 0, 0);
                }


.VoteButton .fa:before {
    padding-right: 10px ;
}



.VoteButton.liked .fa:before {
    content: "\f004";
    }

.VoteButton.like .fa:before {
    content: "\f08a";
    }


a.like_button{

}


.VoteButton.like,
.VoteButton.liked {
    float: left;
}


.VoteButton.liked .text {
    /*text-shadow: 0 1px white;*/
    /*padding: 6px 0 6px 0 */
    }

.VoteButton.liked .text:after {
    content: "d"
    }

.VoteButton.share {
    float: left;
    width: auto;
    display: inline-block;
    margin-left: 10px;
    }

.VoteButton.share a {

}

.VoteButton a {
    display: block;
    height: 27px;
    margin: 0 ;
    padding: 7px 0  0 0  !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    font-size: 1.05em;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    width: 90px;
    }

.VoteButton a .text {
    /*text-shadow: 0 -1px black;*/
    white-space: nowrap;
    font-family: 'Roboto', sans-serif;
    }

.fb,
.tw,
.share_email {
    /*display:none;*/
    /*width: 32px;*/
    cursor:pointer;
    margin-left: 20px;
}

.VoteButton.embed{
    margin-left: 20px;
    display: inline-block;
    float: left;
    }



.VoteButton i.fa {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.VoteButton i.fa:before {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    }

.VoteButton i.fa:before {
    font-size: 30px;
    vertical-align: -9px;
    position: relative;
    /*top: 1px;*/
    color: #1B578E;
    /* line-height: 0 ; */
    padding: 0;
    margin: 0;
    display: inline-block;
    }

.VoteButton i.fa:hover::before {
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    margin-top: -10px;
    }

.video_stats {
    display: block;
    width: auto;
    float: right;
    margin-top: 10px;
    color: #555;
}

.video_stats .clock_time{
    padding-left: 10px;
}

.toolsWrapper {
    /*position: absolute;*/
    /*top: -340px;*/
    /*right: 0 ;*/
    /*background: #000;*/
    }

.showme-manage {
    float: right;
    width: 45px
    }
.showme-manage a {
    text-align: center;
    float: right;
    margin: 0 0 0 10px;
    color: #969696;
    font-size: 12px;
    /*background-color: #fff;*/
    }

.showme-manage a>div img {
    height: 30px;
    padding-bottom: 8px;
    margin: 0 auto;
    }

.showme-manage a>div {
    font-size: 50px;
    color: #aaa;
    -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
    }

.showme-manage a:hover {
    color: #F75342;
    text-decoration: none;
    }

.showme-manage a:hover .settings {
    opacity: 0.7;
    }

.showme-manage a:hover .delete {
    opacity: 0.7;
    }


.showme-manage .settings {
    /*background: url('/pics/icon-showme-settings.png') no-repeat;*/
    /*height: 40px;*/
    /*width: 40px;*/
    clear: both;
    }
.toolsWrapper .showme-manage a,
.toolsWrapper  .showme-manage a{
    /*color:#fff!important;*/
}
.showme-manage .delete {
    /*background: url('/pics/icon-showme-delete.png') no-repeat;*/
    /*height: 40px;*/
    /*width: 40px;*/
    clear: both;
    }

.userStats {
    position: absolute;
    color: #FFF;
    z-index: 10;
    width: 100%;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.27);
    bottom: 0;
    }


.userStats span{

    }

.userStats i{

    }

#ShowMe-bottom {
    clear: both;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    }

#ShowMe-bottom .left {
    float: left;
    width: 60%;
    }

#ShowMe-bottom .left .comments-section {
    clear: both
    }

#ShowMe-bottom .left .comments-section .comment-write {
    clear: both;
    margin: 0 0 12px 0;
}
#ShowMe-bottom .left .comments-section .avatar {
    float: left;
    margin: 0 6px 0 0;
}
#ShowMe-bottom .left .comments-section .avatar img {
    width: 24px;
    height: 24px;
}
#ShowMe-bottom .left .comments-section .comment-write input[type="text"] {
    width: 60%;
    min-height: 20px;
    border: 1px solid #888;
    font-size: .8em;
    padding: 2px 3px;
    float: left;
    margin: -1px 6px 0 0;
}
#ShowMe-bottom .left .comments-section .comment-write input[type="submit"] {
    margin: -1px 0 0 0;
}
#ShowMe-bottom .left .comments-section .comments-list {
    clear: both;
}
#ShowMe-bottom .left .comments-section .comments-list .comment {
    clear: both;
    margin: 0 0 16px 0;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    }

#ShowMe-bottom .left .comments-section .comments-list .comment.indent-1 {
    margin-left: 30px
}
#ShowMe-bottom .left .comments-section .comments-list .comment.indent-2 {
    margin-left: 60px
}
#ShowMe-bottom .left .comments-section .comments-list .comment.indent-3 {
    margin-left: 90px
}
#ShowMe-bottom .left .comments-section .comments-list .comment.indent-4 {
    margin-left: 120px
}
#ShowMe-bottom .left .comments-section .comments-list .comment.indent-5 {
    margin-left: 150px
}
#ShowMe-bottom .left .comments-section .comments-list .comment.indent-6 {
    margin-left: 180px
}
#ShowMe-bottom .left .comments-section .comments-list .comment .name-row {
    clear: both;
    margin: 0 0 0  0 ;
}
#ShowMe-bottom .left .comments-section .comments-list .comment .name-row .name {
    font-weight: bold;
    font-size: .85em;
    float: left;
    margin: 3px 0 0 0;
}
#ShowMe-bottom .left .comments-section .comments-list .comment .name-row .votecount {
    font-size: .7em;
    color: #999;
    float: left;
    margin: 5px 0 0 8px;
}
#ShowMe-bottom .left .comments-section .comments-list .comment .comment-content {
    font-size: .8em;
    margin: 0 0 2px 30px;
    width: 410px;
    clear: both;
}
#ShowMe-bottom .left .comments-section .comments-list .comment.deleted .name-row .name {
    color: #888;
    font-style: italic;
}
#ShowMe-bottom .left .comments-section .comments-list .comment.deleted .comment-content {
    background: #F2F2F2;
    padding: 5px;
    border: 1px dashed #E2E2E2;
    font-style: italic;
}
#ShowMe-bottom .left .comments-section .comments-list .comment.indent-1 .comment-content {
    width: 380px
}
#ShowMe-bottom .left .comments-section .comments-list .comment.indent-2 .comment-content {
    width: 350px
}
#ShowMe-bottom .left .comments-section .comments-list .comment.indent-3 .comment-content {
    width: 320px
}
#ShowMe-bottom .left .comments-section .comments-list .comment.indent-4 .comment-content {
    width: 290px
}
#ShowMe-bottom .left .comments-section .comments-list .comment.indent-5 .comment-content {
    width: 260px
}
#ShowMe-bottom .left .comments-section .comments-list .comment.indent-6 .comment-content {
    width: 230px
}
#ShowMe-bottom .left .comments-section .comments-list .comment.indent-1 .comment-write input[type="text"] {
    width: 282px;
}
#ShowMe-bottom .left .comments-section .comments-list .comment.indent-2 .comment-write input[type="text"] {
    width: 252px;
}
#ShowMe-bottom .left .comments-section .comments-list .comment.indent-3 .comment-write input[type="text"] {
    width: 222px;
}
#ShowMe-bottom .left .comments-section .comments-list .comment.indent-4 .comment-write input[type="text"] {
    width: 192px;
}
#ShowMe-bottom .left .comments-section .comments-list .comment.indent-5 .comment-write input[type="text"] {
    width: 162px;
}
#ShowMe-bottom .left .comments-section .comments-list .comment.indent-6 .comment-write input[type="text"] {
    width: 132px;
}
#ShowMe-bottom .left .comments-section .comments-list .options-row {
    clear: both;
    color: #888;
    font-size: .8em;
    margin: 10px 0 0  30px;
    padding: 0 0 4px 0;
}
#ShowMe-bottom .left .comments-section .comments-list .options-row a {
    color: #538DC2
}
#ShowMe-bottom .left .comments-section .comments-list .options-row .own {
    display: none;
}
#ShowMe-bottom .left .comments-section .comments-list .options-row .reply {
    width: 54px;
}
#ShowMe-bottom .left .comments-section .comments-list .options-row .reply a {
    border: 1px solid #DFEAF4;
    padding: 3px 5px;
;
    margin: 0 4px -3px -7px;
    width: 54px;
}
#ShowMe-bottom .left .comments-section .comments-list .options-row .reply a:hover {
    border: 1px solid #999;
    color: #999;
    text-decoration: none;
}
#ShowMe-bottom .left .comments-section .comments-list .options-row .upvote a {
    padding-left: 13px;
    background: url('/pics/upvote.gif') no-repeat 0 1px;
    margin: 0 2px 0 0;
}
#ShowMe-bottom .left .comments-section .comments-list .options-row .upvote a:hover {
    color: #19558D;
    background-position: 0 -16px;
}
#ShowMe-bottom .left .comments-section .comments-list .options-row .downvote {
    margin: 0 2px
}
#ShowMe-bottom .left .comments-section .comments-list .options-row .downvote a:hover {
    color: #19558D;
}
#ShowMe-bottom .left .comments-section .comments-list .options-row .timestamp {
    font-size: .85em;
    color: #999;
    margin: 0 0 0 2px;
}
#Share {
    float: right;
    padding: 0 30px 0 0;
    font-size: .8em;
}
#Share a {
    color: #538DC2;
}
#like,
#unlike,
#TranscriptMore {
    margin: 0 0 0  0;
    cursor: pointer;
}
#ShowMe-bottom .right {
    float: right;
    width: 35%;
}
#ShowMe-bottom .right .topics {
    clear: both;
    margin: 0  0 10px 0;
    border-bottom: 1px solid #E0E0E0;
    padding: 0 0 4px 0;
}

.user .right{
    width: 100% !important;
    }

.topics{
    width: 100% !important;
    /*padding-top: 10px;*/
    }

#ShowMe-bottom .right .topics h5 {
    color: #333
    }

#ShowMe-bottom .right .VoteText {
    clear: both;
    font-size: 0.8em;
    margin: 0  0 12px 0;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #E0E0E0;
    width: 100%
}
#ShowMe-bottom .right #VotePicSection {
    margin: 0  0 0 0;
    clear: both;
}
#ShowMe-bottom .right #VotePicSection .pic img {
    margin: 0 3px 3px 0;
    float: left;
    width: 25px;
    height: 25px;
}
#ShareShowMe {
    clear: both;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #CCC
}
#ShareShowMe h4 {
    margin: 0 0 12px 0;
    color: #333;
    font-size: .9em;
}
.ShareShowMeRow {
    clear: both;
    margin: 0 0 8px 0;
    font-size: .8em;
    overflow: auto
}
.ShareShowMeItem {
    float: left;
    margin: 0 12px 0 0;
}
.ShareShowMeItem a {
    float: left;
    margin: 3px 0 0 0;
}
.ShareShowMeItem img {
    float: left;
    margin: 0 3px 0 0;
    width: 20px;
    height: 20px;
}
#ShareShowMe textarea {
    border: 1px solid #CCCCCC;
    height: 76px;
    padding: 4px;
    color: #666666;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .9em;
    width: 220px;
}
.ShareEmbedSection {
    clear: both;
    color: #666666;
    display: none;
    overflow: hidden;
}
.ShareEmbedSection .dim {
    float: left;
    margin: 10px 0 10px 0;
}
.ShareEmbedSection .desc {
    margin-right: 5px
}
.ShareEmbedSection .dim input[type="text"] {
    width: 35px;
    border: 1px solid #CCCCCC;
    height: 14px;
    padding: 4px;
    color: #666666;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .9em;
}
.ShareEmbedSection .dim .x {
    margin: 0 3px
}
#ShowMe-bottom .right .more-options {
    font-size: .8em;
    margin: 0 0 10px 0;
    clear: both;
}
#ShowMe-bottom .right .date {
    font-size: .7em;
    color: #A2A2A2;
    clear: both;
}
#ShowMe-bottom .arrived-from-search {
    clear: both;
    margin: 40px 0 0 0;
}
#ShowMe-bottom .arrived-from-search h5 {
    color: #666666;
    font-weight: normal;
    font-size: .75em;
}
#ShowMe-bottom .arrived-from-search ul {
    margin: 0 0 0 0 ;
    padding: 0;
    overflow: auto;
    font-size: .7em;
}
#ShowMe-bottom .arrived-from-search li {
    line-height: 1.3;
    margin: 0 0 6px 0;
    padding: 0;
    overflow: auto;
}
#ShowMeTitle {
    font-weight: bold;
    margin: 0  0  -14px 0;
    padding: 0;
}

.showmeTitle{

}

/* Sign Up */

.content-signup-300 {
    width: 300px
}
.content-signup-300 .desc {
    margin: 20px 0 25px 0;
}
.content-signup-300 .desc p {
    color: #666666;
    font-size: .8em;
}
.content-signup-300 .fb {
    clear: both;
    margin-top: 10px;
    margin-left: 0px;
}
.content-signup-300 .fb a {
    display: block;
    padding: 6px 10px;
    background-color: #285D95;
    color: white;
    width: 280px;
    text-align: center;
    font-size: .8em;
}
.content-signup-300 .fb a:hover {
    text-decoration: none;
}
.content-signup-300 .gp {
    clear: both;
    margin-top: 10px;
}
.content-signup-300 .gp a {
    display: block;
    padding: 6px 10px;
    background-color: #d34836;
    color: white;
    width: 280px;
    text-align: center;
    font-size: .8em;
}
.content-signup-300 .gp a:hover {
    text-decoration: none;
}
.content-signup-300 .edmodo {
    clear: both;
    margin-top: 10px;
}
.content-signup-300 .edmodo a {
    display: block;
    padding: 6px 10px;
    background-color: #3784D3;
    color: white;
    width: 280px;
    text-align: center;
    font-size: .8em;
}
.content-signup-300 .edmodo a:hover {
    text-decoration: none;
}
.content-signup-300 .or {
    clear: both;
    margin: 20px 0 0 0;
    color: #666666;
    font-style: italic;
    font-size: .8em;
}
.content-signup-300 form {
    margin: 25px 0 0 0;
}
.content-signup-300 form .row {
    margin: 20px 0 0 0;
    clear: both;
    width: 300px
}
.content-signup-300 form .row input[type="text"],
.content-signup-300 form .row input[type="email"],
.content-signup-300 form .row input[type="password"] {
    border: 1px solid #AAAAAA;
    padding: 5px 5px;
    font-size: .75em;
}
.content-signup-300 form .row .left {
    float: left;
    width: 145px
}
.content-signup-300 form .row .left input {
    width: 133px;
}
.content-signup-300 form .row .right {
    float: right;
    width: 145px
}
.content-signup-300 form .row .right input {
    width: 133px;
}
.content-signup-300 form .row .full input {
    width: 288px;
}
.content-signup-300 form .birthday {
    margin: 20px 0 0 0;
    clear: both;
    font-size: .85em;
}
.content-signup-300 form .birthday .title {
    font-weight: bold;
    clear: both;
    color: #555555;
    font-size: .95em;
}
.content-signup-300 form .birthday .sub {
    font-size: .8em;
    color: #666666;
    clear: both;
    margin: 5px 0 10px 0;
}
.content-signup-300 form .birthday .date {
    clear: both;
}
.content-signup-300 .login {
    color: #888888;
    font-size: .8em;
    float: right;
    clear: both;
    margin: 15px 0 0 0;
}
.content-signup-380 {
    width: 380px
}
.content-signup-380 .desc {
    margin: 20px 0 25px 0;
}
.content-signup-380 .desc p {
    color: #666666;
    font-size: .8em;
}
.content-signup-380 .row-picture {
    margin: 25px 0 0 0;
    clear: both;
}
.content-signup-380 .row-picture label {
    width: 115px;
    float: left;
    font-size: .8em;
    color: #666666;
    font-weight: bold;
    padding: 5px 0 0 0;
}
.content-signup-380 .row-picture .right {
    float: left;
    width: 260px
}
.content-signup-380 .row-picture .right .frame {
    border: 1px solid #AEAEAE;
    float: left;
    position: relative;
    width: 80px;
    height: 80px;
}
.content-signup-380 #file_upload_form {
    float: left;
    width: 155px;
    margin: 0 0 0 10px
}
.content-signup-380 #file_upload_form p {
    margin: 0;
}
.content-signup-380 form .row {
    margin: 20px 0 0 0;
    clear: both;
}
.content-signup-380 form .row label {
    width: 110px;
    float: left;
    font-size: .8em;
    color: #555555;
    font-weight: bold;
    padding: 5px 0 0 0;
}
.content-signup-380 form .row input[type="text"],
.content-signup-380 form .row textarea {
    float: right;
    width: 255px;
    border: 1px solid #AAAAAA;
    padding: 5px 5px;
    font-size: .75em;
}
.content-signup-380 form .row .newsletter-check {
    font-size: .8em;
    float: left;
}
.content-signup-380 form .row .newsletter-label {
    font-size: .8em;
    color: #666666;
    float: right;
    width: 245px;
    margin: -2px 0 0 0;
}
.content-signup-380 form .row.parentemail {
    margin: 25px 0 0 0;
    clear: both;
    padding: 10px 0 0 0;
    border-top: 1px solid #DDDDDD
}
.content-signup-380 form .row.parentemail p {
    color: #666666;
    font-size: .8em
}
.content-signup-380 form .row.parentemail .terms {
    font-size: .8em;
    clear: both;
    margin: 0 0 15px 0
}
.content-signup-380 form .row.parentemail .terms a {
    font-style: italic;
}
.content-signup-380 .follow-topics {
    margin: 20px 0 0 0;
}
.content-signup-380 .follow-topics .row {
    padding: 10px 0;
    border-top: 1px solid #DDDDDD;
    clear: both;
}
.content-signup-380 .follow-topics .thumb {
    float left;
}
.content-signup-380 .follow-topics .thumb img {
    height: 30px;
    width: 30px;
    float: left;
    margin: 0 10px 0 0;
}
.content-signup-380 .follow-topics .text {
    float: left;
    width: 160px;
    padding: 5px 0 0 0;
}
.content-signup-380 .follow-topics .text .title {
    font-size: .9em;
    font-weight: bold;
}
.content-signup-380 .follow-topics .follow-button,
.content-signup-380 .follow-topics .unfollow-button {
    float: right
}
.content-signup-380 .follow-topics .find-row {
    margin: 20px 0 0 0;
}
.content-signup-380 .follow-topics .find-row input[type="text"] {
    float: left;
    width: 180px;
    border: 1px solid #AAAAAA;
    padding: 5px 5px;
    font-size: .75em;
    margin: 0 10px 0 0;
}
.content-signup-380 .follow-topics .find-row .follow-button,
.content-signup-380 .follow-topics .find-row .unfollow-button {
    float: left
}
.content-signup-380 .submit-row {
    margin: 25px 0 0 0;
}
/* LOGIN */

.TeacherAdminFormRow .fb {
    display: inline-block;
}
.content-login-380 {
    width: 332px
}
.content-login-380 .desc {
    margin: 20px 0 25px 0;
}
.content-login-380 .desc p {
    color: #666666;
    font-size: .8em;
}
.content-login-380 .social-login {
    margin-top: 15px;
}
.content-login-380 .social-button {
    margin-top: 10px;
    width: 148px;
    float: left;
    height: 21px;
    padding: 6px 0 0 0 ;
    color: white;
    font-size: .8em;
    text-align: center;
}
.content-login-380 .social-button.face {
    margin: 10px 10px 0 0;
}
.content-login-380 .social-button.gplus {
    margin: 10px 10px 0 0;
}
.content-login-380 .social-button a {
    color: white
}
.content-login-380 .social-button a:hover {
    text-decoration: none
}
.content-login-380 .face {
    width: 160px;
    background-color: #285D95;
}
.content-login-380 .gplus {
    width: 160px;
    background-color: #d34836;
}
.content-login-380 .edmodo {
    width: 160px;
    background-color: #3784D3;
}
.content-login-380 .twit {
    width: 160px;
    background-color: #4099FF;
}
.content-login-380 .login-or {
    clear: both;
    margin: 20px 0 0 0;
    color: #666666;
    font-style: italic;
    font-size: .8em;
}
.content-login-380 form {
    margin: 20px 0 0 0;
}
.content-login-380 form .row {
    margin: 20px 0 0 0;
    clear: both;
    width: 100%
}
.content-login-380 form .row input[type="text"],
.content-login-380 form .row input[type="password"] {
    border: 1px solid #AAAAAA;
    padding: 5px 5px;
    font-size: .75em;
    width: 320px
}
.content-login-380 .login {
    color: #888888;
    font-size: .8em;
    float: right;
    clear: both;
    margin: 15px 0 0 0;
}
.content-login-380 .login-forgot {
    font-size: .8em;
    margin: 20px 0 0 0;
}
.content-login-380 .login-signup {
    font-size: .8em;
    color: #666666;
    float: left;
    margin: 10px 0 0 0;
}
#ForgetPasswordFormDiv {
    margin: 25px 0 0 0;
}
#ForgetPasswordForm input[type="text"] {
    border: 1px solid #AAAAAA;
    padding: 5px 5px;
    color: #666666;
    font-size: .75em;
    width: 320px
}
.ForgetPasswordFormRow {
    padding: 0 0 3px 0;
}
#ForgetPasswordForm form {}
#ForgetPasswordTag {
    font-size: .8em;
    color: #888888;
}
.fb a {
    display: block;
    padding: 6px 10px;
    background-color: #285D95;
    color: white;
    width: 150px;
    text-align: center;
    font-size: .8em;
}
.fb a:hover {
    text-decoration: none;
}
#ForgetPasswordButton {
    clear: both;
    float: right;
    margin: 20px 0 0 0;
}
/* RESET PASSWORD */

.reset .row {
    margin: 10px 0 0 0;
}
.reset input.email,
.reset input.password,
.reset input.confirm_password {
    height: 20px;
    width: 200px;
    font-size: 1em;
}
.reset .error {
    color: red;
    font-size: .8em !important;
}
#stack .header {
    margin: 0 0 20px 0;
}
#stack .header p {
    color: #666;
    /* border-bottom: 1px solid #BEBEBE; */

    padding: 0 0 5px
}
#stack #title-group {
    overflow: auto;
    width: 600px;
    float: left;
}
#stack #title-group h1 {
    margin: 4px 0 0 0;
    overflow: hidden
}
#stack #title-pic {
    float: left;
}
#stack #title-pic img {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 14px;
    display: block;
    position: relative;
    vertical-align: middle;
    padding: 4px;
    background: white;
    border: 1px solid #E5E5E5;
}
#stack .title-sub {
    font-size: .8em;
    color: #888888;
    margin: 4px 0 0 0;
    overflow: auto;
    float: left;
}
#stack .title-sub a {
    color: #888888
}
#stack .sub-item {
    float: left;
    margin: 0 15px 4px 0;
}
#stack .sub-item img {
    float: left;
    margin: 0 4px 0 0;
}
#stack #edit-own {
    margin: 8px 0 0 0;
    clear: both;
    display: block;
    float: left;
}
#stack .left {
    width: 700px;
    float: left;
    margin: 0 0 20px 0;
}
#stack .right {
    width: 224px;
    float: right;
    margin: 0 0 20px 0;
}
#stack .main-title {
    clear: both;
    overflow: hidden;
    margin: 0 0 12px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #BEBEBE;
}
#stack .main-title h4 {
    float: left;
    font-size: .85em;
    font-weight: bold;
    margin: 0
}
#stack .main-title h4 span {
    font-weight: 400;
}
#stack .all {
    float: right;
    font-size: .8em;
    margin: 15px 0 0 0;
}
#stack .StackBox-light {
    color: #777777;
    font-weight: normal;
}
/* PROFILE */

#profile .top-section {
    margin: 0 0 20px 0;
    overflow: auto;
}
#profile .title-info .name-group {
    float: left;
}
#profile .title-info .name-group h1 {
    float: left;
}
#profile .title-info .name-group img {
    width: 16px;
    height: 16px;
    margin: 9px 0 0 8px;
    float: left
}
#profile .title-info .name-group .master {
    float: left;
    margin: 13px 0 0 10px;
    color: #E5BE53;
    font-size: .7em;
}
#profile .title-info .name-group .FeaturesCountStar {
    background: url("/pics/icon-star-profile.png") no-repeat scroll 1px 5px transparent;
    padding: 9px 0 0 23px;
    float: left;
    margin: 4px 0 0 2px;
    font-size: .7em;
}
#profile .title-info .name-group .LikesCountHeart {
    background: url("/pics/icon-heart-profile.png") no-repeat scroll 1px 5px transparent;
    padding: 9px 0 0 23px;
    float: left;
    margin: 4px 0 0 2px;
    font-size: .7em;
}
#profile #title-group {
    overflow: auto;
    width: 600px;
    float: left;
}
#profile #title-group h1 {
    margin: 4px 0 0 0;
    overflow: hidden
}
#profile #title-pic {
    float: left;
    position: relative;
    margin-bottom: 8px;
}
#profile #title-pic img.avatar {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 8px;
    display: block;
    position: relative;
    vertical-align: middle;
    padding: 4px;
    background: white;
    border: 1px solid #dddddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#profile #title-pic img.MasterStarAvatar {
    float: right;
    top: 61px;
    left: 61px;
    position: absolute;
}
#profile .title-sub {
    font-size: .8em;
    color: #888888;
    margin: 5px 0 0 0;
    overflow: auto;
    clear: both;
    float: left;
}
#profile .title-sub a {
    color: #888888
}
#profile .sub-item {
    float: left;
    margin: 0 15px 4px 0;
}
#profile .sub-item img {
    float: left;
    margin: 0 4px 0 0;
}
#profile #edit-own {
    margin: 8px 0 0 0;
    clear: both;
    display: block;
    float: left;
}
.ProfileFollowButton {
    margin: 8px 0 0 0;
    clear: both;
}
#profile .left {
    width: 660px;
    float: left;
    margin: 0 0 20px 0;
}
#profile .right {
    width: 224px;
    float: right;
    margin: 0 0 20px 0;
}
#profile .main-title {
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #BEBEBE;
    width: 100%;
    float: left;
    font-size: 13px;
}
#profile .main-title.static {
    clear: both;
    overflow: hidden;
    margin-top: 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid #BEBEBE;
    width: 100%;
    float: left;
    font-size: 13px;
}
#profile .main-title h4 {
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 0
}
#profile .main-title #edit_toggle_link {
    float: right;
}
#profile .main-title h4 span {
    font-weight: normal;
}
#profile .main-title.static h4 {
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
}
#profile .main-title.menu a {
    display: inline-block;
    line-height: 30px;
    width: 100%;
    padding-left: 10px;
}
#profile .main-title.menu a.active {
    background-color: #e5e5e5;
    color: #333333;
}
#profile .all {
    float: right;
    font-size: .8em;
    margin: 15px 0 0 0;
}
#profile .profile-light {
    font-size: 15px;
    font-weight: bold;
}
#profile .profile-info.user_name {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 6px;
    display: inline-block;
}
#profile .profile-info.user_other {
    font-size: 13px;
    color: #888888;
    display: inline-block;
    margin-top: 4px;
}
#profile .profile-info.user_other img {
    float: left;
    margin: 0 5px 0 2px;
}
#profile .profile-info.user_other.twitter img {
    float: left;
    margin: 0 5px 0 0;
}
#profile .profile-info.user_other.twitter a {
    color: #888888;
}
#profile .bio {
    margin: 0 0 30px 0;
    clear: both;
    padding: 0  0 0 0;
    color: #666666;
    font-size: .8em;
    line-height: 1.4em;
    width: 100%
}
#profile .bio .message {
    margin: 3px 0 0 0;
}
#profile .topics {
    margin: 0;
    padding: 8px 0;
}
#profile .topics p {
    margin: 0 0 10px 0;
    color: #666666;
    font-size: .8em;
}
#profile .topics #tag_input {
    margin: 0 0 4px 0;
    clear: both;
}
#showme-top .topics .add-tag {
    margin: 0 10px 0 5px;
}
#profile .topics .add-tag {
    margin: 0 10px 0 0;
}
#ProfileShowMesAll a {
    color: #538DC2
}
#ProfileShowMesSection {
    clear: both;
    margin: 0  0 10px 0;
    overflow: hidden;
    padding-top:20px;
}
#ProfileShowMesSection .row {
    clear: both;
    }

.ProfileShowMesRow {
    clear: both;
    margin: 0 0 22px 0;
    }

.StacksInBoxyBox {
    margin: 0 21px 40px 0;
    }

.StacksInBoxyBox span img {
    padding-left: 4px
    }

.private-icon img {
    display: inline;
    position: relative;
    padding: 2px 0 0 4px;
    }

.username_wrapper button:focus,
.username_wrapper button:active{
    outline:none;
}

.username_wrapper button{
    display: block;
    height: 50px;
    width: 100%;
    padding:0;
    float: left;
    margin-top: 15px;
    /*margin-bottom: 25px;*/
    border: none;
    color: #FFF;
    font-size: 27px;
    background-color: #67B400;
    background-image: -webkit-linear-gradient(top, #67B400, #5fa300);
    background-image: -moz-linear-gradient(top, #67B400, #5fa300);
    background-image: -ms-linear-gradient(top, #67B400, #5fa300);
    background-image: -o-linear-gradient(top, #67B400, #5fa300);
    background-image: linear-gradient(to bottom, #67B400, #5fa300);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
    }

.username_wrapper button:hover {
    background: #77cc00;
    background-image: -webkit-linear-gradient(top, #77cc00, #67B400);
    background-image: -moz-linear-gradient(top, #77cc00, #67B400);
    background-image: -ms-linear-gradient(top, #77cc00, #67B400);
    background-image: -o-linear-gradient(top, #77cc00, #67B400);
    background-image: linear-gradient(to bottom, #77cc00, #67B400);
    text-decoration: none;
    }



#lock-tooltip {
    position: absolute;
    display: none;
    z-index: 1000;
    text-shadow: none;
    width: 200px;
    }

.user #lock-tooltip {
    top: -51px!important;
    left: 0 ;
    }

.user .private-icon{
    /*float: right;*/
    position: relative;
    top: 0 ;
}

#lock-tooltip #text {
    clear: both;
    background-color: #333;
    color: white;
    font-size: 11px;
    padding: 5px 10px;
    font-style: normal;
    line-height: 1.2em;
    }

#lock-tooltip #triangle {
    clear: both;
    line-height: 0;
    background-image: url('/pics/dialog-triangle.png');
    background-repeat: no-repeat;
    height: 4px;
    width: 7px;
    margin-left: 6px;
    }

#ProfileFollowed,
#StackFollowed,
#StackOwner {
    clear: both;
    overflow: auto;
    margin: 0  0 30px 0;
    width: 100%;
    float: left;
    }

#ProfileFollowing {
    clear: both;
    margin: 10px 0 0 0;
    overflow: auto;
}
.ProfileFollowPicSection {
    /*margin: 0 0 20px 0;*/
}
.ProfileFollowPic img {
    margin: 0 2px 2px 0;
    overflow: auto;
    float: left;
    width: 30px;
    height: 30px;
}
.pic-name {
    position: absolute;
    display: none;
}
.pic-name .text {
    clear: both;
    background-color: #282828;
    color: white;
    font-size: .7em;
    padding: 5px 10px;
}
.pic-name .triangle {
    clear: both;
    line-height: 0;
    background-image: url('/pics/dialog-triangle.png');
    background-repeat: no-repeat;
    height: 4px;
    width: 7px;
    margin-left: 6px;
}

.user #lock-tooltip.tooltip_under13_warning {
    top: -43px !important;
    left: 5px;
}

.by_name .private-icon {
    left: -5px;
    float: right;
}

#ProfileAllShowMesPagesTop {
    margin: 0 0 20px 0;
    font-size: .8em;
    color: #888888
}
#ProfileAllShowMesPagesBottom {
    margin: 20px 0 0 0;
    font-size: .8em;
    color: #888888
}
#ProfileAllShowMesPagesTop a {
    color: #538DC2
}
#ProfileAllShowMesPagesBottom a {
    color: #538DC2
}
#CompanyTutorDirectory {
    margin: 0 0 30px 0;
}
.CompanyTutorDirectoryRow {
    height: 70px;
    padding: 12px 0 0 0;
    /* border-bottom: dotted #D1D1D1 1px; */
}
.CompanyTutorDirectoryRow:hover {
    background-color: #D8EAF3;
}
.CompanyTutorDirectoryTutorPic {
    float: left;
    padding: 0  12px 0 12px;
    width: 50px;
}
.CompanyTutorDirectoryTutorInfo {
    float: left;
    width: 180px;
}
.CompanyTutorDirectoryTutorName {
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 4px 0;
}
.CompanyTutorDirectoryTutorStats {}
.CompanyTutorDirectoryTutorStats p {
    margin: 0 0 2px 0;
}
.CompanyTutorDirectoryTutorBio {
    float: left;
    width: 408px;
    color: #888888;
    font-size: .85em;
    line-height: 1.2em;
}
.CompanyTutorDirectoryTutorConnect {
    float: left;
    text-align: right;
    width: 175px;
}
.CompanyTutorDirectoryTutorConnectLink {
    margin: 0 0 3px 0;
    font-size: .7em;
}
.ProfileFollowersList {
    clear: both;
    overflow-y: scroll;
    max-height: 200px;
}
.FollowersRow {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}
.FollowersRow a {
    display: inline-block;
    width: 100%;
}
.FollowersRow a img {
    display: block;
    float: left;
    margin-right: 10px;
}
.FollowersRow a span {
    display: block;
    margin-top: 5px;
}
/* MARKUP */

.markup .hero-section {
    clear: both;
    width: 950px;
    margin: 40px auto 0 auto;
}
.markup .hero-section .left {
    float: left;
    width: 400px;
    margin: 30px 30px 0 10px;
}
.markup .hero-section .hero-title {
    font-size: 1.55em;
    color: #1A1A1A;
    clear: both;
    line-height: 1.3em;
    font-weight: bold;
}
.markup .hero-section .hero-title .hero-by {
    color: #777;
    font-weight: 200;
}
.markup .hero-section .hero-subtitle {
    font-size: 1.2em;
    color: #888;
    clear: both;
    margin: 20px 0 0 0;
    line-height: 1.7em;
    font-weight: 200;
}
.markup .hero-section .button-kickstarter {
    margin: 40px 0 0 0;
}
.markup .hero-section .button-kickstarter img {
    width: 350px;
    height: 89px;
}
.markup .app-store-section {
    margin: 35px 0 0 0;
}
.markup .app-store {
    display: block;
    width: 223px;
    height: 73px;
    background-image: url(/pics/app-store-sprite.png);
    background-position: 0 0;
}
.markup .app-store:hover {
    background-position: -223px 0;
}
.markup .hero-section .left .signup {
    float: left;
    margin: 96px 0 0 0;
}
.markup .hero-section .left .signup .title {
    clear: both;
    font-size: 1.6em;
    color: white;
    text-shadow: 0  1px 2px black;
}
.markup .hero-section .left .signup .row {
    margin: 20px 0 0 0;
    clear: both;
}
.markup .signup input[type="text"] {
    float: left;
    height: 30px;
    width: 360px;
    padding: 10px 5px;
    font-size: 1.6em;
}
.markup .signup input[type="submit"] {
    float: left
}
.markup .hero-section .right {
    float: right;
    width: 500px;
}
.markup .hero-section .right img {
    margin: 0  0 0 0;
    width: 500px;
    height: 330px:
}
.markup .testimonials {
    height: 410px;
    background-color: #FAF9F4;
    box-shadow: inset 1px 4px 9px -6px, inset 1px -4px 9px -6px;
}
.markup .testimonials .testimonials-content {
    width: 840px;
    margin: 0 auto;
}
.markup .testimonials .row-1 {
    clear: both;
    padding-top: 45px;
}
.markup .testimonials .row-2 {
    clear: both;
    padding-top: 50px;
}
.markup .testimonials .col-1 {
    float: left;
    width: 380px
}
.markup .testimonials .col-2 {
    float: right;
    width: 380px
}
.markup .testimonials .quote {
    font-size: 1.2em;
    font-family: Georgia, sans-serif;
    font-style: italic;
    line-height: 1.4em;
}
.markup .testimonials .author {
    font-size: .9em;
    color: #888;
    text-align: right;
    width: 240px;
    float: right;
    margin: 25px 0 0 0;
    line-height: 1.3em;
}
.markup .app-store-middle {
    text-align: center;
}
.markup .app-store-middle .app-store {
    margin: 0 auto;
}
.markup .how-section {
    clear: both;
    width: 950px;
    margin: 50px auto 40px auto;
}
.markup .how-section .col {
    float: left;
    width: 256px;
    margin: 0 30px;
}
.markup .how-section .col .row {
    clear: both;
}
.markup .how-section .col .number {
    color: #DB3B21;
    font-size: 2.2em;
    margin: -5px 15px 0 0;
    float: left;
    font-weight: bold
}
.markup .how-section .col .text {
    font-size: 1.05em;
    width: 220px;
    float: left;
    line-height: 1.4em;
    height: 80px;
}
.markup .how-section .col .how-pic {
    clear: both;
    margin: 30px 0 0 0;
}
.markup .how-section .col .how-pic img {
    width: 250px;
    height: 230px;
}
.markup .how-section .omega {
    margin-right: 0;
}
/* About */

#AboutContainer {
    margin: 0 0 0 0;
    overflow: auto;
}
#AboutContainer h1 {
    margin: 0 0 30px 0;
}
#AboutNav {
    width: 220px;
    font-size: 1.05em;
    float: left;
}
#AboutNav a {
    color: #333333;
    text-decoration: none;
    display: block;
    padding: 6px 0 2px 10px;
    height: 26px
}
#AboutNav ul {
    display: block;
    margin: 0  0 0  0;
    padding: 0;
    font-size: .9em;
}
#AboutNav li {
    display: block;
    width: auto;
    height: auto;
    cursor: pointer;
    cursor: hand;
    clear: both;
    margin: 0 0 6px 0;
}
#AboutNav li:hover {
    background-color: #EFF2F7;
    text-decoration: none;
}
#AboutNav li:hover a {
    background-color: #EFF2F7;
}
#AboutNav li.selected {
    font-weight: bold;
    background-color: #D8DFEA;
}
#AboutNav li.selected a {
    background-color: #D8DFEA;
}
#AboutBody {
    margin: 0  0 0 60px;
    width: 500px;
    float: left;
}
#AboutBody img {
    float: left;
    margin: 0 25px 15px 0;
}
#AboutBody img.whatis {
    clear: both;
    margin: 0 auto;
    float: none
}
#AboutBody p {
    line-height: 1.6em;
    margin: 0 0 1em 0;
}
#AboutBody h3 {
    margin: 35px 0 20px 0;
}
#AboutBody .top {
    margin: 0  0 20px 0 !important;
}
#AboutTestimonialLink {
    clear: both;
    margin: 10px 0;
}
#AboutTestimonialLink a {
    font-size: .9em;
}
/* ShowMe in the Classroom */

.classroom-heading {
    padding: 20px 0  20px 10px;
}
.classroom-nav {
    width: 250px;
    font-size: 1.05em;
    float: left;
}
.classroom-nav a {
    color: #333333;
    text-decoration: none;
    display: block;
    padding: 6px 0 2px 10px;
    height: 26px
}
.classroom-nav ul {
    display: block;
    margin: 0  0 0  0;
    padding: 0;
    font-size: .95em;
}
.classroom-nav li {
    /*height: 26px;*/
    display: block;
    width: auto;
    height: auto;
    cursor: pointer;
    cursor: hand;
    clear: both;
    margin: 0 0 6px 0;
}
.classroom-nav li:hover {
    background-color: #EFF2F7;
    text-decoration: none;
}
.classroom-nav li:hover a {
    background-color: #EFF2F7;
}
.classroom-nav li.selected {
    font-weight: bold;
    background-color: #D8DFEA;
}
.classroom-nav li.selected a {
    background-color: #D8DFEA;
}
.classroom-main .classroom-body {
    margin: 0  0 0 50px;
    width: 600px;
    float: left;
}
.classroom-body p {
    line-height: 1.8em;
    margin: 0 0 20px;
    0;
    font-size: 1em;
}
.classroom-body ul {
    font-size: 1em;
    margin: 0 0 0 20px;
}
.classroom-body li {
    list-style-type: disc;
    line-height: 1.8em
}
/* Community Guideslines */

#CommunityGuidelinesMain {
    width: 530px;
}
#CommunityGuidelinesMain h3 {
    margin: 30px 0 20px 0;
}
/* Community Guideslines */

.press {
    width: 580px;
}
.press p {
    line-height: 1.5em;
}
/* FAQ */

#FAQMain {
    width: 530px;
}
#FAQMain h3 {
    margin: 30px 0 20px 0;
}
#FAQMain ul {
    margin: 0 0 0 15px
}
#FAQMain li {
    list-style-type: disc;
    margin: 0 0 5px 0
}
#FAQMain h3 a {
    color: #333333
}
/* MODERATOR */

#moderator-notice {
    background-color: #DBF4CE;
    color: #58A02E;
    border: 1px solid #B3E298;
    padding: 20px 20px 10px 20px;
    clear: both;
    margin: 0 0 20px 0;
}
#ModeratorFilterSection {
    float: left;
}
#ModeratorFilterSection ul {
    float: left;
    font-size: .8em;
    font-weight: bold
}
#ModeratorFilterSection li {
    display: inline;
    margin: 0 15px 0 0;
}
#ModeratorFilterSection li a.selected {
    background-color: #E5E5E5;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 4px 8px;
    color: #333333
}
#ModeratorSortSection {
    border-bottom: 1px solid #DDDDDD;
    clear: both;
    overflow: auto;
    font-size: .75em;
    padding: 0 0 5px 0;
}
#ModeratorSortSection a {
    color: #333333;
    font-weight: bold;
}
#ModeratorSortDesc {
    float: left;
    color: #666666
}
#ModeratorSortList {
    float: right;
    width: 250px;
    text-decoration: underline
}
.ModeratorFeature {
    width: 40px;
    float: left;
    text-align: center
}
.ModeratorHide {
    width: 40px;
    float: left;
    text-align: center
}
.ModeratorFlag {
    width: 40px;
    float: left;
    text-align: center;
}
.ModeratorReviewed {
    width: 40px;
    float: left;
    text-align: center;
}
.ModeratorRow {
    padding: 10px 0;
    clear: both;
    overflow: auto;
    border-bottom: 1px solid #DDDDDD
}
.ModeratorRowThumbnail {
    float: left;
    margin: 0 15px 0 0;
    border: 1px solid #AAAAAA
}
.ModeratorRowDetailsSection {
    float: left;
    width: 410px;
}
.ModeratorRowTopicsSection {
    /*font-size: .7em;*/
    margin: 10px 0 10px 0;
    font-size: .85em;
}
.ModeratorRowTopic {
    background-color: #DFEAF4;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #19558D;
    padding: 1px 5px;
    float: left;
    margin: 0 4px 4px 0;
    position: relative;
    font-size: 1.1em
}
.ModeratorRowTopic a {
    display: block;
    float: left;
}
.ModeratorRowTopicEdit {
    display: block;
    clear: both;
    padding: 3px 0 0 5px
}
.ModeratorRowTopicDone {
    font-size: .9em;
}
.ModeratorRowTitle {
    font-size: .95em;
    font-weight: bold;
    margin: 0 0 5px 0;
    clear: both
}
.ModeratorRowDesc {
    font-size: .8em;
    line-height: 1.3em;
    margin: 0 0 5px 0;
    clear: both;
}
.ModeratorRowByline {
    color: #888888;
    font-size: .75em;
}
.ModeratorRowReviewSection {
    float: right;
    width: 250px;
}
.ModeratorRowReviewActions {
    clear: both;
    overflow: hidden
}
.ModeratorRowReviewActions .buttons {
    clear: both;
}
.showme-moderator {
    float: right;
    clear: both;
    margin: 10px 0 0 0;
    padding-bottom: 20px;
}
.ModeratorRowReviewActions .ShowMe {
    top: 0;
    position: absolute;
}
.ModeratorRowReviewActions img {
    display: inline;
}
.ModeratorActionCount {
    text-align: center;
    clear: both;
    font-size: .75em;
    color: #888888
}
.ModeratorRowReviewedBySection {
    padding: 0  0 0 5px;
    margin: 20px 0 0 0;
}
.ModeratorRowReviewedBySection img {
    float: left;
    margin: 0 2px 2px 0;
    width: 25px;
    height: 25px;
}
.ModeratorRowReviewedBySection h5 {
    font-size: .75em;
    font-weight: normal;
}
#ModeratorMore {
    text-align: center;
    padding: 10px 0;
    font-size: .8em;
    background-color: #EDEFF4;
    border: 1px solid #D8DFEA;
    display: block;
    margin: 10px 0 0 0
}
#ModeratorMore:hover {
    background-color: #D8DFEA
}
#ModeratorPagination {
    float: right;
    font-size: .8em;
    margin: 20px 0 0 0;
}

.moderatorMoreBox2,
.moderatorMoreBox3,
.moderatorMoreBox4,
.moderatorMoreBox5,
.moderatorMoreBox6,
.moderatorMoreBox7
.moderatorMoreBox8 {
    position: relative;
    clear: both;
    overflow: hidden;
    z-index: 50;
}

#SeeMoreVal2,
#SeeMoreVal3 {
    /*position: absolute;*/
    text-align: center;
    margin: 0 auto;
    width: 100%;
    /* bottom: -22%; */
    /* left: 23%; */
    }

.moderatorMoreBox2{
    /*clear: none;*/
}

form#chooseDateForm {
    margin: -4px 0 35px 0;
    float: right;
}
form#chooseDateForm li {
    display: inline;
    float: left;
    margin: 0 15px 0 0
}
form#chooseDateForm li label {
    float: left;
    margin: 2px 4px 0 0;
    font-size: .9em;
}
a.dp-choose-date {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 5px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(/pics/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */

input.dp-applied {
    width: 80px;
    float: left;
}
/* CAREERS */

.shadow {
    -moz-box-shadow: 0  2px 5px #666666;
    -webkit-box-shadow: 0  2px 5px #666666;
    box-shadow: 0  2px 5px #666666;
}
#careers-outer {
    background-color: #6ec6de;
    background: #6ec6de url('/pics/jobs-bg.jpg') no-repeat;
    color: #000000
}
#careers-container {
    clear: both;
    width: 850px;
    margin: 0 auto 0 auto;
    overflow: auto;
    padding: 40px 0 40px 0;
    font-family: 'Arvo', Georgia, sans-serif;
    display: block
}
#careers-container h1,
#careers-container h2,
#careers-container h3,
#careers-container h4 {
    font-family: 'Yanone Kaffeesatz', Georgia,sans-serif;
    display: block;
    font-weight: 700;
}
#careers-bread {
    margin: -10px 0 20px 12px;
}
#careers-home-top {
    width: 826px;
    margin: 0 auto;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #f2ede7;
    display: block;
}
#careers-home-top .whitespace {
    height: 30px;
}
.banner {
    color: #626406;
    display: block;
    position: relative;
    text-align: center;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d9dd17', endColorstr='#b2b50d');
    /* for IE */

    background: -webkit-gradient(linear, left top, left bottom, from(#d9dd17), to(#b2b50d));
    /* for webkit browsers */

    background: -moz-linear-gradient(top, #d9dd17, #b2b50d);
    /* for firefox 3.6+ */

;
    font-family: 'Yanone Kaffeesatz', 'Arial Black', sans-serif;
    font-weight: 700;
}
.button-black {}
.button-black a {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#000000');
    /* for IE */

    background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#000000));
    /* for webkit browsers */

    background: -moz-linear-gradient(top, #424242, #000000);
    /* for firefox 3.6+ */

    color: #FFFFFF;
    padding: 15px 0;
    display: block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }

.button-black a:hover {
    text-decoration: none;
}
.leftfold {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid #db7d28;
    border-left: 6px solid transparent;
    border-right: 6px solid #db7d28;
    position: relative;
}
.rightfold {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid #db7d28;
    border-right: 6px solid transparent;
    border-left: 6px solid #db7d28;
    position: relative;
}
.button-orange a {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffb92c', endColorstr='#ff8c07');
    /* for IE */

    background: -webkit-gradient(linear, left top, left bottom, from(#ffb92c), to(#ff8c07));
    /* for webkit browsers */

    background: -moz-linear-gradient(top, #ffb92c, #ff8c07);
    /* for firefox 3.6+ */

;
    color: #933400;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 0;
    display: block
}
.button-orange a:hover {
    text-decoration: none;
}
#careers-home-top h1 {
    margin: 0;
}
#careers-home-top .banner {
    margin: 0  -12px 0 -12px;
    padding: 15px 0 0  20px;
    font-size: 2.4em;
    height: 85px
}
#careers-home-top .leftfold {
    left: -12px;
    top: -112px;
}
#careers-home-top .rightfold {
    right: -826px;
    top: -124px;
}
#careers-home-top p {
    width: 450px;
    margin: 10px auto 30px auto;
    text-align: center;
    font-size: 1em
}
#careers-home-top .button-black {
    text-align: center;
    width: 350px;
    margin: 0 auto 15px auto;
}
#careers-home-mid-title {
    clear: both;
    margin: 50px 0 25px 0;
    text-align: center;
    color: #258daa;
    font-size: 1.7em;
}
#careers-home-mid {
    clear: both;
    overflow: auto
}
#careers-home-mid h3 {
    color: #e2791d;
    margin: 15px 0 0 0;
    font-size: 1.6em;
}
.careers-home-card-small {
    width: 195px;
    float: left;
    padding: 27px;
    background-color: #f2ede7;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    margin-top: 30px
}
.careers-home-card-small p {
    text-align: left
}
.careers-home-card-small a {
    color: #999999;
    font-size: 1.3em;
}
.careers-home-card-small a.small {
    font-size: 1em;
    color: #e2791d
}
.careers-home-card-big {
    width: 250px;
    margin: 0 12px 10px 12px;
    float: left;
    padding: 27px;
    background-color: #f2ede7;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-align: center
}
.careers-home-card-big p {
    text-align: left
}
.careers-home-card-big a {
    color: #999999;
    font-size: 1.3em;
}
#careers-home-bottom {
    clear: both;
    text-align: center;
    margin: 20px 0 0 0;
}
#careers-home-bottom p {
    width: 600px;
    margin: 20px auto 0 auto;
}
#careers-ind-sidebar {
    width: 250px;
    float: left;
}
#careers-ind-card {
    width: 226px;
    background-color: #f2ede7;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 20px;
    margin: 0 0 0 12px
}
#careers-ind-card .banner {
    margin: 0  -32px 0 -32px;
    padding: 8px 0 0  0 ;
    font-size: 2.4em;
    height: 52px;
}
#careers-ind-card .leftfold {
    left: -32px;
    top: -72px;
}
#careers-ind-card .rightfold {
    right: -246px;
    top: -84px;
}
#careers-ind-card p {
    margin: 0 0 2em 0
}
#careers-ind-sidebar .button-black {}
#careers-ind-sidebar .button-black a {
    text-align: center;
    width: 266px;
    margin: 0  0 0 12px
}
#careers-ind-main {
    float: right;
    width: 500px;
}
#careers-ind-main h3 {
    color: #e2791d;
    margin: 20px 0 15px 0;
    font-size: 1.4em;
}
#careers-ind-main h3.top {
    margin-top: 0;
}
#careers-ind-main ul {
    list-style-type: disc;
    margin: 0 0 0 40px
}
#careers-ind-main li {
    list-style-type: disc;
}
#careers-ind-showme {
    margin: 20px auto 0 auto;
}
#careers-ind-main .button-orange {
    text-align: center;
    width: 300px;
    margin: 0 auto;
}
#careers-showme {
    background-color: #f2ede7;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 25px;
    width: 776px;
    margin: 0 0 0 12px;
}
#careers-showme .banner {
    margin: 0  -37px 0  -37px;
    padding: 6px 0 0  0 ;
    font-size: 2.4em;
    height: 50px;
}
#careers-showme .leftfold {
    left: -37px;
    top: -68px;
}
#careers-showme .rightfold {
    right: -801px;
    top: -80px;
}
#careers-showme-sidebar {
    float: left;
    width: 200px;
    color: #f19300;
    margin: 1em 0 0 0;
}
#careers-showme-sidebar h4 {
    text-align: center;
    font-size: 1.6em;
    margin-top: 0
}
#careers-showme-sidebar ul {
    list-style-type: disc;
    margin: 0 0 20px 15px
}
#careers-showme-sidebar li {
    list-style-type: disc;
    margin: 0 0 10px 0
}
#careers-showme-main {
    width: 540px;
    margin: 0 auto;
}
#careers-showme-sidebar .button-orange {
    text-align: center;
    margin: 0 auto;
}
/* TOPIC */

.topic-empty p {
    font-style: italic
}
.topic-right {
    float: right;
    width: 692px;
    overflow: hidden;
    padding-bottom: 90px;
}
.topic-right h1 {
    margin: 0  0 0 0;
}

#TitleGroup .topic-right{
    padding-bottom: 0 ;
}
#TitleGroup .topic-right p {
    font-size: .8em;

}
#TitleGroup .topic-right p .more a {
    font-size: .9em;
    color: #538DC2;
}
.topic-left {
    float: left;
    width: 190px;
    margin: 0 20px 0 0;
}
.topic-follow-button {
    margin: 2px 0 0 0;
}
#topic-subtopics {
    margin: 5px 0 0 0;
}
#topic-subtopics2 {
    padding: 16px 0 0 0;
    border-top: 1px solid #cccccc;
}
#topic-subtopics ul {
    font-size: .9em;
    margin: 0  0  20px 30px;
}
#topic-subtopics li {
    list-style-type: disc;
    margin: 0 0 7px 0;
}
.topic-sidebar-link {
    font-size: .9em;
}
#topic-filter {
    margin: 0  0 15px 0;
    font-size: 1em;
    font-weight: bold;
    overflow: auto;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #BEBEBE;
    width: 100%
}
#topic-filter ul {
    float: left;
    margin: 5px 0 10px 0;
}
#topic-filter li {
    display: inline;
    margin: 0 15px 0 0;
}
#topic-filter li a.selected {
    background-color: #E5E5E5;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    padding: 4px 8px;
    color: #333333
}
#topic-showmes-grid {
    clear: both;
    overflow: auto
}
.topic-showmes-row {
    clear: both;
    margin: 0 0 25px 0;
    /*overflow: auto*/
}
.showme-featured {
    position: absolute;
    right: 8px;
    top: 8px;
}
/* TEACHER CREATE ACCOUNT */

#TeacherCreateAccountTitleGroup {
    margin: 55px 0 50px 0;
}
#TeacherCreateAccountTitleGroup a {
    font-size: .9em;
}
#TeacherCreateAccountFlowImage {
    margin: 20px 0 0 0;
}
#TeacherCreateAccountBody {
    padding: 35px;
    width: 450px;
    background-color: #EEEEEE;
    margin: 0 auto;
}
#TeacherCreateAccountBody p {
    line-height: 1.6em;
}
.TeacherCreateAccountFormRow {
    margin: 0 0 18px 0;
    overflow: auto;
    clear: both;
}
#TeacherCreateAccountBody form label {
    float: left;
    width: 148px;
    color: #444444;
    font-weight: bold;
    font-size: .8em;
    margin: 0 20px 2px 0;
}
.TeacherCreateAccountFormSubLabel {
    font-weight: normal;
    color: #888888;
    font-size: .85em;
    margin-top: 4px;
}
.TeacherCreateAccountFormSubLabelOrange {
    font-weight: normal;
    color: #F38F1E;
    font-size: .85em;
    margin-top: 4px;
}
#TeacherCreateAccountForm form.Right {
    float: left;
}
#TeacherCreateAccountProfilePicture {
    float: left;
    width: 150px;
    height: 150px;
    border: 1px solid #BDC7D8;
    margin: 0 12px 0 0;
    background-color: white;
}
#TeacherCreateAccountBody form input[type='text'] {
    border: 1px solid #BDC7D8;
    font-size: 11px;
    padding: 3px;
    margin: 0;
    width: 240px;
}
#TeacherCreateAccountBody form input:focus,
#TeacherCreateAccountBody form textarea:focus {
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    outline: 0;
}
#TeacherCreateAccountBody form textarea {
    border: 1px solid #BDC7D8;
    font-size: 11px;
    padding: 3px;
    margin: 0;
    width: 240px;
}
.TeacherCreateAccountFormRadioLabel {
    color: #666666;
    font-size: .8em;
}
#TeacherCreateAccountFooter {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #D4D4D4;
    width: 100%;
}
#TeacherCreateAccountSaveRight {
    float: right;
}
/* TEACHER ADMIN */

#TeacherAdminContainer {
    margin: 0  0 0 0;
    overflow: auto;
}
#TeacherAdminNav {
    width: 165px;
    font-size: .9em;
    float: left;
    margin: 0 0  0 0;
}
#TeacherAdminNavHeader {}
#TeacherAdminUserName {
    color: #333333;
    font-weight: bold;
    font-size: .9em;
    margin: 0 10px 10px 0;
}
#TeacherAdminUserName .profileUsernameLink {
    margin-left: 5px;
}
#TeacherAdminUserName .profileUsernameLink img {
    display: inline-block;
}
#TeacherAdminNav ul {
    display: block;
    margin: 0  0 0  0;
    padding: 0;
    font-size: .9em;
}
#TeacherAdminNav li {
    height: 26px;
    padding: 6px 0 0 10px;
    width: auto;
    cursor: pointer;
    cursor: hand;
    clear: both;
}
.TeacherAdminHeading {
    margin: 0 0 0  0;
}
.TeacherAdminHeading li:hover {
    background-color: #EFF2F7;
    text-decoration: none;
}
.TeacherAdminHeading li.selected {
    font-weight: bold;
    background-color: #D8DFEA;
}
.TeacherAdminHeading li img {
    float: left;
    margin: 0 12px 0 0;
    width: 20px;
    height: 20px
}
.TeacherAdminHeading li img.pro {
    float: left;
    margin: 1px 0  0 6px;
}
.TeacherAdminHeading i {
    font-size: 19px;
    float: left;
    width: 32px;
    color:#2A6990;
}
.TeacherAdminHeading li a {
    float: left;
    color: #333333;
    text-decoration: none;
}
#TeacherAdminMain {
    overflow: auto;
    border-left: 1px solid #BDBDBD;
}
#TeacherAdminMain.step2 {
    border: 0 none;
}
#TeacherAdminTitle {
    font-weight: bold;
    padding: 13px 0 0  22px;
    height: 41px;
}
#TeacherAdminTitle img {
    float: left;
    margin: 0 16px 0 0;
}
#TeacherAdminTitle i {
    float: left;
    font-size: 24px;
    width: 43px;
    color:#2A6990;
}
#TeacherAdminTitle h1 {
    margin: 0 ;
}
#TeacherAdminBody {
    padding: 36px;
    width: 711px;
    float: right;
    border-right: 1px solid #BDBDBD;
    border-top: 1px solid #BDBDBD;
    border-bottom: 1px solid #BDBDBD;
    background-color: #EEEEEE;
}
#TeacherAdminBody p {
    line-height: 1.6em;
}
#TeacherAdminBodyStep2 {
    padding: 36px;
    width: 574px;
    margin: auto;
    background-color: #EEEEEE;
}
#TeacherAdminBodyStep2 p {
    line-height: 1.6em;
}
.TeacherAdminFormRow {
    margin: 0 0 18px 0;
    clear: both;
}
.TeacherAdminFormRow label {
    float: left;
    width: 200px;
    color: #666666;
    font-weight: bold;
    font-size: .8em;
    margin: 0 20px 2px 0;
}
.TeacherAdminFormRow#payment_options label {
    float: left;
    width: 111px;
    color: #666666;
    font-weight: bold;
    font-size: .8em;
    margin: 0 20px 2px 0;
}
.TeacherAdminFormRow .deactivate {
    font-size: .75em;
    margin-right: 15px;
}
.TeacherAdminFormSubLabel {
    font-weight: normal;
    color: #888888;
    font-size: .85em;
    margin-top: 4px;
}
.TeacherAdminFormSubLabelOrange {
    font-weight: normal;
    color: #F38F1E;
    font-size: .85em;
    margin-top: 4px;
}
#TeacherAdminForm form.Right {
    float: left;
}
#TeacherAdminProfilePicture {
    float: left;
    width: 150px;
    height: 150px;
    border: 1px solid #BDC7D8;
    margin: 0 12px 0 0;
    background-color: white;
}
.TeacherAdminFormRow input[type='text'],
.TeacherAdminFormRow input[type='password'] {
    border: 1px solid #BDC7D8;
    font-size: 11px;
    padding: 3px;
    margin: 0;
    width: 240px;
}
#payment_options .TeacherAdminFormRow input[type='text'],
#payment_options .TeacherAdminFormRow select,
#payment_options .TeacherAdminFormRow input[type='password'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0 none;
    border-bottom: 1px solid #969090;
    border-left: 1px solid #969090;
    font-size: 15px;
    padding: 5px 8px;
    margin: 0 0 10px 0;
    width: 331px;
    color: #386F81;
}

#getshowme #payment_options .TeacherAdminFormRow input[type='text'],
#getshowme #payment_options .TeacherAdminFormRow select,
#getshowme #payment_options .TeacherAdminFormRow input[type='password'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0 none;
    border-bottom: 1px solid #969090;
    border-left: 0px solid #969090;
    font-size: 15px;
    padding: 5px 8px;
    margin: 0 0 10px 0;
    width: 300px;
    color: #386F81;
}
#getshowme .TeacherAdminFormRow label {
    float: left;
    width: 106px;
    color: #666666;
    font-weight: bold;
    font-size: .8em;
    margin: 0 20px 2px 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    color: #386F81;
    font-weight: normal;

}
.paymant_form_row {
    float: left;
}

#payment_options #existingCreatedCardId {
    -webkit-appearance:  menulist ;
    -moz-appearance:  menulist ;
    appearance:  menulist ;
    width: 50%;
}

#payment_options .TeacherAdminFormRow {
    margin: 0;
    margin-left: 20px
}
#payment_options .TeacherAdminFormRow input[type='text'].error,
#payment_options .TeacherAdminFormRow select.error,
#payment_options .TeacherAdminFormRow input[type='password'].error {
    border-color: red;
}

.credit_card_label {
    cursor: pointer;
    padding: 10px 10px 10px 40px;
    border: 1px solid #EEE;
    border-radius: 5px;
    line-height: 22px !important;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;

}



.credit_card_label:hover{
    opacity: 0.8;
    background-color: #f7f7f7;
}

.credit_card_selected{
    opacity: 0.8;
    background-color: #f7f7f7 !important;
}

.credi_card_wrapper {
    overflow: hidden;
    height: 50px;
    }

.card_inrow {
    position: absolute;
    display: inline-block;
    width: 50px;
    right: 6px;
    /*float: left;*/
    margin-top: -4px;

}

.amexx {
    position: absolute;
    display: inline-block;
    width: 50px;
    right: 208px;
    /* float: left; */
    padding-right: 5px;
    margin-top: 1px;

    }

.card_radio_select {
    position: absolute;
    left: 3%;
    height: 15px;
    width: 15px;
    margin-top: 3px;
    display: inline-block;
}

.TeacherAdminFormRow input:focus,
.TeacherAdminFormRow textarea:focus {
    -webkit-box-shadow: 0;
       -moz-box-shadow: 0;
            box-shadow: 0;
    outline: 0;
    }

.TeacherAdminFormRow textarea {
    border: 1px solid #BDC7D8;
    font-size: 11px;
    padding: 3px;
    margin: 0;
    width: 240px;
}
.TeacherAdminFormRadioLabel {
    color: #666666;
    font-size: .8em;
}
#TeacherAdminFooter {
    margin-top: 20px;
    padding-top: 20px;
    width: 100%;
    clear: both;
}
#TeacherAdminSaveMiddle {
    margin: 0 0 0 168px;
}
#TeacherAdminSaveMiddleStep2 {
    float: right
}
#TeacherAdminShowMesBody {
    padding: 21px 0;
;
    width: 783px;
    float: right;
    border-top: 1px solid #BDBDBD;
    border-right: 1px solid white;
    min-height: 100px;
}
#TeacherAdminShowMesBody p {
    margin: 36px 0 0 36px;
}
.TeacherAdminShowMesRow {
    clear: both;
    font-size: .8em;
    padding: 15px 0 15px 0;
    overflow: auto;
    margin: 0 0 0  0;
    border-bottom: 1px solid #EEEEEE
}
.TeacherAdminShowMesRowLeft {
    padding: 0 20px 0 36px;
    float: left;
}
.TeacherAdminShowMesRowLeft img {
    border: 1px solid #AAAAAA;
}
.TeacherAdminShowMesRowMiddle {
    float: left;
    line-height: 1.6em;
    width: 340px;
}
.TeacherAdminShowMesRowTitle {
    clear: both;
    font-weight: bold;
    color: #333333;
    font-size: 1.1em;
    margin: 0 0 6px 0;
}
.TeacherAdminShowMesRowSubtitle {
    clear: both;
    line-height: 1.4em;
    margin: 0 0 4px 0;
}
.TeacherAdminShowMesRowSubsubtitle {
    clear: both;
    color: #888888;
    line-height: 1.4em;
    margin: 6px 0 0 0;
}
.TeacherAdminShowMesRowPrivacy {
    color: #EF3A3A;
    line-height: 1.4em
}
.TeacherAdminShowMesRowPaidPrivacy {
    color: #2EB317;
    line-height: 1.4em
}
.TeacherAdminShowMesRowTypeImage {
    clear: both;
}
.TeacherAdminShowMesRowRight {
    float: right;
    text-align: right;
    padding: 0 15px 0 0;
}
.TeacherAdminShowMesRowRight div {
    clear: both;
    margin: 0 0 4px 0;
}
#TeacherAdminShowMesEditBody {
    padding: 36px 0 36px 36px;
    width: 648px;
    border-top: 1px solid #BDBDBD;
    border-right: 1px solid white;
    position: relative;
    top: 0;
    left: 0
}
#TeacherAdminShowMesEditLeft {
    width: 285px;
    float: left;
}
#TeacherAdminShowMesEditRight {
    width: 340px;
    float: right;
    margin-bottom: 30px;
}
.TeacherAdminShowMesEditTitle {
    margin: 0 0 32px 0;
}
.TeacherAdminShowMesEditAppearRow {
    margin: 0 0 20px 0;
    clear: both;
    font-size: .8em;
    overflow: hidden;
}
.TeacherAdminShowMesEditAppearRow input[type='radio'] {
    float: left;
    margin: 3px 10px 0 2px;
}
.TeacherAdminShowMesEditRadioGroup {
    width: 205px;
    float: left;
}
.TeacherAdminShowMesEditRadioTitle {
    float: left;
    font-weight: bold;
    color: #333333;
    margin: 0 0 6px 0;
}
.TeacherAdminShowMesEditRadioGroup img {
    margin: 2px 0 0 6px;
}
.TeacherAdminShowMesEditRadioSubtitle {
    clear: both;
    color: #888888;
    font-size: .9em;
}
#TeacherAdminShowMesEditDetailsTitleGroup {
    padding: 0 15px 4px 0 ;
    clear: both;
    overflow: auto;
}
#TeacherAdminShowMesEditDetailsTitleGroup label {
    float: left;
    font-size: .8em;
    font-weight: bold;
}
#TeacherAdminShowMesEditDetailsTitleGroup input[type='text'] {
    border: 1px solid #BDC7D8;
    font-size: 11px;
    padding: 3px;
    margin: 0;
    width: 80%;
    float: right;
}
#TeacherAdminShowMesEditDetailsTitleGroup input:focus,
#TeacherAdminShowMesEditDetailsTitleGroup textarea:focus {
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    outline: 0;
}
#TeacherAdminShowMesEditDetailsForm {
    margin: 20px 0 30px 0;
    clear: both;
}
#TeacherAdminShowMesEditDetailsFormHeadingsRow {
    font-size: .85em;
    clear: both;
}
#TeacherAdminShowMesEditDetailsFormHeading {
    padding: 10px 15px;
    float: left;
}
#TeacherAdminShowMesEditDetailsFormHeading {
    padding: 10px 15px;
    float: left;
}
#TeacherAdminShowMesEditDetailsFormHeading.selected {
    font-weight: bold;
    background-color: #EEEEEE;
}
.TeacherAdminShowMesEditDetailsFormHeadingt a {
    font-weight: normal;
}
.TeacherAdminShowMesEditDetailsFormHeading a {
    font-weight: normal;
}
#TeacherAdminShowMesEditDetailsFormHeading.selected a {
    font-weight: bold;
    color: #333333;
    text-decoration: none
}
#TeacherAdminShowMesEditDetailsFormBox {
    clear: both;
    padding: 15px 15px 15px 0;
    margin: 0 0 20px 0;
    height: 170px
}
#TeacherAdminShowMesEditDetailsFormExplanation {
    font-size: .75em;
    color: #666666
}
.TeacherAdminShowMesEditDetailsFormRow {
    margin: 0 0 18px 0;
    overflow: auto;
    clear: both;
}
.TeacherAdminShowMesEditDetailsFormRow label {
    width: 36%;
    float: left;
    font-size: .8em;
    font-weight: bold;
    margin: 0 20px 2px 0;
}
.TeacherAdminShowMesEditDetailsFormSublabel {
    font-weight: normal;
    color: #888888;
    font-size: .9em;
    margin-top: 4px;
}
.TeacherAdminShowMesEditDetailsFormRow textarea,
.TeacherAdminShowMesEditDetailsFormRow input[type='text'] {
    border: 1px solid #BDC7D8;
    font-size: 11px;
    padding: 3px;
    margin: 0;
    width: 55%;
    float: right;
    height: 59px
}
.TeacherAdminShowMesEditDetailsFormRow input:focus,
.TeacherAdminShowMesEditDetailsFormRow textarea:focus {
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    outline: 0;
}
#TeacherAdminShowMesEditFooter {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #D4D4D4;
    clear: both;
}
#TeacherAdminShowMesEditSaveMiddle {
    margin: 0 auto;
    text-align: center
}
#TeacherAdminTutoringLandingBody {
    padding: 0 0  36px 36px;
    float: left;
    min-height: 300px;
}
#TeacherAdminTutoringLandingBody p {
    font-size: 1em;
}
#TeacherAdminTutoringLandingMain {
    margin: 30px 0 0 0;
}
#TeacherAdminTutoringLandingMain .left {
    width: 330px;
    float: left;
}
#TeacherAdminTutoringLandingMain h2 {
    margin: 0 0 20px 0;
}
#TeacherAdminTutoringLandingMain .button {
    margin: 20px 0 0 40px;
}
.TeacherAdminTutoringLandingBullet {
    clear: both;
    margin: 0 0 15px 0;
}
.TeacherAdminTutoringLandingBullet img {
    float: left;
    margin: 0 10px 0 0;
}
#TeacherAdminTutoringLandingMain .right {
    float: right;
}
.students-page {
    display: none;
}
#tm_students #manage-students .error-msg ul {
    background-color: #FFBDBD;
    border: 1px solid #BBB;
    padding: 5px;
}
#tm_students #manage-students table {
    width: 100%;
}
#tm_students #manage-students table td,
#tm_students #manage-students table th {
    border-bottom: 1px solid #D4D4D4;
    padding: 7px 0;
    vertical-align: middle
}
#tm_students #manage-students table td:first-child,
#tm_students #manage-students table th:first-child,
#tm_students #manage-students table td:last-child,
#tm_students #manage-students table th:last-child {
    border-bottom: none
}
#tm_students #manage-students table th {
    text-align: left;
    padding: 5px 0 ;
    font-size: 0.9em;
}
#tm_students #manage-students table .editable input {
    padding: 5px;
    background: none;
    border: 1px solid transparent;
    width: 100px;
}
#tm_students #manage-students table .editable input:focus,
#tm_students #manage-students table input.modified {
    padding: 5px;
    background: white;
    border: 1px solid #B9C3D4;
}
#tm_students .manage-info {
    font-size: 0.9em;
    margin-bottom: 20px;
    font-style: italic;
}
#tm_students .manage-info span {
    font-weight: bold
}
#tm_students .bottom-link {
    margin-top: 10px;
}
#tm_students .bottom-link a {
    font-size: 0.9em;
}
#tm_students .open-link {} #tm_students #add-students .student-rows {
                               font-size: 0.8em;
                           }
#tm_students #add-students .student-rows .student-row {
    margin: 10px 0;
}
#tm_students #add-students .student-rows .student-row input[type='text'] {
    font-size: 1em;
    padding: 4px;
    margin-right: 7px;
}
#tm_students #add-students input.create-account {
    float: right
}
#tm_students .create-col {
    display: inline-block;
}
#tm_students .create-col > span {
    padding: 0 6px;
}
#tm_students .create-col.col-1,
#tm_students .create-col.col-2 {
    width: 157px;
}
#tm_students .create-col.col-3 {
    width: 215px;
}
/* SEARCH RESULTS */

.content-search .row img {
    width: 60px;
    height: 60px;
}
.content-search .left {
    float: left;
    width: 600px;
}
#SearchResultsBody {
    margin: 0 0 0 0;
}
#SearchResultsTitle {
    border-bottom: 1px solid #BEBEBE;
    padding: 0 0 10px 0
}
#SearchResultsTitle h1 {
    font-size: 1.4em;
    margin: 0 0 8px 0;
}
#SearchResultsSubtitle {
    clear: both;
    font-size: .75em;
    margin: 0 0 0 0;
    color: #666666;
}
.SearchResultsRow {
    clear: both;
    font-size: .8em;
    padding: 12px 0;
    overflow: auto;
    border-bottom: 1px solid #E0E0E0;
}
.SearchResultsRowScreenShot {
    padding: 0 0 0 0;
    float: left;
    width: 140px;
}
.SearchResultsRowScreenShot img {
    margin: 0 15px 0 0;
    border: 1px solid #AAAAAA;
}
.SearchResultsRowBody {
    float: left;
    line-height: 1.6em;
    width: 460px;
}
.SearchResultsRowTitle {
    clear: both;
    font-weight: bold;
    color: #333333;
    font-size: 1.2em;
    margin: 0 0 6px 0;
}
.SearchResultsRowDetails {
    clear: both;
    line-height: 1.4em;
    margin: 0 0 4px 0;
}
.SearchResultsRowByline {
    clear: both;
    color: #888888;
}
.content-search .right {
    float: right;
    width: 270px;
}
.content-search .right .section {
    clear: both;
    margin: 0 0 30px 0
}
.content-search .right .section .title {
    border-bottom: 1px solid #BEBEBE;
    padding: 0 0 10px 0
}
.content-search .right .section .title h1 {
    font-size: 1.4em;
    margin: 0  0 8px 0;
}
.content-search .right .section .subtitle {
    font-size: .75em;
    margin: 0  0 0 0;
    color: #666666;
}
.content-search .right .section .row {
    clear: both;
    font-size: .8em;
    padding: 12px 0;
    border-bottom: 1px solid #E0E0E0;
}
.content-search .right .section .row .pic {
    margin: 0 15px 0 0;
    float: left;
}
.content-search .right .section .row .main {
    float: left;
    width: 155px
}
.content-search .right .section .row .main-title {
    clear: both;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 0 6px 0;
}
.content-search .right .section .row .main-subtitle {
    clear: both;
    color: #888888;
    font-size: .9em;
    margin: 0 0 2px 0;
}
.content-search .right .section .row .follow {
    float: right;
}
.content-search .right .section .row .follow a {
    color: #333333;
    text-decoration: none
}
/* ANALYTICS */

#AnalyticsFilterDate {} #AnalyticsFilterDate li {
                            display: inline;
                            margin: 0 10px 0 0;
                        }
#AnalyticsFilterDate li a {
    color: #538DC2
}
#AnalyticsResults {
    margin: 30px 0 0 0;
}
.AnalyticsRow {
    clear: both;
    margin: 15px 0 ;
    overflow: auto;
    font-size: .85em;
}
.AnalyticsRowCol1 {
    float: left;
    width: 250px
}
.AnalyticsRowCol2 {
    float: left;
    width: 150px
}
.AnalyticsRowCol3 {
    float: left;
    width: 150px
}
/* STREAM */

#StreamMain {
    margin: 30px 0 0 0;
    font-size: .8em;
}
.StreamRow {
    margin: 15px 0 
}
.StreamDate {
    margin: 0 0 0 10px;
    color: #999999;
    font-size: .85em;
}
/* PRIVACY */

.privacy {
    width: 600px;
}
.privacy h1,
.privacy h2,
.privacy h3 {
    text-align: center;
    margin: 1em 0 0 0;
}
.privacy ul {
    margin: 0 0 1em 1.5em;
}
.privacy ul li {
    list-style: disc
}
.terms_of_use ol{
    margin: 0 0 1em 1.5em;
}
/* GRITTER */

.gritter-without-image p {
    font-size: .8em;
}
/* CONFIRM EMAIL NOTICE (above header) */

#ConfirmEmailNotice {
    background-color: #FFF2CC;
    clear: both;
    padding: 10px 0;
}
#ConfirmEmailNoticeInside {
    width: 950px;
    margin: 0 auto;
    font-size: .8em;
}
.ConfirmEmailRow {
    padding: 0 0 5px 0;
}
/* POPUP */

#PopUpBox {
    width: 390px;
    padding: 10px;
    position: absolute;
    float: left;
    overflow: hidden;
    z-index: 1000;
}
#PopUpBox.fixed {
    position: fixed;
}
#PopUpBox.BigPopup {
    width: 730px;
}
#PopUpTransparency {
    top: 0 ;
    left: 0 ;
    position: absolute;
    background: transparent url(/pics/dot.png);
    width: 100%;
    height: 100%;
    /*height: 204px;*/

    z-index: -1;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    overflow: hidden;
}
#PopUpContent {
    position: relative;
    background-color: #d5d5d5;
    border: 1px #444444 solid;
    padding: 16px 15px 10px;
}
#PopUpTitle {
    margin: 0 0 10px 0;
    color: #4d4d4d;
    text-shadow: 0 1px #EEEEEE;
    font-weight: bold;
    clear: both;
}
#PopUpSubtitle {
    font-size: .75em;
    color: #555555;
    line-height: 1.3em;
}
#PopUpSubtitle p {
    font-size: 1em;
}
#PopUpBox form {
    /*padding: 0 0 4px 0*/
    font-size: .85em;
    color: #555555;
    display: block;
    margin: 0;
    /*border-top:1px solid #bbbbbb*/
}
#PopUpBox form.answers {
    margin: 10px 0 0
}
#PopUpBox form.answers input {
    cursor: pointer;
    padding: 3px 6px;
    text-decoration: none;
    font-size: 13px;
}
/*#PopUpBox form.answers input:first-child{
	padding: 2px 15px 1px;
	color: #ffffff;
	background-color: #164770;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#3C7BAF), to(#164770));
	background-image: -moz-linear-gradient(top, #3C7BAF, #164770);
	background-image: -ms-linear-gradient(top, #3C7BAF, #164770);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3C7BAF), color-stop(100%, #164770));
	background-image: -webkit-linear-gradient(top, #3C7BAF, #164770);
	background-image: -o-linear-gradient(top, #3C7BAF, #164770);
	background-image: linear-gradient(top, #3C7BAF, #164770);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C7BAF', endColorstr='#164770', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #164770 #164770 #164770;}*/

#PopUpBox form.answers input:first-child:active {
    background: #164770
}
#PopUpBox input[type="text"],
#PopUpBox input[type="password"] {
    width: 99%;
    font-size: .85em;
    height: 20px;
    border: 1px solid #AAAAAA;
    cursor: text;
    background: #FFFFFF;
}
#PopUpBox label {
    display: block;
    margin: 4px 0 4px 0;
    font-size: .9em;
    font-weight: bold;
}
#PopUpBox input.partial {
    width: 74%;
}
#PopUpBox textarea {
    width: 97%;
    height: 78px;
    border: 1px solid #AAAAAA;
    font-size: .85em;
    padding: 6px 5px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 15px 0 0
}
#PopUpBox form .row {
    clear: both;
    margin: 15px 0 0 0;
}
#PopUpBox form .row .row-sub {
    clear: both;
    margin: 2px 0 0 0;
    font-size: .8em;
    color: #666666
}
#PopUpBottom {
    clear: both;
    border-top: 1px solid #BBBBBB;
    padding: 6px 0 0;
    margin-top: 10px;
}
#PopUpCancel {
    float: right;
    margin: 6px 0  0  0;
    font-size: 13px;
}
#PopUpButton {
    margin: 0 0 0 10px;
    float: right;
}
#PopUpDisclaimer {
    clear: both;
    font-size: .85em;
    color: #777777;
    padding: 4px 0 0 0;
    display: block;
}
.popup-send-message {}
.popup-send-message .row-to {
    font-weight: bold;
    font-size: .85em;
    clear: both;
    margin-top: 5px;
}
.popup-send-message .row-to .to {
    float: left;
    margin: 7px 0 0 0;
}
.popup-send-message .row-to .pic {
    float: left;
    margin: 0 0 0 10px
}
.popup-send-message .row-to .pic img {
    width: 30px;
    height: 30px;
    display: inline;
}
.popup-send-message .row-to .name {
    float: left;
    margin: 7px 0 0 10px
}
.popup-send-message form {
    width: 100%;
    float: left
}
.popup-send-message form .row {
    clear: both;
    margin: 0;
}
#PopUpBox .popup-send-message form .row {
    clear: both;
    margin: 0;
}
#ConnectPopupConnectOptions {
    text-align: center;
}
#ConnectPopupExternalConnect {
    text-align: center;
    /*padding: 0 0 5px 0*/
    display: inline;
    float: left;
}
#ConnectPopupExternalConnect img {
    display: inline
}
#ConnectPopupEmailConnect {
    text-align: center;
    font-size: .8em;
    display: inline;
    padding: 0 16px;
}
#ConnectPopupEmailConnectGrey {
    color: #888888
}
#ConnectPopUpForm {
    font-size: .8em;
    color: #555555;
    display: block;
}
#CompleteProfilePopupBar {
    clear: both;
    width: 100%;
    margin: 0 0 0  0;
    overflow: auto;
    height: 30px;
}
#CompleteProfilePopupBar .bar {
    float: left;
    width: 150px;
    border: 1px solid #999999;
    height: 12px;
    background-color: white;
}
#CompleteProfilePopupBar .bar-filled {
    float: left;
    width: 60px;
    background-color: #6FA3D8;
    height: 12px;
}
#CompleteProfilePopupBar .text {
    float: left;
    font-size: .8em;
    margin: 0 0 0 10px;
    color: red;
}
#CompleteProfilePopupPic {
    text-align: center;
    margin: 20px 0 20px 0;
}
#CompleteProfilePopupLink {
    text-align: center;
    font-size: .9em;
    margin: 0 0 20px 0;
    font-weight: bold;
}
#DeactivateConfirm {
    clear: both;
    padding: 16px 0 0 0;
}
input.error {
    border: 1px solid red;
    width: auto;
}
div.error {
    color: red;
    width: auto;
    margin: 5px;
}
label.error {
    color: red;
    font-size: 11px;
}
span.error {
    color: red;
    font-size: 11px;
}
div.error {
    float: left;
    color: #DD3C10;
    font-size: 11px;
    padding: 5px 0  0  60px;
}
#errorMessage {
    font-size: 11px;
}
#errorMessage_popup {
    color: red;
    font-size: 11px;
}
#errorMessage_popup1 {
    color: red;
    font-size: 11px;
}
label.valid {
    background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}
/* Static Subpages */

#SubPageTitleGroup {
    margin: 50px 0 47px;
}
.ListDisc {
    list-style-type: disc;
}
.tagit-close {
    cursor: pointer;
    margin-left: 6px
}

.tagit-close:hover {
    color: #19558D !important;
    font-weight: bold
}
.tagit-close-mod {
    cursor: pointer;
    margin-left: 6px
}
.tagit-close-mod:hover {
    font-weight: bold
}
.ModeratorRowTopic span {
    cursor: pointer;
    margin-left: 6px
}
.ModeratorRowTopic span:hover {
    font-weight: bold
}
.date-pick {
    width: 80px
}
/* moderator */

span.review {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
}
span.review.checked.enabled {
    background: url('/pics/checkbox-checked.png') no-repeat;
}
span.review.checked.disabled {
    background: url('/pics/checkbox-checked-disabled.png') no-repeat;
}
span.review.enabled {
    background: url('/pics/checkbox-empty.png') no-repeat;
}
#VoteCount {
    float: none;
    margin-bottom: 4px
}
/* Twitter Bootstrap */

.btn.black,
.alert-message.black,
.btn.black:hover,
.alert-message.black:hover,
.btn.call,
.alert-message.call,
.btn.call:hover,
.alert-message.call:hover,
.btn.danger,
.alert-message.danger,
.btn.danger:hover,
.alert-message.danger:hover,
.btn.error,
.alert-message.error,
.btn.error:hover,
.alert-message.error:hover,
.btn.success,
.alert-message.success,
.btn.success:hover,
.alert-message.success:hover,
.btn.info,
.alert-message.info,
.btn.info:hover,
.alert-message.info:hover {
    color: #ffffff;
}
.btn.danger,
.alert-message.danger,
.btn.error,
.alert-message.error {
    background-color: #c43c35;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #c43c35 #c43c35 #882a25;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.success,
.alert-message.success {
    background-color: #57a957;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -ms-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(top, #62c462, #57a957);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #57a957 #57a957 #3d773d;
}
.btn.black,
.alert-message.black {
    background-color: #1A1A1A;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#666666), to(#1A1A1A));
    background-image: -moz-linear-gradient(top, #666666, #1A1A1A);
    background-image: -ms-linear-gradient(top, #666666, #1A1A1A);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #1A1A1A));
    background-image: -webkit-linear-gradient(top, #666666, #1A1A1A);
    background-image: -o-linear-gradient(top, #666666, #1A1A1A);
    background-image: linear-gradient(top, #666666, #1A1A1A);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#1A1A1A', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #1A1A1A #1A1A1A #000;
}
.btn.info,
.alert-message.info {
    background-color: #339bb9;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(top, #5bc0de, #339bb9);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #339bb9 #339bb9 #22697d;
}
.btn {
    cursor: pointer;
    display: inline-block;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), color-stop(25%, #FFFFFF), to(#E6E6E6));
    background-image: -webkit-linear-gradient(#FFFFFF, #FFFFFF 25%, #E6E6E6);
    background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF 25%, #E6E6E6);
    background-image: -ms-linear-gradient(#FFFFFF, #FFFFFF 25%, #E6E6E6);
    background-image: -o-linear-gradient(#FFFFFF, #FFFFFF 25%, #E6E6E6);
    background-image: linear-gradient(#FFFFFF, #FFFFFF 25%, #E6E6E6);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E6E6E6', GradientType=0);
    padding: 4px 6px 5px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    color: #333333;
    font-size: 14px;
    line-height: normal;
    font-weight: bold;
    border: 1px solid #999999;
    border-bottom-color: #777777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btn.dark-shadow {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px black;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px black;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px black;
}
.btn.dark-shadow.semidisabled {
    background-color: #BBB;
    color: #666;
    border-color: #999 #999 #888 #999
}
.btn.dark-shadow.semidisabled:hover {
    background-color: #AAA;
    color: #555;
    border-color: #888 #888 #777 #888
}
.btn:hover {
    text-decoration: none;
}
.btn:active {
    background: #e6e6e6;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), color-stop(25%, #e6e6e6), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#e6e6e6, #e6e6e6 25%, #e6e6e6);
    background-image: -moz-linear-gradient(top, #e6e6e6, #e6e6e6 25%, #e6e6e6);
    background-image: -ms-linear-gradient(#e6e6e6, #e6e6e6 25%, #e6e6e6);
    background-image: -o-linear-gradient(#e6e6e6, #e6e6e6 25%, #e6e6e6);
    background-image: linear-gradient(#e6e6e6, #e6e6e6 25%, #e6e6e6);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn.primary:active {
    background: #164770
}
.btn.black:active {
    background: #1A1A1A
}
.btn.danger:active {
    background: #c43c35
}
.btn.follow:active {
    background: #A7C65C
}
.btn.call:active {
    background: #BF3604
}
.btn:focus {
    outline: 0  none;
}
.btn.primary {
    color: #ffffff;
    background-color: #164770;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#3C7BAF), to(#164770));
    background-image: -moz-linear-gradient(top, #3C7BAF, #164770);
    background-image: -ms-linear-gradient(top, #3C7BAF, #164770);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3C7BAF), color-stop(100%, #164770));
    background-image: -webkit-linear-gradient(top, #3C7BAF, #164770);
    background-image: -o-linear-gradient(top, #3C7BAF, #164770);
    background-image: linear-gradient(top, #3C7BAF, #164770);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3C7BAF', endColorstr='#164770', GradientType=0);
    text-shadow: none;
    border-color: #164770 #164770 #164770;
    border-bottom-color: #062C50;
}
.btn.gray {
    color: #ffffff;
    background-color: #666666;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#666666), to(#A2A2A2));
    background-image: -moz-linear-gradient(top, #A2A2A2, #666666);
    background-image: -ms-linear-gradient(top, #A2A2A2, #666666);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A2A2A2), color-stop(100%, #666666));
    background-image: -webkit-linear-gradient(top, #A2A2A2, #666666);
    background-image: -o-linear-gradient(top, #A2A2A2, #666666);
    background-image: linear-gradient(top, #A2A2A2, #666666);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#A2A2A2', endColorstr='#666666', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #666666 #666666 #666666;
    border-bottom-color: #333333;
}
.btn.follow,
alert-message.follow {
    background-color: #A7C65C;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#D4EAA0), to(#A7C65C));
    background-image: -moz-linear-gradient(top, #D4EAA0, #A7C65C);
    background-image: -ms-linear-gradient(top, #D4EAA0, #A7C65C);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D4EAA0), color-stop(100%, #A7C65C));
    background-image: -webkit-linear-gradient(top, #D4EAA0, #A7C65C);
    background-image: -o-linear-gradient(top, #D4EAA0, #A7C65C);
    background-image: linear-gradient(top, #D4EAA0, #A7C65C);
    border-color: #8CB332 #8CB332 #648517;
}
.btn.call,
alert-message.call {
    background-color: #BF3604;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#F25D07), to(#BF3604));
    background-image: -moz-linear-gradient(top, #F25D07, #BF3604);
    background-image: -ms-linear-gradient(top, #F25D07, #BF3604);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F25D07), color-stop(100%, #BF3604));
    background-image: -webkit-linear-gradient(top, #F25D07, #BF3604);
    background-image: -o-linear-gradient(top, #F25D07, #BF3604);
    background-image: linear-gradient(top, #F25D07, #BF3604);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F25D07', endColorstr='#BF3604', GradientType=0);
    border-color: #BF3604 #BF3604 #BF3604;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn.disabled,
.btn.semidisabled {
    cursor: pointer;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
    /*
      filter: alpha(opacity=65);
      -khtml-opacity: 0.65;
      -moz-opacity: 0.65;
      opacity: 0.65;
    */

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 4px 7px 5px;
    background-color: #EFEFEF;
    border-color: #BBB #BBB #AAA #BBB;
    color: #777;
}
.btn.semidisabled:hover {
    cursor: pointer;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
    /*
      filter: alpha(opacity=80);
      -khtml-opacity: 0.8;
      -moz-opacity: 0.8;
      opacity: 0.8;
    */

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #555;
    background-color: #ECECEC;
    border-color: #AAA #AAA #999 #AAA;
}
.btn[disabled] {
    cursor: default;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
    filter: alpha(opacity=65);
    -khtml-opacity: 0.65;
    -moz-opacity: 0.65;
    opacity: 0.65;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn.large {
    font-size: 15px;
    line-height: normal;
    padding: 9px 14px 9px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.btn.med {
    padding: 4px 10px 4px;
    font-size: 13px;
}
.btn.small {
    padding: 3px 8px 4px;
    font-size: 12px;
}
:root .alert-message,
:root .btn {
    border-radius: 0 \0;
}
button.btn::-moz-focus-inner,
input[type=submit].btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}
#SeeMoreLoader {
    height: 30px;
    display: none;
    width: 100%;
    background-color: #dae3ee;
    background-image: url('/pics/GsNJNwuI-UM.gif');
    background-position: center;
    background-repeat: no-repeat;
}
/* TOPIC ORGANIZE */

.topicsBoxer,
.ShowMeBoxerInStack {
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
    padding: 10px 0;
    width: 660px;
}
.ui-sortable-helper {
    border: 1px dotted #CCCCCC !important;
    background: #ffffff
}
.ui-sortable-placeholder {
    border-left: 1px dotted #CCCCCC !important;
    border-right: 1px dotted #CCCCCC !important;
    visibility: visible !important;
    background: #ecf2f2
}
.editTopicOrgBox {
    display: none
}
.editTopicOrg span {
    font-size: 10px;
}
.topic_name span,
.ShowmeNameInStackList span {
    font-size: 16px;
    font-weight: bold
}
.removeChildTopicOrg,
.updateTopicOrg,
.closeEditOrgBox {
    font-size: 12px;
}
.arrowsBoxChildTopicsOrg {
    float: right;
    width: 75px
}
.optionsBoxChildTopicsOrg {
    float: left;
    width: 367px
}
.upChildTopicOrg,
.upShowMeInStackOrg {
    background-image: url("/pics/arrows_top.gif")
}
.downChildTopicOrg,
.downShowMeInStackOrg {
    background-image: url("/pics/arrows_bottom.gif")
}
.arrowsBoxChildTopicsOrg span {
    background: none repeat scroll 0 0 #DFEAF4;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    height: 17px;
    width: 19px
}
.arrowsBoxChildTopicsOrg span:hover {
    background-color: #19558D;
}
.arrowsBoxChildTopicsOrg a:hover {
    background-position: left -17px;
    text-decoration: none;
}
.arrowsBoxChildTopicsOrg a {
    height: 17px;
    width: 19px;
    display: block;
}
.arrowsBoxChildTopicsOrg div {
    margin: 2px 0;
    text-align: right;
}
a.editTopicOrg {
    border-radius: 2px 2px 2px 2px;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0;
    margin-left: 3px;
    padding: 2px 6px 1px 6px;
}
a.editTopicOrg span {
    color: #999999;
}
a.editTopicOrg:hover {
    background-color: #DFEAF4;
    text-decoration: none
}
#noticRefresh {
    background: url("/pics/warning_icon.png") no-repeat scroll 15px 7px #FEEFB3;
    display: none;
    margin-bottom: 10px;
    border: 1px solid #9F6000;
    color: #9F6000;
    font-size: 12px;
    padding: 15px 15px 15px 60px;
}
.boxDisable {
    z-index: 10;
}
.boxDisableLoader {
    z-index: 10;
    background: #AAA;
    opacity: 0.2;
    overflow: hidden;
    height: 0;
    width: 0;
}
.boxDisableLoader div {
    background: url('/pics/loader_circle.gif') no-repeat 50% 50% #000;
    height: 60px;
    width: 60px;
    margin: 0 auto;
    border-radius: 15px
}
.download-loader {
    display: none;
    margin: 2px 8px 0 0;
    float: left
}
.downloading-process-text {
    display: none;
    float: left;
    clear: none !important
}
.downloading-process-loader {
    margin-top: 2px;
    display: none;
    background: url('/pics/GsNJNwuI-UM.gif') no-repeat;
    height: 10px;
    width: 20px;
    overflow: hidden;
    float: left;
}
.ModearatorDownloadlink {
    font-size: 12px;
    font-weight: normal;
}
.aover_inp {
    display: inline-block;
}
.aover_span {
    margin: 10px 10px 0 0;
    display: inline-block
}
.aover_app {
    display: inline-block;
}
.subtopics2_tit {}
.subtopics2_tit span {
    font-size: 15px
}
#topic-subtopics2 {}
#topic-subtopics2 ul {
    list-style: none;
    margin: 6px 0
}

#topic-subtopics2 ul li {
    list-style: none;
    padding: 5px 0
}
#topic-subtopics2 ul li a {
    background: url("../pics/sub_pip.gif") no-repeat left center;
    padding: 0 0 0 11px
}
#topic-subtopics2 ul li a:hover {}
/* PROGRESS BAR */

.ui-state-disabled {
    cursor: default !important;
}
.ui-widget-content {
    border: 1px solid #1973a5;
    background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333333;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {}
.ui-progressbar {
    height: 2em;
    text-align: left;
}
.ui-progressbar .ui-progressbar-value {
    height: 100%;
    border: 0  none
}
#progress2 {
    position: relative;
}
.pbar .ui-progressbar-value {
    display: block !important
}
.pbar {
    overflow: hidden;
}
.percent {
    position: absolute;
    text-align: right;
    left: 10px;
    top: 6px
}
.elapsed {
    position: relative;
    text-align: right;
}
.ui-progressbar .ui-progressbar-value {
    background: url("../pics/animated_progress_bar.gif") repeat-x top left;
}
.] {
    background: url("../pics/progress_block_bg.gif") repeat top left;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}
.progress_block {
    height: 65px;
    font-size: 13px;
    position: absolute;
    top: 170px;
    left: 100px
}
.progress_block1 {
    font-size: 13px;
    position: absolute;
    top: 170px;
    left: 25px
}
.stat {
    text-align: right;
    float: left;
    width: 310px;
}
.ui-progressbar {
    float: left;
}
.step {
    float: right;
    width: 90px;
    margin: 2px 0 0 0;
}
.progressbar_bg {
    width: 370px;
    height: 12px;
    overflow: hidden;
    float: left;
    border: 1px solid #b3b3b3
}
.progressbar_per_bg {
    width: 271px;
    height: 29px;
    overflow: hidden;
    float: right;
    position: relative;
    top: 0;
    left: 0;
}
.ui-progressbar-value {
    position: relative;
    top: 0;
    left: 0
}
.per_bg {
    width: 45px;
    /*background:url("../pics/percent_bg.gif");*/

    text-align: center;
    float: left;
    padding: 0 0 0 5px
}
.per_bg span {
    color: #3184ad
}
.prog_thumb {
    width: 97px;
    height: 73px;
    border: 1px solid #b3b3b3;
    float: left;
    overflow: hidden;
}
.progress_error_bl {
    padding: 0 0 0 55px;
    background: url("../pics/error_pip.gif") no-repeat top left;
}
.progress_error_bl span.pr_er_tit {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #333333;
    padding: 0 0 3px 0
}
.progress_error_bl span.pr_er_desc {
    display: block;
    font-size: 12px;
    color: #666666
}
span.pr_er_tit1 {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #333333;
    padding: 0 0 3px 0
}
span.pr_er_desc1 {
    display: block;
    font-size: 12px;
    color: #666666;
    padding: 2px 0 10px
}
.prog_bl_left {
    float: left;
    width: 430px;
    margin: 6px 0 0
}
.private-icon {
    padding:0 0 0 5px;
    display: inline-block;
    }

a.mod_st_light {
    background: url("../pics/star.png") no-repeat top left;
    }

a.mod_st_dark {
    background: url("../pics/star_full.png") no-repeat top left;
    }

a.mod_pip_light {
    background: url("../pics/arrow_down.png") no-repeat top left;
    }

a.mod_pip_dark {
    background: url("../pics/arrow-dark.png") no-repeat top left;
}

a.mod_st_light,
a.mod_st_dark,
a.mod_pip_light,
a.mod_pip_dark {
    width: 24px;
    height: 24px;
    display: inline-block;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}


.ModeratorRowReviewActions img:hover,
a.mod_st_light:hover,
a.mod_st_dark:hover,
a.mod_pip_light:hover {
    opacity: 0.5;
    }


.vd_box {
    z-index: 5500;
    overflow: hidden;
    background: #333333;
    width: 600px;
    height: 450px;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

a.fr_req_user {
    font-style: normal;
    font-weight: bold;
    display: inline-block;
}
.fr_req_FrSh {
    font-size: 12px;
    padding: 2px 0 0
}
.fr_req_t {
    width: 50%;
    color: gray;
    margin: 0
}
#HomeLoggedFriendRequests .row_fr_req {
    overflow: auto;
    clear: both;
    padding: 9px 0 8px;
    border-bottom: 1px solid #E9E9E9;
    font-size: .85em;
    position: relative
}
#HomeLoggedFriendRequests .row_fr_req .fr_req_btt {
    color: #AAAAAA;
    font-size: .8em;
    float: right;
}
#HomeLoggedFriendRequests .row_fr_req .fr_reqright {
    float: left;
    width: 300px;
}
#HomeLoggedFriendRequests .row_fr_req .left {
    float: left;
    width: 35px;
    margin: 0 12px 0 0;
}
#HomeLoggedFriendRequests .row_fr_req .left img {
    width: 35px;
    height: 35px;
}
span.mes_count {
    background: none repeat scroll 0 0 #b21212;
    border-bottom: 1px solid #920000;
    font-size: 0.7em;
    line-height: 1.2em;
    margin: 0;
    padding: 2px 6px;
    position: absolute;
    right: 8px;
    top: 18px;
    color: #FFFFFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px 10px 10px 10px;
    font-weight: bold;
}
.ProfileFriendButton {
    margin: 8px 0 0 0;
    clear: both;
}
.ProfileFriendButton1 {
    float: left;
    margin: 8px 0 0 0;
}
.ProfileFollowButton1 {
    float: left;
    margin: 4px 0 0 0;
}
a.fr_ico {
    margin: 0 10px 0 0;
    padding: 4px 7px 5px
}
a.fr_ico span {
    background-image: url("../pics/icon-friend.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 0 0 21px;
}
a.ptichka {
    margin: 0 10px 0 0;
    padding: 4px 7px 5px
}
a.ptichka span {
    background-image: url("../pics/ptichka.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 0 0 15px;
}
a.sub_ico {
    margin: 0 10px 0 0;
    padding: 4px 8px 5px
}
a.sub_ico span {
    background-image: url("../pics/icon-subscribe.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 0 0 17px;
}
a.fr_req_sent {
    margin: 0 10px 0 0;
}
a.fr_confirm {
    margin: 0 10px 0 0;
}
.prof_buttons {
    width: 100%;
    float: left;
}
#create-new-stack-own {
    margin: 8px 0 0 10px;
    float: left;
}
#profile .main-title a.fr_shms_a {
    display: inline;
    float: left;
    /*font-weight: bold;*/
    font-size: 0.85em;
    margin: 0 12px 0 0;
    background-color: #C1C1C1;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 3px 8px 5px 8px;
    color: #fff;
    line-height: 1.4em;
    cursor:default;

}
#profile .main-title a.fr_likes_a {
    float: left;
    margin: 0 12px 0 0;
    padding: 3px 8px 5px 8px;
    border: medium none;
    color: #19558D;
    text-decoration: none;
    line-height: 1.4em;
    font-size: 0.85em;
    font-weight: 400;
    cursor: pointer;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;

    -webkit-transition: all 0.01s ease;
    -moz-transition: all 0.01s ease;
    -o-transition: all 0.01s ease;
    transition: all 0.01s ease;
}
#profile .main-title a.fr_likes_a:hover {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}
.rec_watch_block {
    float: right;
    color: #333333;
    width: 245px
}
.rec_watch_block .rec_block {
    /* border-right:1px solid #a7a7a7; */

    padding: 3px 18px 7px;
    float: left;
}
.rec_watch_block .watch_block {
    padding: 3px 18px 7px;
    float: left;
}
.rec_watch_block span.rec_tit {
    font-size: 13px;
    font-weight: 700;
    display: block;
}
.rec_watch_block span.count {
    font-size: 12px;
    color: #808080
}
.rec_watch_block span.count b {
    font-size: 19px;
    font-weight: 700;
    color: #333333;
}
#SubscriptionDiv {
    margin: 0 0 20px 0
}
a.SeeMoreFollowing {
    padding: 0 15px 0 0;
    text-decoration: none;
    cursor: pointer;
    font-size: .95em;
}
a.SeeLessFollowing {
    padding: 0 15px 0 0;
    text-decoration: none;
    cursor: pointer;
    font-size: .95em;
}
p.SeeMorePeopleBox {
    text-align: left;
    clear: both;
    margin: 10px 0 0 0;
}
.FollowingHideClass {
    display: none
}
#PopUpBox form input:not([type="submit"],
[type="button"]) {
    float: right;
    border: medium none;
    text-decoration: none;
    background: none;
    margin: 0;
    font-size: 13px;
    cursor: pointer;
    padding: 3px 10px 2px;
    border: 1px solid #164770;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
#PopUpBox form input[type="text"] {
    width: 97%;
    text-shadow: none;
    font-weight: normal;
    font-size: .85em;
    height: 20px;
    border: 1px solid #AAAAAA;
    cursor: text;
    background: #FFFFFF;
}
#PopUpBox form input[type="password"] {
    width: 97%;
    text-shadow: none;
    font-weight: normal;
    font-size: .85em;
    height: 20px;
    border: 1px solid #AAAAAA;
    cursor: text;
    background: #FFFFFF;
    }

.question {
    font-size: 14px;
    }

#showme-top .tagit-choice {
    background-color: transparent!important;
    border:none;
    }

#showme-top .topics .tagit-choice a{
    border: 1px solid rgba(216, 234, 243, 0);
    padding: 2px 8px 3px 8px;
    }

#showme-top .tagit-choice:hover {
    /*background-color: #19558D !important*/
    }

#PopUpBox form input.ui-autocomplete-input {
    margin: 0 10px 0 0;
    font-size: 13px;
    padding: 3px 10px 2px;
    color: #000000;
    background: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    display: inline-block;
    line-height: normal;
    font-weight: 400;
    border: 1px solid #bbbbbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    width: 230px;
    cursor: text;
}
#PopUpBox form input.btnconn {
    cursor: pointer;
    display: inline-block;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
    background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    color: #333333;
    line-height: normal;
    font-weight: bold;
    border: 1px solid #999999;
    border-bottom-color: #777777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    font-size: 13px;
    padding: 3px 7px;
}
.StackOptionsBox {
    margin: 0 ;
    overflow: auto;
}
#StackNameBox {
    font-size: .9em;
    margin: 0 0 0 10px;
}
#StackDescriptionBox {
    color: #666666;
    font-size: .9em;
    margin: 5px 0 0 10px;
}
/*
.dislike a.default{color: #ffffff;
background-color: #164770;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#3C7BAF), to(#164770));
background-image: -moz-linear-gradient(top, #3C7BAF, #164770);
background-image: -ms-linear-gradient(top, #3C7BAF, #164770);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3C7BAF), color-stop(100%, #164770));
background-image: -webkit-linear-gradient(top, #3C7BAF, #164770);
background-image: -o-linear-gradient(top, #3C7BAF, #164770);
background-image: linear-gradient(top, #3C7BAF, #164770);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C7BAF', endColorstr='#164770', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #164770 #164770 #164770;
border-radius: 6px 6px 6px 6px;
display: block;
font-size: 1.2em;
font-weight: bold;
height: 36px;
margin: 0 0 0 0;
padding: 12px 20px 0;
text-decoration: none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}
*/
/*
.not_voted_yet a.default{color: #ffffff;
background-color: #164770;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#3C7BAF), to(#164770));
background-image: -moz-linear-gradient(top, #3C7BAF, #164770);
background-image: -ms-linear-gradient(top, #3C7BAF, #164770);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3C7BAF), color-stop(100%, #164770));
background-image: -webkit-linear-gradient(top, #3C7BAF, #164770);
background-image: -o-linear-gradient(top, #3C7BAF, #164770);
background-image: linear-gradient(top, #3C7BAF, #164770);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3C7BAF', endColorstr='#164770', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #164770 #164770 #164770;
border-radius: 6px 6px 6px 6px;
display: block;
font-size: 1.2em;
font-weight: bold;
height: 36px;
margin: 0 0 0 0;
padding: 12px 20px 0;
text-decoration: none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}
*/
/*
.like a.depressed{color: #333333;
background-color: #E6E6E6;
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), color-stop(25%, #efefef), to(#e6e6e6));
background-image: -webkit-linear-gradient(#efefef, #fffefefeffff 25%, #e6e6e6);
background-image: -moz-linear-gradient(top, #efefef, #efefef 25%, #e6e6e6);
background-image: -ms-linear-gradient(#efefef, #efefef 25%, #e6e6e6);
background-image: -o-linear-gradient(#efefef, #efefef 25%, #e6e6e6);
background-image: linear-gradient(#efefef, #efefef 25%, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#e6e6e6', GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #999999 #999999 #777777;
border-radius: 6px 6px 6px 6px;
display: block;
font-size: 1.2em;
font-weight: bold;
height: 36px;
margin: 0 0 0 0;
padding: 12px 20px 0;
text-decoration: none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}
*/

#TeacherAdminProfilePicture #avatarPreviewWrapper img {
    width: 100px
}
.content-signup-380 #avatarPreviewWrapper img {
    width: 80px
}
.recommend_card {
    position: relative;
}
.recommend_card:hover .recommend_close {
    background: url("../pics/rec_close.png") no-repeat left top;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 5px;
    right: 5px;
}
.recommend_card:hover .recommend_close:hover {
    background: url("../pics/rec_close.png") no-repeat left -11px;
    cursor: pointer;
}
#ModeratorFilterByTagsSection {
    float: right;
    margin: 10px 20px 0 0
}
#TagsBox ul {
    margin: 5px 0 0 0
}
#PopUpBox form input.width100per {
    width: 156px
}
#ContainerPopup .birthday {
    padding: 15px 0 0 0
}
#ContainerPopup .title {
    padding: 3px 0
}
#ContainerPopup .sub {
    padding: 3px 0
}
#ContainerPopup .date {
    margin: 5px 0 10px
}
#ContainerPopup .date select.required_grouped {
    float: left;
    margin: 0 5px 0 0
}
#PopUpBox form.ConnectPopupConnectForm {
    border: 0  none;
    margin: 0;
    padding: 0
}
#PopUpBox form#ConnectPopUpForm {
    border: 0  none;
    margin: 0;
    padding: 0
}
#PopUpBox form input.popup_fields {
    margin: 0;
    padding: 3px 5px 2px;
    display: inline-block;
    line-height: normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input.add_showmw_inp {
    margin: 2px 0 0 0;
    padding: 2px 5px;
    display: inline-block;
    line-height: normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    cursor: text;
    font-size: 0.85em;
    font-weight: normal;
    height: 20px;
    text-shadow: none;
}
.btn.btn_dark {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E9E9E9), color-stop(70%, #D8D8D8), to(#C7C7C7));
    background-image: -webkit-linear-gradient(#E9E9E9, #D8D8D8 70%, #C7C7C7);
    background-image: -moz-linear-gradient(top, #E9E9E9, #D8D8D8 70%, #C7C7C7);
    background-image: -ms-linear-gradient(#E9E9E9, #D8D8D8 70%, #C7C7C7);
    background-image: -o-linear-gradient(#E9E9E9, #D8D8D8 70%, #C7C7C7);
    background-image: linear-gradient(#E9E9E9, #D8D8D8 70%, #C7C7C7);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#C7C7C7', GradientType=0);
    box-shadow: 0  0  0 ;
}
a.btn_dark:hover {
    text-decoration: none;
}
#PopUpBox form div.left,
#PopUpBox form div.right {
    width: 168px
}
#PopUpBox form div.left {
    float: left;
}
#PopUpBox form div.right {
    float: right;
}
#PopUpBox form #errorMessage_popup1,
#PopUpBox form #errorMessage_popup {
    color: red;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    margin: 4px 0;
}
#PopUpBox label.error {
    margin: 4px 0;
    font-size: .9em !important;
    font-weight: bold;
    float: left;
}
#notic_chackbox,
#facebook_checkbox {
    font-size: 13px;
    color: #767676;
}
#notic_chackbox input,
#facebook_checkbox input {
    margin: 7px 5px 0 0;
}
#tm_notic .notifications_block {
    padding: 36px 36px 36px
}
.saveUserNotic {
    float: left
}
.btn.not_save {
    padding: 2px 15px 1px 15px;
    font-size: 13px;
}
.rec_people_main_tit {
    height: 38px;
    float: left;
    width: 190px
}
.rec_people_main_block {
    float: left;
    width: 190px
}
.rec_people_main_tit h4 {
    margin: 0
}
.rec_people_item_block {
    position: relative;
    top: 0;
    left: 0;
    width: 190px;
    margin: 0 0 20px
}
.rec_people_img_a {
    display: block;
    width: 35px;
    height: 35px;
    float: left;
    margin: 0 10px 0 0
}
.rec_people_img_a img {}
.rec_people_tit_desc {
    float: left;
    width: 119px;
    }
.rec_people_tit {
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 5px
    }
.rec_people_desc {
    display: block;
    font-size: 12px;
    color: #9c9c9c;
    line-height: 15px
    }
.RecPeopleFollowButton {
    position: absolute;
    top: 0;
    right: 0;
    width: 27px;
    }
.RecPeopleFollowButton:hover {
    min-width: 27px;
    width: auto !important;
    width: 27px;
    }
.RecPeopleFollowButton a.sub_ico {
    margin: 0;
    padding: 1px 6px 2px;
    display: block;
}
.RecPeopleFollowButton a.sub_ico span {
    padding: 0 0 0 16px
}
.RecPeopleFollowButton a.sub_ico .RecPeople_Subscribe_span {
    background-image: url("../pics/icon-subscribe.png");
    display: block;
    overflow: hidden;
    height: 17px;
}
.RecPeopleFollowButton:hover a.sub_ico .RecPeople_Subscribe_span {
    background-image: url("../pics/icon-subscribe.png");
}
.RecPeopleFollowButton a.RecPeople_Subscribed.sub_ico {
    background-color: #efefef;
    background-image: none;
    box-shadow: 0  0  0 
}
.RecPeopleFollowButton a.sub_ico .RecPeople_Subscribed_span {
    background-image: url("../pics/ptichka_light.png");
    color: #7b7b7b;
    background-position: 0 5px;
    display: block;
    overflow: hidden;
    height: 17px;
}
.RecPeopleFollowButton:hover a.sub_ico .RecPeople_Subscribed_span {
    background-image: url("../pics/ptichka_light.png");
}
.notifications_chacks div {
    margin: 0 0 4px
}
.notifications_chacks div input {
    float: left;
}
.notifications_chacks div label {

    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    color: #767676;
    padding: 5px 0 0 5px;
    width: auto;
}
.btn span.rss_icon {
    background: url("../pics/icon-subscribe.png") no-repeat left center;
    padding: 0 0 0 16px;
}
.btn span.friend_icon {
    background: url("../pics/icon-friend.png") no-repeat left center;
    padding: 0 0 0 20px;
}
.btn span.check_icon {
    background: url("../pics/ptichka_light.png") no-repeat left center;
    padding: 0 0 0 16px;
}
.top_subscribe_w {
    width: 96px;
}
span.postedShowmeNotConvertThumb_div {
    color: #555555;
    font-size: 13px;
    font-weight: 700;
    display: block;
    padding: 62px 6px 10px 64px;
;
    width: 130px;
    height: 52px;
    background-image: url("/pics/creating_progress.gif");
    background-position: 5px 83px;
    background-repeat: no-repeat;
    background-color: #ffffff;
}
.lines_log_buts {
    width: 90px;
    text-align: center;
}
.btn_like_a {
    color: #19558D;
    font-size: 100%;
    font-weight: 400;
    padding: 0;
    margin: 6px 10px 0 0;
    text-shadow: none
}
.btn_like_a:hover {
    text-decoration: underline;
}
/* STACKS */

#StackRightBox {}
#StackRightBox a {
    text-align: center;
    float: right;
    margin: 0 0 0 10px;
    color: #969696;
    font-size: 12px;
}
#StackRightBox a:hover {
    color: #F75342;
    text-decoration: none;
}
#StackRightBox a:hover .settings {
    background-position: -40px 0;
}
#StackRightBox a:hover .delete {
    background-position: -40px 0;
}
#StackRightBox .settings {
    background: url('/pics/icon-showme-settings.png') no-repeat;
    height: 40px;
    width: 40px;
    clear: both;
}
#StackRightBox .delete {
    background: url('/pics/icon-showme-delete.png') no-repeat;
    height: 40px;
    width: 40px;
    clear: both;
}

.StackRightBoxDelSet {}
.stack_content {
    width: 950px;
    margin: 0 auto
}
.stack_content span.profile-light {
    color: #808080;
    font-size: 15px
}
.stack_top_leftl {
    min-width: 50px;
    width: auto !important;
    width: 50px;
    float: left;
    margin: 0 14px 0 0
}
.stacks_header_buttons {
    min-width: 50px;
    width: auto !important;
    width: 50px;
    float: left;
}
.btn_edit_stack {
    float: left;
}
.stack_content .ProfileFollowPic {
    margin: 0 0 5px 0
}
.stack_content .ProfileFollowPic1 {
    margin: 0 2px 2px 0;
    width: 30px;
    height: 30px;
    float: left;
}
.stack_content div.ProfileFollowPic a img {
    width: 30px;
    height: 30px;
}
/* old Fixed by Gar need to fix */

.stack_content div.ProfileFollowPic a span {
    color: #4D4D4D;
    display: inline-block;
    font-size: 12px;
    padding: 10px 0 0 0;
    font-weight: 700
}
.stack_content div.ProfileFollowPic a span:hover {
    text-decoration: underline;
}
/* new Fixed by Gar need to fix */

#StackOwner div.creator-section div.name a span {
    color: #4D4D4D;
    display: inline-block;
    font-size: 12px;
    padding: 10px 0 0 0;
    font-weight: 700
}
#StackOwner div.creator-section div.name a span:hover {
    text-decoration: underline;
}
#StackOwner div.creator-section div.pic {
    float: left;
    width: 28px;
    margin: 0 10px 0 0
}
#StackOwner div.creator-section div.name {
    float: left;
    width: 183px;
}
/* end need to fix */

.stack_content #StackOwner {
    margin: 0 0 30px
}
.stack_content .stack_top_block {
    width: 100%;
    height: 76px;
    margin: 0 0 23px 0
}
.stack_content .stack_top_block .stack_top_left {
    height: 75px;
    width: 450px;
    border-bottom: 1px solid #c6c6c6;
    float: left;
}
.stack_content .stack_top_block .stack_top_right {
    height: 75px;
    width: 224px;
    float: left;
    margin: 0 0 0 53px
}
.stack_content .stack_top_block .stack_top_right .crate_new_stack {
    padding: 20px 0 0 53px;
}
.stack_content .stack_top_block .stack_top_right .crate_new_stack a {
    padding: 4px 12px 5px
}
.stack_content .stack_more_top_block {
    width: 100%;
    min-height: 76px;
    height: auto !important;
    height: 76px;
    margin: 0
}
.stack_content .stack_more_top_block .stack_top_left {
    width: 660px;
    border-bottom: 1px solid #c6c6c6;
    float: left;
    margin: 0 0 12px 0!important;
}
.stack_content .stack_more_top_block .stack_top_right {
    min-height: 75px;
    height: auto !important;
    height: 75px;
    width: 199px;
    float: right;
    padding: 0 25px 0 0
}
.stack_content .stack_more_top_block .stack_top_right p {
    margin: 0 0 5px 0
}
.stack_content .stack_more_top_block .stack_top_right .crate_new_stack {
    padding: 20px 0 0 53px;
}
.stack_content .stack_more_top_block .stack_top_right .crate_new_stack a {
    padding: 4px 12px 5px
}
.stack_content .stack_more_edit_top_block {
    width: 100%;
    min-height: 76px;
    height: auto !important;
    height: 76px;
    margin: 0
}
.stack_content .stack_more_edit_top_block .stack_top_left {
    min-height: 75px;
    height: auto !important;
    height: 75px;
    width: 660px;
    border-bottom: 1px solid #c6c6c6;
    float: left;
}
.stack_content .stack_more_edit_top_block .stack_top_right {
    min-height: 75px;
    height: auto !important;
    height: 75px;
    width: 240px;
    float: left;
}
.stack_content .stack_more_edit_top_block .stack_top_right .crate_new_stack {
    padding: 20px 0 0 53px;
}
.stack_content .stack_more_edit_top_block .stack_top_right .crate_new_stack a {
    padding: 4px 12px 5px
}
.stack_us_name span {
    background: url("../pics/icon-stack.png") no-repeat left 4px;
    padding: 0 14px 0 29px;
    font-weight: 700;
    float: left;
}
.stack_us_name span.stack_us_name_span {
    font-size: 1.3em;
}
.stack_us_count span {
    font-size: 0.7em;
    color: #666666;
    display: inline-block;
    padding: 3px 0 0 0
}
.stack_more_top_block .stack_us_count span {
    font-size: 0.8em;
    color: #808080;
    display: inline-block;
    padding: 3px 0 17px 0;
    line-height: 16px
}
.stack_content .stack_more_top_block .stack_top_right a.sub_ico {
    margin: 0;
}
.stack_content .stack_more_top_block .stack_top_right a.sub_ico span {
    margin: 0;
    font-size: 20px
}
.stacks_main_block {}
.stacks_main_block_left {
    width: 660px;
    float: left;
    min-height: 50px;
    height: auto !important;
    height: 50px;
    margin: 0
}
.stacks_main_block_right {
    width: 224px;
    float: right;
}
.stacks_main_block .stacks_it_block {
    min-height: 220px;
    height: auto !important;
    height: 220px;
    width: 206px;
    float: left;
    margin: 0 38px 0 0
}
.stacks_main_block .stacks_it_block_last {
    min-height: 220px;
    height: auto !important;
    height: 220px;
    width: 206px;
    float: left;
    margin: 0
}
.stacks_blocks_row {
    clear: both;
    margin: 0 0 20px 0
}
.StackImageBoxInStackList {
    background: url("../pics/stack_img_bg.gif") no-repeat top left;
    width: 206px;
    height: 157px
}
.StackImageBoxInStackList a {
    display: block;
    width: 206px;
    height: 157px;
    padding: 11px 0 0 1px;
    text-decoration: none;
}
.StackImageBoxInStackList a img {
    width: 194px;
    height: 144px
}
.StackNameBoxInStackList {
    display: block;
    padding: 5px 0 0 0
}
.StackNameBoxInStackList a {
    color: #19558a;
    text-decoration: none;
}
.StackOptionsBoxInStackList {
    display: block;
    padding: 3px 0 10px
}
.StackOptionsBoxInStackList span.StackOptionsBoxInStackIt {
    font-size: 0.8em;
    color: #808080;
    display: inline-block;
    padding: 5px 0 0 0;
    float: left;
}
.StackOptionsBoxInStackList span.StackOptionsBoxInStackIt span {
    font-weight: bold;
    color: #000000
}
.StackOptionsBox {
    margin: 0 ;
    overflow: auto;
}
.StackOptionsBox a {
    font-size: 12px;
}
.StackOptionsBox a:hover {
    text-decoration: underline;
}
#TeacherAdminUserSubtitle {
    margin: 0
}
a.stack_edit_h1 {
    display: inline-block;
    color: #19558D;
    font-size: 1.3em;
    background: url("../pics/icon-stack.png") no-repeat left 6px transparent;
    font-weight: 700;
    padding: 1px 0 0 29px;
    margin: 0 10px 10px 0
}
.stack_edit_span {
    color: #808080;
    display: inline;
    font-size: 0.8em;
}
a.editLinkEditStackName {
    text-decoration: underline;
}
a.editLinkEditStackDesc {
    text-decoration: underline;
}
#StackDescriptionEditBox {
    padding: 3px 0 17px;
    clear: both;
}
.stack_edit_img_block {
    float: left;
    width: 133px;
}
.stack_edit_text_block {
    float: left;
    width: 240px;
}
.remove_Stack a {
    width: 100%;
    font-size: 13px;
}
.remove_Stack a:hover {
    text-decoration: underline;
}
.stack_edit_text_block .pic {
    float: left;
    margin: 0 8px 0 0;
}
.stack_edit_text_block .pic img {
    float: left;
    height: 30px;
    width: 30px;
}
.stack_edit_text_block .name {
    color: #888888;
    float: left;
    font-size: 0.75em;
    font-style: italic;
    margin: 7px 0 0;
}
.stack_edit_text_block .name a {
    color: #4D4D4D;
    font-style: normal;
    font-weight: bold;
    font-size: 14px
}
.stack_edit_text_block div.creator-section {
    margin: 10px 0 0 0
}
/* STACKS END*/

#PopUpBox form.answers input[value="Cancel"] {
    color: #19558D;
    font-size: 13px;
    font-weight: 400;
    padding: 0;
    margin: 4px 10px 0 0;
    text-shadow: none;
    border: medium none;
    box-shadow: none;
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right;
    text-decoration: none;
}
#PopUpBox form.answers input[value="Cancel"]:hover {
    text-decoration: underline;
}
#PopUpBox form.answers input[value="OK"] {
    margin: 0
}
#PopUpBox form.border_top {
    border-top: 1px solid #BBBBBB;
    padding: 6px 0 0 0
}
.AddToStackButDiv {
    margin: 27px 0 0
}
.prof_lock_span {
    width: 12px;
    float: right;
}
.prof_friend_span {
    width: 19px;
    float: right;
}
.edit_showme_thumba {
    width: 115px;
    height: 86px;
    display: block;
    border: 1px solid #aaaaaa;
    background: #ffffff
}
.edit_showme_thumba:hover {
    text-decoration: none;
}
.StackOptionsBox a.stack_add_showme {
    text-decoration: none;
    font-size: 14px;
    margin: 0 0 0 15px;
}
span.convert_bar {
    display: block;
}
span.convert_bar.convert_bar_prof_showme {
    padding: 32px 5px 25px 5px;
}
span.convert_bar.convert_bar_user_showme {
    padding: 61px 7px 25px;
}
.convert_bar span.convert_anim {
    display: block;
    height: 8px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #b1d5a1;
    border-bottom-color: #66a749;
    background-color: #abe192;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    background-image: -webkit-linear-gradient(-45deg, #8dd26f 25%, transparent 25%, transparent 50%, #8dd26f 50%, #8dd26f 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #8dd26f 25%, transparent 25%, transparent 50%, #8dd26f 50%, #8dd26f 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #8dd26f 25%, transparent 25%, transparent 50%, #8dd26f 50%, #8dd26f 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #8dd26f 25%, transparent 25%, transparent 50%, #8dd26f 50%, #8dd26f 75%, transparent 75%, transparent);
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
    background-size: 20px 20px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -ms-animation: move 2s linear infinite;
    animation: move 2s linear infinite;

    overflow: hidden;
    -webkit-box-shadow: inset 0 10px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: inset 0 10px 0 rgba(255, 255, 255, .2);
    -ms-box-shadow: inset 0 10px 0 rgba(255, 255, 255, .2);
    box-shadow: inset 0 10px 0 rgba(255, 255, 255, .2);
}
.convert_bar span.convert_text {
    color: #555555;
    display: block;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    padding: 0 0 5px 0
}
/*
Animate the stripes
*/

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
@-moz-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
@-ms-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
@keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
.edit_showme_block {
    position: relative;
    top: 0;
    left: 0
}
.edit_showme_topics {
    position: absolute;
    top: 217px;
    right: -482px;
    width: 187px
}
.edit_showme_topics ul {
    height: 63px;
    overflow-y: scroll;
    padding: 5px 5px 10px 5px;
    width: 176px;
    border: 1px solid #BDC7D8
}
.stack_secction_a {
    cursor: pointer;
    display: block;
    height: 151px;
    width: 202px;
    z-index: 10000000
}
.stack_edit_textarea {
    width: 99%;
    font-size: 13px;
    padding: 5px 2px
}
#add_showmw_filter {
    font-size: 1em;
    font-weight: bold;
    overflow: auto;
    padding: 0 0 0 10px;
}
#add_showmw_filter ul {
    float: left;
    margin: 5px 0;
}
#add_showmw_filter li {
    display: inline;
    margin: 0 5px 0 0;
}
#add_showmw_filter li span {
    color: #19558D;
    cursor: pointer;
    padding: 4px 10px;
}
#add_showmw_filter li span:hover {
    text-decoration: underline;
}
#add_showmw_filter li span.selected {
    background-color: #E5E5E5;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 4px 10px;
    color: #333333
}
.showme_in_boxy_row {
    margin: 0 0 40px 0
}
.showme_in_boxy_row .card:last-child {
    margin: 0
}
#ContainerPopup .showme_in_boxy_row .card {
    padding: 0
}
#ContainerPopup .showme_in_boxy_row .card .title {
    padding: 0
}
.add_stack_search {
    margin: 0 0 10px;
}
a.edit_done {
    font-weight: 700;
    font-size: 13px;
    padding: 5px 0 0 0
}
.create-new1 {
    background-color: #F1F1F1;
    font-size: 0.9em;
    font-weight: bold;
    height: 149px;
    padding: 0 0 0;
    text-align: center;
}
.create-new1 img {
    height: 55px;
    padding: 32px 0 0 77px;
    width: 55px;
}
.create-new1 .text a {
    color: #555555;
    display: block;
    padding: 20px 0 26px;
    width: 100%;
}
#doneLinkEditStackName {
    text-decoration: none;
}
#doneLinkEditStackDesc {
    text-decoration: none;
}
#name_cancel_done_btns {
    margin: 10px 0
}
#name_cancel_done_btns a {
    float: right;
    margin: 0 0 0 10px;
}
#desc_cancel_done_btns {
    margin: 10px 0 0 0
}
#desc_cancel_done_btns a {
    float: right;
    margin: 0 0 0 10px;
}
.editTopicOrgTextBox {
    float: left;
    min-width: 100px;
    width: auto !important;
    width: 100px;
    margin: 0 10px 0 0
}
.editTopicOrgButsBox {
    float: left;
    min-width: 100px;
    width: auto !important;
    width: 100px;
}
.editTopicOrgButsBox .updateTopicOrg {
    margin: 0 10px 0 0
}
.stack_owner_block {
    margin: 0 0 30px 0
}
.stack_owner_block p {
    clear: both;
    color: #666666;
    font-size: 0.8em;
    line-height: 1.4em;
    margin: 0 0 30px;
    padding: 0 0 0;
}
.show_det_person_l {
    clear: both;
    display: block;
    margin: 8px 0 0 0
    }
.show_det_person_ltit {}
.TeacherAdminFormRow span.error {
    margin: 0 0 0 172px;
    }
.TeacherAdminFormRow input.error {
    display: block;
}
#payment_options .TeacherAdminFormRow input.error {
    display: inline-block;
}

#myForm{
    /*width: 443px;*/
    margin: 0 auto;
}

div#error_message {
    background: #FFBDBD;
    padding: 7px 0;
    border-bottom: 2px solid #BBB;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 500;
}
div#error_message_content {
    color: black;
    display: block;
    font-size: 13px;
    font-weight: bold;
    width: 950px;
    margin: 0 auto;
}
div#error_message_content img {
    cursor: pointer;
    margin-top: 2px;
}
.ui-autocomplete {
    z-index: 100000 !important
}
.PeopleBoxPopup {
    border-radius: 3px 3px 3px 3px;
    float: left;
    margin: 2px;
    padding: 3px;
    width: 30%;
}
.PeopleBoxPopup:hover {
    background: none repeat scroll 0 0 #EDEDED;
}
.PeopleBoxPopup img {
    overflow: auto;
    float: left;
    width: 50px;
    height: 50px;
}
.PeopleFullnamePopup {
    float: left;
    margin: 15px 0 0 9px;
    font-size: 13px;
    overflow: hidden;
    width: 68%;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue.woff') format('woff'),
        /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

    url('../fonts/HelveticaNeue.ttf') format('truetype');
    /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
/***********begin of Premium CSS**********/

.premium_offer .clear {
    clear: both;
}
.premium_col {
    width: 20%;
    float: left;
    text-align: center
}
.premium_col img {
    max-width: 50%;
    display: initial;
    margin-bottom: 30px
}
.premium_col h2 {
    text-transform: uppercase;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 18px;
}
.premium_col p {
    width: 90%;
    margin: 0 auto;
    font-family: "Helvetica Neue", sans-serif;
    line-height: 20px;
    font-size: 16px;
}
#payment_options label.credit_card_label {
    font-family: "Helvetica Neue", sans-serif;
    line-height: 20px;
    font-size: 16px;
    width: 384px;
    position: relative;
    margin-right: 17px;
}

/*---------------------------------*/
#buy_showme_sample {

}

/*--------------------------------*/


/*-----------------------*/
.payment_grid_1,
.payment_grid_2 {
    float: left;
    position: relative;
    }

.payment_grid_1{
    width: 480px;
    border-right: 1px solid #ededed ;
    margin-bottom: 20px;
    min-height: 350px;
    }

.payment_grid_2 {
    float: left;
    width: 244px;
    height: 350px;
    border-right: 1px solid #ededed ;
    overflow: hidden;
    margin-bottom: 30px;
    }

    .payment_grid_2 h4 {
        width: auto;
        overflow:hidden;
        margin-left: 20px;
        }

        .payment_grid_1 h4>span,
        .payment_grid_2 h4>span,
        .payment_grid_3 h4>span {
            padding-left: 10px;
            color:#555;
            }
        .payment_grid_1 h4>i,
        .payment_grid_2 h4>i,
        .payment_grid_3 h4>i{
            color:#aaa;
            }

    .payment_grid_3 .price_summery {
        width: 100%;
    }

    .payment_grid_3 .showme_price {

    }

    .payment_grid_3 .showme_tax {}

    .payment_grid_3 .showme_total_price { }

    .payment_grid_3 .tg-031e {}

    .price_label{
        padding-right: 30px;
        padding-bottom: 5px;
        font-size: 0.8em;
    }
    .price_number{
        font-size: 0.8em;
        text-align: right;
    }

.payment_grid_3 {
    float: left;
    width: 200px;
    height: auto;
    /*background-color: #999;*/
    padding-left: 20px;

    }

/*-----------------------*/
.button_holder_left {
    width: 49%;
    float: left;
    text-align: right;
    margin-top: 50px;
}
.button_holder_right {
    width: 49%;
    float: right;
    margin-top: 50px;
    position: relative;
}
.premium_buttons {
    overflow: hidden;
    clear: both;
}
.premium_buttons .button_holder_left .button {
    float: right;
}
.premium_buttons .button_holder_left p {
    float: right;
    clear: both;
}
.premium_buttons .button_holder_left p,
.premium_buttons .button_holder_right p {
    width: 200px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    color: #555;
    margin: 7px 0;
}
.premium_buttons .button {
    display: block;
    color: #333;
    width: 200px;
    text-align: center;
    font-size: 30px;
    padding-top: 10px;
    font-weight: normal;
}
.premium_offer_details table {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}
.premium_offer_details table th {
    background: #fff;
    text-align: center;
}
.premium_offer_details table td {
    background: #fff;
    border-top: 1px solid #f5f5f5;
    text-align: center;
    padding: 10px 20px;
    font-size: 14px;
    font-family: "Helvetica Neue", sans-serif;
}
.premium_offer_details table td.alleft {
    text-align: left;
}
.premium_offer_details table td.alright {
    text-align: right;
}
.premium_offer_details th.green {
    color: #80bf1d;
    font-size: 15px;
    text-transform: inherit;
    padding-bottom: 10px;
    font-weight: normal;
}
.premium_offer_details th.blue {
    color: #037abe;
    font-size: 15px;
    text-transform: inherit;
    padding-bottom: 10px;
    font-weight: normal;
}
.premium_offer_details .green {
    color: #80bf1d;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}
.premium_offer_details .blue {
    color: #037abe;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}
.premium_offer_details .check {
    background-image: url('/pics/premium/check_blue.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 12px;
}
.premium_offer_details .green.check {
    background-image: url('/pics/premium/check_green.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 12px;
}
.premium_offer_details .rightborder {
    border-right: 1px solid #f5f5f5;
}
.premium_offer_details .leftborder {
    border-left: 1px solid #f5f5f5;
}
/***********end of Premium CSS**********/

a.inverse {
    text-decoration: underline;
}
a.inverse:hover {
    text-decoration: none;
}
.premium_offer_details .btn {
    position: relative;
    padding: 8px 20px;
    margin: 0 auto;
    color: #fff;
    width: 28%;
    text-align: center;
    font: bold 14px Arial, Helvetica;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    background-color: #72ce3f;
    background-image: -moz-linear-gradient(#72ce3f, #62bc30);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#72ce3f), to(#62bc30));
    background-image: -webkit-linear-gradient(#72ce3f, #62bc30);
    background-image: -o-linear-gradient(#72ce3f, #62bc30);
    background-image: -ms-linear-gradient(#72ce3f, #62bc30);
    background-image: linear-gradient(#72ce3f, #62bc30);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}
.premium_offer_details .btn:hover {
    background-color: #62bc30;
    background-image: -moz-linear-gradient(#62bc30, #72ce3f);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#62bc30), to(#72ce3f));
    background-image: -webkit-linear-gradient(#62bc30, #72ce3f);
    background-image: -o-linear-gradient(#62bc30, #72ce3f);
    background-image: -ms-linear-gradient(#62bc30, #72ce3f);
    background-image: linear-gradient(#62bc30, #72ce3f);
}
.brick.cards img {
    float: right;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 10+, Firefox on Android */

    filter: gray;
    /* IE6-9 */

    -webkit-filter: grayscale(100%);
    /* Chrome 19+, Safari 6+, Safari 6+ iOS */

    margin-left: 2px;
    height: 28px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}
.brick.cards img.active {
    float: right;
    filter: none;
    /* IE6-9 */

    -webkit-filter: none;
    /* Chrome 19+, Safari 6+, Safari 6+ iOS */

    height: 28px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
#profile .left.own {
    width: 660px;
    float: right;
    margin: 0 0 20px 0;
}
#profile .right.own {
    width: 224px;
    float: left;
    margin: 0 0 20px 0;
}
#showme-preview-top {
    clear: both;
    padding-bottom: 15px;
    background-image: url('/pics/tile-showme-dark.png');
    box-shadow: inset 0 -2px 8px rgba(0, 0, 0, 0.1);
}
#showme-preview-top .content {
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
}
#showme-preview-top .content .infoContainer {
    overflow: hidden;
    width: 300px;
    float: left;
    color: #fff;
}
#showme-preview-top .content .infoContainer a,
#showme-preview-top .content .infoContainer h1 {
    color: #fff;
}
#showme-preview-top .content .infoContainer .TitleImage img {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    }
#showme-preview-top .content .previewImage {
    overflow: hidden;
    width: 650px;
    float: left;
}
#showme-preview-top .content .previewImage img {
    width: 100%;
}
/*~~~~~~~~ recomended blocks on landing page ~~~~~~~~ SATART*/
.recommend_grid_block {
    clear: both;
    margin-top: 20px;
}


    .recommend_grid_block .card{
        margin: 0;
        padding-right: 6.2%;
        }

        .recommend_grid_block .card:nth-of-type(4n) {
            padding-right: 3px;
            }

@media only screen and (max-width : 1011px) {

    .recommend_grid_block .card:nth-of-type(4n) {
        padding-right: 6.2%;
        }

    .recommend_grid_block .card:nth-of-type(3n) {
        padding-right: 3px;
        }
}

@media only screen and (max-width : 710px) {

    .recommend_grid_block .card:nth-of-type(3n) {
        padding-right: 6.2%;
        }

    .recommend_grid_block .card:nth-of-type(2n) {
        padding-right: 3px;
        }
}

@media only screen and (max-width : 482px) {
/*    .recommend_grid_block h3{
        text-align: center;
        }*/

    .recommend_grid_block .card {
        width: 100%;
        position: relative;
        left: 50%;
        margin-left: -100px;
    }

}
/*~~~~~~~~ recomended blocks on landing page ~~~~~~~~ END*/

/*~~~~ menu bar switch for small screens ~~~~~*/
#Header.open .bars .bar1 {
    -webkit-transform: rotate(45deg) translate(8px, 7px);
    -moz-transform: rotate(45deg) translate(8px, 7px);
    -o-transform: rotate(45deg) translate(8px, 7px);
    -ms-transform: rotate(45deg) translate(8px, 7px);
    transform: rotate(45deg) translate(8px, 7px);
}
#Header.open .bars .bar2 {
    opacity: 0;
}
#Header.open .bars .bar3 {
    -webkit-transform: rotate(-45deg) translate(7px, -6px);
    -moz-transform: rotate(-45deg) translate(7px, -6px);
    -o-transform: rotate(-45deg) translate(7px, -6px);
    -ms-transform: rotate(-45deg) translate(7px, -6px);
    transform: rotate(-45deg) translate(7px, -6px);
}

.bars{
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    /* background-color: #ECECEC; */
    padding: 8px 10px 2px;
    margin: 11px 7px;
    opacity: 1;
    cursor: pointer;
    border: 1px solid rgba(204, 204, 204, 0.67);
}

.bar1,
.bar2,
.bar3{
    width: 25px;
    height: 2px;
    background-color: #8E8E8E;
    /*border: 1px solid #CCC;*/
    margin-bottom: 8px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}




/*~~~~~~~~~~ MEDIA FIXES ~~~~~~~~~~ START*/


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1920px) {

}

@media only screen and (max-width : 1366px) {

}

@media only screen and (max-width : 1200px) {

}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    /*#Header{
        margin: 0 auto;
        width: 100%;
    }*/

    /*#HeaderInside{
        width: 850px;
    }*/

    /*#HeaderSearch {
        width: 220px;
    }*/

}
@media only screen and (max-width : 960px) {
    .payment_grid_2 {
        height: 250px;
    }
}
@media only screen and (max-width : 900px) {
    /* ~~~~~~~~~ menu secion ~~~~~~~~~~~` */
    /*#Logo{
        position: relative;
        display: table-cell;
        margin: 0 auto;
        left: 0 ;
        top: 0 ;
        width: 40px;
    }*/

    /*#HeaderInside{
        width: 690px;
        margin-left: 25px;
    }*/

    /*#HeaderSearch {
        width: 158px;
    }*/

    /*#TopNav li a {
        padding: 0;
        top: 6px;
        position: relative;
        width: 100%;
        text-align: center;
        padding-top: 20px;
    }*/

    /*#TopNav li a .sub{
        display: none;
    }*/

    /*#TopNav li{
        width: 80px;
    }*/

    /*#HeaderSignUp .login,
    #HeaderSignUp .signup{
        display: block;
        height: 3px;
        position: relative;
        top: -13px;
        }*/

    /*#HeaderSignUp {
        width: 70px;
        }*/

    /*#HeaderSignUp ul.dropdown{
        width: 103px;
    }*/

    /*#HeaderSignUp .login-links {
        text-align: right;
    }*/

    /*~~~~~~~~~~~ Video page ~~~~~~~~~~~``*/
    /*#showme-top  .user{
        width: 96%;
        top: 0;
        float: none;
        clear: both;
        overflow: hidden;
        padding-left: 15px;
        }*/

    /*#ShowMeTitleGroup {*

    }*/

    /*#showme-top .content{
        width: 100%;
    }*/

    /*#showme-top #VideoContainer{
        width: 100%;
        position: relative;
        display: block;
        border: none;
    }*/

    /*.toolsWrapper{
        position: relative;
        top: 0 ;
        right: 13%;
        margin-top: 10px;
        margin-left: 30px;
        }*/

    /*#mediaplayer_wrapper{
        width: 100% !important;
        }*/

    /*~~~~~~~Related video section~~~~~~~~*/
    /*.related_box_wrapper{
        height: auto;
        }*/

    /*.related_box_wrapper .card{
        width: 22%;
        padding-bottom: 11px
        }*/

    /*.related_box_wrapper h2{
        margin-left: 2.5%;
    }*/

}

/* Small Devices, Tablets */
@media only screen  and (max-width : 768px) {
    /* ~~~~~~~~~ menu secion ~~~~~~~~~~~` */
    /*.bars {
        display: block;
        z-index: 10;
        }*/

    /*#Logo {
        position: absolute;
        display: block;
        margin: 0 auto;
        left: 10px;
        width: 40px;
        z-index: 10;
        }*/

    /*#Logo a {
        display: block;
        height: 52px;
        padding: 17px 0  0 0;
        position: relative;
        text-decoration: none;
        width: 50px;
        }*/

    /*#Header {
        overflow: visible;
        border-bottom: 1px solid #CCC;
        }*/

    /*#HeaderInside {
        overflow: hidden;
        height: 70px;
        background: #FFF;
        box-shadow: 0  59px 100px -70px #000;
        width: 100%;
        left: 0;
        margin-left: 0 ;
        -webkit-transition: all 0.6s;
        -moz-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
        border-bottom: 1px solid #CCC;
        }*/

        /*#HeaderInside > div:hover {
            background-color: #eee;
            }*/

    /*#HeaderSignUp ul.dropdown{
        width: 100%;
        top: 12px;
    }*/

    /*#HeaderPremiumSection {
        display: block;
        width: 100%;
        top:0px;
      }*/

    /*#HeaderPremiumSection a{
        width: 100%;
        display: block;
        }*/

    /*#HeaderPremiumSection a:hover {
        background-color: #eee;
    }*/

      /*#TopNav {
          display: block;
          width: 100%;
          margin: 0 auto;
          top: 0 ;
          margin-top: 70px;
          }*/

          /*#TopNav ul{
              margin: 0 auto;
              width: 100%;
              }*/

              /*#TopNav li {
                 display: block;
                 width: 100%;
                 height: 70px;
                 border-bottom: 1px solid #E8E8E8;
                 }*/

                /*#TopNav li:hover  {
                    background-color: #F7F7F7;
                }*/

                  /*#TopNav li a {
                      display: block;
                      top: 6px;
                      }*/

                      /*#TopNav li a .sub {
                          display: inline;
                          }*/

        /*#HeaderSearch {
            width: 84%;
            display: block;
            height: 50px;
            top: -353px;
            margin: 0;
            padding: 0;
            left: 40px;
            }*/

        /*#HeaderSearch input {
            padding: 5px 15px 5px 15px;
            width: 86%;
            height: 28px;
        }*/

        /* #hSearchForm {
            width: 90%;
            top: 17px;
            margin: 0 auto;
        }*/


      /*#HeaderSignUp {
          position: absolute;
          display: block;
          top: 58px;
          right: 0 ;
          width: auto;
          text-align: center;
      }*/

      /*#HeaderSearch input{
          font-size: 16px;
          }*/

      /*#HeaderSignUp .login,
      #HeaderSignUp .signup{
          display: inline;
          top: 0 ;
      }*/

      /*#HeaderSignUp .login-links {

      }*/

      /*.hidden {
          display: block;
      }*/

      /*.openMenu{
          overflow: hidden;
          height: 360px!important;
          box-shadow: 0  0  40px -3px #000;
          }*/

    /*.FooterColumn {
        min-width: 100px
    }*/

    /*.related_box_wrapper{
        height: 352px;
    }*/

    /*.related_box_wrapper .card{
        width: 30%;
        padding-bottom: 11px
    }*/

    /*.related_box_wrapper h2{
        margin-left: 2.5%;
    }*/
}

@media only screen and (max-width : 590px) {
    /*.FooterColumn {
        min-width: 55%;
    }*/

    /*#FooterRight {
        text-align: center;
        position: relative;
        top: -178px;
    }*/

    /*#ShowMe-bottom .right {
        width: 100%;
        padding:0px;
    }*/

    /*#ShowMe-bottom .left {
        width: 100%;
        padding: 0;
    }*/

    /*.title-info {
        width: 80%;
    }*/

    /*.related_box_wrapper{
        height: 510px;
        }*/

    /*.related_box_wrapper .card{
        width: 45%;
        padding-bottom: 11px
        }*/

    /*.related_box_wrapper h2{
        margin-left: 2.5%;
        }*/

    /*.related_box_wrapper .card .overlay{
        width: 96.1%;
    }*/
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    /*.FooterColumn {
        min-width: 100%;
        text-align: center;
    }*/

    /* #FooterRight {
        text-align: center;
        top: 0 ;
        position: relative;
        margin: 0 auto;
        width: 100%;
    } */

    /*#Footer a {
        overflow: hidden;
        display: inline-block;
    }*/

}

@media only screen and (max-width : 400px) {
    /*.related_box_wrapper{
        height: 510px;
        }*/

    /*.related_box_wrapper .card{
        width: 90%;
        padding-bottom: 11px;
        }*/

    /*.related_box_wrapper h2{
        margin-left: 2.5%;
        }*/

    /*.related_box_wrapper .card .overlay{
        width: 96.1%;
        }*/

    /*#ShowMe-bottom .left .comments-section .comment-write input[type="text"] {
        width: 59%;
    }*/
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {



}



/*~~~~~~~~~~ MEDIA FIXES ~~~~~~~~~~ END*/

#TeacherAdminBody .creditCardBox {
    float: left;
    font-size: 13px;
    width: 33%;
    line-height: 22px;
    margin-bottom: 20px;
}
.loading_div {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 500;
    width: 100%;
    height: 100%;
    text-align: center;
}

.loading_div_content {
    width: 80px;
    margin: 22% auto;
    color: #004f92;
    text-align: center
}

.thumb_pic {
    height: 100%;
    width: 99%;
    background-size: contain;
    position: relative;
}

.price_green_ribbon{position:absolute; top:10px; left:-2px; background: url('../pics/price_ribbon.png') no-repeat center center; background-size: contain; width:60px; height:27px;}
.price_green_ribbon .price{display:block; color:#fff; font-family: Helvetica Neue, Arial;  padding-top: 6px; padding-left: 13px; font-size: 12px;}

.active.topicLinks {


    display: inline;
    float: left;
    /* font-weight: bold; */
    font-size: 0.85em;
    margin: 0 12px 0 0;
    background-color: #C1C1C1;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 3px 8px 5px 8px;
    color: #fff;
    line-height: 1.4em;
    cursor: default;
}

.topicLinks {
    float: left;
    margin: 0 12px 0 0;
    padding: 3px 8px 5px 8px;
    border: medium none;
    color: #19558D;
    text-decoration: none;
    font-size: 100%;
    line-height: 1.4em;
    font-size: 0.85em;
    font-weight: 400;
    cursor: pointer;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-transition: all 0.01s ease;
    -moz-transition: all 0.01s ease;
    -o-transition: all 0.01s ease;
    transition: all 0.01s ease;
}
.purchaseTable {width:100%;}
.purchaseTable thead tr {height: 23px; font-size: 0.9em}
.purchaseTable tbody tr td {vertical-align: middle; font-size:12px;}
.purchaseTable tbody tr td .thumb {height: 50px;vertical-align: middle;display: inline-block;}
.purchaseTable tr {text-align: center;  border-bottom: 1px solid #D4D4D4;}
.TeacherAdminFormRow a.link {font-size: .75em;margin-right: 15px;}
.text-left {text-align: left !important;}
.letter-listing {list-style-type: lower-alpha !important;}






a.home-hero-2{display:block; width:400px; height:270px; background: url(/pics/home-hero-2.png) no-repeat top left; background-size:cover;}
a.home-hero-2:hover{display:block; width:400px; height:270px; background: url(/pics/home-hero-2.png) no-repeat bottom left; background-size:cover;}