* { margin: 0; padding: 0; }
body {
font-family: verdana,Arial, sans-serif, "MS Sans Serif", Geneva, sans-serif;
line-height: 1.22em; font-size: 12px; color:#555;
background-color: #f0eee1;
}
a {color: #330000; text-decoration: none; }
a:hover { color: #C2A334; }
a.underline { text-decoration: underline; }
/*
a { color: #0077E6; text-decoration: underline; }
*/
/*
div#yield a { color: #0099CC; text-decoration: underline; }
div#yield a:hover { color: #C2A334; }
*/
a.framed img { padding: 1px; border:1px solid #EEEECC; background: #FFF; }
a.framed:hover img { border: 1px solid #705B35;}
img.framed { padding: 1px; border:1px solid #EEEECC; }
em { font-style: normal; color: #570026; }
table { border-collapse: collapse; }
th, td { vertical-align: top; }
img { /* vertical-align: middle; */ border: none;}
/* vertical-align: middle causes disalignment for some reason */
.clear { clear: both; }
.left { float: left;}
.right { float: right; }
div#overDiv { position:absolute; visibility:hidden; z-index:1000; }
div#global_wrapper { margin: 0px auto; width: 1000px; position: relative;}
div#logo { width: 200px; height: 80px; position: absolute; top: -11px; left: 20px; z-index:2000;}
div#register { width: 120px; height: 108px; position: absolute; top: -25px; right: -30px; z-index: 10;}
div#switch_language { width: 180px; height: 30px; position: absolute; top: 10px; right: 100px; z-index: 10;}
div#tweet { width: 150px; height: 150px; position: absolute; top: 200px; right: -140px; z-index: -10;}
div#login_info { width: 500px; height: 30px; position: absolute; top: 50px; right: 20px; color: #330000; z-index: 20; text-align: right; }
div#login_info img { vertical-align: middle;}
a#mypage_link { position: absolute; top: 300px; left: -24px; display: block; height: 90px; width: 35px; z-index: 30; background: url('/images/icons/mypage.gif') no-repeat top; }
a#mypage_link:hover { background: url('/images/icons/mypage.gif') no-repeat bottom; }
div#masthead { width: 1000px; float: left; height: 40px; color: #FFF; }
div#topmenu { position: absolute; top: 0px; left: 220px; width: 700px; color: #C7B07B; font-size: 14px; font-weight: bold; text-align: left; }
div#topmenu div.inner { padding: 5px; }
div#topmenu div.inner img { vertical-align: middle; }
div#topmenu a { color: #705B35; }
/* Old main */
div#main_t { float: left; width: 1000px; height: 20px; background: url("/images/css/bkg_main_t.gif") top no-repeat; }
div#main_b { float: left; width: 1000px; height: 40px; background: url("/images/css/bkg_main_b.gif") top no-repeat; }
div#main { float: left; width: 1000px; background: url("/images/css/bkg_main.gif") repeat-y; position: relative; }
/* new main */
#main_upgrade {
background-color:#ffffff;
float: left;
width: 979px;
margin-left:11px;
margin-bottom:30px;
position: relative;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow: 0px 0px 10px #ccc;
-moz-box-shadow: 0px 0px 10px #bbb699; /*#dcd7bc; */
-webkit-box-shadow: 0px 0px 10px #ccc;
}
div#main div#full { float: left; padding: 20px 40px;}
div#main_l { float: left; width: 220px; }
div#main_l_inner { padding: 20px 0px 20px 30px; }
div#main_banner {
z-index: 20;
width: 970px;
height: 240px;
position: absolute;
top: 30px;
left: 5px;
}
div#crumbs { width: 680px; float: left; padding: 10px 0px; border-bottom: dashed 1px #F2EAD0; margin-bottom: 15px; }
div#content { float: right; width: 740px; margin-right: 30px;}
div#content div.inner { float: left; padding: 0px; }
div#content div.top { width: 740px; height: 70px; float: left; background: url("/images/bkg_content_top.gif") top left no-repeat; }
div#content div.middle { width: 740px; float: left; background: url(/images/bkg_content_mid.gif) top left repeat-y; min-height: 300px; }
div#content div.bottom { width: 740px; float: left; height: 30px; background: #FFF url("/images/bkg_content_bot.gif") bottom left no-repeat; }
div#content div.bottom a {float: right; font-weight: bold; font-size: 12px; color: #FFF; padding: 10px 10px 0px 0px;}
div#content div.top_blue { width: 740px; height: 70px; float: left; background: url("/images/bkg_content_top_blue.gif") top left no-repeat; }
div#content div.middle_blue { width: 740px; float: left; background: url("/images/bkg_content_mid_blue.gif") top left repeat-y; min-height: 300px; }
div#content div.bottom_blue { width: 740px; float: left; height: 30px; background: #FFF url("/images/bkg_content_bot_blue.gif") bottom left no-repeat; }
div#content div.bottom_blue a {float: right; font-weight: bold; font-size: 12px; color: #FFF; padding: 10px 10px 0px 0px;}
/* div#yield { padding: 0px 0px 20px 30px; float: left; width: 100%; } */
div#yield {
padding: 0px 0px 20px 20px; float: left; width: 100%;
}
div#main_cnt { padding-left:660px; margin-top:10px; }
div#main_cnt .cnt_1 { color:#333333; font-size:14px; font-weight:bold; }
div#main_cnt .cnt_2 { color:#993300; font-size:14px; font-weight:bold; }
div#main_cnt .cnt_3 { color:#333333; font-size:12px; }
div.page_title { position: absolute; top: 0px; height: 70px; width: 680px; left: 210px; }
div.page_title div{ width: 680px; min-height: 70px; left: 210px; background: url("/images/pagetitle.gif") no-repeat; }
div.page_title h1 { padding: 27px 0px 10px 80px; color: #330000; font-size: 16px; }
div.page_title_blue div{ width: 680px; min-height: 70px; left: 210px; background: url("/images/pagetitle_blue.gif") no-repeat; }
div.page_title_blue h1 { padding: 27px 0px 10px 80px; color: #330000; font-size: 16px; }
div.no_background { background: none; }
div.sub_title { font-size: 14px; font-weight: bold; clear: both; margin: 25px 0px; border-bottom: 2px solid #DEDEA4; width: 680px;}
div.sub_title img { margin-right: 10px; vertical-align: middle;}
div.sub_title h2 { font-size: 16px; color: #777; padding: 5px 10px;
}
div.loader { padding: 10px;}
/* FLASH */
div.flash { width: 680px; padding: 15px; float: left; }
div.flash p { padding-left: 80px; line-height: 20px; }
div.flash p.notice { color: green; background: url(/images/icons/traffic/traffic_light_green.gif) no-repeat; }
div.flash p.warning { color: #FFA500; background: url(/images/icons/traffic/traffic_light_yellow.gif) no-repeat; }
div.flash p.error { color: #8B0000; background: url(/images/icons/traffic/traffic_light_red.gif) no-repeat; }
div.flash p a { text-decoration: underline; }
/* SERVICE & REQUESTS */
div.calendar_row { float: left; width: 100%; }
div.calendar_row div.date_holder { float: left; width: 200px; }
div.calendar_row div.calendar { float: left; width: 50px; padding: 0px; }
/* PROFILE */
div.prof { padding: 0px; width: 680px;}
/*
div.prof .col_b { width: 340px; line-height: 20px; padding: 0px 15px; float: right; }
div.prof .col_b table { width:340px; }
*/
div.prof .prof_top { width: 100%; float: left; line-height: 25px;}
div.prof .prof_top a:hover { text-decoration: underline; }
div.prof .specs { width: 100%; float: left; font-size: 11px; }
div.prof .specs td, div.prof .specs th { padding: 2px 0px; border: none; font-weight: inherit; text-align: inherit; }
div.prof .specs a { color: #0077E6; }
div.prof .specs a:hover { text-decoration: underline; }
div.prof div.left { width:320px; padding:0 10px; overflow: hidden; }
div.prof div.right { width:340px; line-height: 19px;}
div.prof table { width:100%; }
div.prof div.right th, div.prof div.right td { border:1px solid #D6D4AA; padding:10px; text-align:left; }
div.prof div.right th { width:100px; background-color:#FBF7D7; font-weight:normal; }
div.prof div.left th, div.prof div.left td { padding: 3px 5px; }
div.voice { padding: 10px 0 0; }
/* TABS */
div.tabs {
}
div.tabs div.tab {
}
/* PROFILE HORIZONTAL */
div.ov_rec { background: url('/images/overlay_recommended.gif') no-repeat; width: 60px; height: 60px; position: absolute; top: -5px; left: -20px; }
div.ov_new { background: url('/images/overlay_new.gif') no-repeat; width: 45px; height: 45px; position: absolute; top: 6px; left: 1px; }
/* New seals */
div.medal { width: 35px; height: 59px; position: absolute; top: -2px; left: -15px; }
div.overlay_highly_recommended { background: url('/images/seal_highly_recommended.png') no-repeat; }
div.overlay_premium { background: url('/images/seal_premium.png') no-repeat; }
div.overlay_top_ranking { background: url('/images/seal_top_ranking.png') no-repeat; }
/*
div.overlay_highly_recommended { background: url('/images/seal_highly_recommended.png') no-repeat; width: 35px; height: 59px; position: absolute; top: -3px; left: -15px; }
div.overlay_premium { background: url('/images/seal_premium.png') no-repeat; width: 35px; height: 59px; position: absolute; top: -3px; left: -15px; }
div.overlay_top_ranking { background: url('/images/seal_top_ranking.png') no-repeat; width: 35px; height: 59px; position: absolute; top: -3px; left: -15px; }
*/
div.overlay_new { background: url('/images/seal_new.png') no-repeat; width: 45px; height: 45px; position: absolute; top: 6px; left: 1px; }
div.available_time { font-family: Courier New; font-size: 11px; color: #000; }
div.profiles div.line { border-bottom: 1px dashed #DEDEA4; }
div.profiles div.links div { float: right; }
div.profiles div.links div.regist { margin-top:6px; margin-left:10px; }
div.profiles div.links div.trial { background: url('/images/overlay_trial.gif') no-repeat; height:30px; width:80px; text-align:center; padding-top:6px;}
div.profiles { margin-bottom: 20px; float: left;}
div.profiles div.item { position: relative; line-height: 18px; width: 680px; border-top: 1px dashed #DEDEA4; float: left; }
div.profiles div.item div.links { position: absolute; top: 0px; right: 0px; padding: 5px;}
div.profiles div.item div.crud { position: absolute; top: 0px; right: 0px; padding: 5px;}
div.profiles div.narrow { width: 340px;}
div.profiles div.item_inner { padding: 5px 0px; }
div.profiles div.item div.segment { padding-right: 10px; float: left;}
div.profiles div.item div.segment h3.title { word-wrap: break-word; width:400px; height:35px; }
div.profiles div.item div.segment div.title { word-wrap: break-word; width:400px; height:20px; font-size: 14px; color:#000000; font-weight:bold; }
div.profiles div.item div.small { width: 120px; }
div.profiles div.item div.medium { width: 400px; }
div.profiles div.item div.large { width: 530px;}
div.profiles div.item div.full { width: 680px;}
div.profiles div.item div.specs { font-size: 10px; color: #797979; }
div.profiles div.item div.catch { font-weight: bold; font-size: 12px; }
div.profiles div.item div.description { font-size: 12px; padding: 3px 0px 5px 0px; }
div.profiles div.item div.name { padding-top: 5px; font-weight: bold; }
div.profiles span.small {font-size:10px;}
a.reserve { text-align: center; display: block; width: 110px; height: 24px; line-height: 24px; font-size: 11px; color: #FFF; background: url('/images/icons/reserve.gif') no-repeat top; }
a.reserve:hover { background: url('/images/icons/reserve.gif') no-repeat bottom; }
div.service_item h3 {line-height: 20px; }
div.item h3 a { font-size: 14px; color: #000; }
div.profiles div.o { /* background: #F5F5E2; */ background: #DEDEA4; }
div.profiles div.e { }
div.profiles div.links a { display: block; padding: 1px 3px; font-size: 10px; color: #FFF;}
div.profiles div.a div.links a { background: #E67399; /* dark pink */ }
div.profiles div.b div.links a { background: #797979; /* charcoal blue */}
div.profiles div.c div.links a { background: #BFBF4D; /* moss green */}
div.profiles div.d div.links a { background: #F2A640; /* orange */}
div.profiles div.a div.links a:hover { background: #DD4274; /* v dark pink */ }
div.profiles div.b div.links a:hover { background: #494949; /* v charcoal blue */}
div.profiles div.c div.links a:hover { background: #969636; /* v moss green */}
div.profiles div.d div.links a:hover { background: #FF6600; /* v orange */}
div.profiles div.a a.framed img { padding: 2px; border:2px solid #E67399; }
div.profiles div.b a.framed img { padding: 2px; border:2px solid #797979; }
div.profiles div.c a.framed img { padding: 2px; border:2px solid #BFBF4D; }
div.profiles div.d a.framed img { padding: 2px; border:2px solid #F2A640; }
/* PRO PROFILE BOX */
div.profiles dl { float:left; width: 148px; height:200px; margin:3px; padding:7px; border:1px solid #CCCCCC; }
div.profiles dt { text-align:center; height:144px; }
div.profiles .name { overflow: hidden; }
div.profiles dt div.pic { position:relative; margin:0 17px; height:110px; }
div.profiles dt div.pic div.ov_new { top: 0; left: 5px; }
div.profiles dt div.pic div.ov_rec { top: -18px; left: -34px; }
div.profiles dt div.rating { margin:0 27px; }
div.profiles dd { line-height: 150%; padding:5px 0 0; overflow: hidden; height:53px; }
/* SEVICE PROFILE BOX */
div.services dt { height:124px; }
div.services dd { height:73px; }
div.pickup dl { background: #FFF8E7; }
div.coupon { padding-right: 10px; float: left;}
div.coupon div.in { width: 300px; position: relative; border: 1px dashed #969636; padding: 10px; float: left; }
div.coupon h3 { font-family: Verdana; font-size: 40px; line-height: 50px; }
div.coupon div.crud { position: absolute; top: 0px; right: 0px; padding: 5px;}
h2.col_title { font-size: 18px; display: block; float: left; position: relative; border-bottom: 2px solid #DEDEA4; padding-bottom: 5px; margin-bottom: 10px;}
h2.col_title span { position: absolute; bottom: 0px; right: 0px; padding: 1px;}
h2.col_title span.col_title_s { position: relative; padding:0 0 0 10px; font-size:12px;}
h2.col_title span a { display: block; text-align: right; width: 80px; font-size: 10px; padding-top: 2px;}
h2.col_title img { margin-right: 5px;}
div.notifications { float: left; }
div.notifications ul { padding-left: 20px; }
div.notifications li { line-height: 20px; list-style-image: url(/images/icons/cup.gif); }
.today { background-color: #F2F5A9; }
/* PROFILE obsolete */
div.profile { line-height: 18px; padding: 0px 15px; }
div.profile span.subtext { padding: 7px 0px; font-size: 10px; }
div.profile td{ padding: 5px; }
div.profile_links { line-height: 23px; }
div.profile_links a { text-decoration: none; }
/* PROFILE service pickup */
div.pickup { background: #FFF8E7; width:700px; }
div.pickup div.sponsored { float:right; font-size:11px; margin:5px 5px 1px 0; width:680px; text-align:right; padding:0 20px 0 0; }
/* RATING */
div.rating { height: 20px; width: 100px; background: url(/images/css/rating_gray.gif) left no-repeat; }
div.rating span { display: block; height: 20px; background: url(/images/css/rating.gif) left no-repeat; }
/* BUTTONS */
/* http://www.sohtanaka.com/web-design/liquid-color-adjustable-css-buttons/
*/
.btn { float: left; /* clear: both; */ background: url(/images/css/btn_left.png) no-repeat; padding: 0 0 0 10px; margin: 5px 5px; }
.btn a{ float: left; height: 40px; background: url(/images/css/btn_stretch.png) repeat-x left top; line-height: 40px;
padding: 0 10px; color: #fff; font-size: 1em; text-decoration: none; }
.btn span { background: url(/images/css/btn_right.png) no-repeat; float: left; width: 10px; height: 40px; }
.btn_register { background-color: #ADCE28; }
.btn_edit { background-color: #ADCE28; }
.btn_back { background-color: #ADCE28; }
.btn_new { background-color: #ADCE28; }
.btn_destroy { background-color: #666; }
.btn_dangerous { background-color: red; }
.btn_learnmore { background-color: orange; }
/* All of button arrange by bluesky.sora@gmail.com started at 2010/06/18 ~ */
/* Choice button class by thinking about how can make Simplest code */
/* Normal input button */
.btn_box { text-align:center; } /* 1 */
.btn_box input { height:40px; padding:0 15px; }
.btn_default { height:40px; padding:0 15px; } /* 2 */
.btn_form_submit { height:40px; padding:0 15px; } /* 3 */
/* button button which made by div and span tag */
.btn_box_in_div {
margin-left:230px; /* two button to middle */
}
.btn_box_in_div .btn_href {
float: left;
background: url(/images/css/btn_left.png) no-repeat;
padding: 0 0 0 10px;
margin: 5px 5px;
background-color:#ADCE28; /* button color deep green */
}
.btn_box_in_div .btn_href_grey {
float: left;
background: url(/images/css/btn_left.png) no-repeat;
padding: 0 0 0 10px;
margin: 5px 5px;
}
.btn_box_in_div .btn_href:hover,
.btn_box_in_div .btn_href_grey:hover {
background-color:#3a62c7; /* button color deep green */
}
.btn_box_in_div .btn_href a,
.btn_box_in_div .btn_href_grey a {
float: left;
height: 40px;
background: url(/images/css/btn_stretch.png) repeat-x left top;
line-height: 40px;
padding: 0 10px;
color: #fff;
font-size: 1em;
text-decoration: none;
}
.btn_box_in_div .btn_href span,
.btn_box_in_div .btn_href_grey span {
background: url(/images/css/btn_right.png) no-repeat;
float: left;
width: 10px;
height: 40px;
}
/* Google imageless button CSS */
.goog-inline-block {
display:inline-block;
position:relative;
}
.goog-imageless-button {
cursor:pointer;
background:none repeat scroll 0 0 #E3E3E3; /* button bottom bg color */
border-color:#BBBBBB; /* button top and bottom line color */
border-style:solid;
border-width:1px 0;
color:#222222;
cursor:default;
font-family:Arial,sans-serif;
line-height:0;
list-style:none outside none;
margin:2px;
outline:medium none;
padding:0;
text-decoration:none;
vertical-align:middle;
}
.goog-imageless-button:hover {
border-color:#666666; /* button top and bottom line color */
}
.goog-imageless-button-outer-box {
border-color:#BBBBBB; /* button left and right line color */
border-style:solid;
border-width:0 1px;
left:-1px;
margin-right:-2px;
}
.goog-imageless-button-outer-box:hover {
border-color:#666666; /* button top and bottom line color */
}
.goog-imageless-button-top-shadow {
background:none repeat scroll 0 0 #F9F9F9; /* button top bg color */
border-bottom:3px solid #EEEEEE; /* button center bg color */
line-height:9px; /* pos center bg */
margin-bottom:-12px; /* pos center bg */
}
.goog-imageless-button-content {
color:#222222;
font-size:16px; /* font size: default 16 */
/*font-weight:bold; /* for multibyte string */
padding:1px 8px;
line-height:1.5em;
padding:0 4px;
text-align:center;
}
.goog-imageless-button-content a {
cursor:default;
color:#666666;
}
.goog-imageless-button-content a:hover {
color:#333333;
}
/* Link for AJAX */
.active_link {
}
.active_link a {
font-size:larger;
color:#03F;
font-family:Arial,sans-serif;
text-decoration:underline;
}
.active_link a:hover {
color:#00F;
}
/* PAGINATOR */
.paginator { width:100%; text-align:center; margin:10px 0; padding:1px 0; color: #999; font-size: 12px; float:left; clear:both; }
.paginator a{ color: #333; background:#FFFFDD; border:solid 1px #D7E366; padding:2px 6px; text-decoration: none; }
.paginator a:hover{ color:#FFF; background:#D7E366; }
.paginator .currentPage{ padding:2px 6px; font-weight:bold; color:#999; }
/* Mail */
table.msg_detail h1 { font-size: 18px; width: 90%; border: 2px solid #666; padding: 10px; margin-bottom: 10px; }
table.msg_detail h2 { font-size: 14px; }
table.msg_detail h3 { font-size: 12px; }
table.msg_detail a { color: #0077E6; text-decoration: underline; }
/* FOOTER SECTION */
div#t_footer { background: #705B35; width: 100%; float: left; }
div#t_footer div.left { float: left; padding: 20px 0px 10px 20px; color: #FFF; }
div#t_footer div.left a { color: #FFF; }
div#t_footer div.right { float: right; padding: 10px;}
div#b_footer { float: left; padding: 5px 0px; color: #666; }
div#b_footer_globalsign { float: left; padding: 5px 0px 5px 50px; }
div#add_memo { padding-bottom: 10px; }
div.memo { width: 90%; line-height: 18px; padding: 8px 0px; border-top: 1px dashed #AAA; }
div.memo span { color: #888; font-size: 10px; }
div.prof_list {
}
div.prof_list h2 {
padding: 5px;
margin: 20px 0px;
padding-left: 20px;
border-left: 10px solid #ADCE28;
font-size: 14px;
}
div.prof_list h2 span a {
font-size: 10px;
float: right;
font-weight: normal;
padding-left: 20px;
background: url(/images/arrow_s.gif) no-repeat scroll left center;
}
div.sample_image { margin: 2px; float: left; padding: 2px; text-align: center; }
div.sample_image input { margin: 3px; }
.help_icon { padding: 0 5px; }
.help_box { background-color: #FFF; border: 3px solid #ABBBDC;}
.help_box td { padding: 10px;}
.help_font { font-size: 12px; color: #333; }
.profile_appeal {
padding: 0 0 30px 0;
}
.rate{
display:block;
text-indent:-999em;
width:30px;
height: 30px;
}
.rate-good { background:transparent url(/images/icons/feedback.gif) no-repeat left top;}
.rate-usual { background:transparent url(/images/icons/feedback.gif) no-repeat center top;}
.rate-bad { background:transparent url(/images/icons/feedback.gif) no-repeat right top; }
.rate_small{
display:block;
text-indent:-999em;
width:25px;
height: 25px;
}
.rate-good_small { background:transparent url(/images/icons/feedback_small.gif) no-repeat left top;}
.rate-usual_small { background:transparent url(/images/icons/feedback_small.gif) no-repeat center top;}
.rate-bad_small { background:transparent url(/images/icons/feedback_small.gif) no-repeat right top; }
div.top_cats { float:left; padding:0 20px 20px; width:900px; }
div.top_cats h2 { width:900px; }
div.top_cats ul {
float:left;
list-style-type: none;
}
div.top_cats li { float:left; height:10px; padding:5px 0; width:300px; }
div.top_cats li a { color:#5D5D5D; }
ul.services div.item { float: none; padding:5px 0; }
ul.services div.item span.segment { float: none; }
ul.services div.item span.small { width: 120px; }
ul.services div.item span.medium { width: 400px; }
ul.services div.item span.large { width: 530px;}
.avoid_btn {
width:460px;
}
.onoffline {
background:url(../images/barShadowHorizon.png) 0px 10px no-repeat;
position:absolute;
left:690px;
margin-top:20px;
padding-left:40px;
min-height:200px;
}
.onoffline .status {
background:url(/images/onoffline.png) no-repeat;
width:204px;
height:58px;
}
.onoffline .status_on {
background:url(/images/onoffline.png) 0px -58px no-repeat;
}
.onoffline .status_text {
text-align:right;
width:200px;
margin-bottom:10px;
}
.onoffline .onoff_btn {
width: 206px; height: 51px;
display: block;
margin-right: 10px;
margin-top:10px;
}
.onoffline .onoff_btn_en {
background:url(/images/en/onlineBtn.png) no-repeat;
}
.onoffline .onoff_btn_ja {
background:url(/images/ja/onlineBtn.png) no-repeat;
}
.onoffline .onoff_btn_zh {
background:url(/images/zh/onlineBtn.png) no-repeat;
}
.onoffline .onoff_btn_on {
background-position: 0px 0px;
}
.onoffline .onoff_btn_off {
background-position: 0px -51px;
}
.onoffline .onoff_btn_chat {
background-position: 0px -102px;
}
/* --- Online pro & chat button --- */
.online_pro_title {
padding:5px 0 7px 4px;
}
.online_pro {
background:#ffffff;
height:54px;
width:200px;
padding:6px;
border:1px solid #bebebe;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
box-shadow: 0px 0px 7px #999;
-moz-box-shadow: 0px 3px 7px #999;
-webkit-box-shadow: 0px 0px 7px #999;
float:left;
margin-right:13px;
margin-bottom:15px;
}
.online_pro_pic {
float:left;
}
.online_pro_name {
}
.online_pro_tools {
margin-top:3px;
/* text-align:center;*/
}
.online_pro_tools a {
text-decoration:underline;
}
.online_pro_chat_btn {
text-align:center;
border:1px solid #bebebe;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
color:#ffffff;
margin:5px 5px 5px 60px;
width:100px;
display:block;
}
.online_pro_chat_btn:hover {
}
.chat_btn_blue {
background:#4863a8;
}
.chat_btn_blue:hover {
background:#132b69;
}
.chat_btn_red {
background:#a63c3c;
}
.chat_btn_grey {
background:#b0b0b0;
}
.cafetalk_is {
color:#333;
width:520px;
font-weight:bold;
}
.cafetalk_is h2 {
font-size:24px;
margin-bottom:10px;
}
.cafetalk_is p {
font-size:16px;
line-height:26px;
}
.cafetalk_is span {
color:#ee8620;
font-weight:bold;
text-decoration:underline;
}
.about_cost {
width:482px;
margin-top:6px;
padding:5px 15px;
border:4px solid #e99643;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
margin-bottom:15px;
color:#333;
background:#fff3e7;
}
.about_cost p {
font-size:14px;
line-height:22px;
text-shadow:#ffffff 1px 1px 0px;
}
.about_cost span {
font-weight:bold;
}
.online_pros_iframe {
width:520px;
}
.online_pros_iframe h2 {
margin-bottom:10px;
}