/* ************************ */
/* Reset Styles             */
/* ************************ */
* {
    margin: 0;
    padding: 0
    }
html, body {
    padding: 0;
    margin: 0;
    background-color: #FFF;
    /* background:url("images/bg.jpg") repeat-x top left; */
    height: 100%;
    font-family: "Helvetica Neue", Arial, FreeSans, Helvetica, sans-serif;
    font-size: 14px
    }
/* ************************ */
/* Headings                 */
/* ************************ */
h1 {
    font-size: 30px;
    font-weight: bold;
    text-align: left;
    /* **** custom color(s) ***** */
    color: #666;
    font-family: georgia, "times new roman", times, serif;
    font-style: italic
    }
h1.thread-title {
    border-bottom: solid 1px #CCC;
    overflow: hidden;
    margin-bottom: 6px
    }
#tagsContainer {
    font-family: "Helvetica Neue", Arial, FreeSans, Helvetica, sans-serif;
    font-style: normal
    }
.thread-title-container {
    border-bottom: solid 1px #CCC;
    margin-bottom: 6px
    }
.thread-title-container-left {
    float: left;
    text-align: left;
    width: 525px
    }
.thread-title-container-right {
    float: right
    }
.thread-title-headline {
    overflow: hidden;
    font-weight: bold;
    color: #333;
    font-style: italic
    }
.thread-follow-box {
    display: block;
    border: solid 1px #cacaca;
    border-radius: 3px;
    color: #444;
    font-weight: bold;
    border-color: #B7B7B7 #AAA #A0A0A0;
    margin-top: 3px;
    margin-right: -18px;
    padding: 0 5px;
    background: #f9f9f9;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #fdfdfd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #fdfdfd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #fdfdfd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%, #fdfdfd 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%, #fdfdfd 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f9f9f9 0%, #fdfdfd 100%);
    /* W3C */
    /* IE6-9 */
    }
a.thread-follow-link:link, a.thread-follow-link:visited {
    padding: 4px 18px 4px 0;
    text-decoration: none;
    color: #555;
    font-weight: bold;
    font-size: 10px;
    display: block;
    float: left;
    position: relative;
    margin-right: 4px;
    text-transform: uppercase
    }
a.thread-follow-link:hover {
    text-decoration: none;
    color: #111
    }
a.thread-follow-link span.boxChecked, a.thread-follow-link span.boxNotChecked {
    text-align: left;
    text-indent: -9999px;
    background: transparent url(images/sprites.png) -220px -205px no-repeat;
    display: block;
    height: 12px;
    right: 3px;
    position: absolute;
    top: 4px;
    width: 12px
    }
a.thread-follow-link span.boxNotChecked {
    background: transparent url(images/sprites.png) -220px -191px no-repeat
    }
a.manage-follow-link:link, a.manage-follow-link:visited {
    display: block;
    float: left;
    position: relative;
    width: 10px
    }
a.manage-follow-link span.manageBarsIcon {
    text-align: left;
    text-indent: -9999px;
    background: transparent url(images/sprites.png) -220px -240px no-repeat;
    display: block;
    height: 8px;
    width: 8px;
    right: 1px;
    position: absolute;
    top: 6px
    }
/* *************************************** 
h1 .thread-title-share {
width:130px;
text-align:right;
font-size: 14px;
color:#666;
padding-top:11px;
}

h1 .thread-title-share a:link, h1 .thread-title-share a:visited {
color:#999;
text-decoration:none;
}

h1 .thread-title-share a:hover {
text-decoration:underline;
}
*************************************** */
h1 .thread-title-link {
    width: 130px;
    text-align: right;
    font-size: 14px;
    color: #666;
    padding-top: 4px
    }
h1 .thread-title-link a:link, h1 .thread-title-link a:visited {
    color: #999;
    text-decoration: none;
    padding: 4px 6px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
    }
h1 .thread-title-link a:hover {
    background-color: #EEE
    }
h2 {
    color: #666;
    font-size: 16px;
    margin: 0 0 10px;
    padding: 0;
    font-weight: normal;
    text-align: left
    }
a.thread-title-link2:link, a.thread-title-link2:visited {
    color: #666;
    text-decoration: underline;
    font-size: 19px;
    font-weight: bold;
    margin-top: 30px;
    display: block
    }
a.thread-title-link2:hover {
    text-decoration: none
    }
.thread-title-label {
    font-size: 13px;
    color: #666;
    padding: 4px 8px;
    background-color: #EEE;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
    }
.refreshBoardSpriteOuter {
    float: left;
    padding-top: 5px;
    margin-left: 5px;
    margin-top: 1px
    }
.refreshBoardSprite {
    background: url(images/sprites.png) -160px -100px no-repeat;
    display: inline-block;
    height: 21px;
    width: 17px;
    margin-right: 6px;
    zoom: 1
    }
/* ************************ */
/* Tags                     */
/* ************************ */
#tagsContainer {
    font-size: 12px;
    margin-bottom: 1px
    }
.tagsContainerInput {
    width: 300px;
    padding: 1px;
    border: solid 1px #999;
    font-size: 14px
    }
