/* @group RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol, ul {list-style: none;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
legend { display:none; }
a:active { outline:none; }
/* @endgroup RESET */
/* @group GENERAL TAG DEFINITIONS */
body {font:12px Verdana, Arial, sans-serif;line-height: 1;color:#4C4847;background-color:#FFF; }
h1 { font-size:20px; color:#4C4847;}
h2 { font-size:20px; color:#FFFFFF;}
h3 { color:#486060;font-size:15px; border-bottom:1px dashed #F8B31F;}
/* @endgroup GENERAL TAG DEFINITIONS */
/* @group MAIN CONTAINERS */
html, body, #wrap {overflow:hiden;}
body > #wrap {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -2.5em;}
/* @endgroup MAIN CONTAINERS */
/* @group TOP */
#top {height:1px;background-color:#719595;width:100%;}
#top .content { width:960px; margin:0 auto;position: relative;}
#top .content #menu {width:100%; padding-top:10px; text-align:right;}
#top .content #menu a {font-size:16px;text-decoration:underlined;padding-left:14px;color:#F2F1DF}
#top .content #menu a:hover {color:#F8B31F;}
/* @endgroup TOP */
/* @group HEADER */
/*#header {background-color:#FCFCFC;height:80px;}*/
#header {background-color:#FFF;background-image: url('/img/header_back.png');background-repeat: repeat-x;height:80px;border-bottom:3px solid #F8B31F;}
#header .content { width:960px; margin:0 auto;position: relative;}
#header .content #logo {float:left;padding-top:10px;padding-left:5px;position: relative;}
#header .content #info {float:right;margin-top:25px;position: relative;}
#header .content #info #last_tweet {font-size:12px; color:#F2F1DF; width:100%; margin-top:15px; padding-right:5px; padding-top:15px; text-align:right;width:570px;}
#header .rotating_text {padding-top:5px;padding-right:5px;}
/* @endgroup HEADER */
/* @group SUBHEADER */
#subheader {padding:18px 0 10px 10px;}
#subheader .cufon {color:#486060; font-size:16px; }
#subheader a {text-decoration:none;}
#steps {width:590px;margin:0 auto;margin-top:5px;margin-bottom:15px;text-align:center;border: 1px solid #D6D6D6;background-color:#EFEDD1}
/* @group SUBHEADER */
/* @group WHYTWITTER */
#experts .content #why_twitter {line-height:2; width:570px;}
#experts .content #why_twitter ul {list-style: square; margin-left:20px;margin-bottom:28px;}
#experts .content #why_twitter a.cufon {text-decoration: none;display: block;width: 570px; height:25px; background-color:#486060;color:#F2F1DF;padding-left:20px;font-size:18px;margin:4px;}
#experts .content #why_twitter a.cufon:hover{background-color:#729797;}
#experts .content #why_twitter div {overflow: hidden;font-size: 1.2em;width: 555px;clear: both;margin:2px;padding: 18px;background-color:#EFEDD1;border: 1px solid #D6D6D6;color:#4C4F54;}
#experts .content #why_twitter div a {color:#82919D;}
#experts .content #why_twitter div h2 {font: 1.5em normal Georgia, "Times New Roman", Times, serif;margin: 0 0 5px;border-bottom: 1px dashed #ccc; color:#486060;padding-bottom:8px;}
/* @endgroup WHYTWITTER */
/* @group FOLLOWSERVICE */
#experts .content #follow_service {line-height:2; width:598px;}
#experts .content #follow_service ul {list-style: square; margin-left:20px;margin-bottom:28px;}
#experts .content #follow_service a.cufon {text-decoration: none;display: block;width: 570px; height:25px; background-color:#486060;color:#F2F1DF;padding-left:20px;font-size:18px;margin:4px;}
#experts .content #follow_service a.cufon:hover{background-color:#729797;}
#inside_step, #payment, #select_payment, #select_payment_text, #select_payment_done, #payment_result {overflow: hidden;font-size: 1.2em;width: 550px;clear: both;margin:2px;padding: 18px;background-color:#F2F1DF;border: 1px solid #D6D6D6;color:#4C4F54;}
#experts .content #follow_service h1 { font-size: 22px; color:#82919D; padding:18px; margin-top:10px;}
#experts .content #follow_service div h2 {font: 1.5em normal Georgia, "Times New Roman", Times, serif;margin: 0 0 15px;border-bottom: 1px dashed #ccc; color:#486060;padding-bottom:8px;}
#experts .content #follow_service div p {padding-bottom:8px;}
/* @endgroup FOLLOWSERVICE */
#about {position:relative;}
#about #picture {float:left;}
#about #name {float:left; margin-left:18px;}
/* @group EXPERTS */
#experts {font-size:12px; overflow:hidden;}
#experts .content { width:960px; margin:0 auto;line-height: 1.5;overflow:hidden;}
#experts .content a {color:#4F6666;}
#experts .question { font-size:18px; margin-top:15px; }
#experts .answer{ width:90%; padding:20px;background-color:#F2F1DF; font-size:14px; border: 1px solid #D6D6D6;}
#experts .answer p{ margin-bottom:10px;}
#experts .last { margin-bottom:18px;}
#experts .content img{vertical-align:middle;}
#experts .content #column_1 {float:left;width:600px;position:relative;}
#experts .content #column_1 #free {width:450px; padding:5px;margin:0 auto;overflow:visible;position:relative;}
#experts .content #column_1 #free img{position:absolute; top:-15px;left:-15px;}
#experts .content #column_2 {float:right;width:300px;position:relative;background-color:#FFF; min-height:740px;border-left:1px solid #D6D6D6;border-right:1px solid #D6D6D6; padding-top:3px;}
#experts .content #column_2 #column2_box {margin:0 auto; width:100%;background-color:#FFF;padding-top:10px; min-height:726px;}
#experts .content #column_2 p {padding:10px;}
#experts .content .banners{width:300px;}
#experts .content .banners li{float:left;width:150px; text-align:center;margin-top:13px;}
#experts #message_page { text-align:center;width:600px;padding:10px;background-color:#FFF; margin:0 auto;}
#experts .title_img {font-size:20px; color:#486060; font-weight:bold;padding-left:33px;}
#experts #title_experts {background-image: url('/img/experts.png');background-repeat: no-repeat; margin: 5px 0 18px 10px;}
#experts #title_tweets {background-image: url('/img/tool.png');background-repeat: no-repeat;}
#experts #title_themes {background-image: url('/img/process.png');background-repeat: no-repeat; margin: 0 0 18px 10px;}
#experts #title_sponsors {background-image: url('/img/world_globe.png');background-repeat: no-repeat;}
#experts #pathbar { margin-bottom:20px; font-size:14px;}
#experts .themes_list{margin-top:18px; margin-bottom:18px;}
#experts .themes_list h2 {padding-bottom:10px;}
#experts .themes_list a {text-decoration:none; padding:10px; line-height:1.7;}
#try_free {width:570px; padding:10px;text-align:center;color:#53AF36;border:1px solid;font-size:14px; font-weight:bold;}
#try_free_home {padding:10px;text-align:center;}
/* @endgroup EXPERTS */
/* @group EXPERTS_LINKS */
#experts #experts_links a{ width:300px;font-size:15px; font-weight:bold;color:#8E1111; text-decoration:underline;display:block;text-align:center; padding-top:10px;}
/* @endgroup EXPERTS_LINKS */
#profile_list { background-color:#FFFFFF; position:relative;}
#profile_list ul li { display:inline; margin:0; padding:0; float:left; margin-right:5px;}
/* @group MINIPROFILE */
.miniprofile { width:100%;background-color:#EFEDD1; margin:0 auto; position:relative;border-top:1px dashed #D6D6D6; height:60px;}
.miniprofile .picture img {position:absolute;left:10px;top:10px;}
.miniprofile .name { width:270px;padding:5px;color:#486060;position:absolute;left:50px;top:7px;}
.miniprofile .small {font-size:10px;color:#486060; margin-top:7px;}
.miniprofile .name a{color:#486060; font-weight:bold;text-decoration:none;}
.miniprofile .name a:visited{color:#486060;}
.miniprofile .more { position:absolute;right:5px;top:25px;}
#last_miniprofile { border-bottom:1px solid #D6D6D6;}
/* @endgroup MINIPROFILE */
/* @group SECTIONS */
#sections { background-color:#EFEDD1;padding:10px; border-top:1px dashed #D6D6D6; border-bottom:1px dashed #D6D6D6; margin-bottom:18px;}
#sections ul { padding-left:24px;list-style-image:url(/img/bullet.gif)}
#sections li{ margin-top:5px; font-size:16px;}
#sections li a{text-decoration:none;color:#4C4F54}
#sections li a:hover{text-decoration:underline;}
#sections li a.tag1{font-size:14px;}
#sections li a.tag2{font-size:14px;}
#sections li a.tag3{font-size:14px;}
#sections li a.tag4{font-size:14px;}
#sections li a.tag5{font-size:14px;}
#sections #all_themes {padding:15px;}
#sections #all_themes a{font-size:14px;font-weight:bold; }
/* @endgroup SECTIONS */
/* @group SECTIONS_LIST */
#sections_list { width: 550px;clear: both;margin:5px;padding: 18px;background-color:#F2F1DF;border: 1px solid #D6D6D6;color:#4C4F54;}
#sections_list ul {float:left;list-style:none; padding:18px;margin-bottom:10px;margin-right:18px;}
#sections_list li{ margin-top:5px; font-size:16px;}
#sections_list li a{text-decoration:none;color:#4C4F54}
#sections_list li a:hover{text-decoration:underline;}
#sections_list .selected{font-weight:bold;}
#sections_list h2 {padding:18px;}
/* @endgroup SECTIONS */
/* @group SECTIONLIST */
#experts .section_list { background-color:#EFEDD1;padding:10px; margin-top:10px; border: 1px solid #EFEDDA; width:100%;position:relative;}
#experts .section_list li{ margin:18px; font-size:14px;display:inline;}
#experts .section_list li a{text-decoration:none;color:#EFEDDA;}
#experts .section_list li a:hover{text-decoration:underline;}
.publi {margin-left:121px; margin-top:38px; margin-bottom:12px;}
/* @endgroup SECTIONLIST */
/* @group PAYMENT */
#btn_phone { color: #666666;font-size: 14px;font-weight: bold;border: 1px solid #C1C1C1;background: #FFFFFF url(/img/btn-phone.gif) no-repeat 6px center;margin-bottom: 5px;padding: 5px 20px 5px 48px;width: 195px;display: block; margin:0 auto;margin-bottom:5px;}
#btn_sms { color: #666666;font-size: 14px;font-weight: bold;border: 1px solid #C1C1C1;background: #FFFFFF url(/img/btn-sms.gif) no-repeat 6px center;margin-bottom: 5px;padding: 5px 20px 5px 48px;width: 195px;display: block;margin:0 auto;margin-bottom:5px;}
#inside_step {margin-top:15px;color:#000000;}
#inside_step img {position:relative; float:left; margin-right:18px;}
#inside_step .mode {text-align:center;}
#payment fieldset label{font-size:14px;margin:5px 10px 5px 10px; display: inline;}
#payment fieldset input{font-size:14px; padding:8px; color:#486060;}
#payment fieldset {border-bottom: 1px dashed #ccc;padding-bottom:18px;}
#payment .small {font-size:10px;}
#continue_button {margin:10px;}
#select_payment {display:none;}
#pay_sms , #pay_free, #pay_pal {width:150px; height: 120px; float:left; background-color:#FFF; margin:3px; padding:0px 10px 10px 10px; border:2px solid #F8B31F; font-size:14px;position:relative;}
#keyword, #number, #price {font-weight:bold; color:#111;}
#check_free_button, #check_free_button_no, #check_sms_button, #check_sms_button_no, #payment_result, #select_payment_done, #check_paypal_button, #check_paypal_button_no {display:none;}
#pay_pal #paypal_select_days {margin:12px 0 12px 0;}
#pay_pal {position:relative;text-align:center;}
#pay_pal p {padding-top:18px;}
#follow_service #check_sms_button div p {padding-top:8px;}
#expert_price {width:100%;text-align:center;padding:5px;font-weight:bold;font-size:14px; color:#3B9F52;}
/* @endgroup PAYMENT */
/* @group FORM */
#experts .title { width:500px;margin:auto;}
#experts fieldset.answer { width:500px;height:425px;margin:auto;padding:15px;margin-top:10px;}
fieldset label{font-size:16px;display:block;margin-top:5px;}
fieldset label .small {font-size:10px;color:#4C4F54;}
fieldset input{font-size:16px;}
fieldset p{margin-top:10px;}
fieldset a.button{font-size:20px;font-weight:bold;display:block;height:40px; color: #fff; padding-left: 20px; padding-top:5px;}
fieldset .error_msg {display:none;color:#BF1717;font-weight:bold;font-size:10px;}
.half-size{width:50%;}
#experts fieldset.full_form {height:120%;}
/* @endgroup FORM */
/* @group FOOTER */
.push {height: 2.5em;}
#footer { background-color:#486060; font-size:11px; overflow:hidden; height: 2.5em;color:#F2F1DF;border-top:solid 3px #F8B31F;}
#footer_links ul { margin-left:90px; }
#footer_links ul li { display:inline; margin:0; padding:0; padding-left:10px; line-height:27px; }
#footer_links ul li a{ color:#F2F1DF; }
#footer_links ul li.first { padding-left:0; border-left:none; background:none; }
/* @endgroup FOOTER */
/* @group FROM_BOXES */
.info, .success, .warning, .error, .validation {border: 1px solid;width: 90%;margin: 10px 0px;padding:15px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px center;}
.info {color: #00529B;background-color: #BDE5F8;background-image: url('/img/box_info.png');}
.success {color: #4F8A10;background-color: #DFF2BF;background-image:url('/img/box_success.png');}
.warning {color: #9F6000;background-color: #FEEFB3;background-image: url('/img/box_warning.png');}
.error {color: #D8000C;background-color: #FFBABA;background-image: url('/img/box_error.png');}
.showerror {border:1px solid #D8000C;}
.error_txt {color: #D8000C;}
/* @endgroup FROM_BOXES */
/* @group LOGINBOX */
#logo_box { position:absolute; right:20px;}
/* @endgroup LOGINBOX */
/* @group HELPERS */
.hidden { display:none; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* @group Hide from IE Mac \*/
.clearfix { display:block; }
/* @endgroup Hide from IE Mac */
/* @endgroup HELPERS */#facebox .b {
background:url(/img/facebox/b.png);
}
#facebox .tl {
background:url(/img/facebox/tl.png);
}
#facebox .tr {
background:url(/img/facebox/tr.png);
}
#facebox .bl {
background:url(/img/facebox/bl.png);
}
#facebox .br {
background:url(/img/facebox/br.png);
}
#facebox {
position: absolute;
top: 0;
left: 0;
z-index: 100;
text-align: left;
}
#facebox .popup {
position: relative;
}
#facebox table {
border-collapse: collapse;
}
#facebox td {
border-bottom: 0;
padding: 0;
}
#facebox .body {
padding: 10px;
background: #fff;
width: 370px;
}
#facebox .loading {
text-align: center;
}
#facebox .image {
text-align: center;
}
#facebox img {
border: 0;
margin: 0;
}
#facebox .footer {
border-top: 1px solid #DDDDDD;
padding-top: 5px;
margin-top: 10px;
text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
height: 10px;
width: 10px;
overflow: hidden;
padding: 0;
}
#facebox_overlay {
position: fixed;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.facebox_hide {
z-index:-100;
}
.facebox_overlayBG {
background-color: #000;
z-index: 99;
}
* html #facebox_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
div#nyroModalFull {
font-size: 12px;
color: #777;
font-family: Verdana;
}
div#nyroModalLoading {
border: 4px solid #777;
width: 150px;
height: 150px;
text-indent: -9999em;
background: #fff url(../img/ajaxLoader.gif) no-repeat;
background-position: center;
}
div#nyroModalLoading.error {
border: 4px solid #f66;
line-height: 20px;
padding: 20px;
width: 300px;
height: 100px;
text-indent: 0;
background: #fff;
}
div#nyroModalWrapper {
background: #fff;
border: 4px solid #777;
}
a#closeBut {
position: absolute;
display: block;
top: -25px;
right: -25px;
width: 25px;
height: 25px;
text-indent: -9999em;
background: url(../img/close.gif) no-repeat;
outline: 0;
}
h1#nyroModalTitle {
margin: 0;
padding: 0;
position: absolute;
top: -22px;
left: 5px;
font-size: 12px;
color: #ddd;
}
div.wrapper div#nyroModalContent {
padding: 15px;
}
div.wrapperImg div#nyroModalContent {
position: relative;
overflow: hidden;
text-align: center;
}
div.wrapper div#nyroModalContent a{color:#8E1111;}
div.wrapperImg img {
vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
position: absolute;
bottom: 0;
left: 0;
background: black;
padding: 10px;
margin: 10px;
border: 1px white dotted;
overflow: hidden;
opacity: 0.2;
filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
display:none;
z-index: 105;
outline: none;
position: absolute;
top: 0;
height: 100%;
width: 40%;
cursor: pointer;
text-indent: -9999em;
background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
height: 60%;
width: 20%;
}
a.nyroModalPrev {
display:none;
left: 0;
}
a.nyroModalPrev:hover {
display:none;
background: url(../img/prev.gif) left 20% no-repeat;
}
a.nyroModalNext {
display:none;
right: 0;
}
a.nyroModalNext:hover {
display:none;
background: url(../img/next.gif) right 20% no-repeat;
}