﻿/*  CSS FOR PERFUNKT
/************************
        FRAMEWORK
************************/

body
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    margin: 0;
}

img
{
    border: none;
}

em, strong
{
    font-style: normal;
    font-weight: normal;
}

.container
{
    width: 978px;
    padding: 0 10px;
    margin: auto;
    overflow: hidden;
}

#main-container
{
    width: 978px;
    padding: 0 10px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 40px;
}

/* GENERIC */
#main-content, #topic-content
{
    float: left;
}
#main-content.three-columns, #topic-content.three-columns
{
    width: 729px;
}
#main-content.four-columns, #topic-content.four-columns
{
    width: 979px;
}
body.index-page #main-content h2, body.index-page #topic-content h2
{
    /* font-size: 56%; */
    font-size: 70%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px dotted black;
    margin-bottom: 30px;
}
body.index-page #main-content h2 em, body.index-page #topic-content h2 em
{
    font-weight: normal;
}
body.expert-page #main-content h2, body.expert-page #topic-content h2
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -1px;
    margin-bottom: 20px;
}
body.expert-page #main-content h2 span, body.expert-page #topic-content h2 span
{
    font-size: 110%;
}
body.expert-page #main-content h2 a, body.expert-page #topic-content h2 a
{
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: normal;
    color: black;
    margin-left: 7px;
}

body.expert-page #main-content h2 a:hover, body.expert-page #topic-content h2 a:hover
{
	text-decoration: underline;
}

/************************
   FRAMWORK - HEADER
************************/

/* top nav */

#top-nav
{
    width: 978px;
    padding: 0 10px;
    margin: auto;
    overflow: hidden;
    overflow: hidden;
    text-transform: uppercase;
    line-height: 1;
}

/* topic nav */

#topic-nav-button
{
    float: left;
    font-size: 60%;
    color: white;
    background: #252525;
    padding: 9px 26px 9px 30px;
    cursor: pointer;
}
#topic-nav-button span
{
    display: inline-block;
    background: url('/templates/main/images/arrow-red-down.png?1269338878');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
}
#topic-nav-button.active span
{
    display: inline-block;
    background: url('/templates/main/images/arrow-gray-up.png?1269425583');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
}

#topic-nav
{
    background-color: #252525;
    color: #cccccc;
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
 /* margin-top:-2px;*/
}
#topic-nav .wrap
{
    width: 978px;
    margin: auto;
    padding: 20px 0 20px 60px;
    overflow: hidden;
}
#topic-nav ul
{
    float: left;
    margin-right: 50px;
    text-shadow: black 1px 1px 1px;
}
#topic-nav li
{
    font-size: 63%;
    font-weight: bold;
    line-height: 1.8;
}
#topic-nav li a
{
    color: #cccccc;
    text-decoration: none;
}
#topic-nav li a span
{
    font-weight: normal;
    color: #999999;
}
#topic-nav li a:hover
{
    color: #ff5025;
    text-decoration: underline;
}
#topic-nav li a:hover span
{
    color: #ff5025;
}

#topic-nav .expert-section
{
    float: left;
    width: 240px;  
}
#topic-nav .expert-section h5
{
    font-size: 80%;
    font-weight: bold;
    text-shadow: black 1px 1px 1px;
    margin-top: 10px;
    margin-bottom: 6px;
}

#topic-nav .expert-section p
{
    text-shadow: black 1px 1px 1px;
    font-size: 63%;
}

/* top right nav */

#top-right-nav
{
    overflow: hidden;
    float: right;
    padding-top: 10px;
    padding-bottom: 0;
    /*font-size: 56%; */
    font-size: 65%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: bold;
}
#top-right-nav ul
{
    float: left;
}
#top-right-nav ul li
{
    display: inline;
    margin-right: 10px;
}
#top-right-nav ul li a
{
    text-decoration: none;
}
#top-right-nav ul li a:hover
{
    text-decoration: underline;
}
#top-right-nav ul li:after
{
    margin-left: 4px;
    margin-right: -6px;
    content: "│";
    color: #666666;
}
#top-right-nav ul li:last-child:after
{
    margin: 0;
    content: "";
}
#top-right-nav ul li a
{
    color: black;
    line-height:15px;
}
#top-right-nav ul li a:hover
{
	color: black;
	text-decoration:underline;
	
}
#account-nav
{
    margin-right: 40px;
}
#language-nav a
{
    display: inline-block;
    background: url('/templates/main/images/arrow-black-down.png?1269338878');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
}

#language-nav a:hover
{
	text-decoration: underline;
}

/************************
   FRAMWORK - FOOTER
************************/

#postscript-section
{
    clear: both;
    padding-bottom: 30px;
    border-bottom: 1px dotted #959595;
    margin-bottom: 26px;
    overflow: hidden;
    margin-top: 30px;
}
#postscript-main
{
    float: left;
    width: 640px;
    margin-right: 30px;
}
#postscript-main h2
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -1px;
    margin-bottom: 2px;
}
#postscript-main p
{
    font-size: 83%;
    line-height: 1.4;
}
#postscript-main ul.links
{
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 12px;
}
#postscript-main ul.links li
{
    display: inline;
    margin-right: 10px;
}
#postscript-main ul.links li a
{
    text-decoration: none;
}
#postscript-main ul.links li a:hover
{
    text-decoration: underline;
}
#postscript-main ul.links li:after
{
    margin-left: 4px;
    margin-right: -6px;
    content: "│";
    color: #ff5025;
}
#postscript-main ul.links li:last-child:after
{
    margin: 0;
    content: "";
}
#postscript-main ul.links li a
{
    color: #ff5025;
    font-weight: bold;
}
#postscript-main ul.links li a:hover
{
	text-decoration: underline;
}
#postscript-sidebar
{
    float: left;
    width: 300px;
}
#postscript-sidebar h2
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -1px;
}
#postscript-sidebar .content
{
    margin-top: 10px;
    font-size: 63%;
    font-weight: bold;
    color: #777777;
}
#postscript-sidebar .content .social-media
{
    float: left;
    width: 50%;
}
#postscript-sidebar .content .social-media li
{
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
}
#postscript-sidebar .content .social-media li:first-child
{
    margin-top: 0;
}
#postscript-sidebar .content .social-media li img
{
    float: left;
}
#postscript-sidebar .content .social-media li .text
{
    float: left;
    margin-left: 4px;
    margin-top: 6px;
}
#postscript-sidebar .content .products
{
    float: left;
    width: 50%;
    margin-top: 6px;
}
#postscript-sidebar .content .products a
{
    cursor: pointer;
    color: black;
}
#postscript-sidebar .content .products a:hover
{
	text-decoration: underline;
}
#company-information
{
    font-size: 67%;
}

/* COMPANY INFO IN FOOTER */
#company-information ul li
{
    display: inline;
    margin-right: 10px;
}
#company-information ul li a
{
    text-decoration: none;
}
#company-information ul li a:hover
{
    text-decoration: underline;
}
#company-information ul li:after
{
    margin-left: 4px;
    margin-right: -6px;
    content: "│";
    color: #666666;
}
#company-information ul li:last-child:after
{
    margin: 0;
    content: "";
}
#company-information ul li a
{
    color: black;
}
#company-information img
{
    margin-top: 20px;
}

/************************
   FRAMWORK FLOATING NAV
************************/