a.tagContainer:link, a.tagContainer:visited, a.tagContainerEdit:link, a.tagContainerEdit:visited {
    display: inline-block;
    float: none;
    font-size: 11px;
    background-color: #CEDCE9;
    background: -moz-linear-gradient(center top, #CEDCE9 0%, #C7D7E5 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#CEDCE9), to(#C7D7E5));
    color: #22629D;
    margin: 4px 10px 4px 0;
    padding: 3px 5px;
    text-decoration: none;
    border-radius: 3px 3px 3px 3px
    }
a.tagContainerEdit:link, a.tagContainerEdit:visited {
    background-color: #2463DE;
    color: #E4EBF4;
    background: -moz-linear-gradient(center top, #7097E8 0%, #2463DE 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#7097E8), to(#2463DE))
    }
a.tagContainer:hover, a.tagContainerEdit:hover {
    text-decoration: underline
    }
.tagsNavVert a.tagContainer {
    margin: 4px 2px 4px 0;
    float: left;
    display: block
    }
.tagsNavVert {
    margin-left: 30px
    }
.tagContainerCount {
    display: block;
    float: left;
    font-size: 11px;
    color: #333;
    padding: 8px 4px 0
    }
.tagInstruct {
    color: #666;
    font-style: italic;
    font-size: 12px;
    margin: 5px
    }
/* ************************ */
/* Generic classes          */
/* ************************ */
.bold {
    font-weight: bold
    }
.normal {
    font-weight: normal
    }
img {
    border: 0
    }
img.avatar {
    border: solid 1px black;
    margin-top: 2px
    }
img.avatar2 {
    border: solid 1px black;
    margin-top: 0;
    margin-bottom: 7px
    }
.logoBorderFix img.avatar2 {
    border: none;
    margin: 0
    }
img.avatar3 {
    border: solid 1px black;
    vertical-align: middle
    }
.right {
    float: right
    }
.left {
    float: left
    }
.center {
    text-align: center;
    margin: 0 auto
    }
.clear {
    display: block;
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    visibility: hidden
    }
a {
    outline: none
    }
a.under:link {
    color: #22629D;
    text-decoration: underline !important;
    cursor: pointer
    }
a.under:visited {
    color: #22629D;
    text-decoration: underline !important;
    cursor: pointer
    }
a.under:hover {
    color: #22629D;
    text-decoration: none !important;
    cursor: pointer
    }
#userID, #modPoints, #threadID, #maxPostID, #numPosts, #numPostsPage, #maxPMID, #numPMsPage, #profileName, #convoID {
    display: none
    }
.noShow {
    display: none
    }
.validateError {
    color: #C00;
    font-weight: bold
    }
.external {
    font-size: 12px;
    margin: 8px
    }
.external a {
    color: #000
    }
blockquote {
    border: solid 1px #666;
    padding: 5px 5px;
    margin: 0 10px 0
    }
/* ************************************ */
/* Top navigation (log in/welcome area) */
/* ************************************ */
.nav-top-container {
    margin: 0 auto;
    background-color: #FFF;
    padding-bottom: 3px;
    width: 980px
    }
.nav-top-border {
    height: 3px;
    margin: 0 auto;
    width: 980px;
    background: #a4a4a4;
    /* Old browsers */
    background: -moz-linear-gradient(left, #a4a4a4 0%, #2f2f2f 50%, #a4a4a4 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a4a4a4), color-stop(50%, #2f2f2f), color-stop(100%, #a4a4a4));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #a4a4a4 0%, #2f2f2f 50%, #a4a4a4 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #a4a4a4 0%, #2f2f2f 50%, #a4a4a4 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #a4a4a4 0%, #2f2f2f 50%, #a4a4a4 100%);
    /* IE10+ */
    background: linear-gradient(to right, #a4a4a4 0%, #2f2f2f 50%, #a4a4a4 100%);
    /* W3C */
    /* IE6-9 */
    }
.nav-top {
    margin: 0 auto;
    text-align: left;
    width: 980px;
    font-size: 13px;
    height: 40px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    border-bottom: solid 1px #cfcfcf;
    background: #ededed;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f6f6f6 0%, #ededed 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ededed));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f6f6 0%, #ededed 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f6f6 0%, #ededed 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f6f6 0%, #ededed 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f6f6f6 0%, #ededed 100%);
    /* W3C */
    /* IE6-9 */
    }
.nav-top-inner {
    float: right;
    margin-right: 13px;
    position: relative
    }
.nav-top-inner ul {
    list-style-type: none;
    float: left;
    margin-top: 4px
    }
.nav-top-inner ul li {
    float: left
    }
#signInFormBasic {
    margin-right: 31px
    }
#signInFormBasic ul {
    margin-top: 6px
    }
a.logInButton:link, a.logInButton:visited {
    display: block;
    color: #FFF;
    font-size: 14px;
    padding: 9px 12px;
    text-decoration: none;
    border-radius: 3px;
    margin-top: -3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 #666;
    font-weight: bold;
    background: #717171;
    /* Old browsers */
    background: -moz-linear-gradient(top, #808080 0%, #585858 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #808080), color-stop(100%, #585858));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #808080 0%, #585858 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #808080 0%, #585858 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #808080 0%, #585858 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #808080 0%, #585858 100%);
    /* W3C */
    /* IE6-9 */
    }
a.logInButton:hover {
    text-decoration: none;
    background: #858585;
    background: -moz-linear-gradient(top, #707070 0%, #444 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #707070), color-stop(100%, #444));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #707070 0%, #444 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #707070 0%, #444 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #707070 0%, #444 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #707070 0%, #444 100%);
    /* W3C */
    /* IE6-9 */
    }
a.signUpButton:link, a.signUpButton:visited {
    background: #222
    }
a.signUpButton:hover {
    background: #333
    }
.logInDivBar {
    display: block;
    background-color: #d2d2d2;
    height: 24px;
    width: 1px;
    margin: 3px 13px 0
    }
.welcomeNameAvatar {
    display: block;
    float: left
    }
.welcomeName {
    float: left;
    display: block;
    padding: 7px 7px 0 7px
    }
.modPointsCapsule {
    border-radius: 6px;
    color: #FFF;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-right: 7px;
    margin-top: 5px;
    padding: 3px 7px;
    background: #82cc3a;
    /* Old browsers */
    background: -moz-linear-gradient(top, #82cc3a 0%, #68b220 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82cc3a), color-stop(100%, #68b220));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #82cc3a 0%, #68b220 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #82cc3a 0%, #68b220 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #82cc3a 0%, #68b220 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #82cc3a 0%, #68b220 100%);
    /* W3C */
    /* IE6-9 */
    }
.unreadBubble {
    color: #FFF;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-right: 7px;
    margin-top: 5px;
    border-radius: 6px;
    padding: 3px 7px;
    background: #393ccb;
    /* Old browsers */
    background: -moz-linear-gradient(top, #393ccb 0%, #2720b2 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #393ccb), color-stop(100%, #2720b2));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #393ccb 0%, #2720b2 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #393ccb 0%, #2720b2 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #393ccb 0%, #2720b2 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #393ccb 0%, #2720b2 100%);
    /* W3C */
    /* IE6-9 */
    }
a.rectLink:link, a.rectLink:visited {
    display: block;
    border: solid 1px #cacaca;
    border-radius: 3px;
    margin-right: 8px;
    color: #444;
    font-weight: bold;
    text-decoration: none;
    border-color: #B7B7B7 #AAA #A0A0A0;
    cursor: pointer;
    background: #f9f9f9;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #fdfdfd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #fdfdfd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #fdfdfd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%, #fdfdfd 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%, #fdfdfd 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f9f9f9 0%, #fdfdfd 100%);
    /* W3C */
    /* IE6-9 */
    }
a.rectLink:hover {
    background: #f6f6f6;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f6f6f6 0%, #ececec 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ececec));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f6f6 0%, #ececec 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f6f6 0%, #ececec 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f6f6 0%, #ececec 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f6f6f6 0%, #ececec 100%);
    /* W3C */
    /* IE6-9 */
    }
a#rectLinkProfile:link, a#rectLinkProfile:visited {
    padding: 0;
    margin-right: 0;
    border-radius: 3px 0 0 3px;
    height: 30px
    }
a#rectLinkNewMail:link, a#rectLinkNewMail:visited {
    padding: 0;
    height: 30px
    }
a#rectLinkAllThreads:link, a#rectLinkAllThreads:visited {
    height: 30px
    }
.loginBarUnreadSprite {
    background: url(images/sprites.png) no-repeat scroll -270px -160px transparent;
    display: block;
    height: 15px;
    margin: 10px 5px 10px 7px;
    width: 16px;
    float: left
    }
.loginBarAllThreadsSprite {
    background: url(images/sprites.png) no-repeat scroll -270px -20px transparent;
    display: block;
    height: 15px;
    margin: 7px 5px 0 7px;
    width: 16px;
    float: left
    }
.loginBarAllThreads {
    padding: 7px 12px 7px 0;
    display: block;
    float: left
    }
a.downArrowSprite:link, a.downArrowSprite:visited {
    display: block;
    float: left;
    height: 30px;
    width: 15px;
    padding: 0 4px 0;
    border: solid 1px #cacaca;
    margin: 0 0 0 -1px;
    border-color: #B7B7B7 #AAA #A0A0A0;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    background: #f9f9f9;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #fdfdfd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #fdfdfd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #fdfdfd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%, #fdfdfd 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%, #fdfdfd 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f9f9f9 0%, #fdfdfd 100%);
    /* W3C */
    /* IE6-9 */
    }
a.downArrowSprite:hover, li:hover a.downArrowSprite {
    background: #f6f6f6;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f6f6f6 0%, #ececec 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ececec));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f6f6 0%, #ececec 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f6f6 0%, #ececec 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f6f6 0%, #ececec 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f6f6f6 0%, #ececec 100%);
    /* W3C */
    /* IE6-9 */
    }
.downArrowSpriteInner {
    display: block;
    width: 15px;
    height: 30px;
    background: url(images/sprites.png) no-repeat scroll -242px -93px transparent;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden
    }
.nav-top-inner ul li ul {
    list-style: none
    }
.nav-top-inner ul li ul li {
    border-bottom: solid 1px #eaeaea;
    width: 150px
    }
.nav-top-inner ul li {
    position: relative;
    display: block
    }
.nav-top-inner ul li .menuWrapper {
    display: none;
    position: absolute;
    left: -120px;
    top: 30px;
    width: 150px;
    border: solid 1px #DEDEDE;
    border-radius: 5px;
    z-index: 99
    }
.nav-top-inner ul li .menuWrapper ul {
    border-radius: 5px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    border: solid 1px #dedede;
    margin-top: -1px;
    border: 1px solid #dedede;
    width: 150px
    }
.nav-top-inner ul li:hover .menuWrapper {
    display: block
    }
.carrotTop {
    background: url(images/sprites.png) no-repeat scroll -270px -280px transparent;
    display: block;
    height: 8px;
    position: absolute;
    z-index: 400;
    width: 15px;
    top: -8px;
    left: 124px;
    cursor: pointer
    }
.nav-top-inner ul li .menuWrapper ul li {
    list-style-type: none;
    background-color: #FFF
    }
.nav-top-inner ul li .menuWrapper ul li a:link, .nav-top-inner ul li .menuWrapper ul li a:visited {
    color: #666;
    text-decoration: none;
    display: block;
    padding: 10px 15px;
    font-size: 14px
    }
.nav-top-inner ul li .menuWrapper ul li a:hover {
    color: #F4F4F4;
    text-decoration: none;
    background-color: #333
    }
.roundTop {
    border-radius: 5px 5px 0 0
    }
.roundBottom {
    border-radius: 0 0 5px 5px
    }
.nav-search-bar {
    float: left
    }
.nav-search-barInput {
    border: 1px solid #CCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
    color: #333;
    height: 21px;
    margin: 6px 11px;
    padding: 3px;
    width: 261px;
    display: block;
    float: left;
    background-color: #FDFDFD
    }
input.nav-search-barInput:focus {
    background-color: #FFF;
    border-color: #B7B7B7 #AAA #A0A0A0
    }
.nav-search-barButton {
    display: block;
    float: left;
    margin: 0 0 0 -45px;
    padding: 10px
    }
.nav-search-bar-inner {
    float: left
    }
#advanced-search-link {
    float: left
    }
#advanced-search-link a:link, #advanced-search-link a:visited {
    display: block;
    font-size: 11px;
    margin-top: 13px;
    color: #333;
    text-decoration: underline
    }
#advanced-search-link a:hover {
    text-decoration: none
    }
/* ************************ */
/* Logo                     */
/* ************************ */
.logo-container {
    margin: 0 auto;
    padding-top: 16px;
    text-align: center
    }
.logo {
    margin: 0 auto;
    width: 980px;
    text-align: left
    }
/* ****************************************** */
/* Primary navigation (Horizontal navigation) */
/* ****************************************** */
.nav-primary-container {
    margin: -10px auto 25px;
    text-align: center
    }
.nav-primary {
    margin: 0 auto;
    text-align: center;
    width: 980px;
    font-size: 13px;
    font-weight: bold
    }
.nav-primary ul {
    margin: 0;
    padding: 0;
    float: right
    }
.nav-primary ul li {
    list-style-type: none;
    float: left;
    padding: 0;
    margin: 0 0 0 10px
    }
.nav-primary ul li a {
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 6px 14px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /* **** custom color(s) ***** */
    color: #333
    }
.nav-primary ul li a.current:link, .nav-primary ul li a.current:visited {
    font-weight: bold;
    /* **** custom color(s) ***** */
    color: #FFF;
    background-color: #069
    }
.nav-primary ul li a:hover, .nav-primary ul li a.current:hover {
    text-decoration: none;
    /* **** custom color(s) ***** */
    color: #FFF;
    background-color: #2A84B1
    }
/* ********************************** */
/* Banner                             */
/* ********************************** */
.banner-container {
    margin: 30px auto 20px;
    text-align: center
    }
.banner {
    width: 980px;
    margin: 0 auto
    }
/* ********************************** */
/* Main content area (middle of page) */
/* ********************************** */
.middle-container {
    margin: 0 auto;
    text-align: center
    }
.middle {
    width: 980px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 30px;
    /* background: url("images/middleTexture.png") repeat scroll 0 0 #F1F1F1; */
    background: url(/62e3be856265d0fcd489-6f9ea1013c52faf376fd6862463958c7.r23.cf1.rackcdn.com/middleTexture.png) repeat scroll 0 0 #F1F1F1
    }
.nav-vertical {
    width: 180px;
    float: left;
    text-align: left;
    margin-top: 24px
    }
.main {
    width: 660px;
    float: left;
    background-color: #FFF;
    border: 1px solid #CCC;
    box-shadow: 0 0 5px #CCC;
    padding: 10px 30px 20px;
    min-height: 720px
    }
.skyscraper {
    width: 170px;
    /* expand to 175px or even 180px? */
    float: left
    }
.no-sky-nav-vert {
    margin-left: 21px
    }
.no-sky-main {
    margin-left: 19px
    }
.nav-vertical, .main, .skyscraper {
    /* margin-top:-31px; */
    }
/* ************************ */
/* Vertical navigation      */
/* ************************ */
.nav-vertical ul {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: normal
    }
.nav-vertical ul li {
    margin: 0 auto;
    list-style-type: none;
    width: 162px
    }
.nav-vertical ul li a {
    margin: 1px auto;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    /* **** custom color(s) ***** */
    color: #333
    }
