body {
    margin: 0;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    background-color: #E6E6E6;
}

html, body, form, fieldset { 
    margin: 0; 
    padding: 0; 
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { 
    margin: 1em 0; 
    padding: 0; 

}
li, dd, blockquote { 
    margin-left: 1em; 

}
form label { 
    cursor: pointer; 
}

fieldset { 
    border: none; 
}

input, select, textarea { 
    font-size: 100%; 
}

p {
    padding: 0;
    margin: 0;
}

a:link    { color: #FFF; text-decoration: none }
a:active  { color: #FFF; text-decoration: none }
a:visited { color: #FFF; text-decoration: none }
a:hover   { color: #FFF; text-decoration: underline }

form {
    border: 0;
    padding: 0;
    margin: 0;
}

input {
    font-family: Verdana, sans-serif;
    font-size: 13px;
}

textarea {
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

img {
    border: 0;
}

.topLine {
    background-color: #5ABCF0;
    width: 100%;
    /*height: 6px;*/
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 7px 0;    
}

.headerContainer {
    background-color: #282828;
    /*height: 100px;*/
    padding-bottom: 20px; 
    z-index: 2;
}

.headerContent {
    position: relative;
    margin: 0 auto;
    width: 950px;
}

.logo {
    height: 65px;
    width: 321px;
/*    background-image: url(/images/logo.gif);*/ 
    margin-top: 12px;
}

.menu {
    position: absolute;
    top: 25px;
    right: 0px;
    text-align: center;
    line-height: 30px;
}

.menu a {
    font-size: 15px;
    color: #FFF;
}

.menu a:link    { text-decoration: none }
.menu a:active  { text-decoration: none }
.menu a:visited { text-decoration: none }
.menu a:hover   { text-decoration: underline }

.menu .item {
    float: left;
    width: 75px;
    height: 40px;
}

.menu .selected {
    background-image: url(/images/menu_selected_bg.gif);
    
}

.menu .loginSelected {
    background-image: url(/images/menu_login_selected_bg.gif);
    background-repeat: no-repeat;
    z-index: 3;
}

.loginOverlay {
    position: absolute;
    top: 25px;
    right: 78px;
    width: 264px;
    height: 0;
    background-image: url(/images/login_overlay_bg.png);
    overflow: hidden;
    display: none;
}

.headerOverlay .content {
    color: #FFF;
    padding: 50px 15px 0;
}

.headerOverlay .content .header {
    font-size: 18px;
}

.headerOverlay .content .forgotLogin {
    font-size: 10px;
    text-align: center;
}

.headerOverlay .content form {
}


.headerOverlay .content label {
    float: left;
}

.headerOverlay .content .termsLabel {
    width: 220px;
}

.headerOverlay .content .termsLabel a {
    color: #FFF;
}

.headerOverlay .content input {
    float: left;

}

.headerOverlay .content .forgotLogin a {
    color: #FFF;
}

.registerOverlay {
    position: absolute;
    top: 25px;
    right: 0px;
    width: 506px;
    background-image: url(/images/register_overlay_bg.png);
    height: 0;
    overflow: hidden;
    display: none;

}

.registerOverlay .content {
    
}





.footer {
    text-align: center;
    margin: 0 auto;
    width: 950px;
    padding: 20px;
}

.tagCloudContainer {
    height: 130px;
    background-color: #363636;    
}

.tagCloudContent {
    text-align: center;
    margin: 0 auto;
    padding: 5px 0 5px;
    width: 950px;
    height: 115px;
    line-height: 25px;
    overflow: hidden;
}

.tagCloudContent a {
    font-size: 12px;
    color: #FFF;
    padding: 0 2px;
}

.tagCloudContent a:hover {
    color: #EF6324;
}


.homepageAreaContainer {
    background-color: #282828;
    padding: 5px 0 10px 0;
}



.homepageAreaContent {
    margin: 0 auto;
    width: 950px;
    overflow: auto;
}

.homepageAreaContainer .questionContainer {
    float: left;
    overflow: hidden;
}

.homepageAreaContainer .questionContainer .header {
    color: #2181B0;
    font-size: 18px;
    padding: 10px 10px 0px;
}   

.homepageAreaContainer a {
    text-decoration: none;
}   

.homepageAreaContainer .questionContainer .content {
    background-image: url(/images/homepage_question_bg.gif);
    background-repeat: repeat-x; 
    height: 213px;
    width: 354px;
}

.homepageAreaContainer .questionContainer .content p {
    font-size: 18px;
    color: #003b58;
    padding: 3px 10px 5px;
    height: 125px;
    line-height: 118%;
    overflow: hidden;
}  

.homepageAreaContainer .questionContainer .details {
    font-size: 11px;
    color: #FFF;
    padding: 5px 10px 5px;
    font-weight: bold;
    line-height: 150%;
}

.homepageAreaContainer .questionContainer .thingy {
    background-image: url(/images/homepage_question_thingy.gif);
    height: 31px;
    width: 46px;
    float: left;
    margin: 0 0 0 30px;
}

.homepageAreaContainer .questionContainer .avatar {
    background-image: url(/images/homepage_question_avatar.gif);
    height: 57px;
    width: 74px;
    float: left;
    margin: 5px 0 0 5px;
}

.homepageAreaContainer .answerContainer {
    margin-left: 23px;
    overflow: hidden;
    float: left;
}

.homepageAreaContainer .answerContainer .header {
    color: #299F04;
    font-size: 18px;
    padding: 10px 10px 0px;
}   

.homepageAreaContainer .answerContainer .content {
    background-image: url(/images/homepage_answer_bg.gif);
    background-repeat: repeat-x; 
    height: 213px;
    width: 354px;
}

.homepageAreaContainer .answerContainer .content p {
    font-size: 18px;
    color: #1a6c01;
    padding: 3px 10px 5px;
    height: 125px;
    overflow: hidden;
    line-height: 120%;
}  

.homepageAreaContainer .answerContainer .details {
    font-size: 11px;
    color: #FFF;
    padding: 5px 10px 5px;
    font-weight: bold;
    line-height: 150%;
}

.homepageAreaContainer .addContainer {
    margin-left: 23px;
    float: left;
    background-image: url(/images/homepage_add_bg.gif);
    height: 213px;
    width: 142px;
}

.homepageAreaContainer .addContainer .content {
    font-size: 13px;
    color: #A9A9A9;
    padding: 0 15px;
    height: 105px;
    cursor: pointer;
}

.homepageAreaContainer .addContainer .answer .content:hover {
    color: #1A6C01;
}

.homepageAreaContainer .addContainer .question .content:hover {
    color: #003B58;
}

.homepageAreaContainer .addContainer .header {
    font-size: 15px;
    color: #FFF;
    text-align: center;
    padding: 10px 0;
    margin: 0 -10px;
}

.homepageAreaContainer .addContainer .answer {
    height: 105px;
    width: 142px;
}

.homepageAreaContainer .addContainer .answer:hover {
    background-image: url(/images/homepage_add_answer_bg.gif);
}

.homepageAreaContainer .addContainer .question {
    margin-top: 2px;
    height: 106px;
    width: 142px;
}

.homepageAreaContainer .addContainer .question:hover {
    background-image: url(/images/homepage_add_question_bg.gif);

}

.homepageAreaContainer .addContainer a {
    outline: none;
}

.homepageAreaContainer .addContainer a:hover {
    text-decoration: none;
}    
.homepageAreaContainer .overlayContainer {
    position: relative;
}

.homepageAreaContainer .addQuestionOverlay {
    position: absolute;
    left: 896px;
    top: 0px;
    background-image: url(/images/homepage_add_question_overlay_bg.png);
    color: white;
    display: none;
    overflow: hidden;
    height: 213px;
    width: 0;
}

.homepageAreaContainer .addQuestionOverlay .content {
    padding: 15px 12px;
}

.homepageAreaContainer .addQuestionOverlay .content .divider {
    float: left;
    height: 160px;
    width: 1px;
    border-left: 1px dashed #FFF;
    margin: 10px 0px;
}

.homepageAreaContainer .addQuestionOverlay .header {
    font-size: 12px;
    color: #979797;
}

.homepageAreaContainer .addQuestionOverlay .header .text {
    padding: 0 0 5px 7px;
    float: left;
}
    
.homepageAreaContainer .addQuestionOverlay .header img {
    padding: 0 0 0 7px;
    float: left;
}

.homepageAreaContainer .addQuestionOverlay .questionTextContainer {
    float: left;
    padding-right: 15px;
}

.homepageAreaContainer .addQuestionOverlay .questionTextContainer .charCount {
    color: #555;
    font-size: 10px;
    text-align: right;
    padding-right: 2px;
}

.homepageAreaContainer .addQuestionOverlay .questionTextContainer .questionText {
    margin: 5px 0 3px;
    padding: 2px;
    height: 125px;
    width: 300px;
}


.homepageAreaContainer .addQuestionOverlay .buttonContainer {
    position: absolute;
    top: 175px;
    left: 600px;
}

.homepageAreaContainer .addQuestionOverlay .tagContainer {
    float: left;
    height: 125px;
}

.homepageAreaContainer .addQuestionOverlay .suggestedTagContainer {
    float: left;
    width: 175px;
}

.homepageAreaContainer .addQuestionOverlay .suggestedTagContainer .suggestedTagText {
    color: #555; 
    font-size: 10px;
    padding: 15px;
}

.homepageAreaContainer .addQuestionOverlay .suggestedTagContainer .suggestedTagListContainer {
}

.homepageAreaContainer .addQuestionOverlay .suggestedTagContainer ul {
    padding: 0 0 0 15px;
    margin: 0;
    
}

.homepageAreaContainer .addQuestionOverlay .suggestedTagContainer ul li {
    /*list-style: none;*/
    font-size: 10px;
    padding: 1px 0;
    color: #555;
}

.homepageAreaContainer .addQuestionOverlay .suggestedTagContainer ul li a {
    color: #555;
}


.homepageAreaContainer .addQuestionOverlay .newTagContainer {
    float: left;
}

.homepageAreaContainer .addQuestionOverlay .newTagContainer .message {
    padding: 0 0 0 13px;
    color: #555555;
    font-size: 9px;
    width: 215px;
}

.homepageAreaContainer .addQuestionOverlay .newTagListContainer {
    border: 1px solid #7F9DB9;
    width: 205px;
    height: 95px;
    background-color: white;
    line-height: 150%;
    margin: 5px 0 0 12px;
    overflow: hidden;
    float: left;
    padding: 2px;
}

.homepageAreaContainer .addQuestionOverlay .newTagListContainer textarea {
}


.homepageAreaContainer .addQuestionOverlay .newTagListContainer input {
    border: 1px dotted #aaa;
    width: 199px;
    height: 12px;
    font-size: 10px;
    margin: 2px;
    float: left;
    color: #aaa;
}

.homepageAreaContainer .addQuestionOverlay .newTagListContainer ul {
    display: inline;
    color: #333;
    font-size: 10px;
}

.homepageAreaContainer .addQuestionOverlay .newTagListContainer ul li {
    float: left;
    list-style: none;
    padding: 0px 4px;
    margin: 2px;
    background-color: #B7E6FD;
    border: 1px solid #DDD;
    white-space: nowrap;
}

.homepageAreaContainer .addQuestionOverlay .newTagListContainer ul li a {
    padding-left: 5px;
    color: #333;
        
}

.homepageAreaContainer .addQuestionOverlay .saving {
    width: 88%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("/images/loading_blue.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.homepageAreaContainer .addQuestionOverlay .thankyou {
    position: absolute;
    background-color: transparent;
    width: 88%;
    height: 100%;
    z-index: 2;
    margin-top: 100px;
    text-align: center;
    font-size: 16px;
    color: #003B58;
}


.headerOverlay form {
    padding: 10px 0;
}

.headerOverlay .formRow {
    height: 30px;
}

.headerOverlay .textInput {
    width: 125px;
    height: 14px;
    font-size: 11px;
}

.headerOverlay .checkboxInput {
    padding: 0;
}

.headerOverlay .loginButtonInput {
    position: absolute;
    right: 20px;
}

.headerOverlay .registerButtonInput {
    position: absolute;
    right: 32px;
}

.headerOverlay .formRow label {
    width: 95px;
    text-align: right;
    padding: 3px 5px 0 0;
    font-size: 12px;
}

.headerOverlay h3 {
    font-size: 16px;
    padding: 0;
    font-weight: bold;
}

.headerOverlay .close {
    position: absolute;
    right: 15px;
    top: 50px;
    font-size: 12px;
}

.loginLoading {
    position: absolute;
    background-color: #EF6223;
    background-image: url("/images/loading_orange.gif");
    background-repeat: no-repeat;
    background-position: center;
    width: 240px;
    height: 155px;
    z-index: 2;
}

.registerLoading {
    position: absolute;
    background-color: #EF6223;
    background-image: url("/images/loading_orange.gif");
    background-repeat: no-repeat;
    background-position: center;
    width: 480px;
    height: 125px;
    z-index: 2;
}

.loginError {
    font-size: 16px;
    position: absolute;
    background-color: #EF6223;
    width: 240px;
    height: 155px;
    z-index: 3;
    text-align: center;
    line-height: 135%; 
}

.loginError p {
    padding-top: 5px;
}


.loginError a {
    color: #FFF;
    text-decoration: underline;
}

.registerMessage {
    font-size: 16px;
    position: absolute;
    background-color: #EF6223;
    width: 480px;
    height: 125px;
    z-index: 3;
    text-align: center;
    line-height: 135%; 
}

.registerMessage p {
    padding-top: 5px;
}

.registerMessage a {
    color: #FFF;
    text-decoration: underline;
}


.termsContainer {
    position: absolute;
    top: 195px;
    right: 0px;
    width: 470px;
    height: 0;
    overflow: hidden;
    background-color: #EF6324;
    border: 3px solid #FFF;
    display: none;
    padding: 15px;
    color: #FFF;
}


.termsContainer .close {
    float: right;
    padding: 5px;
}


.mainContent {
    text-align: center;
    margin: 0 auto;
    padding: 20px 0 5px;
    width: 950px;
    overflow: auto;
}

.mainContent .left {
    float: left;
    width: 450px;
    text-align: left;
    font-size: 14px;
}


.mainContent .left .header {
    font-size: 18px;
    padding: 5px 0 10px 15px;
}

.mainContent .left .boxContainer {
    background-color: #dcdbdb;
}

.mainContent .left .boxSpacer {
    margin-top: 20px;
}

.mainContent .left .profile table {
    margin: 0 20px;
}

.mainContent .left .profile td {
    padding: 5px 5px 0 0;
}

.tableLabel {
    vertical-align: top;
    text-align: right;
    font-weight: bold;
    padding: 20px;
}

.mainContent .ads {
    background-color: #dcdbdb;
    padding: 10px 0 10px 55px;
}

.mainContent .left .questionContainer {
    position: relative;
}

.mainContent .left .questionContainer .question .header {
    color: #2181B0;
    font-size: 18px;
    padding: 15px 15px 10px;
    
}   

.mainContent .left .questionContainer .question {
    background-color: #86CEF4;
    background-image: url(/images/question_top_bg.gif);
    background-repeat: no-repeat;
    min-height: 140px;
}

.mainContent .left .questionContainer .question p {
    font-size: 18px;
    color: #003b58;
    line-height: 125%;
    overflow: hidden;
    padding: 0 15px;
}  

.mainContent .left .questionContainer .question .details {
    float: left;
    font-size: 11px;
    color: #FFF;
    padding: 10px 15px 5px;
    font-weight: bold;
    line-height: 150%;
    width: 407px;
}

.mainContent .left .questionContainer .addAnswer {
    position: absolute;
    width: 175px;
    height: 15px;
    bottom: 15px;
    right: 20px;
}

.mainContent .left .questionContainer .addAnswer a {
    position: absolute;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase; 
    right: 7px;
}


.addAnswerOverlay {
    position: absolute;
    top: -10px;
    left: -255px;
    width: 450px;
    height: 0px;
    background-image: url(/images/add_answer_overlay_bg.png);
    overflow: hidden;
    display: none;
}

.addAnswerOverlay .container {
    margin: 55px 10px 5px;
}

.addAnswerOverlay .addAnswerForm .answerText {
    width: 426px;
    height: 80px;
    font-size: 12px;
}

.addAnswerOverlay .addAnswerForm .subscribe input {
    float: left;
}

.addAnswerOverlay .addAnswerForm .subscribe .text {
    float: right;
    padding-top: 2px;
}

.addAnswerOverlay .bottomContainer {
    margin-top: 5px;
    color: white;
}

.addAnswerOverlay .bottomContainer .subscribe {
    float: left;
    margin-top: 10px;
}

.addAnswerOverlay .bottomContainer .buttons {
    margin-top: 5px;
    float: right;
}

.addAnswerOverlay .saving {
    position: absolute;
    background-color: transparent;
    background-image: url("/images/loading_green.gif");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    z-index: 2;
    margin-top: 20px;
}

.addAnswerOverlay .thankyou {
    position: absolute;
    background-color: transparent;
    width: 100%;
    height: 100%;
    z-index: 2;
    margin-top: 100px;
    text-align: center;
    font-size: 16px;
    color: #FFF;
}


.mainContent .left .questionBottom {
    margin-bottom: 20px;
}

.mainContent .right {
    width: 450px;
    float: right;
    background-color: #dcdbdb;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
}

.mainContent .right .header {
    font-size: 18px;
    padding: 5px 0 10px 15px;
}

.mainContent h2 {
    font-weight: normal;
    font-size: 18px;
    padding: 5px 0 10px 15px;
    margin: 0;
}


.mainContent .right .answer {
    padding: 5px 10px 5px;
    margin: 0 15px 10px;
}

.mainContent .right .highlight {
    /*background-color: #70BB59;*/
    border: 2px dashed #70BB59;
}

.mainContent .right .answer .details {
    color: #EF6324;    
}

.mainContent .left .tagResults {
    font-size: 14px;
}

.mainContent .left .tagResults a {
    color: #000;
}


.mainContent .left .tagResults .header {
    font-weight: bold;
    font-size: 12px;
    padding: 0 5px 10px 0;
}

.mainContent .left .tagResults .header .highlighted {
    font-size: 20px;
    color: #EF6324;
}

.mainContent .left .tagResults .questions .question {
    padding: 12px 20px;
    background-color: #dcdbdb;
}

.mainContent .left .tagResults .questions .question .details {
    color: #EF6324;    
}

.mainContent .left .tagResults .questions .question .details a {
    color: #EF6324;
}

.recentQuestionsContainer {
    font-size: 14px;
    text-align: left;
}

.recentQuestionsContainer .header {
    font-weight: bold;
}

.recentQuestions .question {
    padding: 0 25px 20px;
}

.recentQuestions .question .details {
    color: #EF6324;    
}

.recentQuestions .question a {
    color: #000;    
}

.tagQuestions {
    width: 450px;
    float: right;
    background-color: #dcdbdb;
    font-size: 14px;
    text-align: left;
}

.clearDiv {
    clear: both;
}

/********* BUTTONS *********/
.button {
    font-size: 10px;
    border: 0;
    font-weight: bold;
    color: #fff;
    background-color: transparent;
}

.buttonSmallOrange {
    width: 68px;
    height: 22px;
    background-image: url(/images/button_small_orange.png);
    background-repeat: no-repeat;
}

.buttonMedOrange {
    width: 102px;
    height: 22px;
    background-image: url(/images/button_med_orange.png);
}

.buttonSmallGreen {
    width: 68px;
    height: 22px;
    background-image: url(/images/button_small_green.png);
    background-repeat: no-repeat;
}

.buttonSmallBlue {
    width: 68px;
    height: 22px;
    background-image: url(/images/button_small_blue.png);
    background-repeat: no-repeat;
    color: #fdfdfd;
}

.buttonTinyBlue {
    width: 17px;
    height: 18px;
    background-image: url(/images/button_tiny_blue.png);
    background-repeat: no-repeat;
    padding: 0 1px 3px 0;
    font-size: 9px;
}

.suggestedTagContainer .scroller {
    position: relative;
    margin-top: 10px;
}

.suggestedTagContainer .scroller .suggestedTagListContainer {
    position: relative;
    float: left;
    height: 125px;
    overflow: hidden;
    width: 159px;
}


.suggestedTagContainer .scroller .scrollarea {
    border: 1px solid #999999;
    cursor: pointer;
    float: left;
    height: 125px;
    width: 9px;
}


.newTagContainer .scroller {
    position: relative;
}

.newTagContainer .scroller .suggestedTagListContainer {
    position: relative;
    float: left;
    height: 125px;
    overflow: hidden;
    width: 159px;
}


.newTagContainer .scroller .scrollarea {
    border: 1px solid #999999;
    cursor: pointer;
    float: left;
    height: 99px;
    width: 9px;
    margin-top: 5px;
}


.scroller .scrollForward, div.scroller .scrollBack {
    background: #5ABCF0 none repeat scroll 0 0;
    /*border: 1px solid #CCC;*/
    height: 7px;
    margin: 1px;
    width: 7px;
}

.newTagContainer .scrollBarContainer {
    height: 81px;
}

.suggestedTagContainer .scrollBarContainer {
    height: 107px;
}

div.scroller .scrollKnob {
    background: #5ABCF0 none repeat scroll 0 0;
    /*border: 1px solid #999999;*/
    margin: 1px;
    min-height: 10px;
    width: 7px;
}

.boxContainer a:link    { color: #000; text-decoration: none }
.boxContainer a:active  { color: #000; text-decoration: none }
.boxContainer a:visited { color: #000; text-decoration: none }
.boxContainer a:hover   { color: #000; text-decoration: underline }

.boxContainer .details a:link    { color: #EF6324; text-decoration: none; font-weight: bold;}
.boxContainer .details a:active  { color: #EF6324; text-decoration: none; font-weight: bold;}
.boxContainer .details a:visited { color: #EF6324; text-decoration:; font-weight: bold;  none}
.boxContainer .details a:hover   { color: #EF6324; text-decoration: underline; font-weight: bold;}


.profileContainer {
    background-color: #DCDBDB;
}

.boxContainer .subscriptions .item {
    position: relative;
    margin: 10px;
    padding: 0 0 0 6px;
}

.boxContainer .subscriptions .item .unsubscribe {
    position: relative;
    float: left;
    padding: 0 5px 0 0;
}

.boxContainer .subscriptions .item .unsubscribeUndo {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #DCDBDB;  
    filter:alpha(opacity = 0);
    -moz-opacity: 0;
    opacity: 0;
    text-align: center;
    display: none;
}

.boxContainer .subscriptions .item .unsubscribeUndo .resubscribeLinkContainer {
    padding: 10px;
}

.boxContainer .subscriptions .item .unsubscribeUndo a {
    color: #222;

}

.boxContainer .subscriptions .item .unsubscribe a {
    color: #EF6324;
    outline: none;
}

.boxContainer .subscriptions .item .text {
    position: relative;
    padding-top: 1px;
    float: left;
    width: 390px;
}


.boxContainer .subscriptions .item .details {
    position: relative;
    clear: both;
    color: #EF6324;
    padding: 2px 0 0 27px;
}

.questionSubscription {
    float: right;
}

.details .subscribeLinkContainer {
    position: relative;
    width: 100px;
    height: 30px;
}

.details .subscribeLinkContainer a {
    position: absolute;
    right: 0;
    top: 0; 
}

.hidden {
    filter:alpha(opacity=0);
    -moz-opacity:0;
    opacity: 0;
    display: none;
}


.mainContent .right .profileQuestions {
    font-size: 14px;
}

.mainContent .right .profileQuestions h2 {
    font-weight: normal;
    font-size: 18px;
    padding: 5px 0 10px 15px;
    margin: 0;
}

.mainContent .right .profileQuestions .header .highlighted {
    font-size: 20px;
    color: #EF6324;
}

.mainContent .right .profileQuestions .questions .question {
    padding: 12px 20px;
    background-color: #dcdbdb;
}

.mainContent .right .profileQuestions .questions .question .details {
    color: #EF6324;    
}

.mainContent .right a {
    color: #000;
}

.profileSectionSeparator {
    height: 20px;
    background-color: #E6E6E6;
}