#floating-nav
{
    position: fixed;
    left: 0;
    top: 314px;
}
#floating-nav li
{
    display: block;
}
#floating-nav li .floating-nav-button, #floating-nav li .floating-nav-button-public-view
{
    cursor: pointer;
    background-color: #252525;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: 1px solid black;
    border-top: 1px solid #464646;
    width: 48px;
    height: 48px;
}
#floating-nav li .floating-nav-button:hover .menu-button-label, #floating-nav li .floating-nav-button-public-view:hover .menu-button-label
{
    display: block;
}
#floating-nav li .floating-nav-button:hover, #floating-nav li .floating-nav-button-public-view:hover, #floating-nav li.open .floating-nav-button, #floating-nav li.open .floating-nav-button-public-view
{
    background-color: #ff5025;
    border-color: #ff5025;
}
#floating-nav li.share .floating-nav-button, #floating-nav li.share .floating-nav-button-public-view
{
    background-image: url("/templates/main/images/menu-button-share.png");
}
#floating-nav li.status .floating-nav-button, #floating-nav li.status .floating-nav-button-public-view
{
    background-image: url("/templates/main/images/menu-button-status.png");
}
#floating-nav li.suggest .floating-nav-button, #floating-nav li.suggest .floating-nav-button-public-view
{
    background-image: url("/templates/main/images/menu-button-suggest.png");
}
#floating-nav.open li .floating-nav-button .menu-button-label, #floating-nav.open li .floating-nav-button-public-view .menu-button-label
{
    display: none;
}
#floating-nav .floating-menu-popup
{
    position: absolute;
    left: 48px;
    top: 0;
    display: none;
}
#floating-nav .floating-menu-popup .popup-controls
{
    z-index: 1;
    position: absolute;
    color: white;
    top: -18px;
    right: -2px;
    overflow: hidden;
}
#floating-nav .floating-menu-popup .popup-controls .help
{
    float: left;
    cursor: pointer;
    font-size: 56%;
    border-right: 1px solid #ffaa88;
    padding-right: 6px;
    margin-right: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#floating-nav .floating-menu-popup .popup-controls .popup-close-button
{
    float: left;
    cursor: pointer;
    font-size: 80%;
    font-weight: bold;
    position: relative;
    top: -4px;
}
#floating-nav li.open .floating-menu-popup
{
    display: block;
}
#floating-nav .menu-button-label
{
    position: absolute;
    left: 48px;
    margin-top: -1px;
    display: none;
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    background: #ff5025;
    color: white;
    line-height: 1.4;
    padding: 6px 0 0 10px;
    width: 100px;
    height: 44px;
}
#floating-nav .menu-button-label .main
{
    margin-bottom: 2px;
}
#floating-nav .menu-button-label .sub
{
    text-transform: lowercase;
    font-weight: normal;
}
#floating-nav .submit-button-wrapper
{
    text-align: center;
}
#floating-nav .submit-button-wrapper .button
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: white;
    display: inline-block;
    font-weight: bold;
    font-size: 63%;
    padding: 9px 20px;
    position: relative;
    line-height: 1.2;
    background-color: #66210f;
    cursor: pointer;
    text-align: center;
    margin-top: 16px;
    font-size: 78%;
}
#floating-nav .submit-button-wrapper .button .label
{
    display: inline-block;
    text-transform: uppercase;
}
#floating-nav .submit-button-wrapper .button .corner
{
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    background-repeat: no-repeat;
}
#floating-nav .submit-button-wrapper .button .corner.top-left
{
    top: 0;
    left: 0;
}
#floating-nav .submit-button-wrapper .button .corner.top-right
{
    top: 0;
    right: 0;
}
#floating-nav .submit-button-wrapper .button .corner.bottom-left
{
    bottom: 0;
    left: 0;
}
#floating-nav .submit-button-wrapper .button .corner.bottom-right
{
    bottom: 0;
    right: 0;
}
#floating-nav .submit-button-wrapper .button .corner.top-left
{
    background-image: url(/templates/main/images/plus-button/orange-top-left.png);
}
#floating-nav .submit-button-wrapper .button .corner.top-right
{
    background-image: url(/templates/main/images/plus-button/orange-top-right.png);
}
#floating-nav .submit-button-wrapper .button .corner.bottom-left
{
    background-image: url(/templates/main/images/plus-button/orange-bottom-left.png);
}
#floating-nav .submit-button-wrapper .button .corner.bottom-right
{
    background-image: url(/templates/main/images/plus-button/orange-bottom-right.png);
}
#floating-nav .floating-menu-popup-content
{
    position: absolute;
    top: -100px;
    border: 13px solid #ff5025;
    border-top-width: 26px;
}
#floating-nav li.suggest .floating-menu-popup-content
{
    top: -80px;
}
#floating-nav .floating-menu-popup-content
{
    position: relative;
}
#floating-nav .floating-menu-popup-content.text
{
    background: white;
    color: black;
    padding: 16px 12px;
    width: 226px;
}
#floating-nav .floating-menu-popup-content.text ol
{
    margin-left: 16px;
}
#floating-nav .floating-menu-popup-content.text ol li
{
    text-indent: -16px;
}
#floating-nav .floating-menu-popup-content.text ol li em
{
    font-weight: bold;
    padding-right: 3px;
}
#floating-nav .floating-menu-popup-content.text p, #floating-nav .floating-menu-popup-content.text li
{
    font-size: 68%;
    line-height: 1.3;
}
#floating-nav .floating-menu-popup-content.text .heading.first
{
    margin-top: 0;
}
#floating-nav .floating-menu-popup-content.text .heading
{
    margin-top: 16px;
    margin-bottom: 4px;
    font-size: 64%;
    font-weight: bold;
    text-transform: uppercase;
}
#floating-nav li.status
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
}
#floating-nav li.status ul.like-stats
{
    margin-top: 20px;
    margin: 20px -8px;
    padding: 0 8px;
    font-size: 70%;
    background: #f88664;
}
#floating-nav li.status ul.like-stats li
{
    border-top: 1px dotted white;
    padding: 8px 0;
    overflow: hidden;
}
#floating-nav li.status ul.like-stats li:first-child
{
    border: none;
}
#floating-nav li.status ul.like-stats li .label, #floating-nav li.status ul.like-stats li .value
{
    float: left;
}
#floating-nav li.status ul.like-stats li .label
{
    width: 200px;
}
#floating-nav li.status ul.like-stats li .value
{
    font-weight: bold;
}
#floating-nav li.status .submissions .heading
{
    font-size: 56%;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #ffccaa;
    padding-bottom: 10px;
}
#floating-nav li.status .submissions li
{
    overflow: hidden;
    border-bottom: 1px dotted #ffaa88;
    padding: 8px 0;
}
#floating-nav li.status .submissions li .topic
{
    font-size: 56%;
}
#floating-nav li.status .submissions li .topic em
{
    text-transform: uppercase;
}
#floating-nav li.status .submissions li .title
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    font-size: 80%;
    margin: 2px 0 6px;
}
#floating-nav li.status .submissions li .likes
{
    font-size: 56%;
    text-transform: uppercase;
    float: left;
    border-right: 1px solid #ffaa88;
    padding-right: 6px;
    margin-right: 6px;
}
#floating-nav li.status .submissions li .date
{
    font-size: 56%;
    float: left;
}
#floating-nav li.status .submissions .nav
{
    position: absolute;
    bottom: 10px;
}
#floating-nav li.status .submissions .nav .prev, #floating-nav li.status .submissions .nav .next
{
    font-size: 63%;
    text-transform: uppercase;
    float: left;
}
#floating-nav li.status .submissions .nav .prev
{
    border-right: 1px solid #ffaa88;
    padding-right: 6px;
    margin-right: 6px;
}
#floating-nav .floating-menu-popup-content.form
{
    background: #ff5025;
    color: white;
    padding: 0 8px;
    width: 234px;
}
#floating-nav .floating-menu-popup-content.form .popup-title
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    font-size: 120%;
    margin-bottom: 10px;
}
#floating-nav .floating-menu-popup-content.form .popup-subtitle
{
    font-size: 74%;
    line-height: 1.5;
    padding-right: 20px;
}
#floating-nav .floating-menu-popup-content.form .popup-subtitle a
{
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}
#floating-nav .floating-menu-popup-content.form .popup-subtitle a:hover
{
    color:#fff;
    font-weight:bold;
    text-decoration:underline;
}
#floating-nav .floating-menu-popup-content.form .preview-label, #floating-nav .floating-menu-popup-content.form label, #floating-nav .floating-menu-popup-content.form .back-link
{
    font-size: 63%;
    text-transform: uppercase;
}
#floating-nav .floating-menu-popup-content.form .preview-label
{
    margin-top: 20px;
    margin-bottom: 5px;
}
#floating-nav .floating-menu-popup-content.form form,
#floating-nav .floating-menu-popup-content.form #share-submission-form,
#floating-nav .floating-menu-popup-content.form #suggest-submission-form
{
    display: block;
    padding-top: 4px;
}
#floating-nav .floating-menu-popup-content.form label
{
    display: block;
    margin-top: 6px;
    margin-bottom: 2px;
}
#floating-nav .floating-menu-popup-content.form .preview
{
    background: white;
    color: black;
    padding: 10px;
    padding-right: 30px;
    height: 154px;
    overflow: hidden;
}
#floating-nav .floating-menu-popup-content.form input
{
    font-size: 100%;
    width: 232px;
}
#floating-nav .floating-menu-popup-content.form textarea
{
    width: 232px;
    height: 80px;
    margin-top: 3px;
}
#floating-nav .floating-menu-popup-content.form .back-link
{
    margin-top: 20px;
    text-align: center;
}
#floating-nav .floating-menu-popup-content.form .back-link a
{
    color: white;
    text-decoration: underline;
}
#floating-nav .floating-menu-popup-content.hidden
{
    display: none;
}
#floating-nav .floating-menu-popup-content.help-screen
{
    display: none;
}
html #floating-nav li.help-enabled .floating-menu-popup-content
{
    display: none;
}
html #floating-nav li.help-enabled .floating-menu-popup-content.help-screen
{
    display: block;
}
#floating-nav li.share .floating-menu-popup-content, #floating-nav li.status .floating-menu-popup-content
{
    height: 340px;
}
#floating-nav li.share .floating-menu-popup-content.text, #floating-nav li.status .floating-menu-popup-content.text
{
    height: 308px;
}
#floating-nav li.suggest .floating-menu-popup-content
{
    height: 276px;
}
#floating-nav li.suggest .floating-menu-popup-content.text
{
    height: 244px;
}