.nav-vertical ul li a.current:link, .nav-vertical ul li a.current:visited {
    text-decoration: none;
    /* -moz-border-radius: 10px; */
    /* -webkit-border-radius: 10px; */
    /* border-radius: 10px; */
    /* **** custom color(s) ***** */
    /* color:#FFFFFF; */
    /* background-color:#171513; */
    /* -moz-box-shadow: 2px 2px 3px #999; */
    /* -webkit-box-shadow: 2px 2px 3px #999; */
    /* box-shadow: 2px 2px 3px #999; */
    font-weight: bold
    }
.nav-vertical ul li a:hover, .nav-vertical ul li a.current:hover {
    /* **** custom color(s) ***** */
    /* color:#333333; */
    /* background-color:#eeca00; */
    background-color: #EBEEF3;
    border-radius: 4px
    }
.nav-vertical ul.vertNavULtags li a {
    /* margin: 6px 0px 6px 20px; */
    }
#composeThreads a:link, #composeThreads a:visited {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 9px;
    color: #FFF;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    text-shadow: 0 -1px 0 #666;
    margin-bottom: 13px;
    background: #222
    }
#composeThreads a:hover {
    background: #333
    }
.customSearchContainer {
    text-align: left;
    height: 65px;
    width: 510px
    }
.search-container {
    background: url(images/bg_search.png) center top no-repeat;
    width: 155px;
    padding-left: 10px;
    margin: 0;
    float: right
    }
.search-bar {
    float: left;
    width: 128px;
    padding-top: 2px
    }
.input-search {
    border: solid 0 #000;
    width: 110px;
    background: transparent;
    font-size: 12px;
    margin-left: 15px
    }
.search-button {
    float: left
    }
.labelsHR {
    border: 0;
    color: #999;
    background-color: #999;
    height: 1px;
    margin: 10px auto 10px;
    text-align: center;
    width: 65%
    }
.nav-categories {
    color: #666;
    padding: 5px 0 0 10px
    }
.searchInput {
    border: #666 1px solid;
    font-family: Courier New, Courier, Monospace;
    font-size: 14px;
    font-weight: normal;
    padding: 2px;
    width: 290px;
    height: 20px
    }
#searchTerms {
    margin-left: 14px
    }
.vertNavSprite {
    display: inline-block;
    height: 15px;
    width: 16px;
    margin-right: 11px
    }
#tagsLI {
    margin-bottom: 6px
    }
.composeSprite {
    background: url(images/sprites.png) no-repeat scroll -270px 2px transparent
    }
.allSprite {
    background: url(images/sprites.png) no-repeat scroll -270px -18px transparent
    }
.yourSprite {
    background: url(images/sprites.png) no-repeat scroll -270px -38px transparent
    }
.photoGallerySprite {
    background: url(images/sprites.png) no-repeat scroll -270px -58px transparent
    }
.videoGallerySprite {
    background: url(images/sprites.png) no-repeat scroll -270px -78px transparent
    }
.searchSprite {
    background: url(images/sprites.png) no-repeat scroll -270px -99px transparent
    }
.tagsSprite {
    background: url(images/sprites.png) no-repeat scroll -270px -118px transparent;
    height: 16px
    }
.activeSprite {
    background: url(images/sprites.png) no-repeat scroll -270px -198px transparent
    }
.newestPostsSprite {
    background: url(images/sprites.png) no-repeat scroll -270px -138px transparent
    }
/* ******************************* */
/* Secondary horizontal navigation */
/* ******************************* */
.nav-horiz-second {
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    margin-top: 13px;
    margin-bottom: 10px
    }
.nav-horiz-second a:link, .nav-horiz-second a:visited {
    color: #333;
    text-decoration: none;
    padding: 6px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
    }
.nav-horiz-second a:hover, .nav-horiz-second a.current:link, .nav-horiz-second a.current:visited {
    color: #333;
    background-color: #CCC
    }
/* ************************ */
/* Feedback Zone            */
/* ************************ */
#feedbackZone {
    position: absolute;
    text-align: center;
    font-weight: bold;
    width: 250px;
    margin-left: -125px
    }
.error, .caution, .success {
    color: #FFF;
    background-color: #C00;
    padding: 5px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
    }
.caution {
    color: #000;
    background-color: #FAD163
    }
.error a, .caution a, .success a {
    color: #FFF;
    text-decoration: underline
    }
.caution a {
    color: #000
    }
.success {
    background-color: #0C3
    }
.warnDiv, .fullDiv {
    padding: 8px 14px;
    color: #000;
    text-align: left;
    margin: 15px auto;
    line-height: 130%;
    border: solid 2px #FAD163;
    background-color: #FFF7D7;
    padding: 20px 16px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px
    }
.fullDiv {
    border: solid 2px #AE0101;
    background-color: #F24D4D;
    font-weight: bold;
    color: #FFF
    }
.warnDiv a, .fullDiv a {
    color: #000;
    font-weight: bold;
    text-decoration: none
    }
.warnDiv a:hover, .fullDiv a:hover {
    text-decoration: underline
    }
/* In case page is full */
.pageFullDiv a {
    padding: 8px 14px;
    color: #000;
    text-align: left;
    margin: 15px auto;
    line-height: 130%;
    padding: 20px 16px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    display: block
    }
.pageFullDiv a:link, .pageFullDiv a:visited {
    border: solid 2px #F8DE98;
    background-color: #FFF7D7;
    text-decoration: none
    }
.pageFullDiv a:hover {
    border: solid 2px #FAD163;
    text-decoration: underline
    }
.help-image {
    margin: 15px auto 0;
    text-align: center
    }
.logInstruct {
    width: 550px;
    padding: 8px 8px 6px;
    color: #000;
    text-align: center;
    margin: 5px auto 20px;
    border: solid 2px #FAD163;
    background-color: #FFF7D7;
    padding: 10px 12px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    line-height: 1.4;
    text-align: left
    }
#activityBox {
    position: fixed;
    background-color: #FFF7D7;
    border-bottom: solid 1px #FAD163;
    width: 100%;
    height: 20px;
    top: 0;
    padding: 8px 0 5px;
    text-align: center;
    font-size: 15px;
    color: #000;
    -moz-box-shadow: 0 3px 4px #666;
    -webkit-box-shadow: 0 3px 4px #666;
    box-shadow: 0 3px 4px #666
    }
#activityBox a:link, #activityBox a:visited {
    text-decoration: underline;
    color: #444;
    font-weight: bold
    }
#activityBox a:hover {
    text-decoration: none
    }
.greenLedSprite {
    background: url(images/sprites.png) -210px 0 no-repeat;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-right: 6px;
    zoom: 1
    }
.currentTypeList {
    display: inline-block;
    zoom: 1
    }
/* ************************ */
/* Board                    */
/* ************************ */
.board {
    width: 660px;
    text-align: center;
    margin: 0 auto;
    font-size: 13px;
    /*
    background-color:#F0F0F0;
    */
    background-color: #E7E7E7;
    color: #333;
    table-layout: fixed
    }
.board-even {
    background-color: #FFF
    }
.board a:link, .board a:visited {
    color: #333;
    text-decoration: none
    }
.board a:hover {
    text-decoration: underline
    }
.title, .author, .posts, .lastpost, .trash {
    /*
    border-bottom: solid 1px #E1E1E1;
    */
    border-bottom: solid 1px #D0D0D0;
    padding-top: 7px;
    padding-bottom: 6px
    }
.title {
    width: 300px;
    padding-left: 5px;
    text-align: left;
    overflow: hidden
    }
.author {
    width: 140px
    }
.posts {
    width: 70px;
    font-weight: bold
    }
.low {
    color: #333
    }
.medium {
    color: #600
    }
.high {
    color: #900
    }
.higher {
    color: #C00
    }
.highest {
    color: #F00
    }
.lastpost {
    width: 100px
    }
.red {
    color: #C00
    }
.lastpost .lastPostWrapper div.tip {
    position: relative
    }
.lastpost .lastPostWrapper div.tip div.tooltip {
    display: none
    }
.lastpost .lastPostWrapper:hover div.tip div.tooltip {
    cursor: pointer;
    display: block;
    position: absolute;
    float: left;
    width: 490px;
    bottom: 22px;
    left: -320px;
    color: #333;
    padding: 3px 6px;
    z-index: 200;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #FFA;
    border: 2px solid #666;
    min-height: 100px;
    max-height: 300px
    }
.chat-bubble-arrow-border {
    border-color: #333 transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -22px;
    left: 360px
    }
.chat-bubble-arrow {
    border-color: #FFA transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -20px;
    left: 360px
    }
.lastPostPreviewContent {
    display: block;
    min-height: 100px;
    max-height: 300px;
    z-index: 1000;
    text-decoration: none;
    color: #333
    }
.previewAvatar {
    float: left;
    width: 100px;
    text-align: center
    }
.previewPost {
    float: left;
    text-align: left;
    width: 390px
    }
.previewPost a:link, .previewPost a:visited {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 100px;
    width: 390px;
    height: 100%;
    z-index: 300;
    text-decoration: none;
    overflow: hidden
    }
.previewPost a:hover {
    text-decoration: none
    }
a.previewPostTop:link, a.previewPostTop:visited {
    position: relative;
    z-index: 400;
    text-decoration: none
    }
a.previewPostTop:hover {
    text-decoration: underline
    }
.head, .head-left {
    background-color: #FFF;
    color: #555;
    text-align: center;
    font-weight: bold;
    font-size: 13px
    }
.head-left {
    text-align: left
    }
/* ************** */
/* Page numbering */
/* ************** */
.pages {
    margin: 15px auto 8px;
    text-align: center
    }
.pages-table {
    text-align: center;
    margin: 0 auto
    }
.pages-left {
    width: 70px
    }
.pages-middle {
    width: 460px
    }
.pages-right {
    width: 70px
    }
.pagenum ul {
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
    float: left;
    position: relative;
    left: 50%
    }
.pagenum li {
    float: left;
    position: relative;
    right: 50%;
    margin: 0 5px
    }
.pagenum a, .pagenum a.current {
    display: block;
    font-size: 11px;
    text-align: center;
    width: 24px;
    padding: 5px 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    /* **** custom color(s) ***** */
    color: #333;
    background-color: #CCC
    }
.pagenum a.current {
    text-decoration: none;
    /* **** custom color(s) ***** */
    color: #FFF;
    background-color: #171513
    }
.pagenum a:hover {
    text-decoration: none;
    /* **** custom color(s) ***** */
    color: #333;
    background-color: #E5EDF5
    }
