@import 'reset-min.css';

/* COMMON HTML TAGS
 -------------------------------------------------------------*/
body                                     { background:#ffffff; min-height:200px; min-width:1000px; font-family:Arial, Helvetica, sans-serif; font-size:12px }
a                                        { color:#704AA2; }
a:hover                                  { text-decoration:underline; }
form                                     { display:inline; }
label                                    { font-weight:bold; }
em                                       { font-style:italic; }
strong                                   { font-weight:bold; }
textarea                                 { font-family:Arial, Helvetica, sans-serif; }
h1                                       { font-size:18px; font-weight:bold; color:#704AA2; }
h2                                       { font-size:16px; font-weight:bold; color:#704AA2; }
h3                                       { font-size:14px; font-weight:bold; color:#704AA2; }
h4                                       { font-size:12px; font-weight:bold; color:#704AA2; }

/* COMMON CONTAINERS
 -------------------------------------------------------------*/
#container                               { clear:both; display:block; width:1000px; min-width:1000px; padding-top:15px; padding-bottom:10px; margin:0px auto; }
#content                                 { display:block; width:865px; float:left; }
#content #mid                            { display:block; width:610px; float:left; }
#content_wide                            { display:block; width:740px; margin-left:10px; float:left; }

/* COMMON CLASSES
 -------------------------------------------------------------*/
#success                                 { }
#warning                                 { z-index:99; padding:4px; color:#704AA2; font-weight:bold; background-color:#9999ff; text-align:center; }
#error                                   { z-index:99; color:#000000; font-weight:bold; background-color:#ff6666; border-top:1px solid #000000; border-bottom:1px solid #000000; text-align:center; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; }
.req                                     { color:#009900; }
.lightbox_overlay                        { display:none; position:absolute; top:0%; left:0%; width:100%; height:100%; background-color:#000000; z-index:1000; -moz-opacity:0.1; opacity:.10; filter:alpha(opacity=10); }
.lightbox_content                        { display:none; position:absolute; top:25%; left:25%; width:50%; height:50%; z-index:1001; overflow:auto; }
.odd                                     { padding:1px 0px 2px 4px; border-bottom:1px dashed #999999; text-align:left; background:#ffffff }
.even                                    { padding:1px 0px 2px 4px; border-bottom:1px dashed #999999; text-align:left }
.odd:hover, .even:hover                  { background:#ffffcc }
.defaultText                             { }
.defaultTextActive                       { color:#666666; }
.pagination                              { display:block; float:right; font-size:12px; text-align:right; margin-right:50px; }
.page_cur                                { -moz-border-radius:4px; display:block; float:left; text-align:center; color:#ffffff; background:#0000ff; font-weight:bold; padding:2px 4px 2px 4px; margin:2px; border:1px solid #999999; }
.page_num                                { -moz-border-radius:4px; display:block; float:left; text-align:center; padding:2px 4px 2px 4px; margin:2px; border:1px solid #999999; }
.page_outer                              { display:block; float:left; text-align:center; padding:2px 4px 2px 4px; margin:2px; }
ul.list4                                 { display:block; float:left; width:22%; margin-left:30px; line-height:1.6em; }
.tag                                     { -moz-border-radius:4px; display:block; float:right; text-align:center; font-size:10px; padding:0px 4px 0px 4px; margin:2px; border:1px solid #999999; background-color:#ffffff; }
.tagged                                  { -moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px; display:block; float:left; text-align:center; padding:0px 4px 0px 4px; margin-top:2px; margin-bottom:2px; margin-left:2px; border:1px solid #999999; border-right:0px; }
.tagged_num                              { -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px; display:block; float:left; text-align:center; color:#ffffff; background:#704AA2; padding:0px 4px 0px 4px; margin-top:2px; margin-bottom:2px; margin-right:2px; border:1px solid #999999; }
.ulist li                                { margin-left:20px; list-style-type:disc; }
.olist li                                { margin-left:20px; list-style-type:decimal; }

/* HEADER
 -------------------------------------------------------------*/
#header                                  { position:relative; display:block; text-align:center; background-image:url('/images/bg-header.jpg'); height:105px; }

#header #logo                            { text-align:left; display:block; width:1000px; min-width:1000px; margin:0px auto; }
#header #logo img.logo                   { padding:10px 0px 6px 10px; }
#header #logo #search                    { position:relative; display:block; float:right; margin-top:2px; margin-left:20px; }
#header #logo #fb_login                  { position:relative; display:block; float:right; margin-top:2px; margin-left:20px; }
#header #logo #fb_login a                { padding:0px; font-size:11px; }
#header #logo #top-links                 { position:relative; display:block; float:right; margin-top:-15px; }
#header #logo #account                   { text-align:center; padding-top:4px; position:relative; display:block; float:right; margin-left:20px; margin-right:4px; background-image:url('/images/bg-profile.gif'); background-repeat:no-repeat; height:26px; width:148px; }
#header #logo #account a                 { postition:relative; color:#704AA2; font-size:14px; padding-top:6px; }
#header #logo #account #ajax_login       { position:relative; display:none; z-index:9999; overflow:hidden; margin-top:-10px; background-image:url('/images/bg-profile-login.gif'); background-repeat:no-repeat; height:156px; width:148px; }
#header #logo #account #ajax_login form  { text-align:left; display:block; padding:5px; }
#header #logo a                          { color:#704AA2; font-size:16px; font-weight:bold; padding:5px; }

#header #navigation                      { text-align:left; display:block; width:1000px; min-width:1000px; height:43px; margin:0px auto; }
#header #navigation #categories          { position:absolute; font-size:12px; padding-top:0px; vertical-align:middle; }
#header #navigation #categories li       { position:relative; display:block; text-align:center; float:left; padding-right:20px; min-height:43px; }
#header #navigation #categories li a     { position:relative; color:#ffffff; font-size:12px; margin-left:-10px; font-weight:bold; text-decoration:none; }
#header #navigation #categories li #selected
                                         { display:block; background-image:url('/images/bg-nav-selected.gif'); background-repeat:no-repeat; min-height:43px; margin-top:-2px; margin-left:-6px; padding-top:4px; padding-left:6px; }
#header #navigation #categories li #selected a
                                         { color:#704AA2; text-decoration:none; }

/* ADS
 -------------------------------------------------------------*/
#ad #right                               { position:relative; width:120px; padding:0px 0px 0px 15px; display:block; float:left; }
#ad #left                                { position:relative; width:120px; padding:0px 15px 0px 0px; display:block; float:left; }
#ad #horizontal                          { position:relative; width:728px; display:block; margin:0px auto; }
#ad #horizontal2                         { position:relative; width:468px; display:block; margin:0px auto; }
#ad #cj                                  { position:relative; width:98%; display:block; margin:0px auto; border:1px solid #999999; padding:5px; font-size:11px; }
#ad #cj .head                            { font-weight:bold; }
#ad #cj li                               { margin-left:20px; list-style-type:disc; }
#ad #cj li a                             { margin-left:16px; }

/* FORM
 -------------------------------------------------------------*/
form                                     { clear:both; font-size:12px; }
form #required, form #optional, form #company, form #captcha, form #login, form #emailpref
                                         { display:block; float:left; margin:0px auto; min-width:320px; min-height:250px; padding:12px; background-image:url('/images/bg-box-gray.gif'); background-repeat:no-repeat; }
form input, form select                  { font-weight:normal; }
form .form_text                          { position:relative; top:5px; }
form #question                           { position:relative; }
form div .fl                             { float:left; padding-right:10px; }
form #website                            { display:none; }
.form_error                              { background:#ffff99; }
.form_error_label p                      { color:#cc0000; }
.form_error_label p:before               { content: "\00BB \0020"; }
.colorbar                                { margin-top:0px; width:0px; background-image:url('/images/passwordstrength.jpg'); height:4px; }
.percent                                 { display:none; margin-top:0px; float:left; }
.result                                  { color:#009900; }
.register_non_user                       { display:block; float:left; width:490px; margin-right:20px; border-right:2px solid #999999; }

/* INTRO
 -------------------------------------------------------------*/
#intro                                   { position:relative; line-height:1.25em; }

/* QUESTION
 -------------------------------------------------------------*/
#user_info_l_100                         { display:block; float:left; width:150px; text-align:center; padding:5px; background-image:url('/images/bg-question-tab-green.gif'); background-repeat:no-repeat; background-position:145px 35px; }
#user_info_r_100                         { display:block; float:right; width:150px; text-align:center; padding:5px; background-image:url('/images/bg-answer-tab-green.gif'); background-repeat:no-repeat; background-position:-1px 35px; }

#vote_box                                { float:right; text-align:center; }
#vote_box .helpful                       { font-weight:bold; float:left; padding-top:12px; padding-right:4px; }
#vote_box .score                         { font-weight:bold; font-size:24px; }
#vote_box #v_up, #vote_box #v_down       { display:block; float:left; width:20px; padding-top:8px; }
#vote_box #score                         { display:block; float:left; padding-left:8px; padding-right:8px; }

.posted_text                             { position:relative; display:block; float:left; padding-left:5px; }
.flag_text                               { position:relative; display:block; float:right; padding-right:5px; }
.flag_box                                { display:none; background:#ccffcc; border:1px solid #cccccc; border-top:0px; padding:5px; margin-top:8px; }

#box_l #question_body_l                  { padding:5px; padding-left:10px; margin-left:160px; background-image:url('/images/bg-question-body-green.jpg'); background-repeat:repeat-y; border:1px solid #ccffcc; min-height:90px; line-height:1.5em; }
#box_l #question_footer_l                { padding:5px; padding-left:10px; margin-left:160px; background-image:url('/images/bg-answer-footer-green.gif'); background-repeat:no-repeat; min-height:28px; }
#box_r #answer_body_r                    { padding:5px; padding-left:10px; margin-right:160px; background-image:url('/images/bg-answer-body-green.jpg'); background-repeat:repeat-y; border:1px solid #ccffcc; min-height:90px; line-height:1.5em; }
#box_r #answer_footer_r                  { padding:5px; padding-left:10px; margin-right:160px; background-image:url('/images/bg-answer-footer-green.gif'); background-repeat:no-repeat; min-height:28px; }

#box_r #question_body_r                  { padding:5px; padding-left:10px; margin-right:160px; background-image:url('/images/bg-answer-body-green.jpg'); background-repeat:repeat-y; border:1px solid #ccffcc; min-height:90px; line-height:1.5em; }
#box_r #question_footer_r                { padding:5px; padding-left:10px; margin-right:160px; background-image:url('/images/bg-answer-footer-green.gif'); background-repeat:no-repeat; min-height:28px; }
#box_l #answer_body_l                    { padding:5px; padding-left:10px; margin-left:160px; background-image:url('/images/bg-question-body-green.jpg'); background-repeat:repeat-y; border:1px solid #ccffcc; min-height:90px; line-height:1.5em; }
#box_l #answer_footer_l                  { padding:5px; padding-left:10px; margin-left:160px; background-image:url('/images/bg-answer-footer-green.gif'); background-repeat:no-repeat; min-height:28px; }

/* ANSWERS
 -------------------------------------------------------------*/
#content #answers                        { display:block; }
#content #answers li                     { display:block; padding:5px; border-top:1px solid #cccccc; }

/* QUESTION FORM
 -------------------------------------------------------------*/
#question_form                           { display:block; }

/* TABS
 -------------------------------------------------------------*/
#tabs                                    { display:block; padding-left:4px; border-bottom:1px solid #999999; }
#tabs .tab                               { -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; background-color:#ddddff; border-left:1px solid #999999; border-right:1px solid #999999; border-top:1px solid #999999; padding-left:4px; padding-right:4px; display:inline; cursor:default; }
#tabs #selected                          { background-color:#FFFFFF; font-weight:bold; padding-bottom:1px; }

/* QUESTION LIST
 -------------------------------------------------------------*/
#question_list, #related_questions, #question_start
                                         { display:block; padding:0px 0px 0px 10px; width:240px; float:left; }
#question_list #new, #question_list #new2
                                         { display:block;  }
#question_list #high, #question_list #high2, #question_list #unanswered, #question_list #unanswered2
                                         { display:none; }
#question_list ul                        { background:#FFFFFF; padding:4px; border:1px solid #cccccc; border-top:0px; }
#question_list ul li, #related_questions ul li
                                         { padding-top:4px; padding-bottom:4px; }

/* QUESTION
 -------------------------------------------------------------*/
#question ul li                          { padding-top:4px; padding-bottom:4px; margin-bottom:5px; border-top:1px dashed #999999; }
#question ul li.first                    { border-top:0px; }
#question ul li .count_answer            { -moz-border-radius:6px; display:block; float:left; text-align:center; background:#ffffdd; color:#000000; font-size:10px; text-decoration:none; padding:2px; margin-right:4px; width:40px; height:100%; border:1px solid #999999; }
#question ul li .count_rating            { -moz-border-radius:6px; display:block; float:left; text-align:center; color:#000000; font-size:10px; text-decoration:none; padding:2px; margin-right:6px; width:40px; height:100%; border:1px solid #999999; }
#question ul li .value                   { font-size:14px; font-weight:bold; }
#question ul li .title                   { font-size:12px; font-weight:bold; }

/* PROFILE
 -------------------------------------------------------------*/
#profile                                 { position:relative; }
#profile #edit_personal, #profile #edit_company, #profile #edit_photo, #profile #edit_social, #profile #edit_email, #profile #edit_password, #profile #edit_backlinks
                                         { display:none; }
#profile label                           { display:block; float:left; text-align:right; font-weight:bold; width:70px; padding-right:5px; }
#profile .fl                             { float:left; padding-right:15px; }
#profile .lb                             { position:relative; display:block; margin-left:635px; }
#profile .backlink                       { float:left; display:block; text-align:right; width:300px; min-height:75px; margin-right:20px; }
#profile form label                      { display:block; float:left; width:200px; }
#profile form .form_error_label p        { color:#cc0000; padding-left:200px; }
#profile #d_company                      { margin-top:35px; }
#profile li                              { margin-left:20px; list-style-type:disc; }
#edit_profile                            { float:right; }

/* ROTATOR
 -------------------------------------------------------------*/
#rotator                                 { -moz-border-radius:6px; position:relative; display:block; width:595px; padding:5px; background-image:url('/images/bg-answer-body-green.jpg'); background-repeat:repeat-y; background-position:180px; border:1px solid #ccffcc; min-height:210px; }
#rotator #user_detail                    { position:relative; display:block; float:left; margin-left:10px; width:385px; }
#rotator .fl                             { display:block; float:left; }
#rotator ul li .count_answer             { -moz-border-radius:6px; display:block; float:right; text-align:center; background:#ffffdd; color:#000000; font-size:10px; text-decoration:none; padding:2px; margin-right:4px; width:40px; height:100%; border:1px solid #999999; }
#rotator ul li .count_rating             { -moz-border-radius:6px; display:block; float:right; text-align:center; background:#ffffff; color:#000000; font-size:10px; text-decoration:none; padding:2px; width:40px; height:100%; border:1px solid #999999; }
#rotator ul li .value                    { font-size:14px; font-weight:bold; }

/* DIRECTORY
 -------------------------------------------------------------*/
#directory ul.list                       { display:block; float:left; width:30%; margin-left:30px; line-height:1.6em; }
#directory ul.list2                      { display:block; float:left; width:45%; margin-left:30px; line-height:1.6em; }
#directory #map                          { position:relative; width:530px; display:block; margin:0px auto; }
#mid #listing                            { border-bottom:1px dashed #999999; padding-bottom:85px; }
#mid #listing label                      { display:block; float:left; text-align:right; font-weight:bold; width:70px; padding-right:5px; }
#mid #listing .fl                        { float:left; padding-right:15px; }
#directory #ad #cj                       { border:0px; font-size:12px; }

/* OUTRO
 -------------------------------------------------------------*/
#outro                                   { }

/* FOOTER
 -------------------------------------------------------------*/
#footer                                  { clear:both; position:relative; padding-bottom:10px; font-size:16px; font-weight:bold; color:#AAA255; text-align:center; background-image:url('/images/bg-header.jpg'); }
#footer #copy                            { color:#704AA2; font-size:12px; font-weight:normal; }
#footer a                                { color:#704AA2; padding:0px 5px 0px 5px }