/************************
   FRAMWORK - MASTER HEADER
************************/

#masthead
{
    padding-top: 30px;
    padding-bottom: 25px;
    line-height: 0;
}
#masthead .back-link
{
    float: right;
    display: block;
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right;
}
#masthead .back-link span, #masthead .back-link a
{
    display: block;
    line-height: 1.4;
}
#masthead .back-link a
{
    color: #ff5025;
    text-decoration: none;
}

#masthead .back-link a:hover
{
    text-decoration: underline;
}

/************************
   FRAMWORK - TITLE SECTION
************************/

#title-section
{
    padding-bottom: 20px;
    border-bottom: 2px solid #808285;
    margin-bottom: 20px;
    border-top: 1px dotted #959595;
    overflow: hidden;
}
/* title main */
#title-main
{
    float: left;
    width: 729px;
    margin-right: 10px;
}
#title-main .title-wrap
{
    overflow: hidden;
}
#title-main .title-wrap h1
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -1px;
    font-size: 190%;
    font-weight: normal;
    line-height: 1;
    margin: 18px 0 12px;
    float: left;
}
#title-main .title-wrap .enhancements
{
    float: left;
    display: block;
    margin: 10px 0 0 8px;
    font-size: 56%;
    line-height: 11px;
    margin-top: 24px;
}
#title-main .title-wrap .enhancements span
{
    float: left;
    display: block;
    height: 11px;
    padding-top: 1px;
    padding-bottom: 6px;
}
#title-main .title-wrap .enhancements .number
{
    width: 22px;
    background: url(/templates/main/images/speech-bubble.png) no-repeat;
    color: white;
    height: 11px;
    text-align: center;
}
#title-main .title-wrap .enhancements .text
{
    margin-left: 4px;
}
#title-main p
{
    font: 100%/1.4 Georgia;
    margin-right: 70px;
}

/* title sidebar */
#title-sidebar
{
    float: left;
    border-left: 1px solid #e1e1e1;
    padding-left: 10px;
    margin-top: 25px;
}
#title-sidebar h4
{
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 4px;
}
#title-sidebar ul
{
    font-size: 80%;
    line-height: 1.65;
}
#title-sidebar ul .title
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -1px;
}
#title-sidebar ul em
{
    color: #ff5025;
    font-size: 90%;
}
#title-sidebar ul em .number
{
    font-weight: bold;
}
#title-sidebar ul em .text
{
    text-transform: uppercase;
    font-size: 95%;
}

/************************
        EXPERT PAGE
************************/

/* EXPERT WRAP */
.expert-wrap
{
    position: relative;
}
.expert-wrap img.expert
{
    position: absolute;
    right: -15px;
    bottom: 0px;
    z-index: 10;
}