.page-arrow-right a, .page-arrow-right a:visited {
    display: block;
    width: 60px;
    text-align: left;
    padding: 3px 0 3px;
    background: url(images/jump-right-page.png) right top no-repeat;
    text-decoration: none;
    color: #CCC
    }
.page-arrow-right a:hover {
    background: url(images/jump-right-page-hover.png) right top no-repeat;
    color: #000
    }
.page-arrow-left a, .page-arrow-left a:visited {
    display: block;
    width: 65px;
    text-align: right;
    padding: 3px 0 3px;
    background: url(images/jump-left-page.png) left top no-repeat;
    text-decoration: none;
    color: #CCC
    }
.page-arrow-left a:hover {
    background: url(images/jump-left-page-hover.png) left top no-repeat;
    color: #000
    }
/* *********************************** */
/* Pages section for displayThread.php */
/* *********************************** */
.pages-thread {
    margin: 13px auto 13px;
    text-align: center;
    font-weight: normal
    }
.pages-thread-bottom {
    margin: 20px auto 20px;
    text-align: center;
    font-weight: normal;
    border-top: solid 1px #E5E5E5;
    border-bottom: solid 1px #E5E5E5;
    padding: 8px 0 4px
    }
.pages-thread-left {
    float: left;
    font-size: 12px;
    max-width: 290px
    }
.crumbsLeft, .crumbsRight {
    margin-left: 0;
    text-align: left;
    float: left
    }
.crumbsRight {
    margin-left: 4px
    }
.crumbsLeft a:link, .crumbsLeft a:visited, .crumbsRight a:link, .crumbsRight a:visited {
    display: block;
    text-decoration: none;
    color: #F5F5F5;
    background-color: #a0a0a0;
    border: solid 1px #CCC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px 10px;
    background: -moz-linear-gradient(top, #b5b5b5 0%, #7b7b7b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5b5b5), color-stop(100%, #7b7b7b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b5b5b5 0%, #7b7b7b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b5b5b5 0%, #7b7b7b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b5b5b5 0%, #7b7b7b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #b5b5b5 0%, #7b7b7b 100%);
    /* W3C */
    /* disable gradient in IE9 to preserve rounded corners */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b5b5', endColorstr='#7b7b7b',GradientType=0 ); */
    text-shadow: 0 -1px #777
    }
.crumbsLeft a:hover, .crumbsRight a:hover {
    text-decoration: underline;
    color: #FFF
    }
.pages-thread-right {
    float: right;
    font-size: 12px;
    margin-top: 4px
    }
.pageNumsLabel {
    float: left;
    margin-top: 3px
    }
.pages-thread-right a, .pages-thread-right a.current {
    font-size: 11px;
    text-align: center;
    padding: 4px 8px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    margin-left: 5px;
    float: left;
    margin-bottom: 4px;
    /* **** custom color(s) ***** */
    color: #333;
    background-color: #CCC
    }
.pages-thread-right a.current {
    text-decoration: none;
    /* **** custom color(s) ***** */
    color: #FFF;
    background-color: #171513
    }
.pages-thread-right a:hover {
    text-decoration: none;
    /* **** custom color(s) ***** */
    color: #333;
    background-color: #E5EDF5
    }
a.link-thread-left:link, a.link-thread-left:visited {
    background: url(images/sprites.png) -238px -47px no-repeat;
    display: block;
    float: left;
    overflow: hidden;
    text-indent: 9999px;
    display: block;
    height: 14px;
    width: 14px;
    padding: 4px 3px
    }
a.link-thread-left:hover {
    background: url(images/sprites.png) -238px -67px no-repeat
    }
a.link-thread-right:link, a.link-thread-right:visited {
    background: url(images/sprites.png) -238px -7px no-repeat;
    display: block;
    float: left;
    overflow: hidden;
    text-indent: 9999px;
    display: block;
    height: 14px;
    width: 14px;
    padding: 4px 3px
    }
a.link-thread-right:hover {
    background: url(images/sprites.png) -238px -27px no-repeat
    }
a.leftJumpThread {
    padding: 4px 0 4px 4px
    }
a.rightJumpThread {
    padding: 4px 4px 4px 0
    }
a.leftJumpThread span, a.rightJumpThread span {
    display: inline-block;
    background: transparent url(images/sprites.png) -159px 0 no-repeat;
    height: 9px;
    width: 13px;
    overflow: hidden
    }
a.rightJumpThread span {
    background: transparent url(images/sprites.png) -177px 0 no-repeat
    }
.jumpCountWrapper {
    display: inline-block
    }
span#smile_em {
    background: transparent url(images/sprites.png) 0 0 no-repeat
    }
span#wink_em {
    background: transparent url(images/sprites.png) -20px 0 no-repeat
    }
span#neutral_em {
    background: transparent url(images/sprites.png) -40px 0 no-repeat
    }
span#frown_em {
    background: transparent url(images/sprites.png) -60px 0 no-repeat
    }
span#big_smile_em {
    background: transparent url(images/sprites.png) -80px 0 no-repeat
    }
span#surprised_em {
    background: transparent url(images/sprites.png) 0 -20px no-repeat
    }
span#eek_em {
    background: transparent url(images/sprites.png) -20px -20px no-repeat
    }
span#oops_em {
    background: transparent url(images/sprites.png) -40px -20px no-repeat
    }
span#angel_em {
    background: transparent url(images/sprites.png) -60px -20px no-repeat
    }
span#cool_em {
    background: transparent url(images/sprites.png) -80px -20px no-repeat
    }
span#kiss_em {
    background: transparent url(images/sprites.png) 0 -40px no-repeat
    }
span#heart_em {
    background: transparent url(images/sprites.png) -20px -40px no-repeat
    }
span#beer_em {
    background: transparent url(images/sprites.png) -40px -40px no-repeat
    }
span#monkey_em {
    background: transparent url(images/sprites.png) -60px -40px no-repeat
    }
/* *********************************** */
/* Post Reply                          */
/* *********************************** */
.postReplyTable {
    margin: 0 auto 25px;
    text-align: center
    }
#postReplyBox, #pmReplyBox, #newThreadComposeBox, #editComposeBox {
    border: solid 1px black;
    font-family: Courier New, Courier, Monospace;
    font-weight: normal;
    font-size: 14px;
    padding: 3px 5px;
    width: 523px;
    height: 270px
    }
.centerButtons {
    text-align: center;
    padding-top: 16px
    }
#editPostButton, #postReplyButton, #addNewThreadButton, #pmReplyButton, #basicSearchButton, #registerButton, #resetButton, #addVideoButton {
    border-radius: 3px;
    font: bold 15px arial !important;
    padding: 4px 8px;
    margin: 0;
    background-color: #2463DE;
    color: #E4EBF4;
    background: -moz-linear-gradient(center top, #7097E8 0%, #2463DE 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#7097E8), to(#2463DE));
    border: 1px solid #00359b;
    cursor: pointer
    }
#basicSearchButton {
    padding: 3px 8px;
    margin-left: 10px
    }
#previewButton {
    border-radius: 3px;
    font: bold 15px arial !important;
    padding: 4px 8px;
    margin: 0;
    margin-left: 5px;
    background-color: #CEDCE9;
    background: -moz-linear-gradient(center top, #CEDCE9 0%, #C7D7E5 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#CEDCE9), to(#C7D7E5));
    color: #22629D;
    border: 1px solid #a1b4c5;
    cursor: pointer
    }
#cancelButton {
    border-radius: 3px;
    font: bold 15px arial !important;
    padding: 4px 8px;
    margin: 0;
    margin-left: 5px;
    background-color: #DDD;
    background: -moz-linear-gradient(center top, #DDD 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#CEDCE9), to(#C7D7E5));
    color: #444;
    border: 1px solid #999;
    cursor: pointer
    }
/* Upload File Thread */
.bbCodeContainer {
    border-top: solid 1px #000;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
    margin: 0;
    width: 533px;
    background: #f2f2f2;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
    /* W3C */
    /* IE6-9 */
    }
.bbCodeContainerCenter {
    margin: 0 auto;
    text-align: center
    }
.bbCodeContainer ul {
    list-style-type: none
    }
.bbCodeContainer ul li {
    float: left
    }
.bbCodeContainer ul li a {
    display: block;
    color: #333;
    text-decoration: none;
    font-size: 12px;
    padding: 5px 5px 5px 20px;
    position: relative;
    margin: 4px 0 4px 5px;
    border: solid 1px transparent
    }
.bbCodeContainer ul li:hover a {
    text-decoration: none;
    border: solid 1px #ccc;
    background-color: #FFF
    }
#url_button, #image_button, #tube_button, #bold_button, #upload_button, #add_checkbox, #emoticon_icon {
    display: block;
    background: transparent url(images/sprites.png) -220px -120px no-repeat;
    height: 12px;
    width: 12px;
    overflow: hidden;
    position: absolute;
    top: 7px;
    left: 4px
    }
#url_button {
    background: transparent url(images/sprites.png) -220px -135px no-repeat
    }
#tube_button {
    background: transparent url(images/sprites.png) -220px -150px no-repeat;
    height: 10px;
    top: 9px
    }
#image_button {
    background: transparent url(images/sprites.png) -220px -160px no-repeat
    }
#upload_button {
    background: transparent url(images/sprites.png) -220px -175px no-repeat;
    left: 5px
    }
#emoticon_icon {
    background: transparent url(images/sprites.png) -220px -220px no-repeat;
    height: 14px;
    width: 14px;
    top: 6px;
    left: 2px
    }
.bbCodeContainer ul li#upload_button_list_item a {
    padding-left: 16px
    }
.emoticonMenu {
    background-color: #FFF;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    display: none;
    height: 61px;
    left: -32px;
    padding-top: 8px;
    position: absolute;
    top: -68px;
    width: 185px
    }
.emoticonMenuCarrot {
    background: url(images/sprites.png) no-repeat scroll -250px -280px transparent;
    bottom: -8px;
    height: 8px;
    left: 70px;
    position: absolute;
    width: 15px
    }
li#emoticon_list_item:hover .emoticonMenu {
    display: block
    }
li#emoticon_list_item {
    position: relative
    }
.emoticonSprite {
    display: block !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
    float: left !important;
    height: 16px !important;
    width: 16px !important;
    padding: 3px !important;
    margin: 2px !important;
    border: none !important
    }
a.emoticonSprite span {
    height: 16px !important;
    width: 16px !important;
    display: block !important
    }
#add_checkbox {
    background: transparent url(images/sprites.png) -220px -191px no-repeat;
    width: 13px;
    left: 6px
    }
