* {margin:0; padding:0;}
html,body {font-family:Trebuchet MS, Helvetica, Sans-Serif; color:#434343; font-size:11px; height:100%; background:#ececec}
.building {width:100%; margin:0 auto;min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -230px; padding:0 0}
.wrapper {width:1000px; margin:auto; position:relative}
h1, h2, h3, h4, h5, ul, li, table, form{margin:0; padding:0; list-style:none}
.clear {clear:both; line-height:0; height:0; font-size:0}
.border_h {height:1px; background:url(/images/dotted_h.gif) repeat-x}
a { cursor:pointer;color:#434343}
a img {border:none}
a:hover { text-decoration:none}
select {font-size:11px; padding:2px}
input.checkbox, input.radio {margin:0 2px; float:left}
html>body input.checkbox, html>body input.radio {margin:3px 5px; *margin:0 2px}
input.txt {border:1px solid #b5b5b5; padding:3px; font-size:14px}
select {border:1px solid #b5b5b5; padding:3px; font-size:14px}
.block { display:block; padding:5px 0}
.center { text-align:center}
.note {color:#8b8b8b; font-size:11px; display:block; padding-top:5px; line-height:14px; width:531px; text-align:justify}

a.btn {background:url(/images/submenu_btn.gif) no-repeat 0 -90px; padding-left:16px; font-size:14px;color:#434343; text-decoration:none; line-height:25px; float:left; white-space:nowrap; margin:0px 5px 0 0; }
a.btn span {float:left; font-size:12px; font-weight:bold}
a.btn .tail{background:#fff url(/images/submenu_btn.gif) no-repeat right -90px; padding: 0 3px 0 10px}
a.btn:hover {background-position: 0 -120px}
a.btn:hover .tail{background-position:right -120px}
a.btn .no_icon {padding-left:2px}

.paging {height:27px; background:#fff url(/images/submenu_btn.gif) no-repeat 0 -90px; padding-left:6px;font-size:11px; font-weight:bold; color:#434343; text-decoration:none; line-height:25px; float:left; white-space:nowrap; margin:0px 5px 0 0; }
.paging .tail{background:#fff url(/images/submenu_btn.gif) no-repeat right -90px; padding: 0 3px 0 1px; float:left}
.paging a{text-decoration:none; float:left; padding:0 7px; color:#999}
.paging a:hover, .paging .on{color:#434343}
.paging span{float:left; padding:0 3px 0 7px}
.maincontent .paging .icon_more, .maincontent .paging .icon_prev {margin-right:0px; padding:0px}
.paging_txt {margin: 5px; float: left;}

/*--- Top ---*/
#top {background:#fff; height:110px}
#top .left_side {padding:35px 0 0 5px; float:left}
#top .right_side {float:right; width:258px; padding:0px; height:110px; overflow:hidden}
#top .logo {background:url(/images/logo.gif) no-repeat; width:117px; height:35px; float:left; margin-right:22px}
#top .logo_title {color:#a2a2a2; font-size:13px; line-height:42px; letter-spacing:1px}
.nav {height:20px; margin-bottom:35px; text-align:right; margin-top:20px; color:#a2a2a2; float:right; line-height:20px}
.nav a{color:#a2a2a2; text-decoration:none}
.nav .icon_clock {background:url(/images/header_icon_w.gif) no-repeat 0px -262px; height:18px; width:20px; float:left; margin-right:2px; line-height:0}

#menu li {float:left}
#menu li a, #menu li span {float:left; margin-left:1px; height:35px}
#menu li .btn_adv{background:url(/images/menu.gif) no-repeat -200px 0; width:128px}
#menu li.on a.btn_adv, #menu li a.btn_adv:hover {background-position:0 0}
#menu li .btn_pub{background:url(/images/menu.gif) no-repeat -200px -50px; width:128px}
#menu li.on a.btn_pub, #menu li a.btn_pub:hover {background-position:0 -50px}
#menu li .btn_a_traffic{background:url(/images/menu.gif) no-repeat -200px -100px; width:158px}
#menu li.on a.btn_a_traffic, #menu li a.btn_a_traffic:hover {background-position:0 -100px}
#menu li .btn_a_keyword{background:url(/images/menu.gif) no-repeat -200px -150px; width:181px}
#menu li.on a.btn_a_keyword, #menu li a.btn_a_keyword:hover {background-position:0 -150px}

/*--- Header ---*/
#header {background: url(/images/header_bg.gif) repeat center center; padding:15px 0 10px}
.submenu a{background:none; padding-left:10px; font-size:14px;color:#fff; font-weight:bold; text-decoration:none; line-height:27px; float:left; margin-right:3px; color:#bdbdbd; position:relative}
.submenu a span {float:left}
.submenu a .tail{background:none; float:left; padding:0 2px}
.submenu a.on, .submenu a:hover {background: url(/images/submenu_btn.gif) no-repeat; color:#fff}
.submenu a.on .tail, .submenu a:hover .tail{background: #555555 url(/images/submenu_btn.gif) no-repeat right top}
.submenu a.right, .submenu span.right  {float:right; margin-left:3px; margin-right:0; margin-left:10px}
.submenu span.comesoon {cursor:default; background:none; padding-left:10px; font-size:14px;color:#bdbdbd; font-weight:bold; line-height:27px; margin-right:10px; position:relative}
.submenu span.comesoon .icon_comesoon{position:absolute; top:-5px; right:0px; float:left; background:url(/images/coomingsoon.gif) no-repeat; height:12px; width:60px; display:none}
.submenu .icon_byinvitation{position:absolute; top:-5px; right:0px; float:left; background:url(/images/byinvitation.gif) no-repeat; height:12px; width:60px; display:none}

.submenu .icon_new{position:absolute; top:-5px; right:-5px; float:left; background:url(/images/bubble_new.gif) no-repeat; height:12px; width:29px; }

.submenu span.comesoon.hover .icon_comesoon{display:block}
.submenu a .icon_user {background:url(/images/header_icon.gif) no-repeat -23px top; height:16px; width:16px; float:left; margin-top:5px; margin-right:5px}
.submenu a.on .icon_user, .submenu a:hover .icon_user {background-position: -3px top}
.submenu a .icon_close {background:url(/images/header_icon.gif) no-repeat -20px -20px; height:20px; width:20px; float:left; margin-top:4px; margin-left:15px}
.submenu a.on .icon_close, .submenu a:hover .icon_close {background-position: 0 -20px}
.submenu a .icon_open {background:url(/images/header_icon.gif) no-repeat -20px -40px; height:20px; width:20px; float:left; margin-top:4px; margin-left:15px}
.submenu a.on .icon_open, .submenu a:hover .icon_open {background-position: 0 -40px}
.submenu a .icon_untrustedUser{background-position: -23px -422px}
.submenu a.on .icon_untrustedUser,.submenu a:hover .icon_untrustedUser{background-position: -3px -422px}

.expandbox {margin:auto; width:1000px; padding-top:5px; position:relative; margin-top:-32px; float:left}
html>body .expandbox {margin:0}
.expandbox .submenu {position:relative}
html>body .expandbox .submenu {position:absolute; top:-27px; right:0}
.expandbox_main {background:#3a3a3a; width:999px; float:left; margin-left:1px;}
.expandbox_top {background:url(/images/expandbox_top.gif) no-repeat; float:left; height:6px; line-height:0; font-size:0; width:999px; float:left; margin-left:1px}
.expandbox_bottom {background:url(/images/expandbox_bottom.gif) no-repeat; float:left; height:6px; line-height:0; font-size:0; width:999px; float:left; margin-left:1px}
.expandbox .submenu a.open, .expandbox .submenu a.open:hover{background:#555555 url(/images/submenu_exp_l.gif) no-repeat; height:33px; color:#fff}
.expandbox .submenu a.open .tail, .expandbox .submenu a.open:hover .tail{background:#555555 url(/images/submenu_exp_r.gif) no-repeat right top}
.expandbox .submenu a.open .icon_close {background:url(/images/header_icon.gif) no-repeat 0px -20px;}
.expandbox .submenu a.open .icon_user {background:url(/images/header_icon.gif) no-repeat -3px top}
.expandbox .submenu a.open .icon_untrustedUser {background:url(/images/header_icon.gif) no-repeat -3px -422px}

.expandbox .data_box {float:left; color:#fff; font-size:14px}
.expandbox .data_box .text { border:1px solid #9d9d9d; padding:3px; background:#3a3a3a; color:#fff; margin-right:15px}
.expandbox table{margin:5px 0}
.expandbox td {padding:0 12px; float:left; background:url(/images/dotted_v.gif) repeat-y right top}
.expandbox td.noborder {background:none}
.expandbox .icon_warning {background:url(/images/header_icon.gif) no-repeat 0px -60px; height:20px; width:20px; float:left; margin-top:0;margin-left:2px;}
.expandbox .icon_cart {background:url(/images/header_icon.gif) no-repeat 0px -80px; height:20px; width:20px; float:left; margin-right:2px; margin-top:3px; line-height:0}
.expandbox .icon_create {background:url(/images/header_icon.gif) no-repeat 0px -100px; height:20px; width:20px; float:left; margin-right:2px; margin-top:3px; line-height:0}
.expandbox .icon_url {background:url(/images/header_icon.gif) no-repeat 0px -120px; height:20px; width:20px; float:left; margin-right:2px; margin-top:3px; line-height:0}
.expandbox .icon_money {background:url(/images/header_icon.gif) no-repeat 0px -140px; height:20px; width:20px; float:left; margin-right:2px; margin-top:3px; line-height:0}
.expandbox .icon_login {background:url(/images/header_icon.gif) no-repeat 0px -220px; height:20px; width:20px; float:left; margin-right:2px; margin-top:3px; line-height:0}
.expandbox .icon_forpsw {background:url(/images/header_icon.gif) no-repeat 0px -200px; height:20px; width:20px; float:left; margin-right:2px; margin-top:3px; line-height:0}
.expandbox h1 {font-size:14px; color:#c0c0c0; float:left; padding-bottom:4px;}
.expandbox h1 .login_swap { font-size:11px; font-weight:normal; padding-left:5px;}
.expandbox h1 .login_swap a { color:#c0c0c0; text-decoration:none;}
.expandbox h1 .login_swap a:hover { color:#fff;}
.expandbox h2 {font-size:42px; color:#fff; float:left}
.expandbox h2 .large {float:left; line-height:35px; letter-spacing:-1px}
.expandbox h2 .s_money {float:left; font-size:20px; float:left}
.expandbox h2 .lower {float:left; font-size:11px; margin-top:20px; margin-left:5px; padding-right:10px; font-weight:normal}
.expandbox a.btn {background:#4C4C4C url(/images/submenu_btn.gif) no-repeat 0 -30px; margin:10px 0 0 5px; color:#fff; padding-left:8px;}
.expandbox a.btn .tail{background:#4C4C4C url(/images/submenu_btn.gif) no-repeat right -30px; padding: 0 2px; line-height:inherit; height:25px;}
.expandbox a.btn:hover {background-position: 0 -60px}
.expandbox a.btn:hover .tail{background-position:right -60px}
.expandbox a.btn.org {background:#3A3A3A url(/images/submenu_btn.gif) no-repeat 0 -200px; margin:10px 0 0 5px; color:#9e4904; padding-left:18px;}
.expandbox a.btn.org .tail{background:#3A3A3A url(/images/submenu_btn.gif) no-repeat right -200px; padding: 0 7px}
.expandbox a.btn.org:hover {background-position: 0 -230px}
.expandbox a.btn.org:hover .tail{background-position:right -230px}

.sysmsg {color:#bdbdbd; background:url(/images/expandbox_sysmsg.gif) no-repeat center top; position:relative; margin:4px 0; padding-top:5px}
.sysmsg .tail {height:6px; line-height:0px; font-size:0px; background:url(/images/expandbox_sysmsg.gif) no-repeat center bottom;}
.sysmsg p {margin:0px 10px 0 50px}
.sysmsg .icon {position:absolute; left:0px; top:4px; height:20px; width:20px; background:url(/images/header_icon.gif) no-repeat left top; margin-left:25px}
.sysmsg .icon_error { background-position: -20px -280px}
.expandbox .sysmsg .btn {position:absolute; right:25px; top:0px; background-position:0 -380px}
.expandbox .sysmsg .btn .tail {padding:0 4px; background-position:right -380px}
.expandbox .sysmsg a.btn:hover{background-position:0 -410px}
.expandbox .sysmsg a.btn:hover .tail{background-position:right -410px}

/*--- main ---*/
#main {background:#ececec; padding:10px 0; position:relative}
.mainbox {background:url(/images/boxbg_w.gif) repeat-y}
.mainbox .maincontent {padding:20px 20px 15px; position:relative; float:left}
html>body .mainbox .maincontent {float:none}
.mainbox .mainbox_top {background:url(/images/boxtop_w.gif) no-repeat; height:12px; line-height:0; font-size:0 }
.mainbox .mainbox_bottom {background:url(/images/boxbottom_w.gif) no-repeat; height:12px; line-height:0; font-size:0 ; clear:both}
.mainbox .mainbox_top_b {background:url(/images/boxtop_b.gif) no-repeat; height:12px; line-height:0; font-size:0 }
.mainbox .mainbox_bottom_b {background:url(/images/boxbottom_b.gif) no-repeat; height:12px; line-height:0; font-size:0 }
.mainbox .headerbox_b {background:url(/images/boxbg_b.gif) repeat-y; padding:6px 18px 13px; float:left; width:964px}
.mainbox .headerbox_b h1{color:#434343; font-weight:bold; font-size:19px; float:left; height:27px; letter-spacing:-1px}
.mainbox .headerbox_b h1 span {color:#666; letter-spacing: 0px; line-height: 8px; font-size: 16px;padding:2px}
.mainbox .headerbox_b .select_menu {float:right; width:100%}
.mainbox .headerbox_b .select_menu a {background:#fff; border:1px solid #e0e0e0; padding:2px 15px; font-size:16px; color:#434343; text-decoration:none; float:left; position:absolute; top:14px; right:18px; height:22px; font-weight:bold}
html>body .mainbox .headerbox_b .select_menu a {top:18px}
.mainbox .headerbox_b .select_menu a.payment {top:71px;}
html>body .mainbox .headerbox_b .select_menu a.payment {top:73px}
.mainbox .headerbox_b .select_menu a.open {border-bottom:none; }
.mainbox .headerbox_b .select_menu a.close {border-bottom:1px solid #e0e0e0;}
.mainbox .headerbox_b a span {float:left}
.mainbox .headerbox_b .icon_arrow {background:url(/images/main_icon.gif) no-repeat left 8px; height:20px; width:13px; margin-left:100px}
.mainbox .headerbox_b a.close .icon_arrow {background-position: left -12px}
.mainbox .headerbox_b .selectbox_content {border:1px solid #e0e0e0; margin-top:-5px; background:#fff; padding:10px 15px; float:left; width:932px}
html>body .mainbox .headerbox_b .selectbox_content {margin-top:-1px;}
.mainbox .headerbox_b .select_date {padding:0 50px 10px 0; float:left;}
.mainbox .headerbox_b .select_spec {padding:0 0 10px 0; float:left}
.mainbox .headerbox_b h2 {font-size:12px; padding-bottom:5px}
.mainbox .headerbox_b .select_date .to {padding:0 10px; font-weight:bold}
.mainbox .header_right {float:right}
.mainbox .header_right h2 {font-size:16px; padding-top:3px; padding-bottom:0}
.mainbox .header_right h2 a { text-decoration:none}
.mainbox .header_right h2 a:hover { text-decoration:underline}
.mainbox .select_view {float:right; margin:10px 0 0}

/*--- CostBox ---*/
.costbox {border:1px solid #e0e0e0; padding:10px; margin-bottom:10px; position:relative}
.costbox table {float:left}
.costbox .data_box {float:left}
.costbox h1 {float:left;font-size:14px;font-weight:normal;padding-bottom:4px;}
.costbox h2 {font-size:38px; float:left}
html>body .costbox h2 {font-size:40px;}
.costbox h2 .large { letter-spacing:-1px; line-height:35px}
.costbox h2 .s_money {font-size:x-large; float:left}
.costbox h2 .lower {float:left; font-size:11px; margin-top:20px; margin-left:5px; padding-right:10px; font-weight:normal}
.costbox td {background: url(/images/dotted_v.gif) repeat-y right top;float:left;padding:5px 20px 5px 12px;}
.costbox td.noborder {background:none}
.costbox .ttl_cost {float:left; background:#f2f2f2; padding:9px 5px 0; height:65px; color:#04575f}
.costbox .ttl_cost_l {background:url(/images/ttl_cost_bg.gif) no-repeat left top; width:10px; height:74px; float:left}
.costbox .ttl_cost_r {background:url(/images/ttl_cost_bg.gif) no-repeat right top; width:10px; height:74px; float:left}

.view_campaign {background:#eee; padding:5px 5px; margin-bottom:10px; /*float:left;*/ width:949px; position:relative}
.view_campaign h1 {color:#434343; font-weight:bold; padding-right:10px; font-size:12px; float:left; line-height:20px; position:relative}
.view_campaign label {padding-right:18px; float:left; line-height:19px}
.view_campaign .data_box {background: url(/images/dotted_v.gif) repeat-y right top; float:left; padding-left:10px; margin-top:3px;}
.view_campaign .noborder {background:none}
.view_campaign a.btn {background-position:left -322px; margin-top:2px; line-height:21px; margin-right:5px}
.view_campaign a.btn span {padding: 0 4px 0 5px}
.view_campaign a.btn .tail {background-position:right -322px}
.view_campaign a.btn:hover {background-position:left -352px; margin-top:2px; line-height:21px; }
.view_campaign a.btn:hover .tail {background-position:right -352px}

.table_list {border:1px solid #cccccc; position:relative}
.table_list td a:hover span { text-decoration:underline}
.table_list td a:hover span.icon { text-decoration:none}
.table_list table {width:100%}
.table_list th {background:#e2e2e2 url(/images/table_header.gif) repeat-x; padding:0px 0 8px 6px;}
.table_list th span, .table_list th a {line-height:19px; text-decoration:none; color:#434343; text-align:left}
.table_list .g_th{background-color:#f2f2f2;background-image:none;padding:8px 0 0px 6px}
.table_list td {padding:4px 0 4px 6px}
.table_list .first {padding-left:10px;}
.table_list .last {padding-right:20px;}
.table_list td span, .table_list td a{float:left; line-height:19px; text-decoration:none; color:#434343; font-weight:bold}
.table_list td span {float:none}
.table_list a.btn span {float:left; line-height:25px;color:#434343; }
.table_list a.btn:hover span{text-decoration:none}
.table_list td.center span, .table_list td.center a{float:none; text-align:center}
.table_list .odd td {background:#fff}
.table_list .even td{background:#edfbff}
.table_list .even td .btn .tail {background-color:#edfbff}
.table_list .over td {background:#c9f3ff; cursor:pointer}
.table_list .over td .btn .tail {background-color:#c9f3ff;}
.table_list .header a{padding-right:12px}
.table_list .header a:hover span {color:#888}
.table_list .headerSortDown a {background:url(/images/table_updown.gif) no-repeat right -20px;}
/*a.icon_arrow_down:hover {background-position:right 5px}*/
.table_list .headerSortUp a {background:url(/images/table_updown.gif) no-repeat right 5px;}
/*a.icon_arrow_up:hover {background-position:right -20px}*/
.table_list h5{font-size:9px; color:#999; line-height:9px; padding:0 0 3px 0}
.table_list .summary {font-size:10px; line-height:14px}

.table_list .running span, .table_list .running a{color:#434343; }
.table_list .paused span, .table_list .paused a{color:#9f9f9f; }
.table_list .ended span, .table_list .ended a{color:#0a98a5; }
.table_list .pending span, .table_list .pending a{color:#434343; }
.table_list .error span, .table_list .error a{color:#e65566; }
.table_list span.dollar {float:left; text-align:left; padding-right:20px}

.table_list .icon {float:left; height:20px; width:20px; background:url(/images/main_icon.gif) no-repeat left top; margin-right:5px}
.table_list .icon_running { background-position: left -40px}
.table_list .even .icon_running { background-position: -20px -40px}
.table_list .over .icon_running { background-position: -40px -40px}
.table_list .icon_paused { background-position: left -60px}
.table_list .even .icon_paused { background-position: -20px -60px}
.table_list .over .icon_paused { background-position: -40px -60px}
.table_list .icon_ended { background-position: left -80px}
.table_list .even .icon_ended { background-position: -20px -80px}
.table_list .over .icon_ended { background-position: -40px -80px}
.table_list .icon_pending { background-position: left -100px}
.table_list .even .icon_pending { background-position: -20px -100px}
.table_list .over .icon_pending { background-position: -40px -100px}
.table_list .icon_error { background-position: left -120px}
.table_list .even .icon_error { background-position: -20px -120px}
.table_list .over .icon_error { background-position: -40px -120px}
.table_list .icon_approved { background-position: left -80px}
.table_list .even .icon_approved { background-position: -20px -80px}
.table_list .over .icon_approved { background-position: -40px -80px}
.table_list .icon_approved { background-position: left -80px}
.table_list .even .icon_approved { background-position: -20px -80px}
.table_list .over .icon_approved { background-position: -40px -80px}
.table_list .icon_remove { background-position: left -200px}
.table_list .even .icon_remove { background-position: -20px -200px}
.table_list .over .icon_remove { background-position: -40px -200px}
.table_list .icon_invoice { background-position: left -260px}
.table_list .even .icon_invoice { background-position: -20px -260px}
.table_list .over .icon_invoice { background-position: -40px -260px}

.table_list .total td {padding:5px 0; background:#d3d3d3 none; font-size:13px; font-weight:bold;}
.table_list .total td.earn_total { padding-right:20px;}
.table_list .total td.imp_total {}

.table_list .sortable th {cursor:pointer}

/*--- View Invoice ---*/
.table_list td.invoice {width:110px;}
.table_list td.invoice a {color:#6b6d6d; font-weight:normal; text-decoration:underline;}
.table_list td.invoice a:hover { color:#0b4275; text-decoration:none; }
.mainbox .view_invoice .header_right h2 { color:#969696; font-size:15px; padding-right:5px;}
.mainbox .view_invoice h2 span { font-weight:normal;}

.maincontent .table_list .icon.setting { background-position: left -140px; margin-right:2px}
.maincontent .table_list .even .icon.setting { background-position: -20px -140px; margin-right:2px}
.maincontent .table_list .over .icon.setting { background-position: -40px -140px; margin-right:2px}
.maincontent .table_list .icon.cart { background-position: left -160px; margin-right:2px}
.maincontent .table_list .even .icon.cart { background-position: -20px -160px; margin-right:2px}
.maincontent .table_list .over .icon.cart { background-position: -40px -160px; margin-right:2px}

.btn_panel {padding:10px 0 30px}
.btn_panel .back_txtbtn{float:left;font-weight:bold;text-decoration:underline;font-size:12px;}
.maincontent a.btn {padding-left:8px}
.maincontent a.btn .txt{padding:0 10px}
.maincontent a.btn .print{padding:0 10px 0 0px;}
.maincontent a.btn .tail {padding-left:0px}
.maincontent .icon_new {background:url(/images/header_icon_g.gif) no-repeat 0px -100px; height:20px; width:20px; float:left; margin-right:5px; margin-top:3px; line-height:0}
.maincontent .icon_more {background:url(/images/header_icon_g.gif) no-repeat 0px -239px; height:20px; width:20px; float:left; margin-right:5px; margin-top:3px; line-height:0}
.maincontent .icon_prev {background:url(/images/header_icon_g.gif) no-repeat 0px -401px; height:20px; width:20px; float:left; margin-right:5px; margin-top:3px; line-height:0}
.maincontent .icon_back {background:url(/images/header_icon_g.gif) no-repeat 0px -380px; height:20px; width:20px; float:left; margin-right:5px; margin-top:3px; line-height:0}
.maincontent .icon_create {background:url(/images/header_icon_g.gif) no-repeat 0px -160px; height:20px; width:20px; float:left; margin-right:5px; margin-top:3px; line-height:0}
.maincontent .icon_save {background:url(/images/header_icon_g.gif) no-repeat 0px -160px; height:20px; width:20px; float:left; margin-right:5px; margin-top:3px; line-height:0}
.maincontent .icon_money {background:url(/images/header_icon_g.gif) no-repeat 0px -140px; height:20px; width:20px; float:left; margin-right:5px; margin-top:3px; line-height:0}
.maincontent .icon_print {background:url(/images/header_icon_w.gif) no-repeat 0px -320px; height:20px; width:20px; float:left; margin-right:5px; margin-top:3px; line-height:0}

.btn .icon_next {background:url(/images/header_icon_g.gif) no-repeat -20px -360px; height:20px; width:20px; float:left; margin-right:5px; margin-top:3px; line-height:0}

.mainbox .framemenu {padding-bottom:0}
.mainbox .framemenu a{padding-left:17px; font-size:15px;color:#434343; font-weight:bold; text-decoration:none; line-height:40px; float:left; margin-right:3px}
.mainbox .framemenu a span {float:left}
.mainbox .framemenu a .tail{float:left; padding:0 5px}
.mainbox .framemenu a.on, .framemenu a:hover {background:#555555 url(/images/submenu_btn.gif) no-repeat left -150px;}
.mainbox .framemenu a.on .tail, .framemenu a:hover .tail{background: #555555 url(/images/submenu_btn.gif) no-repeat right -150px}

/*--- footer ---*/
.footer_fix {height:230px; width:100%}
#footer {color:#474747; padding:20px 0; height:230px}
#footer .topside {float:left; width:100%;}
#footer .footer_link {padding:0 10px}
#footer .bottomside { float:left; width:100%; margin-top:20px; position:absolute;}
#footer .bottomside .foot_l { background:url(/images/footer_bg_l.png) no-repeat left top; float:left; width:15px; height:60px;}
#footer .bottomside .foot_m { background:#dbdbdb none; float:left; height:60px; width:970px;}
#footer .bottomside .foot_r { background:url(/images/footer_bg_r.png) no-repeat left top; float:right; width:15px; height:60px;}

#footer .logo {background:url(/images/footer_logo.gif) no-repeat 0 17px; width:66px; height:60px; float:left; }
#footer .logo_title {letter-spacing:1px; font-size:11px; line-height:60px; font-weight:bold; float:left; margin-left:15px;}
#footer .copy { float:right;
font-size:11px;
letter-spacing:1px;
line-height:60px;}
/*#footer .border_v {background:url(/images/footer_dotted_v.gif) repeat-y right top; width:1px; float:left; height:55px; margin-bottom:20px}*/
#footer a {color:#BDBDBD}
#footer .footer_link {float:left; padding:5px 0 0 20px}
#footer .footer_link h1{ background:url(/images/footer_spacer.png) repeat-x left bottom; color:#d2040e; float:left; font-size:18px; margin-bottom:10px; height:30px; line-height:30px; width:100%;}
#footer .footer_link .row { float:left; width:115px;}
#footer .footer_link .leftpad { padding-left:25px}
#footer .footer_link h2 { color:#474747; font-size:14px; height:25px; line-height:25px;}
#footer .footer_link a {display:block; font-size:12px; color:#6f6f6f;text-decoration:none; line-height:20px;}
#footer .footer_link a:hover{ color:#D2040E;}
#footer .footer_link a.icon {display:inline; padding:0 3px 0 0; background:none; margin:0px}


/*--- Detail Report ---*/
.popup_detailreport {background:#fff; width:100%; /*position:absolute; top:200px; left:450px*/}
.popup_detailreport .header {background:#aaaaaa; color:#434343; padding:10px 0; float:left; width:100%}
.popup_detailreport .header h1 {float:left; font-size:18px; padding-left:10px}
.popup_detailreport .camp_id {float:right; font-size:16px; font-weight:bold; padding-right:10px}
.popup_detailreport .content {padding:15px; clear:both}
.popup_detailreport .content h1{font-size:16px; line-height:16px; font-weight:normal}
.popup_detailreport .content h2{font-size:19px; padding-bottom:10px; line-height:23px}
.popup_detailreport .costbox {margin-top:5px 0 10px; padding:5px}
.popup_detailreport .costbox h1 {font-size:12px; padding:0; line-height:13px}
.popup_detailreport .costbox h2 {font-size:30px; padding-bottom:0}
.popup_detailreport .costbox .ttl_cost_l {background-image:url(/images/popup_ttl_cost_bg.gif); height:57px}
.popup_detailreport .costbox .ttl_cost_r {background-image:url(/images/popup_ttl_cost_bg.gif); height:57px}
.popup_detailreport .costbox .ttl_cost {height:48px; padding:8px 4px 1px}
.popup_detailreport .btn_panel {padding-bottom:0}
a#TB_closeWindowButton {float:right; height:24px; width:24px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_close.png'); background:none; position:absolute; top:15px; right:-10px}
html>body a#TB_closeWindowButton{filter:none; background:url(/images/icon_close.png) no-repeat;}
.popup_detailreport h3{ font-size:12px; font-weight:bold; margin-top:5px; line-height:15px}
.campaign_open{display:block;height:12px;width:12px;float:left;background:url(/images/open_close_btn.jpg) no-repeat scroll left top;margin:4px 4px 0 0}
.campaign_close{display:block;height:12px;width:12px;float:left;background:url(/images/open_close_btn.jpg) no-repeat scroll right top;margin:4px 4px 0 0}
.table_list .none_bold{font-weight:normal}
.left40{padding-left:40px}
.left15{padding-left:15px}


.fix_iframe{filter: Alpha(Opacity=0);left:0px;opacity:0;position:absolute;visibility:inherit;height:100%; width:100%;z-index:-1;top:0px;}
.black_bg {position:absolute; top:0; left:0; background:#000; height:100%; width:100%; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.pop_iframe {border:0; width:440px; height:440px; overflow:hidden; position:absolute; top:200px; left:450px}

#tnc, #help {padding-top:20px;padding-bottom:20px; color:#8b8b8b; text-align:justify; font-size:12px}
#tnc b, #help b {color:#434343}
#tnc .titlefield, #help .titlefield {width:100%}
#help .titlefield {margin-bottom:10px}
#help .helpbar {background:url(/images/table_header.gif) repeat-x; line-height:35px; display:block;  text-decoration:none; margin:0; position:relative; float:left; width:100%}
#help .helpbar .helpbar_arrow {background: url(/images/help_arrow.gif) no-repeat; padding-left:40px; font-size:12px; font-weight:bold;}
#help .open .helpbar .helpbar_arrow {background-position: 20px -20px; padding-left:40px; font-size:12px; font-weight:bold;}
#help .close .helpbar .helpbar_arrow {background-position: 20px 4px; padding-left:40px; font-size:12px; font-weight:bold;}
#help .close .helpbox {display:none}
#help p {color:#434343}
#help i {font-weight:bold}
#help .helpbox {padding:10px 40px 20px; clear:both}
#help ul {margin:5px 15px 15px; }
#help li {margin:3px 0; list-style:disc; color:#ff7200}
#help li span {color:#8b8b8b}

/*----index ---*/
.hero {width:1005px; height:461px; float:left; position:relative}
.hero a{text-decoration:none}
.hero div.active{z-index:20;}
.hero .pic {width:1005px; height:461px; position:absolute; text-decoration:none; float:left;}
.hero .step1 .hero_txt {position:absolute; right:-20px; top:54px; width:490px; padding-bottom:10px}
.hero .step2 .hero_txt {position:absolute; right:20px; top:54px; width:550px; padding-bottom:10px}
.hero .step3 .hero_txt {position:absolute; right:36px; top:54px; width:430px; padding-bottom:10px}
.hero .step4 .hero_txt {position:absolute; right:36px; top:54px; width:540px; padding-bottom:10px}
.hero .hero_txt h1 {color:#f1a4a8; font-size:16px; font-weight:normal}
.hero .hero_txt h2 {color:#fff; font-size:36px; font-weight:bold; line-height:32px; margin-top:2px;}
.hero .regnow_box {position:absolute; bottom:0; right:0; width:572px; float:left; padding-left:10px; font-size:13px; color:#858585; line-height:42px}
.hero .regnow_box span {float:left}
.hero .regnow_box .btn {float:left}
.hero .regnow_box a.btn.org {background: url(/images/submenu_btn.gif) no-repeat scroll 0 -440px;color:#9E4904;margin:10px 0 0 5px;padding-left:15px;}
.hero .regnow_box a.btn.org .tail {background:url(/images/submenu_btn.gif) no-repeat scroll right -440px;padding:0 0 0 10px;}
.hero .regnow_box a.btn.org:hover {background-position: 0 -470px;}
.hero .regnow_box a.btn.org:hover .tail {background-position: right -470px;}
.hero .hero_selecter {position:absolute; bottom:0; left:20px; line-height:40px; font-size:18px; font-weight:bold; width:375px; text-align:left;padding-left:10px}
.hero .step1 .hero_selecter, .hero .step1 .hero_selecter a {color:#be9e68}
.hero .step2 .hero_selecter, .hero .step2 .hero_selecter a {color:#5A8FCF}
.hero .step3 .hero_selecter, .hero .step3 .hero_selecter a {color:#63B8BA}
.hero .step4 .hero_selecter, .hero .step4 .hero_selecter a {color:#032043}
.hero .hero_selecter .on {color:#fff}
.hero .hero_selecter a:hover {color:#fff}
.hero .step1 .hero_selecter .on {color:#ff7800}
.hero .step1 .hero_selecter a:hover {color:#ff7800}
.hero .hero_selecter a { text-decoration:none}
.hero_bannerbox {padding-top:10px; float:left; }
.hero_bannerbox h3 {font-size:15px;padding-bottom:5px}
.hero_bannerbox h4 {font-size:12px; color:#636363;padding-bottom:5px;font-weight:normal;line-height:13px}
.hero_bannerbox h4 a{color:#d2040e;padding-top:5px;font-weight:bold}
.hero_bannerbox h5 {color:#656565;font-size:12px; letter-spacing:1px;padding-bottom:5px;font-weight:normal}
                    
.hero_bannerbox li {float:left; margin-right:13px }
.hero_bannerbox li img.booth {float:left; margin-right:10px}
.hero_bannerbox .banner_a{background:url(/images/bannera_bg.jpg) no-repeat scroll left top}
.hero_bannerbox .banner_b{background:url(/images/bannerb_bg.jpg) no-repeat scroll left top}
.hero_bannerbox .banner_c{background:url(/images/bannerc_bg.jpg) no-repeat scroll left top}
.hero_bannerbox .news {width:323px; height:144px; float:left; text-decoration:none; overflow:hidden; line-height:15px}
.hero_bannerbox .banner_a div, .hero_bannerbox .banner_b div{padding: 10px 20px; height: 124px; position: relative;}
.hero_bannerbox .banner_a .moreban, .hero_bannerbox .banner_b .moreban{position: absolute; bottom: 8px;}
.hero_bannerbox .banner_a h3,.hero_bannerbox .banner_a h4,.hero_bannerbox .banner_a h5{width:195px}
.hero_bannerbox .banner_b h3,.hero_bannerbox .banner_b h4,.hero_bannerbox .banner_b h5{width:210px}
.hero_bannerbox .banner_a h3,.hero_bannerbox .banner_b h3{line-height:16px}
.hero_bannerbox .news .news_txt {padding:35px 20px 5px;}
.hero_bannerbox div{padding:10px 20px}
.hero_bannerbox .curved{/*background:#fff; border:1px solid #ddd;*/}
.hero_bannerbox li.nospac{margin:0}

/*----pub_main ---*/
.pub_main p.subtitle {color:#d2040e; font-size:22px; font-weight:bold;line-height:24px; margin-bottom:20px}
.pub_main p.txtblock {font-size:12px; line-height:21px; float:left; width:414px; text-align: justify;padding-right:40px}
.pub_main .joinbox, .adv_main .joinbox {border:1px solid #ccc; padding:45px; margin:0; position:relative; width:868px; line-height:18px}


/*---- table header icons ---*/
.table_list th .icon {float:left; height:20px; width:20px; background:url(/images/main_icon.gif) no-repeat left top; margin-right:5px}
.table_list th .icon_running { background-position: -60px -40px}
.table_list th .icon_paused { background-position: -60px -60px}
.table_list th .icon_ended { background-position: -60px -80px}
.table_list th .icon_pending { background-position: -60px -100px}
.table_list th .icon_error { background-position: -60px -120px}
.table_list th .icon_approved { background-position: -60px -80px}
.table_list th .icon_remove { background-position: -60px -200px}
.table_list th .icon_invoice { background-position: -60px -260px}


/*---- contextual pop 4steps ---*/
.headerbox_b .wizard h2{float:left; font-size:14px; margin:0 20px}
.headerbox_b .wizard {background:url(/images/textpop_wizard.gif) no-repeat center top; width:624px;height:29px;position:absolute;left:187px;top:73px;z-index:99}
.headerbox_b .step2 {background-position:center -29px}
.headerbox_b .step3 {background-position:center -58px}
.headerbox_b .step4 {background-position:center -87px}
.headerbox_b .step5 {background-position:center -116px}

.newCamp4steps {background:url(/images/boxbg_g.gif) repeat-y}
.newCamp4steps .maincontent {padding:26px 20px 9px}
.newCamp4steps .joinbox {background:#fff; padding:33px 28px 28px 28px}
.newCamp4steps .btn_panel a.btn .tail {background-color:#f6f6f6}


/*---- contextual choose AD type ---*/
.newCampType {float:none; text-align:center; padding:0 0 75px 8px;margin:10px 0 0 140px}

.newCampType .popunder, .newCampType .textpop,  .newCampType .textlink{display:inline;margin:0px 25px;position:relative; float:left; width:250px; height:185px;}
.newCampType .popunder .note, .newCampType .textpop .note,  .newCampType .textlink .note{width:200px; text-align:center; padding:8px 33px; width:186px}
.newCampType .popunder h3, .newCampType .textpop h3,  .newCampType .textlink h3{font-size:14px;}
.newCampType .popunder a.btn, .newCampType .textpop a.btn,  .newCampType .textlink a.btn{margin:0px 0 0 72px}
.newCampType .textlink{float:left; width:240px; height:185px; cursor:default}
.newCampType .textpop {cursor:default}
.newCampType .btn_pos{position:absolute;left:0;top:165px;}

.newCampType a.btn span {padding:0 8px 0 10px}
.newCampType a.btn span.tail {padding:0 0 0 4px}
.newCampType a.step1, .newCampType a.step2, .newCampType a.step3{display:block;width:210px;height:185px;background:url(/images/newcamp_choose.jpg) no-repeat scroll left top;margin:0 20px}
.newCampType a.step1{background-position:-36px 0;}
.newCampType a.step2{background-position:-277px 0;}
.newCampType a.step3{background-position:-525px 0;}
.newCampType a.disabled {background-image:url(/images/newcamp_choose_disabled.jpg);cursor:default}


/* sys msg */
.prompt { float:left; width:992px;padding: 0 4px;}
.prompt .prompt_txt {background:#FEFFD2 none; padding:15px 15px 15px 54px; font-size:15px; font-weight:bold;}
.prompt .prompt_txt .note { font-weight:normal;color:#6D6D6D; font-weight:bold}
.prompt .created {background:#FEFFD2 url(/images/icon_created.png) no-repeat 15px 15px;}
.prompt .info {background:#FEFFD2 url(/images/icon_info.png) no-repeat 15px 15px;}

/* general round corner */
.curved {behavior:url(styles/border-radius.htc); border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }

/* overlay tooltip box */
.tooltipbox_overlay {display:none; background:#FFF7DE; position:absolute; width:200px; z-index:99999; padding:10px 15px;}
.tooltipbox_overlay_curved {behavior:url(styles/border-radius.htc); border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow: 0px 0px 12px #000; box-shadow: 0px 0px 12px #000; }
.tooltipbox_overlay h1 {color:#0CAAB8;font-size:12px;margin-bottom:5px;}
.tooltipbox_overlay p {padding-bottom: 5px; color:#8B8B8B}
.tooltipbox_overlay a {color:#8B8B8B; text-decoration:underline}
.tooltipbox_overlay a:hover {color:#8B8B8B; text-decoration:none}
.tooltipbox_overlay .arrow {background:url(/images/tooltip_overlay_arrow.png) no-repeat left top;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tooltip_overlay_arrow.png');width:13px;height:16px; position:absolute; top:10px; right:-13px}
.tooltipbox_overlay .arrow {behavior:url(styles/border-radius.htc);}
.tooltipbox_overlay .boxCloseBtn{float:right; font-weight:bold; cursor:pointer; font-size:16px; line-height:14px;color:#b8ab81;padding:0 0 10px 10px}

/* overlay tooltip boxB */
.tooltipbox_overlay_B {display:none; background:#fff7de; position:absolute; width:230px; z-index:99999; padding:10px 15px;border:1px solid #e7e0ca}
.tooltipbox_overlay_B_curved {behavior:url(styles/border-radius.htc); border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;/* -moz-box-shadow: 0px 0px 12px #000; box-shadow: 0px 0px 12px #000;*/ }
.tooltipbox_overlay_B h1 {color:#0CAAB8;font-size:14px;margin-bottom:5px;}
.tooltipbox_overlay_B p {padding-bottom: 5px; color:#8B8B8B}
.tooltipbox_overlay_B a {color:#8B8B8B; text-decoration:underline}
.tooltipbox_overlay_B a:hover {color:#8B8B8B; text-decoration:none}
.tooltipbox_overlay_B .arrow {background:url(/images/tooltip_overlayB_arrow.png) no-repeat left top;_background:none;_z-index:999;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tooltip_overlayB_arrow.png');width:13px;height:16px; position:absolute; top:10px; left:-13px}
.tooltipbox_overlay_B .arrow {behavior:url(styles/border-radius.htc);}
.tooltipbox_overlay_B .boxCloseBtn {float:right; font-weight:bold; cursor:pointer; font-size:16px; line-height:14px;color:#b8ab81;padding:0 0 10px 10px}

/*country_flag*/
.countries{float:left;width:49px; position:relative;border:1px solid #fff; overflow:hidden; height:20px;}
.countries_hover {height:38px;border:1px solid #e9e9e9; }
.countries .en{background:url(/images/flag.gif) no-repeat scroll 5px -2px;}
.countries .es{background:url(/images/flag.gif) no-repeat scroll 5px -23px;}
.flag {width:11px;display:block;height:20px; padding:0 8px 0 30px; clear:both}
.flag:hover{background-color:#e9e9e9;color:#7f7f7f}
.nav .nav_left{border-right:1px solid #DDDDDD;float:left;height:14px;line-height:14px;margin-top:4px;padding-right:8px;text-align:right;}
.nav .nav_right{border-left:1px solid #DDDDDD;float:left;height:14px;line-height:14px;margin-top:4px;padding-left:8px;text-align:right;}


.badge {background:#D2040E; color:#fff; font-size:11px; font-weight:bold; padding:0 2px; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}