/* expert description */
#expert-description
{
    border: 5px solid #ff5025;
    padding: 15px 25px;
    margin-bottom: 40px;
}
#expert-description .title-wrap
{
    overflow: hidden;
}
#expert-description h1
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -1px;
    font-weight: normal;
    font-size: 190%;
    float: left;
    margin: 0;
}
#expert-description .techniques
{
    float: left;
    display: block;
    margin: 10px 0 0 8px;
    font-size: 56%;
    line-height: 11px;
}
#expert-description .techniques span
{
    float: left;
    display: block;
    height: 11px;
    padding-top: 1px;
    padding-bottom: 6px;
}
#expert-description .techniques .number
{
    width: 22px;
    background: url(/templates/main/images/speech-bubble.png) no-repeat;
    color: white;
    height: 11px;
    text-align: center;
}
#expert-description .techniques .text
{
    margin-left: 4px;
}
#expert-description .techniques a
{
    color:#FF5025;
    font-style:normal;
    text-decoration:none; 
}
#expert-description .info
{
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0 0 10px 0;
}
#expert-description .info .bio
{
    float: left;
    width: 270px;
    padding: 20px 20px 0 0;
    border-right: 1px solid #cccccc;
}
#expert-description .info .bio p
{
    font-size: 75%;
    line-height: 1.5;
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
}
#expert-description .info .bio .wrap
{
    margin: 20px 0 0 0;
}
#expert-description .info .bio .wrap .button
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: white;
    display: inline-block;
    font-weight: bold;
    font-size: 63%;
    padding: 9px 20px;
    position: relative;
    line-height: 1.2;
    background-color: #252525;
}
#expert-description .info .bio .wrap .button .label
{
    display: inline-block;
    text-transform: uppercase;
}
#expert-description .info .bio .wrap .button .corner
{
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    background-repeat: no-repeat;
}
#expert-description .info .bio .wrap .button .corner.top-left
{
    top: 0;
    left: 0;
}
#expert-description .info .bio .wrap .button .corner.top-right
{
    top: 0;
    right: 0;
}
#expert-description .info .bio .wrap .button .corner.bottom-left
{
    bottom: 0;
    left: 0;
}
#expert-description .info .bio .wrap .button .corner.bottom-right
{
    bottom: 0;
    right: 0;
}
#expert-description .info .bio .wrap .button .corner.top-left
{
    background-image: url(/templates/main/images/plus-button/white-top-left.png);
}
#expert-description .info .bio .wrap .button .corner.top-right
{
    background-image: url(/templates/main/images/plus-button/white-top-right.png);
}
#expert-description .info .bio .wrap .button .corner.bottom-left
{
    background-image: url(/templates/main/images/plus-button/white-bottom-left.png);
}
#expert-description .info .bio .wrap .button .corner.bottom-right
{
    background-image: url(/templates/main/images/plus-button/white-bottom-right.png);
}
#expert-description .info .bio .wrap .button .label
{
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 90%;
}
#expert-description .info .bio .wrap .button .label a
{
    color: #ff5025;
}
#expert-description .info .bio .wrap .button .label a:hover
{
   text-decoration: underline;
}
#expert-description .info .news
{
    float: left;
    width: 275px;
    padding-left: 20px;
}
#expert-description .info .news h3
{
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#expert-description .info .news h3 span
{
    margin-left: 3px;
    font-weight: normal;
    text-transform: lowercase;
}
#expert-description .info .news p
{
    font-size: 75%;
    line-height: 1.2;
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    border-bottom: 1px dotted #cccccc;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
#expert-description .info .news ul
{
    background-image: url(/templates/main/images/twitter-small.png);
    background-repeat: no-repeat;
    background-position: 90% 0;
}
#expert-description .info .news ul li
{
    display: inline;
    margin-right: 10px;
}
#expert-description .info .news ul li a
{
    text-decoration: none;
}
#expert-description .info .news ul li a:hover
{
	text-decoration: underline;
}
#expert-description .info .news ul li:after
{
    margin-left: 4px;
    margin-right: -6px;
    content: "│";
    color: #666666;
}
#expert-description .info .news ul li:last-child:after
{
    margin: 0;
    content: "";
}
#expert-description .info .news ul li
{
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
#expert-description .info .news ul li a
{
    color: black;
}
#expert-description .info .news ul li a:hover
{
    text-decoration: underline;
}


/************************
   FRAMWORK - RESOURCE TITLE SECTION
************************/
#resource-title-section
{
    background: black;
    color: white;
    padding: 12px 0;
}
#resource-title-section .container
{
    width: 978px;
    padding: 0 10px;
    margin: auto;
    overflow: hidden;
}
#resource-title-section .title
{
    float: left;
}
#resource-title-section .title h1
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    margin-bottom: 2px;
}
#resource-title-section .title .author
{
    font-size: 63%;
    font-weight: bold;
    line-height: 1.2;
    color: #999999;
    font-weight: normal;
}
#resource-title-section .title .author a
{
    text-decoration:none;
    color: white;
}
#resource-title-section .sidebar
{
    float: right;
}
#resource-title-section .sidebar .likes-vote
{
    float: left;
    margin-top: 2px;
}
#resource-title-section .sidebar .likes-vote .likes
{
    float: left;
    overflow: hidden;
}
#resource-title-section .sidebar .likes-vote .likes .number
{
    float: left;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 150%;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -1px;
}
#resource-title-section .sidebar .likes-vote .likes .text
{
    float: left;
    font: bold 63% Georgia;
    line-height: 1;
    margin-top: 8px;
    margin-left: 8px;
}
#resource-title-section .sidebar .likes-vote .likes .number
{
    font-size: 180%;
}
#resource-title-section .sidebar .likes-vote .likes .text
{
    margin-top: 12px;
    margin-left: 12px;
}
#resource-title-section .sidebar .likes-vote .vote
{
    float: left;
    margin-top: 5px;
    margin-left: 15px;
}
#resource-title-section .sidebar .comments-share
{
    float: left;
    border-left: 1px solid #5c5c5c;
    margin-left: 20px;
    padding-left: 20px;
    text-transform: uppercase;
}
#resource-title-section .sidebar .comments-share .comments
{
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: normal;
}
#resource-title-section .sidebar .comments-share .comments .number
{
    font-weight: bold;
}
#resource-title-section .sidebar .comments-share .comments a
{
    text-decoration:none;
    color:#ccc;
}
#resource-title-section .sidebar .comments-share .comments a:hover
{
    text-decoration:underline;    
}
#resource-title-section .sidebar .comments-share .share
{
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: normal;
    color: #cccccc;
    display: inline-block;
    background: url('/templates/main/images/arrow-gray-down.png?1269425576');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
    cursor: pointer;
}
#resource-title-section .sidebar .comments-share .share:hover
{
    text-decoration:underline;
}
#resource-title-section .share-menu-container
{
    width: 978px;
    padding: 0 10px;
    margin: auto;
    overflow: hidden;
    overflow: visible;
    position: relative;
    padding: 0 0 0 0;
}
#resource-title-section .share-menu-container .share-menu
{
    background-image: url(/templates/main/images/share-bg.png);
    width: 200px;
    display: none;
    position: relative;
    position: absolute;
    right: -31px;
    top: 12px;
}
#resource-title-section .share-menu-container .share-menu span.close
{
    line-height: 8px;
    color: white;
    position: absolute;
    right: 0;
    cursor: pointer;
    display: inline-block;
    padding: 5px;
}
#resource-title-section .share-menu-container .share-menu ul
{
    list-style: none;
    padding: 0;
}
#resource-title-section .share-menu-container .share-menu ul li
{
    text-indent: -9999px;
    padding: 0;
    margin: 0 0 20px 0;
    display: block;
    color: white;
    text-align: center;
    line-height: 2;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
#resource-title-section .share-menu-container .share-menu ul li.digg
{
    background-image: url(/templates/main/images/digg-button.png);
}
#resource-title-section .share-menu-container .share-menu ul li.twitter
{
    background-image: url(/templates/main/images/twitter-button.png);
}
#resource-title-section .share-menu-container .share-menu ul li.facebook
{
    background-image: url(/templates/main/images/facebook-button.png);
}
#resource-title-section .share-menu-container .share-menu ul
{
    padding: 20px 0;
}
#resource-title-section .share-menu-container .share-menu ul li
{
    margin-bottom: 10px;
}



/************************
        TOPIC PAGE
************************/

#topic-content .sort-nav
{
    padding-bottom: 20px;
    border-bottom: 1px dotted #999999;
    margin-bottom: 30px;
}
#topic-content .sort-nav span.title
{
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 5px;
}
#topic-content .sort-nav span.badge
{
    margin: 0 2px 0 0;
}


/************************
        VIDEO PAGE
************************/

#video-page #video-container
{
    background: #252525;
    text-align: center;
}
#video-page .flag-as-inappropriate-video
{
    color: #bbbbbb;
    font-size: 63%;
    line-height: 1;
    background: url(/Templates/Main/images/inappropriate.png) no-repeat;
    padding-left: 13px;
    display: block;
    float: right;
    margin-top: 6px;
}
#video-page .flag-as-inappropriate-video a
{
    color: #bbbbbb;
    text-decoration: none;
}
#video-page .flag-as-inappropriate-video a:hover
{
    text-decoration: underline;
}
#video-page #main-content
{
    margin-top: 20px;
    line-height: 1.2;
}
#video-page #main-content h2
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -1px;
    font-size: 120%;
    padding-bottom: 16px;
}
#video-page .box-grid.last
{
    margin-bottom: 0;
}
#video-page .see-all-section
{
    clear: both;
    padding: 12px 0 20px;
}
#video-page .see-all-section a
{
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: black;
    text-transform: uppercase;
}
#video-page .see-all-section a:hover
{
    text-decoration: underline;
}
#video-page #postscript-section
{
    border-top: 2px solid #818286;
    padding-top: 20px;
}
#video-page #comments-section
{
    float: left;
    width: 479px;
    margin-top: -1px;
    padding-right: 9px;
    border-right: 1px solid #cccccc;
}
#video-page #comments-section textarea
{
    width: 473px;
    padding: 2px;
    border: 1px inset #aaaaaa;
    margin: 0;
    height: 75px;
}
#video-page #comments-section .comment
{
    padding: 16px 0;
    border-bottom: 1px dotted #8a8a8a;
}
#video-page #comments-section .comment.first
{
    border-top: 1px dotted #8a8a8a;
}
#video-page #comments-section .comment .content
{
    font-size: 80%;
}
#video-page #comments-section .comment .author
{
    font-size: 63%;
    font-weight: bold;
    line-height: 1.2;
    color: #999999;
    margin: 6px 0;
}
#video-page #comments-section .comment .author a
{
    color: black;
}
#video-page #comments-section .comment .author a:hover
{
    text-decoration: underline;
}
#video-page #comments-section .button-section
{
    text-align: center;
    margin: 20px 0;
}
#video-page #comments-section .button-section .button
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: white;
    display: inline-block;
    font-weight: bold;
    font-size: 63%;
    padding: 9px 20px;
    position: relative;
    line-height: 1.2;
    background-color: #252525;
}
#video-page #comments-section .button-section .button .label
{
    display: inline-block;
    text-transform: uppercase;
}
#video-page #comments-section .button-section .button .corner
{
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    background-repeat: no-repeat;
}
#video-page #comments-section .button-section .button .corner.top-left
{
    top: 0;
    left: 0;
}
#video-page #comments-section .button-section .button .corner.top-right
{
    top: 0;
    right: 0;
}
#video-page #comments-section .button-section .button .corner.bottom-left
{
    bottom: 0;
    left: 0;
}
#video-page #comments-section .button-section .button .corner.bottom-right
{
    bottom: 0;
    right: 0;
}
#video-page #comments-section .button-section .button .corner.top-left
{
    background-image: url(/Templates/Main/images/plus-button/white-top-left.png);
}
#video-page #comments-section .button-section .button .corner.top-right
{
    background-image: url(/Templates/Main/images/plus-button/white-top-right.png);
}
#video-page #comments-section .button-section .button .corner.bottom-left
{
    background-image: url(/Templates/Main/images/plus-button/white-bottom-left.png);
}
#video-page #comments-section .button-section .button .corner.bottom-right
{
    background-image: url(/Templates/Main/images/plus-button/white-bottom-right.png);
}
#video-page #comments-section .button-section .button .label
{
    padding: 0 10px;
}
#video-page #more-videos-section
{
    float: left;
    width: 479px;
    padding-left: 10px;
    border-left: 1px solid #cccccc;
    position: relative;
    left: -1px;
}
#video-page #more-videos-section h2
{
    border-bottom: 1px dotted #949494;
    margin-bottom: 30px;
}

/************************
        ACCOUNT PAGE
************************/
#account-page-content
{
    border-top: 1px dotted #aaaaaa;
    padding-top: 20px;
    padding-bottom: 40px;
    border-bottom: 2px solid gray;
}
#account-page-content form
{
    position: relative;
    width: 600px;
    margin-left: 16px;
    margin-top: 16px;
}
#account-page-content h1
{
    font-size: 200%;
    margin-bottom: 24px;
}
#account-page-content h2
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -1px;
    font-weight: normal;
    font-size: 100%;
    margin-bottom: 16px;
}
#account-page-content h2.middle
{
    padding-top: 10px;
    border-top: 1px dotted #aaaaaa;
    margin-top: 16px;
}
#account-page-content label.text
{
    font-size: 63%;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    margin-bottom: 2px;
}
#account-page-content label.checkbox
{
    display: inline;
    margin-left: 4px;
    font-size: 80%;
    margin-top: 20px;
}
#account-page-content .note
{
    display: inline-block;
    font-size: 63%;
    line-height: 1.2;
    width: 230px;
    margin-left: 4px;
    margin-top: -1px;
    vertical-align: middle;
}
#account-page-content input[type=text]
{
    font-size: 80%;
}
#account-page-content input[type=text].postal-code
{
    width: 100px;
}
#account-page-content input[type=text].city
{
    width: 150px;
}
#account-page-content input[type=text], #account-page-content select
{
    margin-bottom: 12px;
    width: 300px;
}
#account-page-content .submit-button
{
    margin-top: 10px;
}
#account-page-content .submit-button .button
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: white;
    display: inline-block;
    font-weight: bold;
    font-size: 63%;
    padding: 9px 20px;
    position: relative;
    line-height: 1.2;
    background-color: #252525;
}
#account-page-content .submit-button .button .label
{
    display: inline-block;
    text-transform: uppercase;
}
#account-page-content .submit-button .button .corner
{
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    background-repeat: no-repeat;
}
#account-page-content .submit-button .button .corner.top-left
{
    top: 0;
    left: 0;
}
#account-page-content .submit-button .button .corner.top-right
{
    top: 0;
    right: 0;
}
#account-page-content .submit-button .button .corner.bottom-left
{
    bottom: 0;
    left: 0;
}
#account-page-content .submit-button .button .corner.bottom-right
{
    bottom: 0;
    right: 0;
}
#account-page-content .submit-button .button .corner.top-left
{
    background-image: url(/Templates/Main/images/plus-button/white-top-left.png);
}
#account-page-content .submit-button .button .corner.top-right
{
    background-image: url(/Templates/Main/images/plus-button/white-top-right.png);
}
#account-page-content .submit-button .button .corner.bottom-left
{
    background-image: url(/Templates/Main/images/plus-button/white-bottom-left.png);
}
#account-page-content .submit-button .button .corner.bottom-right
{
    background-image: url(/Templates/Main/images/plus-button/white-bottom-right.png);
}
#account-page-content .delete-link
{
    position: absolute;
    bottom: 0;
    right: 0;
}
#account-page-content .delete-link a
{
    text-decoration: none;
    font-size: 63%;
}
#account-page-content .delete-link a:hover
{
    text-decoration: underline;
}