.uploadFileLinkWrapper {
    display: block;
    overflow: hidden;
    height: 35px
    }
.uploadFileLinkWrapper input {
    font-size: 50px;
    width: 115px;
    opacity: 0;
    filter: alpha(opacity: 0);
    position: relative;
    top: -32px;
    left: 0;
    cursor: pointer
    }
#fileUploadField {
    visibility: hidden;
    position: absolute
    }
#threadFilePreviewContainerHeader {
    border-bottom: 1px solid #CCC;
    font-size: 15px;
    font-weight: bold;
    margin: 12px 10px 0;
    text-align: left
    }
.threadFileWrapper {
    float: left;
    margin: 0 0 12px
    }
.threadFileImageContainer {
    min-height: 160px
    }
a:link .fileUploadPreviewImage, a:visited .fileUploadPreviewImage {
    border: solid 2px #555;
    margin: 10px auto;
    display: block
    }
a:hover .fileUploadPreviewImage {
    border: solid 2px #00E
    }
a.addToProfileLink:link, a.addToProfileLink:visited, a.addToProfileLink2:link, a.addToProfileLink2:visited {
    border: 1px solid #CCC;
    color: #333;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 12px auto 10px;
    padding: 5px 1px 5px 18px;
    text-decoration: none;
    width: 91px;
    position: relative;
    background: #fff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #fff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #fff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%, #fff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f2f2f2 0%, #fff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f2f2f2 0%, #fff 100%);
    /* W3C */
    /* IE6-9 */
    }
a.addToProfileLink:hover, a.addToProfileLink2:hover {
    background: #f2f2f2;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
    /* W3C */
    /* IE6-9 */
    }
a.addToProfileLink2 span#add_checkbox {
    background: transparent url(images/sprites.png) -220px -205px no-repeat
    }
.uploadFileFeedbackError {
    color: #C00;
    padding: 10px;
    border: solid 1px #333;
    width: 150px;
    display: block;
    float: left;
    margin: 0 0 12px
    }
.previewDiv {
    padding: 8px 14px;
    color: #000;
    text-align: left;
    margin: 15px auto;
    line-height: 130%;
    border: solid 2px #FAD163;
    background-color: #FFF7D7;
    padding: 20px 16px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    text-shadow: 0 1px #F0F0F0
    }
/* *************************************** */
/* Compose New Thread                      */
/* *************************************** */
#newThread {
    margin: 0 auto 15px
    }
.newThreadLabel {
    font-weight: bold;
    text-align: left;
    margin-bottom: 3px;
    margin-top: 5px;
    font-size: 15px
    }
.newThreadInputWrapper {
    text-align: left
    }
#newThreadTitleBox, #editPostTitleBox {
    border: black 1px solid;
    font-family: Courier New, Courier, Monospace;
    font-size: 14px;
    font-weight: normal;
    padding: 2px;
    width: 471px
    }
#dropDownLabels {
    border: solid 1px black;
    width: 200px;
    font-size: 13px;
    padding: 1px
    }
.formContainer {
    position: relative
    }
/* style for #newThreadComposeBox are below */
/* ************************ */
/* Display thread           */
/* ************************ */
.post-container {
    text-align: left;
    /*
    border:1px solid #E5E5E5;
    background-color:#F0F0F0;
    */
    border: 1px solid #D0D0D0;
    background-color: #E7E7E7;
    padding: 22px 20px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px
    }
.post-table {
    width: 100%;
    table-layout: fixed
    }
.post-even {
    border: none;
    background-color: #FFF
    }
.post-avatar {
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 90px
    }
.post-name {
    border-bottom: solid 1px #999;
    padding-bottom: 1px;
    font-size: 18px
    }
.post-name a:link, .post-name a:visited {
    color: #000;
    text-decoration: none;
    display: block;
    float: left;
    margin-right: 6px
    }
.post-name a:hover {
    text-decoration: underline
    }
.post-moderate {
    text-align: left;
    border-bottom: solid 1px #999;
    color: #666;
    font-size: 18px;
    width: 130px
    }
.post-moderate .postive {
    color: #333;
    display: block;
    float: left
    }
.post-moderate .negative {
    color: #999
    }
.post-modpoints {
    color: #666 !important
    }
.post-content {
    padding: 15px 10px 10px;
    overflow: hidden;
    word-wrap: break-word
    }
.post-date {
    color: #7F7F7F;
    padding: 5px 0 0;
    vertical-align: bottom;
    font-size: 13px
    }
.post-date a {
    color: #222;
    text-decoration: none
    }
.post-share {
    color: #7F7F7F;
    text-align: right;
    padding: 5px 0 0;
    font-size: 13px
    }
.post-share a:link, .post-share a:visited {
    color: #7F7F7F;
    text-decoration: none
    }
.post-share a:hover {
    text-decoration: underline
    }
.overlap {
    background-color: #E0E0E0;
    border: solid 1px #CCC;
    margin-bottom: 10px
    }
.mailSprite {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    float: left;
    height: 17px;
    width: 21px;
    background: transparent url(images/sprites.png) -130px -169px no-repeat
    }
.quoteSprite {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    float: left;
    height: 20px;
    width: 25px;
    background: transparent url(images/sprites.png) -160px -170px no-repeat
    }
.addressSprite {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    float: left;
    height: 17px;
    width: 15px;
    background: transparent url(images/sprites.png) -190px -170px no-repeat
    }
.plusOneSprite {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    float: left;
    height: 13px;
    width: 14px;
    background: transparent url(images/sprites.png) -160px -10px no-repeat;
    margin-top: 4px;
    margin-right: 3px
    }
.whoRatedSprite {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    float: left;
    height: 16px;
    width: 16px;
    background: transparent url(images/sprites.png) -160px -50px no-repeat;
    margin-left: 5px;
    margin-top: 2px
    }
.postModerateSpan {
    float: right
    }
.editpostSprite {
    background: transparent url(images/sprites.png) -120px -200px no-repeat;
    padding-left: 29px
    }
.flagPostSprite {
    display: block;
    overflow: hidden;
    text-indent: 9999px;
    float: right;
    height: 15px;
    width: 15px;
    background: transparent url(images/sprites.png) -130px -220px no-repeat
    }
.removePostSprite {
    display: block;
    overflow: hidden;
    text-indent: 9999px;
    float: right;
    height: 14px;
    width: 14px;
    background: transparent url(images/sprites.png) -130px -240px no-repeat
    }
.removeThreadSprite {
    display: block;
    overflow: hidden;
    text-indent: 9999px;
    float: right;
    height: 14px;
    width: 35px;
    background: transparent url(images/sprites.png) -130px -260px no-repeat
    }
/* ******** */
/* Pop up   */
/* ******** */
.popUp {
    position: absolute;
    text-align: center;
    width: 510px
    }
.closePopUp, .closePopUpTwo {
    color: black;
    font-weight: bold;
    font-size: 12px;
    padding: 7px 0 5px 10px;
    cursor: move;
    background: url(images/pop-up-top.gif) center top no-repeat;
    width: 500px
    }
.closePopUpLeft {
    float: left;
    margin-left: 5px;
    text-align: left
    }
.closePopUpRight {
    float: right;
    cursor: move;
    margin-right: 10px
    }
.popUpContent, .popUpContentTwo {
    color: #464646;
    background: url(images/pop-up-bg.gif) center repeat-y;
    min-height: 255px;
    height: auto !important;
    height: 255px;
    border-bottom: solid 1px #464646
    }
.popUpContentText {
    padding: 15px 0 0;
    margin-left: 25px;
    width: 450px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    line-height: 135%
    }
#avatarHere {
    min-height: 80px;
    height: auto !important;
    height: 80px;
    margin: 10px 0
    }
#avatarFeedback {
    padding: 15px 0;
    text-align: center;
    margin: 0 auto;
    background-color: #FFF;
    width: 375px;
    font-size: 13px;
    font-weight: bold
    }
.titleAvatar {
    margin-top: 10px;
    margin-bottom: 18px;
    font-size: 16px;
    font-weight: bold
    }
.closeMail {
    color: black;
    font-weight: bold;
    background-color: #E7E7E7;
    text-align: right;
    padding-right: 5px;
    padding-top: 8px;
    padding-bottom: 4px;
    border-bottom: solid 1px black;
    cursor: move
    }
.galleryContainer {
    margin-bottom: 17px
    }
.galleryControls {
    text-align: left;
    margin: 20px 0 15px
    }
#galleryFeedback {
    height: 16px;
    text-algin: center;
    margin: 10px 0;
    font-weight: bold
    }
.galleryFeedbackError {
    color: #C00
    }
.galleryPreviewImage {
    border: solid 2px #22629D
    }
.captionTextAreaContainer {
    margin: 10px 0
    }
.galleryEditCaption {
    width: 320px;
    border: solid 1px #666;
    height: 40px
    }
.galleryDelete {
    height: 16px;
    text-align: left;
    margin: 5px 0 10px;
    font-weight: bold
    }
.galleryDelete a:link, .galleryDelete a:visited {
    color: #C00;
    text-decoration: none
    }
.galleryDelete a:hover {
    text-decoration: underline
    }
.galleryInstructContainer {
    margin: 9px 0 19px;
    height: 26px
    }
.galleryInstruct {
    font-size: 17px;
    font-weight: bold;
    color: #333;
    text-align: left;
    float: left
    }
.galleryButton {
    text-align: left;
    background: url(images/bg_crumb.png) repeat-x top left;
    border: solid 1px #CCC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 23px;
    width: 125px;
    float: right
    }
.galleryButton2 {
    text-align: left
    }
#galleryImages {
    margin-top: 9px
    }
.galleryButton a:link, .galleryButton a:visited {
    display: block;
    padding: 4px 10px 4px 26px;
    background: url(images/add.png) no-repeat 5px 3px;
    color: #F5F5F5;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 0 #999
    }
.galleryButton a:hover {
    text-decoration: underline
    }
.galleryImageContainer {
    margin: 0 2px 30px 0;
    float: left
    }
.galleryImage {
    height: 200px;
    width: 204px
    }
.galleryImage a:link img, .galleryImage a:visited img {
    border: solid 2px #22629D
    }
.galleryImage a:hover img {
    border: solid 2px #2463DE
    }
.galleryCaption, .galleryCaptionSmall {
    text-align: left;
    width: 200px;
    font: bold 14px/16px "Helvetica Neue", Arial, FreeSans, Helvetica, sans-serif;
    color: #333;
    margin: 6px auto;
    text-align: center
    }