/************************
        LINK PAGE
************************/
#link-page #link-container iframe
{
    width: 100%;
    min-height: 400px;
    border-bottom: 2px solid #ff5025;
}
#link-page #link-comment-section
{
    width: 978px;
    padding: 0 10px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 0;
    padding: 20px 0;
    overflow: hidden;
    clear: both;
}
#link-page #link-comment-section #comments-view
{
    overflow: hidden;
    display: none;
}
#link-page #link-comment-section #comments-view .comments-form
{
    width: 45%;
    padding: 0 5% 0 0;
    border-right: 1px solid #cccccc;
    float: left;
}
#link-page #link-comment-section #comments-view .comments-form h2
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -1px;
    float: left;
}
#link-page #link-comment-section #comments-view .comments-form span.comments
{
    float: left;
    display: block;
    margin: 10px 0 0 8px;
    font-size: 56%;
    line-height: 11px;
    float: left;
    margin-top: 0;
}
#link-page #link-comment-section #comments-view .comments-form span.comments span
{
    float: left;
    display: block;
    height: 11px;
    padding-top: 1px;
    padding-bottom: 6px;
}
#link-page #link-comment-section #comments-view .comments-form span.comments .number
{
    width: 22px;
    background: url(/templates/main/images/speech-bubble.png) no-repeat;
    color: white;
    height: 11px;
    text-align: center;
}
#link-page #link-comment-section #comments-view .comments-form span.comments .text
{
    margin-left: 4px;
}
#link-page #link-comment-section #comments-view .comments-form textarea
{
    margin: 20px 0 0 0;
    width: 100%;
    height: 100px;
}
#link-page #link-comment-section #comments-view .comments-list
{
    border-left: 1px solid #cccccc;
    padding-left: 5%;
    margin-left: -1px;
    width: 44%;
    float: left;
    margin-bottom: 20px;
}
#link-page #link-comment-section #comments-view .comments-list .comment
{
    margin-bottom: 20px;
}
#link-page #link-comment-section #comments-view .comments-list .comment.last
{
    margin-bottom: 0;
}
#link-page #link-comment-section #comments-view .comments-list .comment .content
{
    font-size: 80%;
}
#link-page #link-comment-section #comments-view .comments-list .comment .author
{
    font-size: 63%;
    font-weight: bold;
    line-height: 1.2;
    color: #999999;
    margin-top: 5px;
}
#link-page #link-comment-section #comments-view .comments-list .comment .author a
{
    color: black;
}
#link-page #link-comment-section #comments-view .comments-list .comment .author a:hover
{
    text-decoration: underline;
}
#link-page #link-comment-section #comments-view .comments-list .comment .flag-as-inappropriate
{
    margin-left: 10px;
    color: #bbbbbb;
    font-size: 63%;
    line-height: 1;
    background: url(/templates/main/images/inappropriate.png) no-repeat;
    padding-left: 13px;
}
#link-page #link-comment-section #comments-view .comments-list .comment .flag-as-inappropriate a
{
    color: #bbbbbb;
    text-decoration: none;
}
#link-page #link-comment-section #comments-view .comments-list .comment .flag-as-inappropriate a:hover
{
    text-decoration: underline;
}
#link-page #link-comment-section .comments-meta
{
    width: 450px;
    float: left;
}
#link-page #link-comment-section .comments-meta > span
{
    vertical-align: middle;
}
#link-page #link-comment-section .comments-meta .button
{
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: white;
    display: inline-block;
    font-weight: bold;
    font-size: 63%;
    padding: 9px 20px;
    position: relative;
    line-height: 1.2;
    background-color: #252525;
    margin-right: 15px;
}
#link-page #link-comment-section .comments-meta .button .label
{
    display: inline-block;
    text-transform: uppercase;
}
#link-page #link-comment-section .comments-meta .button .corner
{
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    background-repeat: no-repeat;
}
#link-page #link-comment-section .comments-meta .button .corner.top-left
{
    top: 0;
    left: 0;
}
#link-page #link-comment-section .comments-meta .button .corner.top-right
{
    top: 0;
    right: 0;
}
#link-page #link-comment-section .comments-meta .button .corner.bottom-left
{
    bottom: 0;
    left: 0;
}
#link-page #link-comment-section .comments-meta .button .corner.bottom-right
{
    bottom: 0;
    right: 0;
}
#link-page #link-comment-section .comments-meta .button .corner.top-left
{
    background-image: url(/Templates/Main/images/plus-button/white-top-left.png);
}
#link-page #link-comment-section .comments-meta .button .corner.top-right
{
    background-image: url(/Templates/Main/images/plus-button/white-top-right.png);
}
#link-page #link-comment-section .comments-meta .button .corner.bottom-left
{
    background-image: url(/Templates/Main/images/plus-button/white-bottom-left.png);
}
#link-page #link-comment-section .comments-meta .button .corner.bottom-right
{
    background-image: url(/Templates/Main/images/plus-button/white-bottom-right.png);
}
#link-page #link-comment-section .comments-meta .button .label
{
    font-size: 105%;
    padding: 0 8px;
}
#link-page #link-comment-section .comments-meta .comments
{
    display: inline-block;
    color: #bbbbbb;
    font-size: 63%;
    text-transform: uppercase;
    font-weight: normal;
    margin-right: 10px;
}
#link-page #link-comment-section .comments-meta .comments:after
{
    color: #cccccc;
    margin-left: 6px;
    margin-right: -6px;
    content: "│";
}
#link-page #link-comment-section .comments-meta .comments span
{
    font-weight: bold;
    color: black;
}
#link-page #link-comment-section .comments-meta .flag-as-inappropriate
{
    display: inline-block;
    color: #bbbbbb;
    font-size: 63%;
    line-height: 1;
    background: url(/templates/main/images/inappropriate.png) no-repeat;
    padding-left: 13px;
}
#link-page #link-comment-section .comments-meta .flag-as-inappropriate a
{
    color: #bbbbbb;
    text-decoration: none;
}
#link-page #link-comment-section .comments-meta .flag-as-inappropriate a:hover
{
	text-decoration: underline;
}
#link-page #link-comment-section .link-source
{
    font-size: 56%;
    float: right;
    text-align: right;
    width: 450px;
}
#link-page #link-comment-section .link-source > *
{
    vertical-align: middle;
}
#link-page #link-comment-section .link-source em
{
    display: inline-block;
    color: black;
    font-weight: bold;
}
#link-page #link-comment-section .link-source a
{
    display: inline-block;
    color: #bbbbbb;
    text-decoration: none;
}
#link-page #link-comment-section .link-source a:hover
{
    text-decoration: underline;
}
#link-page #link-comment-section .link-source span
{
    display: inline-block;
    line-height: 30px;
    border-left: 1px solid #cccccc;
    margin-left: 15px;
    display: inline-block;
    background: url('/templates/main/images/arrow-red-up-big.png?1269452705');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
    padding-left: 13px;
}
#link-page #link-comment-section .close-comments
{
    display: none;
    float: right;
    line-height: 30px;
    margin-left: 30px;
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
#link-page #link-comment-section .close-comments span
{
    cursor: pointer;
}


/************************
TEXT PAGE / STANDARD PAGE
************************/

.text-page #text-page-content
{
    overflow: hidden;
    border-top: 1px dotted #aaaaaa;
    padding-top: 20px;
    padding-bottom: 40px;
    border-bottom: 2px solid gray;
}
.text-page #text-page-content h1
{
    font-size: 200%;
    margin-bottom: 20px;
}
.text-page #text-page-content #text-page-body
{
    float: left;
    width: 730px;
}
.text-page #text-page-content #text-page-body p
{
    font-size: 80%;
    line-height: 1.4;
    margin-top: 20px;
}
.text-page #text-page-content #text-page-body p:first-child
{
    margin-top: 0;
}
.text-page #text-page-content #text-page-sidebar
{
    float: right;
    width: 230px;
}
.text-page #text-page-content #text-page-sidebar h2
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -1px;
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 1px dotted #aaaaaa;
}
.text-page #text-page-content #text-page-sidebar li a
{
    display: block;
    text-transform: uppercase;
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: bold;
    color: #ff5025;
    margin-top: 12px;
    text-decoration:none;
}
.text-page #text-page-content #text-page-sidebar li a:hover
{
    text-decoration:underline;
}

/************************
      VIDEO ITEM
************************/

.box-grid
{
    float: left;
    border-bottom: 2px solid #808285;
    margin-bottom: 40px;
    width: 100%;
}
.box
{
    float: left;
    width: 229px;
    padding: 0 10px 0 10px;
    margin-bottom: 5px;
    border-right: 1px solid #cccccc;
    position: relative;
}
.box.first
{
    padding-left: 0;
}
.box.last
{
    padding-right: 0;
    border-right: none;
}
.box .main
{
    height: 256px;
    border-bottom: 1px dotted #959595;
}
.box .main h3
{
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 3px;
}
.box .main h3 em, .box .main h3 a
{
    color: #ff5025;
    font-style: normal;
    text-decoration: none;
}
.box .main h3 a:hover
{
    text-decoration: underline;
}
.box .like-share
{
    padding: 6px 4px;
    border-bottom: 1px solid #959595;
    overflow: hidden;
}
.box .like-share .likes
{
    overflow: hidden;
    float: left;
    width: 95px;
}
.box .like-share .likes .number
{
    float: left;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 150%;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -1px;
}
.box .like-share .likes .text
{
    float: left;
    font: bold 63% Georgia;
    line-height: 1;
    margin-top: 8px;
    margin-left: 8px;
}
.box .like-share .likes .number
{
    font-size: 150%;
}
.box .like-share .likes .text
{
    margin-top: 8px;
    margin-left: 8px;
}
.box .like-share .vote
{
    float: left;
    margin-top: 2px;
}
.box .like-share .vote span.like,.box .like-share .vote span.dislike 
{
	cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-decoration: none;
}
.box .like-share .vote span.like
{
    background: url(/Templates/Main/images/like.png) no-repeat;
    margin:0 2px 0 0;
}
.box .like-share .vote span.like:hover
{
    background: url(/Templates/Main/images/like-orange.png) no-repeat;
}
.box .like-share .vote span.dislike
{
    background: url(/Templates/Main/images/dislike.png) no-repeat;
    margin:0 0 0 2px;
}
.box .like-share .vote span.dislike:hover
{
    background: url(/Templates/Main/images/dislike-orange.png) no-repeat;
}
.box .like-share .share
{
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block;
    background: url('/templates/main/images/arrow-gray-down.png?1269425576');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
    float: right;
    color: #acacac;
    margin-top: 5px;
    cursor: pointer;
}
.box .like-share .share:hover
{
    text-decoration:underline;
}
.box .comments-inappropriate
{
    overflow: hidden;
    padding: 6px 0 6px 6px;
}
.box .comments-inappropriate .comments
{
    float: left; 
}
.box .comments-inappropriate .comments a
{   
    color: #999999;
    font-size: 63%;
    line-height: 1.6;
    text-transform: uppercase;
    text-decoration:none;
    cursor: pointer;
}
.box .comments-inappropriate .comments a:hover
{   
	text-decoration: underline;
}
.box .comments-inappropriate .comments .number
{
    color: black;
    font-weight: bold;
}
.box .comments-inappropriate .flag-as-inappropriate
{
    color: #bbbbbb;
    font-size: 63%;
    line-height: 1;
    background: url(/templates/main/images/inappropriate.png) no-repeat;
    padding-left: 13px;
    display: block;
    float: right;
    margin-top: 2px;
    cursor: pointer;
}
.box .comments-inappropriate .flag-as-inappropriate a
{
    color: #bbbbbb;
    text-decoration: none;
}
.box .comments-inappropriate .flag-as-inappropriate a:hover
{
    text-decoration: underline;
}
.box .your-technique, .box .your-technique-public
{
    text-align: center;
    padding: 7px 0 5px 0;
}
.box .your-technique .button, .box .your-technique-public .button
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: white;
    display: inline-block;
    font-weight: bold;
    font-size: 63%;
    padding: 9px 20px;
    position: relative;
    line-height: 1.2;
    background-color: #252525;
    cursor:pointer;
}
.box .your-technique .button .label, .box .your-technique-public .button .label
{
    display: inline-block;
    text-transform: uppercase;
}
.box .your-technique .button .corner, .box .your-technique-public .button .corner 
{
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    background-repeat: no-repeat;
}
.box .your-technique .button .corner.top-left, .box .your-technique-public .button .corner.top-left
{
    top: 0;
    left: 0;
}
.box .your-technique .button .corner.top-right, .box .your-technique-public .button .corner.top-right
{
    top: 0;
    right: 0;
}
.box .your-technique .button .corner.bottom-left, .box .your-technique-public .button .corner.bottom-left
{
    bottom: 0;
    left: 0;
}
.box .your-technique .button .corner.bottom-right, .box .your-technique-public .button .corner.bottom-right
{
    bottom: 0;
    right: 0;
}
.box .your-technique .button .corner.top-left, .box .your-technique-public .button .corner.top-left
{
    background-image: url(/templates/main/images/plus-button/white-top-left.png);
}
.box .your-technique .button .corner.top-right, .box .your-technique-public .button .corner.top-right
{
    background-image: url(/templates/main/images/plus-button/white-top-right.png);
}
.box .your-technique .button .corner.bottom-left, .box .your-technique-public .button .corner.bottom-left
{
    background-image: url(/templates/main/images/plus-button/white-bottom-left.png);
}
.box .your-technique .button .corner.bottom-right, .box .your-technique-public .button .corner.bottom-right
{
    background-image: url(/templates/main/images/plus-button/white-bottom-right.png);
}
.box .your-technique .button .label, .box .your-technique-public .button .label
{
    padding-left: 25px;
    background: url(/templates/main/images/plus-button/plus.png) left no-repeat;
}
.box .share-menu
{
    background-image: url(/templates/main/images/share-bg.png);
    width: 229px;
    display: none;
    position: relative;
    height: 100%;
    position: absolute;
    top: -3px;
    left: 10px;
}
.box .share-menu span.close
{
    line-height: 8px;
    color: white;
    position: absolute;
    right: 0;
    cursor: pointer;
    display: inline-block;
    padding: 5px;
}
.box .share-menu ul
{
    list-style: none;
    padding: 0;
}
.box .share-menu ul li
{
    text-indent: -9999px;
    padding: 0;
    margin: 0 0 20px 0;
    display: block;
    color: white;
    text-align: center;
    line-height: 2;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
.box .share-menu ul li.digg
{
    background-image: url(/templates/main/images/digg-button.png);
}
.box .share-menu ul li.twitter
{
    background-image: url(/templates/main/images/twitter-button.png);
}
.box .share-menu ul li.facebook
{
    background-image: url(/templates/main/images/facebook-button.png);
}
.box .share-menu ul
{
    margin: 40% 0 0 0;
}
.box.first .share-menu
{
    left: 0px;
}

.wide-box
{
    float: left;
    padding: 0 10px;
    padding-left: 0;
    border-right: 1px solid #cccccc;
    width: 478px;
    height: 322px;
    overflow: hidden;
}
.wide-box .outline
{
    border: 5px solid #ff5025;
    padding: 15px 10px 10px 15px;
    overflow: hidden;
    height: 248px;
    position: relative;
}
.wide-box .outline .main
{
    float: left;
    width: 296px;
    margin-right: 10px;
}
.wide-box .outline .main img
{
    margin-bottom: 15px;
    cursor: pointer;
}
.wide-box .outline .main h3
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -1px;
    position: relative;
    top: -4px;
}
.wide-box .outline .main h3 a
{
	color: #000;
	text-decoration: none;
}
.wide-box .outline .main h3 a:hover
{
	text-decoration: underline;
}