.galleryCaptionSmall {
    font-size: 12px
    }
a.galleryDeleteLink:link, a.galleryDeleteLink:visited, a.galleryEditLink:link, a.galleryEditLink:visited {
    text-decoration: none;
    color: #C00;
    text-align: left;
    font: bold 12px/12px "Helvetica Neue", Arial, FreeSans, Helvetica, sans-serif;
    margin-left: 3px
    }
a.galleryDeleteLink:hover, a.galleryEditLink:hover {
    text-decoration: underline
    }
a.galleryEditLink:link, a.galleryEditLink:visited, a.galleryEditLink:hover {
    color: #333
    }
a.galleryPreviewChecked:link, a.galleryPreviewChecked:visited, a.galleryPreviewNotChecked:link, a.galleryPreviewNotChecked:visited {
    display: block;
    background-color: #eee;
    border: solid 1px #ccc;
    position: relative;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    margin: 12px auto 0;
    padding: 5px 1px 5px 18px;
    text-decoration: none;
    width: 120px
    }
a.galleryPreviewChecked:hover, a.galleryPreviewNotChecked:hover {
    background-color: #ddd
    }
a.galleryPreviewChecked span {
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    top: 7px;
    left: 4px;
    background: transparent url(images/sprites.png) -220px -205px no-repeat
    }
a.galleryPreviewNotChecked span {
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    top: 7px;
    left: 4px;
    background: transparent url(images/sprites.png) -220px -191px no-repeat
    }
/* ******** */
/* Rated by */
/* ******** */
.ratedByContainer {
    text-align: left;
    margin-left: 20px;
    color: #464646
    }
.ratedByTableRow {
    vertical-align: middle
    }
.ratedByContainer a:link, .ratedByContainer a:visited {
    color: #333;
    font-weight: bold;
    text-decoration: none
    }
.ratedByContainer a:hover {
    text-decoration: underline
    }
.postedByName {
    padding: 8px 0;
    font-weight: bold;
    color: #999
    }
.ratedByNamesContainer {
    margin-left: 20px;
    float: left;
    width: 200px
    }
.ratedByNamesHead {
    font-weight: bold;
    padding-bottom: 2px;
    border-bottom: solid 1px #E4E4E4;
    margin: 15px 0 4px;
    color: #999
    }
.ratedByNames {
    line-height: 135%
    }
.ratedByClose {
    border: solid 1px #000;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    background-color: #DDD;
    text-align: right;
    padding: 10px;
    padding-right: 30px;
    margin-top: 70px
    }
/* *************** */
/* Private Message */
/* *************** */
.mailTo, .mailToTwo {
    font-weight: bold;
    margin: 0 0 15px 0;
    background-color: #F4F4F4;
    border-bottom: 1px dotted black;
    border-left: solid 1px black;
    width: 510px
    }
.pmRecipientRow {
    text-align: left;
    width: 260px;
    vertical-align: middle;
    padding: 5px 0 5px 15px
    }
.pmEmoticons {
    text-align: center;
    width: 250px;
    vertical-align: middle;
    padding: 5px 0;
    border-left: 1px dotted black;
    background-color: #FFF;
    border-right: solid 1px black
    }
#newPMBox, #feedbackBox, #reportBox, #inviteBox, #newPipeBox {
    border: black 1px solid;
    font-family: Courier New, Courier, Monospace;
    font-weight: normal;
    font-size: 14px;
    padding: 3px 5px
    }
.sendMailTable {
    margin: 0 auto;
    margin-bottom: 15px
    }
.pmSubject {
    padding: 4px 0 15px
    }
.pmSubjectSpan {
    font-weight: bold;
    font-size: 13px
    }
#newPMSubjectBox, #feedbackSubjectBox, #feedbackFromBox, #newPipePostSubjectBox {
    border: black 1px solid;
    font-family: Courier New, Courier, Monospace;
    font-size: 14px;
    font-weight: normal;
    padding: 2px;
    width: 350px
    }
/* Pipe box fixes */
#newPipePostSubjectBox {
    width: 550px;
    /* expand width from 350px */
    }
#newPipeBox {
    width: 600px;
    /*width not defined above */
    height: 210px
    }
.closePopUpTwo {
    background: url(images/pop-up-top-big.gif) no-repeat scroll center top transparent;
    width: 700px;
    /* change from 500 to 700 */
    }
.popUpContentTwo {
    background: url(images/pop-up-bg-big.gif) center repeat-y;
    min-height: 300px;
    height: auto !important;
    height: 300px;
    width: 710px
    }
.mailToTwo {
    width: 710px;
    /* expand .mailTo by 200px to 710px */
    }
#feedbackFromBox {
    width: 329px
    }
.feedbackFrom {
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    padding: 5px 0 5px 8px
    }
.inviteTD1, .inviteTD3 {
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    padding: 5px 0 5px 8px;
    width: 80px
    }
.inviteTD2 {
    width: 220px;
    text-align: left;
    padding: 5px 0 5px 8px
    }
.inviteTD3 {
    width: 100px
    }
#inviteFromEmail {
    font-weight: bold;
    font-size: 13px;
    color: #000
    }
.inviteEmailInput {
    border: black 1px solid;
    font-family: Courier New, Courier, Monospace;
    font-size: 14px;
    font-weight: normal;
    padding: 2px;
    width: 180px
    }
.inviteThanks {
    border: dashed 2px #C00;
    background-color: #EEE;
    padding: 15px 20px;
    color: black;
    font-weight: bold;
    margin: 15px auto 20px;
    text-align: center;
    font-size: 14px
    }
.reportContent {
    width: 390px;
    color: #333;
    text-align: left;
    margin: 0 auto;
    border: solid 1px #FC0;
    background-color: #FF9;
    padding: 10px
    }
.reportContentLoading {
    background-color: #FFF;
    border: solid 1px #000;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: bold;
    width: 150px;
    margin: 50px auto;
    text-align: center
    }
.feedbackFeedbackRow {
    font-size: 12px;
    color: #C00;
    text-align: center;
    padding: 4px 0;
    font-weight: bold
    }
#displayPMsContainer {
    margin: 0 auto 30px;
    text-align: center
    }
.privateConvo {
    width: 400px;
    padding: 0 5px;
    font-weight: bold;
    text-align: center
    }
.privateConvoDiv {
    width: 375px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid black;
    background-color: white;
    padding: 10px 0
    }
.PMtabsTable {
    margin-left: 25px
    }
.pmTab {
    text-align: center;
    font-weight: bold;
    padding: 4px 0
    }
.pmSpace {
    width: 15px
    }
.unread {
    background-color: #DADADA;
    font-weight: bold
    }
.read {
    background-color: #FFF;
    font-weight: normal
    }
.noticeContainer {
    text-align: center;
    margin: 15px auto 30px;
    width: 720px
    }
.notice {
    text-align: justify;
    font-size: 15px;
    background-color: #FFF;
    border: solid 1px black;
    padding: 7px 20px;
    color: #000
    }
.sentConfirm {
    font-weight: bold;
    padding-top: 60px;
    font-size: 16px;
    color: #000
    }
/* ************************ */
/* Display Private Message  */
/* ************************ */
.pm-list {
    margin: 20px auto
    }
#otherID, #origin {
    display: none
    }
/* ************************ */
/* Inbox                    */
/* ************************ */
/* ************************ */
/* Profile                  */
/* ************************ */
.profileContainer {
    margin: 15px auto 30px
    }
.profileTop {
    text-align: left;
    /*
    border:1px solid #E5E5E5;
    background-color:#F0F0F0;
    */
    border: 1px solid #D0D0D0;
    background-color: #E7E7E7;
    padding: 22px 20px 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px
    }
.profileTop a:link, .profileTop a:visited {
    text-decoration: none;
    color: #333
    }
.profileTop a:hover {
    text-decoration: underline
    }
.proAvatar {
    float: left;
    width: 90px;
    text-align: center
    }
.subtitle {
    font-size: 11px
    }
.proUserInfo {
    float: left;
    width: 235px
    }
.proUserName {
    font-size: 22px;
    color: #333;
    margin-bottom: 4px;
    font-weight: bold
    }
.proLocation {
    color: #999;
    font-size: 13px;
    margin-bottom: 4px;
    font-weight: bold
    }
.proJoined {
    color: #666;
    font-size: 12px;
    margin-bottom: 4px
    }
.proPoints {
    color: #999;
    font-size: 12px;
    margin-bottom: 4px
    }
.proExtLinks {
    float: left;
    width: 235px;
    font-size: 12px
    }
.proExtLink {
    color: #666;
    border-bottom: solid 1px #CCC;
    padding: 2px 0 2px;
    margin: 0 0 8px
    }
.activeThreadCount {
    color: #999
    }
/* ************************ */
/* Edit profile             */
/* ************************ */
.editProfileContainer {
    text-align: center;
    margin: 10px auto 30px;
    font-size: 13px;
    color: #666
    }
.editProfileCell {
    text-align: center;
    margin: 0 auto;
    /*
    border:1px solid #E5E5E5;
    background-color:#F0F0F0;
    */
    border: 1px solid #D0D0D0;
    background-color: #E7E7E7;
    padding: 22px 20px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    width: 320px
    }
.edit-pro-even {
    border: none;
    background-color: #FFF
    }
.editProfileHead {
    color: #666;
    margin: 5px 0 5px 0;
    padding-bottom: 2px;
    border-bottom: solid 1px #CCC;
    font-weight: bold;
    text-align: left
    }
.editProfileLink {
    font-weight: normal;
    float: right
    }
.editProfileLink a:link, .editProfileLink a:visited {
    text-decoration: none;
    color: #666
    }
.editProfileLink a:hover {
    text-decoration: underline;
    color: #666
    }
.editProfileButton {
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
    width: 230px
    }
.editProfileButton a:link, .editProfileButton a:visited, .editProfileButton a:hover {
    display: block;
    margin: 15px auto 5px;
    text-align: center;
    width: 230px;
    background: url(images/bg_edit_profile.png) center top no-repeat;
    padding: 5px 0 6px 20px;
    color: #FFF;
    text-decoration: none;
    font-size: 12px
    }
.editProfileContent {
    margin: 8px 0 0;
    color: #333;
    text-align: right
    }
.editProfileContentLeft {
    text-align: left;
    font-weight: bold;
    margin: 8px 0 4px
    }