.wide-box .outline .main .author
{
    font-size: 63%;
    font-weight: bold;
    line-height: 1.2;
    color: #999999;
    margin-top: 2px;
    margin-bottom: 4px;   
}
.wide-box .outline .main .author strong
{
    color: black;
    font-weight:bold;
}
.wide-box .outline .main .author img
{
    margin-bottom: 0;
}
.wide-box .outline .sidebar
{
    float: left;
    width: 135px;
}
.wide-box .outline .sidebar h4
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 73%;
    margin: -3px 0 5px 0;
}
.wide-box .outline .sidebar p
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 67%;
    line-height: 1.4;
}
.wide-box .outline .sidebar .likes-section, .wide-box .outline .sidebar .vote-section, .wide-box .outline .sidebar .comments-section, .wide-box .outline .sidebar .share-section
{
    border-top: 1px dotted #cccccc;
    padding: 10px 0;
}
.wide-box .outline .sidebar .likes-section
{
    overflow: hidden;
    padding: 8px 0 12px 0;
    margin-top: 10px;
}
.wide-box .outline .sidebar .likes-section .number
{
    float: left;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 150%;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -1px;
}
.wide-box .outline .sidebar .likes-section .text
{
    float: left;
    font: bold 63% Georgia;
    line-height: 1;
    margin-top: 8px;
    margin-left: 8px;
}
.wide-box .outline .sidebar .vote-section span.like, .wide-box .outline .sidebar .vote-section span.dislike
{
	cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-decoration: none;
}
.wide-box .outline .sidebar .vote-section span.like
{
    background: url(/Templates/Main/images/like.png) no-repeat;
}
.wide-box .outline .sidebar .vote-section span.like:hover
{
    background: url(/Templates/Main/images/like-orange.png) no-repeat;
}
.wide-box .outline .sidebar .vote-section span.dislike
{
    background: url(/Templates/Main/images/dislike.png) no-repeat;
}
.wide-box .outline .sidebar .vote-section span.dislike:hover
{
    background: url(/Templates/Main/images/dislike-orange.png) no-repeat;
}
.wide-box .outline .sidebar .vote-section span.label
{
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    top: -5px;
    margin-left: 5px;
}
.wide-box .outline .sidebar .comments-section
{
    padding: 16px 0;           
    cursor: pointer;
}
.wide-box .outline .sidebar .comments-section a
{   
    color: #999999;
    font-size: 63%;
    text-transform: uppercase;  
    text-decoration:none;
}
.wide-box .outline .sidebar .comments-section a:hover
{   
    text-decoration:underline;
}
.wide-box .outline .sidebar .comments-section .number
{
    color: black;
    font-weight: bold;
}
.wide-box .outline .sidebar .share-section
{
    padding-top: 6px;
}
.wide-box .outline .sidebar .share-section .share
{
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block;
    background: url('/templates/main/images/arrow-gray-down.png?1269425576');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
    color: #acacac;
    cursor: pointer;
}
.wide-box .outline .sidebar .share-section .share:hover
{
    text-decoration:underline;
}
.wide-box .outline .share-menu
{
    background-image: url(/templates/main/images/share-bg.png);
    width: 478px;
    display: none;
    position: relative;
    height: 322px;
    position: absolute;
    top: 0;
    left: 0;
}
.wide-box .outline .share-menu span.close
{
    line-height: 8px;
    color: white;
    position: absolute;
    right: 0;
    cursor: pointer;
    display: inline-block;
    padding: 5px;
}
.wide-box .outline .share-menu ul
{
    list-style: none;
    padding: 0;
}
.wide-box .outline .share-menu ul li
{
    text-indent: -9999px;
    padding: 0;
    margin: 0 0 20px 0;
    display: block;
    color: white;
    text-align: center;
    line-height: 2;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
.wide-box .outline .share-menu ul li.digg
{
    background-image: url(/templates/main/images/digg-button.png);
}
.wide-box .outline .share-menu ul li.twitter
{
    background-image: url(/templates/main/images/twitter-button.png);
}
.wide-box .outline .share-menu ul li.facebook
{
    background-image: url(/templates/main/images/facebook-button.png);
}
.wide-box .outline .share-menu span.close
{
    right: 10px;
}
.wide-box .outline .share-menu ul
{
    margin: 15% 0 0 0;
}
.wide-box .flag-as-inappropriate
{
    color: #bbbbbb;
    font-size: 63%;
    line-height: 1;
    cursor: pointer;
    background: url(/templates/main/images/inappropriate.png) no-repeat;
    padding-left: 13px;
    float: right;
    margin: 10px 2px 0 0;
}
.wide-box .flag-as-inappropriate a
{
    color: #bbbbbb;
    text-decoration: none;
}
.wide-box .flag-as-inappropriate a:hover
{
    text-decoration: underline;
}

/* BADGES */

.badge
{
    font-size: 58%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-weight: bold;
    padding: 3px 14px;
    color: white;
    display: inline-block;
    line-height: 1;
}
.expert-badge
{
    background: #a7c447;
}
.meister-badge
{
    background: #02a7d5;
}
.black
{
    background: black;
}
.orange
{
    background: #ff5025;
}

/************************
   VIDE ITEM - Video submission
************************/
.video-submission h4
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -1px;
}
.video-submission .with-h3 h4
{
    margin-top: -4px;
}
.video-submission img
{
    margin-bottom: 8px;
    cursor: pointer;
}
.video-submission .author
{
    font-size: 63%;
    font-weight: bold;
    line-height: 1.2;
    color: #999999;
    margin-top: 2px;
    margin-bottom: 4px;
}
.video-submission .author strong
{
    color: black;
    font-weight:bold;
}
.video-submission .author img
{
    margin-bottom: 0;
}
.video-submission .attachment
{
    font-size: 63%;
    font-weight: bold;
    line-height: 1.2;
    color: #999999;
    margin-top: 16px;
}
.video-submission .attachment a
{
    color: black;
}
.video-submission .attachment a:hover
{
	text-decoration: underline;
}
.video-submission .attachment img
{
    float: left;
    margin-right: 8px;
}
.video-submission .attachment a
{
    text-decoration: underline;
    display: block;
    cursor: pointer;
}

/************************
        START PAGE
************************/

#main-sidebar
{
    float: left;
    width: 219px;
    min-height: 838px;
    margin-left: 10px;
    padding: 10px;
    padding-bottom: 0;
    background-color: #eceae2;
}
#main-sidebar-content
{
    padding: 2px 6px;
    color: #333333;
}
#main-sidebar-content h2
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -1px;
}
#most-active-topics
{
    overflow: hidden;
}
#most-active-topics .column
{
    float: left;
    margin-top: 20px;
    width: 49%;
}
#most-active-topics .column.first
{
    border-right: 1px dotted #92918d;
}
#most-active-topics .column .category
{
    margin-bottom: 15px;
    text-align: center;
    cursor: pointer;
    padding-top: 12px;
}
#most-active-topics .column .category.first
{
    margin-top: -10px;
}
#most-active-topics .column .category.last
{
    margin-bottom: 10px;
}
#most-active-topics .column .category .number
{
    font-size: 350%;
    line-height: 1;
    margin-bottom:10px;
}
#most-active-topics .column .category .title
{
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #ff5025;
    margin-top: 4px;
}
#best-expert-enhancements
{
    border-top: 2px solid white;
    margin-top: 25px;
    padding-top: 15px;
}
#best-expert-enhancements h2
{
    margin-bottom: 15px;
}
#best-expert-enhancements .item
{
    padding-bottom: 15px;
    border-bottom: 1px dotted #777673;
    margin-bottom: 15px;
}
#best-expert-enhancements .item.last
{
    border-bottom: none;
    padding-bottom: 0;
}
#best-expert-enhancements .item h2
{
    margin-bottom: 20px;
}
#best-expert-enhancements .item h3
{
    font-size: 56%;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 2px;
}
#best-expert-enhancements .item h3 em
{
    color: #ff5025;
}
#best-expert-enhancements .item .author
{
    font-size: 63%;
    font-weight: bold;
    line-height: 1.2;
    color: #999999;
    cursor: pointer;
}
#best-expert-enhancements .item .author a
{
    color: black;
}
#best-expert-enhancements .item .author a:hover
{
    text-decoration: underline;
}
#best-expert-enhancements .item h4
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -1px;
    cursor: pointer;
    font-size: 90%;
    line-height: 1.2;
    margin-top: 3px;
}
#best-expert-enhancements .item .likes
{
    overflow: hidden;
    margin-top: 7px;
    color: #444444;
}
#best-expert-enhancements .item .likes .number
{
    float: left;
  
    font-size: 150%;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -1px;
}
#best-expert-enhancements .item .likes .text
{
    float: left;
    font: bold 63% Georgia;
    line-height: 1;
    margin-top: 8px;
    margin-left: 8px;
}
#best-expert-enhancements .item .likes .number
{
    font-size: 150%;
}
#best-expert-enhancements .item .likes .text
{
    margin-top: 6px;
    margin-left: 6px;
}





/************************
     POPUP DIALOGS
************************/

ul#dialogs.open
{
    z-index: 100;
    background-image: url('/templates/main/images/dialog-bg.png?1271241836');
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.dialog
{
    display: none;
    background-color: white;
    border: 6px solid red;
    padding: 20px;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    line-height: 1.2;
    position: relative;
    cursor: auto;
    margin: 5% auto;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.dialog.open
{
    display: block;
}
.dialog a
{
    color: black;
}
.dialog a:hover
{
    text-decoration: underline;
}
.dialog .dialog-close-button
{
    text-indent: -9999em;
    overflow: hidden;
    text-align: left;
    background-image: url('/templates/main/images/close-dialog.png?1271750333');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 35px;
    height: 35px;
    position: absolute;
    top: -20.5px;
    right: -20.5px;
    cursor: pointer;
}
.dialog .dialog-header
{
    border-bottom: 2px solid gray;
    padding-bottom: 6px;
    margin-bottom: 20px;
    position: relative;
}
.dialog .dialog-header .dialog-title
{
    font-family: "Lucida Grande" , Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -1px;
    font-size: 120%;
}
.dialog .dialog-header .dialog-subtitle
{
    position: absolute;
    bottom: 8px;
    right: 0;
    font-weight: bold;
    font-size: 80%;
}
.dialog .dialog-header .dialog-subtitle a
{
    color: black;
}
.dialog .dialog-header .dialog-subtitle a:hover
{
	text-decoration: underline;
}
.dialog .dialog-row
{
    overflow: hidden;
}
.dialog .dialog-column
{
    float: left;
    width: 250px;
    margin-right: -2px;
    border-right: 2px solid #e8e8e8;
    border-left: 2px solid #e8e8e8;
    padding-left: 20px;
    padding-right: 20px;
}
.dialog .dialog-column.first
{
    border-left: none;
    padding-left: 0;
}
#sign-in-or-up-dialog .dialog-column.first
{
    width:365px;
}

.dialog .dialog-column.last
{
    border-right: none;
    padding-right: 0;
}
.dialog .dialog-column.wide
{
    width: auto;
}
.dialog .dialog-column.facebook
{
    width: 210px;
}
.dialog .dialog-column.hidden
{
    display: none;
}
.dialog p
{
    font-size: 80%;
}
.dialog p.not-first
{
    margin-top: 16px;
}
.dialog .connect-with-facebook
{
    display: block;
    text-indent: -9999em;
    overflow: hidden;
    text-align: left;
    background-image: url('/templates/main/images/connect-with-facebook.png?1271229050');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 22px;
    background-position: left;
    margin-top: 50px;
    margin-bottom: 20px;
}
.dialog label
{
    font-size: 63%;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    margin-top: 16px;
    margin-bottom: 2px;
}
.dialog input.text
{
    width: 90%;
    font-size: 100%;
}
.dialog .form-row
{
    overflow: hidden;
}
.dialog .form-row .form-cell
{
    float: left;
    width: 250px;
}
.dialog .form-row .form-cell.double
{
    width: 500px;
}
.dialog .form-row .form-cell.bottom-space
{
    margin-bottom: 40px;
}
.dialog ul.checkboxes
{
    font-size: 80%;
    margin-top: 16px;
}
.dialog ul.checkboxes li
{
    margin: 4px 0;
}
.dialog ul.text
{
    list-style-type: disc;
    font-size: 80%;
    margin-left: 20px;
    margin-top: 10px;
}
.dialog ul.text li
{
    margin: 6px 0;
}
.dialog .forgot-your-password
{
    margin-top: 4px;
}
.dialog .forgot-your-password a
{
    color: black;
    font-weight: bold;
    font-size: 80%;
    text-decoration: none;
    border-bottom: 1px solid #cccccc;
}
.dialog .forgot-your-password a:hover
{
    text-decoration: underline;
}
.dialog .keep-me-signed-in
{
    margin-top: 16px;
    overflow: hidden;
}
.dialog .keep-me-signed-in input
{
    float: left;
    width: auto;
}
.dialog .keep-me-signed-in p
{
    float: left;
    margin-left: 10px;
    width: 200px;
}
.dialog .submit-section
{
    border-top: 2px solid #cccccc;
    margin-top: 20px;
    padding-top: 20px;
    text-align: center;
}
.dialog .submit-section .submit-button
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: white;
    display: inline-block;
    font-weight: bold;
    font-size: 63%;
    padding: 9px 20px;
    position: relative;
    line-height: 1.2;
    background-color: #252525;
}
.dialog .submit-section .submit-button .label
{
    display: inline-block;
    text-transform: uppercase;
}
.dialog .submit-section .submit-button .corner
{
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    background-repeat: no-repeat;
}
.dialog .submit-section .submit-button .corner.top-left
{
    top: 0;
    left: 0;
}
.dialog .submit-section .submit-button .corner.top-right
{
    top: 0;
    right: 0;
}
.dialog .submit-section .submit-button .corner.bottom-left
{
    bottom: 0;
    left: 0;
}
.dialog .submit-section .submit-button .corner.bottom-right
{
    bottom: 0;
    right: 0;
}
.dialog .submit-section .submit-button .corner.top-left
{
    background-image: url(/templates/main/images/plus-button/white-top-left.png);
}
.dialog .submit-section .submit-button .corner.top-right
{
    background-image: url(/templates/main/images/plus-button/white-top-right.png);
}
.dialog .submit-section .submit-button .corner.bottom-left
{
    background-image: url(/templates/main/images/plus-button/white-bottom-left.png);
}
.dialog .submit-section .submit-button .corner.bottom-right
{
    background-image: url(/templates/main/images/plus-button/white-bottom-right.png);
}
.dialog .submit-section .submit-button .label
{
    padding: 0 10px;
}
.dialog .submit-section p
{
    font-size: 80%;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
}
#sign-in-dialog
{
    width: 500px;
}
#sign-in-or-up-dialog
{
    width: 660px;
}
#sign-up-dialog
{
    width: 500px;
}
#account-created-topics-dialog
{
    width: 500px;
}
#account-created-dialog
{
    width: 500px;
}