.editProfileContent a:link, .editProfileContent a:visited {
    color: #333;
    text-decoration: none
    }
.editProfileContent a:hover {
    color: #333;
    text-decoration: underline
    }
.backToProfileButton {
    margin: 20px 0 20px 30px;
    font-weight: bold;
    width: 170px
    }
.backToProfileButton a:link, .backToProfileButton a:visited, .backToProfileButton a:hover {
    display: block;
    text-align: center;
    width: 170px;
    background: url(images/bg_back_profile.png) center top no-repeat;
    padding: 5px 0 6px 20px;
    color: #FFF;
    text-decoration: none;
    font-size: 12px
    }
.proInputBox {
    width: 200px;
    border: solid 1px #333;
    padding: 1px
    }
/* ************************ */
/* The Pulse (livestack)    */
/* ************************ */
.hose-controls {
    text-align: right;
    margin: 10px 0 0;
    padding-bottom: 3px;
    border-bottom: dotted 1px #E4E4E4
    }
.hose-title {
    font-size: 13px;
    font-weight: bold;
    border: solid 1px #CCC;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
    }
.hose-title a:link, .hose-title a:visited {
    color: #333;
    text-decoration: none;
    display: block;
    background-color: #F0F0F0;
    padding: 6px 8px 4px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
    }
.hose-title a:hover {
    text-decoration: none;
    background-color: #E5E5E5
    }
.hose-container {
    text-align: left;
    margin: 12px 0 0
    }
.hose-content {
    padding: 5px 15px;
    font-size: 13px
    }
.hose-name {
    font-weight: bold
    }
.hose-name a:link, .hose-name a:visited {
    color: #000;
    text-decoration: none;
    font-weight: bold
    }
.hose-name a:hover {
    text-decoration: underline
    }
/* ************************ */
/* User map */
/* ************************ */
.map-title {
    font-size: 14px;
    border: solid 1px #CCC;
    background-color: #EEE;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 6px 8px;
    margin: 20px 0;
    font-weight: bold
    }
/* ************************ */
/* Tweets                   */
/* ************************ */
.tweets-container {
    margin: 20px 0;
    text-align: left
    }
.tweet-container {
    border-top: dashed 2px #D2DADA;
    border-bottom: dashed 2px #D2DADA;
    margin-top: -2px
    }
.tweet-table {
    text-align: left;
    margin: 10px 0
    }
.tweet-pic {
    vertical-align: top;
    text-align: center
    }
.tweet-content {
    padding: 5px 10px
    }
.tweet-content a:link, .tweet-content a:visited {
    color: #2FC2EF;
    text-decoration: none
    }
.tweet-content a:hover {
    text-decoration: underline
    }
.tweet-name a:link, .tweet-name a:visited, .tweet-name a:hover {
    font-weight: bold
    }
.tweet-details {
    font-size: 11px;
    padding: 5px 10px
    }
.tweet-details a:link, .tweet-details a:visited {
    text-decoration: none;
    color: #999
    }
.tweet-details a:hover {
    text-decoration: underline
    }
.moreThreads {
    font-size: 15px;
    font-weight: bold;
    margin: 20px 25px 5px;
    text-align: center
    }
.moreThreads a:link, .moreThreads a:visited {
    color: #333;
    text-decoration: none;
    display: block;
    background-color: #D0D0D0;
    background: -moz-linear-gradient(top, #f4f4f4 0%, #D0D0D0 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#f4f4f4), to(#D0D0D0));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    padding: 12px 0;
    border: solid 1px #bbb;
    /* **** custom color(s) ***** */
    color: #171513;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 0 #F0F0F0
    }
.moreThreads a:hover {
    text-decoration: none;
    background-color: #e0e0e0;
    background: -moz-linear-gradient(top, #F0F0F0 0%, #E0E0E0 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#F0F0F0), to(#E0E0E0));
    border: solid 1px #999
    }
.recentAct {
    float: left;
    width: 100px;
    margin-right: 10px
    }
.recentActAvatar {
    margin: 6px auto 0;
    text-align: center;
    height: 70px
    }
.recentActName {
    margin: 0 auto 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold
    }
.recentActName a:link, .recentActName a:visited {
    text-decoration: none;
    color: #333
    }
.recentActName a:hover {
    text-decoration: underline
    }
.recentActPM {
    margin: 6px auto 0;
    text-align: center
    }
/* Cross post to Twitter */
.tweetBoxHead {
    font-size: 20px;
    text-align: left;
    padding: 20px 0 10px 20px
    }
.charCount {
    text-align: right;
    font-size: 18px;
    padding: 0 30px 10px 0;
    color: #999
    }
.tweetBoxContainer {
    margin: 0 auto 15px;
    width: 480px
    }
.popUpTextBox {
    border: solid 1px #666;
    width: 440px;
    height: 80px;
    padding: 2px
    }
.tweetBoxSubmit {
    margin: 0 auto 10px
    }
/* ************************ */
/* Chart                    */
/* ************************ */
.chart-container {
    font-size: 13px;
    width: 500px;
    text-align: left;
    margin: 10px 10px
    }
.chart-head {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 5px;
    /* **** custom color(s) ***** */
    color: #666
    }
.chart-num {
    /* **** custom color(s) ***** */
    color: #069
    }
.bar {
    margin-top: 2px;
    border: 1px solid #E5E5E5;
    background-color: #F0F0F0;
    padding: 4px 4px;
    height: 14px;
    text-align: left;
    margin-left: 0
    }
.bar-overlap a {
    display: block;
    padding: 4px 4px;
    width: 100%;
    margin-top: -22px;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    z-index: 1;
    /* **** custom color(s) ***** */
    color: #069
    }
.bar-overlap a:link, .bar-overlap a:visited {
    text-decoration: none
    }
.bar-overlap a:hover {
    text-decoration: underline
    }
.chart-more {
    text-align: right;
    margin: 6px 0 0
    }
.chart-more a:link, .chart-more a:visited {
    text-decoration: none;
    /* **** custom color(s) ***** */
    color: #069
    }
.chart-more a:hover {
    text-decoration: underline
    }
/* ************************ */
/* Footer                   */
/* ************************ */
.footer-container {
    margin: 0 auto;
    text-align: center
    }
.footer-top {
    width: 940px;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    padding: 10px 20px;
    margin-top: 20px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    /* **** custom color(s) ***** */
    -moz-box-shadow: 2px 2px 3px #999;
    -webkit-box-shadow: 2px 2px 3px #999;
    box-shadow: 2px 2px 3px #999
    }
.footer-top a:link, .footer-top a:visited {
    text-decoration: none;
    /* **** custom color(s) ***** */
    color: #CCC
    }
.footer-top a:hover {
    text-decoration: underline
    }
.footer-pad-left {
    padding-right: 20px
    }
.footer-pad-right {
    padding-left: 20px
    }
.footer-bot {
    width: 980px;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
    color: #999;
    padding-bottom: 10px
    }
.footer-bot a {
    color: #666;
    text-decoration: none
    }
.footer-bot a:hover {
    text-decoration: underline
    }
.footer-bot-right {
    float: right
    }
/* ************************ */
/* Admin Panel              */
/* ************************ */
/* Note to self: What a gigantic ugly block of CSS. Fix and remove when you have time. */
.adminSearchInput {
    border: solid 1px black;
    width: 200px
    }
.manageUsers {
    width: 250px;
    margin-top: 20px;
    margin-left: 10px;
    text-align: left
    }
.mangeUsersSubHead {
    color: #666;
    font-size: 18px;
    margin: 20px 0 10px;
    padding-bottom: 2px;
    text-align: left;
    border-bottom: solid 1px #CCC
    }
.manageUsers a:link, .manageUsers a:visited {
    color: #333;
    text-decoration: none
    }
.manageUsers a:hover {
    text-decoration: underline
    }
/*
.manageUsersHR {
margin:15px auto 30px;
text-align:center;
color: #000000;
background-color: #000000;
height: 2px;
width:400px;
}
*/
.manageUsers ul {
    margin-top: 0;
    padding-top: 0
    }
.manageUsers li {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 15px
    }
.manageUsersCenter {
    margin-top: 0;
    text-align: center
    }
.manageUsersSearch {
    margin: 0 auto 15px
    }
.manageUsersButton {
    margin: 0 auto 15px
    }
.adminEditUser {
    text-align: center;
    padding: 10px 0;
    background-color: #EEE;
    border-top: solid 1px black
    }
.manageUsersNotification {
    margin: 10px auto;
    text-align: center
    }
#acctStatusDD {
    width: 200px;
    border: solid 1px black
    }
.adminSearchResults {
    border: solid 1px #FC0;
    background-color: #FF9;
    padding: 10px 20px;
    width: 450px;
    font-size: 13px;
    margin: 0 auto 10px;
    text-align: center;
    font-weight: bold
    }
.adminSearchNoResults {
    margin: 20px auto;
    text-align: center;
    font-weight: bold;
    background-color: #FFF;
    border: solid 1px black;
    padding: 8px;
    width: 450px
    }
.whitelistRow {
    margin: 20px 0
    }
.whitelistWarn {
    width: 440px;
    background-color: #F9D1D8;
    border: solid 2px #C00;
    padding: 10px;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    margin: 0 auto 15px
    }
#addWhitelistEmailDiv {
    min-height: 400px;
    height: auto !important;
    height: 400px
    }
.wlResultsMini {
    text-align: center;
    margin: 10px auto;
    border-collapse: collapse
    }
.wlResultsEmail {
    width: 300px;
    border: solid 1px black;
    text-align: left;
    padding: 4px
    }
.wlResultsStatus {
    width: 180px;
    border: solid 1px black;
    border-left: none;
    text-align: left;
    padding: 4px
    }
.wlResultsHead {
    font-weight: bold;
    background-color: #EEE;
    text-align: center
    }
.tableAdminPro {
    width: 540px;
    border-top: black 2px solid;
    border-bottom: black 1px solid;
    margin: 5px auto 0;
    background-color: #FFF;
    font-size: 13px
    }
.userAdminPro {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0 5px 20px;
    border-bottom: solid 1px #333;
    background-color: #B1B0B0;
    text-align: left
    }
.avatarAdminPro {
    width: 90px;
    padding-top: 0;
    padding-left: 10px;
    vertical-align: top;
    text-align: center
    }
.labelAdminPro {
    text-align: left;
    font-weight: bold;
    padding: 6px 0 6px 20px;
    width: 135px;
    vertical-align: top;
    color: #545454
    }
.joinedAdminPro {
    font-size: 13px;
    padding: 5px 10px 5px 0;
    border-bottom: solid 1px #333;
    background-color: #B1B0B0;
    text-align: right
    }
.smallRow {
    font-size: 8px;
    line-height: 8px
    }
.dataAdminPro {
    width: 280px;
    text-align: left;
    padding: 3px 4px
    }
.editNavLinksInstruct {
    text-align: left
    }
.editNavLinksInstruct ul {
    margin: 10px 0 10px 10px
    }
.editNavLinksInstruct ul li {
    margin-left: 15px;
    margin-bottom: 10px
    }
.editNavLinksBoxContainer {
    text-align: center;
    margin: 20px auto 10px
    }
#editNavLinksBox {
    border: solid 1px #222;
    width: 450px;
    height: 200px
    }
#editCssBox {
    border: solid 1px #222;
    width: 550px;
    height: 450px
    }
#whitelistBox {
    border: solid 1px #222;
    width: 550px;
    height: 150px
    }
.cPanelResults {
    margin: 10px auto;
    text-align: center
    }
.cPanelResults a:link, .cPanelResults a:visited {
    color: #222;
    text-decoration: underline
    }
.cPanelResults a:hover {
    text-decoration: none
    }
/* *************** */
/* Edit Categories */
/* *************** */
.editCatRow {
    padding: 5px 0 5px;
    /* cursor:move; */
    height: 20px;
    border: solid 1px #999;
    margin-bottom: 10px;
    background-color: #E1E1E1
    }
.editCatOrder {
    width: 40px;
    float: left;
    margin-right: 10px;
    text-align: center
    }
.editCatLabel {
    width: 130px;
    float: left;
    margin-left: 25px;
    margin-right: 10px;
    text-align: left
    }
.editCatAbbrev {
    width: 110px;
    float: left;
    margin-right: 10px;
    text-align: left
    }
.editCatPriv {
    width: 100px;
    float: left;
    margin-right: 10px;
    text-align: center
    }
.editCatDelete {
    width: 110px;
    float: left;
    text-align: left
    }
.editCatInput, .editCatInputShort {
    width: 110px;
    border: solid 1px #666
    }
.editCatInputShort {
    width: 30px;
    text-align: center
    }
.editCatHead {
    font-weight: bold;
    padding: 4px 0 8px
    }
.catButtons {
    text-align: center;
    margin: 20px auto 20px
    }
/* ********************* */
/* Edit CSS Panel        */
/* ********************* */
.editCssHead {
    color: #666;
    margin: 5px 0 5px 0;
    padding-bottom: 2px;
    border-bottom: solid 1px #CCC;
    font-weight: bold;
    text-align: left
    }
.editCssContentLeft {
    text-align: left;
    margin: 8px 0 4px;
    float: left;
    width: 125px
    }
.editCssContentMiddle {
    text-align: left;
    margin: 8px 0 4px;
    float: left
    }
.editCssContentRight {
    margin: 8px 0 4px;
    text-align: right;
    float: right
    }
.editCssColorBox {
    width: 25px;
    height: 25px;
    border: solid 1px #999;
    margin-left: 40px;
    margin-bottom: 8px
    }
.editCssContentNoneLink a:link, .editCssContentNoneLink a:visited {
    display: block;
    font-size: 10px;
    margin-top: 3px;
    color: #000;
    text-decoration: none
    }
.editCssContentNoneLink a:hover {
    text-decoration: underline
    }
a.inspir:link, a.inspir:visited {
    text-decoration: underline;
    font-weight: normal
    }
a.inspir:hover {
    text-decoration: none
    }
/* Terms of Service and Privacy Policy */
.tos-container {
    text-align: left
    }
.tos-container p {
    margin: 10px
    }
.tos-container h3 {
    margin: 10px 0 0
    }
.contact-container {
    text-align: left;
    font-size: 15px
    }
.contact-container a:link, .contact-container a:hover {
    font-weight: bold;
    text-decoration: underline;
    color: #666
    }
.contact-container a:hover {
    text-decoration: none
    }
.warnDiv ul, .fullDiv ul, .tos-container ul {
    margin: 8px 15px
    }
.warnDiv ul li, .fullDiv ul li, .tos-container ul li {
    margin-left: 10px;
    padding: 3px
    }
.warnDiv a.faq {
    font-weight: normal
    }
a.top:link, a.top:visited {
    font-size: 11px;
    text-decoration: none;
    color: #000
    }
a.top:hover {
    text-decoration: underline
    }
.shareFB {
    text-align: right;
    margin: 1px 0
    }
.shareFB a:link img, .shareFB a:visited img {
    border: solid 1px #CAD4E7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
    }
.shareFB a:hover img {
    border: solid 1px #9DACCE
    }
.taggerHead {
    color: #666;
    font-family: georgia, "times new roman", times, serif;
    font-size: 26px;
    font-style: italic;
    font-weight: bold;
    text-align: left
    }
.mobile-head {
    display: none
    }
.embedInstruct {
    font: bold 12px/12px "Helvetica Neue", Arial, FreeSans, Helvetica, sans-serif;
    margin-left: 3px;
    text-decoration: none;
    color: #333;
    margin-bottom: 4px
    }
.embedCode {
    width: 160px;
    border: solid 1px #666;
    margin-left: 5px;
    background-color: #DDD
    }
.videoContainer {
    margin-bottom: 30px
    }
.addVideoBox {
    background-color: #EEE;
    border: 1px dotted #333;
    margin-top: 9px;
    padding: 10px 15px;
    text-align: left;
    width: 95%
    }
.addVideoBoxHead {
    font: bold 16px/18px "Helvetica Neue", Arial, FreeSans, Helvetica, sans-serif;
    color: #333;
    margin: 0 0 8px
    }
.addVideoBoxInstruct {
    font: bold 14px/16px "Helvetica Neue", Arial, FreeSans, Helvetica, sans-serif;
    color: #666;
    margin: 0 0 8px
    }
#addVideoInputBox {
    border: 1px solid #333;
    margin-right: 5px;
    padding: 5px;
    width: 300px
    }
#addYouTubeFeedbackDiv {
    font-size: 15px;
    margin-left: 6px;
    color: #008000;
    font-weight: bold
    }
.rankTableHeaderContainer {
    text-align: left;
    background-color: #D0D0D0;
    border: solid 1px #999
    }
.rankCellHeader, .rankCellHeader2, .rankCellHeader3, .rankCellHeader4 {
    width: 70px;
    text-align: center;
    float: left;
    font-weight: bold;
    padding: 5px 10px
    }
.rankCellHeader2 {
    width: 110px
    }
.rankCellHeader3 {
    width: 80px;
    text-align: left
    }
.rankCellHeader4 {
    width: 200px
    }
.rankTableContainer {
    text-align: left
    }
.rankCellWrapper {
    border: solid 1px #999;
    margin-top: -1px
    }
.rankCellCounter {
    width: 70px;
    text-align: center;
    float: left;
    padding: 5px 10px
    }
.rankCellPoints {
    width: 110px;
    text-align: center;
    float: left;
    padding: 5px 10px
    }
.rankCellAvatar {
    width: 80px;
    text-align: left;
    float: left;
    padding: 5px 10px
    }
.rankCellName {
    width: 200px;
    text-align: left;
    float: left;
    padding: 5px 10px
    }
.pageBreak {
    color: #808080;
    background-color: #808080;
    /* width:610px; */
    margin: 0 auto;
    height: 4px
    }
.videoGalleryContainer {
    margin-top: 20px;
    margin-bottom: 17px
    }
.galleryVideoWrapper {
    float: left;
    margin-left: 20px;
    margin-bottom: 30px;
    width: 290px
    }
.galleryVideoContainer {
    width: 280px;
    height: 158px
    }
.galleryVideoContainer a {
    text-decoration: none;
    display: block
    }
.galleryVideoContainer a img {
    border: solid 1px #ccc;
    padding: 1px
    }
.galleryVideoContainer a span.playIcon {
    display: none;
    background: url(images/playIcon.png) center center no-repeat;
    margin: -158px 10px 0 0;
    height: 158px;
    position: relative;
    z-index: 100
    }
.galleryVideoContainer a:hover span.playIcon {
    display: block
    }
.galleryVideoTitle {
    color: #333;
    text-align: left;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 15px
    }
.galleryPostedBy {
    color: #555;
    text-align: left;
    font-size: 13px
    }
#searchThreads {
    display: none
    }
.imageGalleryPreviewContainer {
    margin: 5px auto 21px;
    width: 920px
    }
.imageGalleryPreviewLeft {
    width: 111px;
    height: 111px;
    float: left;
    border-top: 1px solid #17a4cb;
    border-left: 1px solid #17a4cb;
    border-bottom: 1px solid #008db4;
    background: #17a4cb;
    /* Old browsers */
    background: -moz-linear-gradient(top, #17a4cb 0%, #008db4 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #17a4cb), color-stop(100%, #008db4));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #17a4cb 0%, #008db4 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #17a4cb 0%, #008db4 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #17a4cb 0%, #008db4 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #17a4cb 0%, #008db4 100%);
    /* W3C */
    /* IE6-9 */
    }
.imageGalleryPreviewLeft a:link, .imageGalleryPreviewLeft a:visited {
    text-align: left;
    text-indent: -9999px;
    background: url(/62e3be856265d0fcd489-6f9ea1013c52faf376fd6862463958c7.r23.cf1.rackcdn.com/photo_gallery_preview_title.png) 0 0 no-repeat;
    display: block;
    width: 111px;
    height: 111px
    }
.imageGalleryPreviewLeft a:hover {
    background: url(/62e3be856265d0fcd489-6f9ea1013c52faf376fd6862463958c7.r23.cf1.rackcdn.com/photo_gallery_preview_title.png) 0 -111px no-repeat
    }
.imageGalleryPreviewRight {
    border-top: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 0 3px 3px 0;
    width: 800px;
    background-color: #FFF;
    float: left;
    height: 111px
    }
a.galleryPreviewWrapper:link, a.galleryPreviewWrapper:visited {
    width: 90px;
    height: 90px;
    overflow: hidden;
    display: block;
    float: left;
    margin: 10px;
    border: solid 2px #666
    }
a.galleryPreviewWrapper:hover {
    border: solid 2px #009DC8
    }
.softGrayText {
    color: #e3e3e3
    }