* { padding: 0; /* text-shadow: 0px 0px 1px #ccc; */ }
window { overflow-y: scroll; }
body { margin:0; padding: 0; font-family: "MS Reference Sans Serif", verdana; background-color:#fff; }
form { padding: 0; margin: 0; }
div.clear { clear: both; height:1px; width:1px; margin:0; padding:0; }
span.underline { text-decoration: underline; }
span.italic { font-style: italic; }
span.bold { font-weight: bold; }
a { color: #0070C0; text-decoration: none; }

span.stand { color: #595959; }
span.mark-ads { color: #0070C0; }
span.mark-low { color: #480074; }
span.mark-loss { color: #E8220D; }
span.mark-num { color: #E8220D; font-weight: bold; }


#header { width: 1024px; margin: 0px auto; height: 83px;  }
#logo { float: left; width: 175px; height: 77px;  }
#logo a { display: block; width: 217px; height: 77px; background: #fff url(/images/10centads_logo.png) 0px 0px no-repeat; }
.top-divider { width: 960px; height: 4px; display:block; margin: 0px auto; background: url(/images/spell-divider.png) top left no-repeat;  }
.hdiv-dot { width: 745px; height: 1px; display: block; background: #fff url(/images/hdiv_dotted.png) 0px 0px repeat-x; }
.center { text-align: center !Important; }

#top-nav { float: right; text-align: right; margin: 30px 24px 0px 0px; height: 31px; line-height: 31px; font-family: arial; font-size: 16pt; }
#top-nav span { font-style:italic; color: #BFBFBF; padding: 0px 7px 0px 7px; }
#top-nav a { color: #000; text-decoration: none; padding-bottom: 3px; height:33px; line-height:33px; }
#top-nav a:hover, #top-nav a.active { border-bottom: 1px solid #000; }


div#exterrior { width: 100%; background: #fff url(/images/top_bg.png) top left repeat-x; margin:0; border-top: 1px solid transparent; position: relative; top: -1px;}
div#interrior { width: 1000px; margin: 111px auto; background: #fff; border: 1px solid transparent; }

div#exterrior.free { background: #fff; margin:0; border-top: 20px solid transparent; }
div#exterrior.free div#interrior { width: 960px; background: url(/images/top_shadow.png) top left no-repeat;  }

div#exterrior {  margin:0; background: #EAEAEA url(/images/page_bg.png) repeat-x; }
div#exterrior div#interrior { width: 1024px; margin: 0px auto; border: 0px none; background: #fff; }



/* landing */
#landing { width: 1000px; margin: 0px auto;  }
#landing-flash .preview {  }

#landing-preview { width: 764px; margin: 0px auto; }
#landing-preview .item { }
#landing-preview .icon { width: 109px; float: left; text-align:center;}
#landing-preview .title { font-family: arial; font-size: 13pt; font-weight: bold; color: #666; height: 24px; text-indent: 15px; /*border: 1px solid #000; */}
#landing-preview .text { float: left; width: 650px; font-family: arial; font-size: 11pt;  color: #666; margin-top: 12px; line-height: 18px; word-spacing: 1px;}
#landing-preview .do-hdiv { height: 24px !important; }
#landing-preview .hdiv-dot { width: 745px; height: 22px;  }


/* about */
#about { width: 1024px; margin: 0px auto; }
#about .header1 { font-family: Cambria; color: #000; font-size: 22.5pt; height: 45px; line-height: 33px; position: relative; top: -10px;}
#about .header2 { font-family:arial; font-size: 12pt; color: #0070C0; height: 33px; }
#about p { margin: 22px 0px 0px 0px; line-height: 17x; font-family:arial; font-size: 10.5pt; color: #666; }
#about p.no-pad { margin: 0px; }
#about-content { width: 810px; margin: 0px auto; line-height: 18px; position:relative; left: 20px;}




div#about-numbers { width: 925px; margin: 0px auto; background: url(/images/sh-4.png) top right repeat-y; }

#about-numbers div {  }
#about-numbers div.header { float: left; width: 118px; height: 62px; font-family: "Arial Narrow"; font-size: 12pt; text-align: center; border-left: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; }
#about-numbers div.header div { margin-top: 12px; font-size: 12pt;}
#about-numbers div.long { width: 200px !important;  }
#about-numbers .long .comparison { height: 45px; line-height: 45px; text-align:left; margin-left: 13px; font-family: arial; font-size: 12pt; }
#about-numbers .long a { font-weight: bold; color: #0070C0; text-decoration: underline; font-size: 8pt;}
#about-numbers .ten { font-weight: bold; width: 116px !important; color: #000; background: url(/images/ab_compare_bg.png) repeat-y !important; border: 1px solid #000 !important; border-bottom: 0px none !important;  }
#about-numbers .field { margin: 0px 0px 0px 15px; font-size: 8pt; font-family:arial; text-align: left !important; background: transparent !important; border-bottom: 0px none !important; }
#about-numbers div.block { float: left; width: 118px; font-size: 8pt; border-left: 1px solid #f2f2f2; }
#about-numbers div.block div { background-color:#fff; height: 33px; font-family: arial; line-height: 33px; border-bottom: 1px solid #F2F2F2; text-align: center; }
#about-numbers div.block div.grey { background-color:#F8F8F8; }
#about-numbers div.tencentads { width: 116px; border: 1px solid #000; border-top: 0px none; background: url(/images/ab_compare_bg.png) repeat-y !important; }
#about-numbers div.tencentads div { font-weight: bold; color:#000; font-size: 8.5pt; border-bottom: 1px solid transparent; background: url(/images/ab_compare_bg.png) repeat-y !important;}

#about-actions-totals { width: 803px; margin: 0px auto;  }
#about-actions  { float: left; width: 795px; background: url(/images/sh-4.png) top right repeat-y; }
#about-actions div { font-family:arial; }
#about-actions div.block { float: left; font-size: 11pt;  }
#about-actions .header { height: 40px; line-height: 40px;font-family: arial; font-size: 10.5pt; color: #000; text-decoration: underline; text-align:center; border-top: 1px solid #E2E2E2;}
#about-actions .line { height: 33px; line-height: 33px;font-family: arial; font-size: 11pt; color: #666; text-align:center; }
#about-actions .b1 { width: 94px; border-left: 1px solid #E2E2E2; }
#about-actions .b2 { width: 109px; }
#about-actions .b3 { width: 84px; }
#about-actions .b4 { width: 110px; }
#about-actions .b5 { width: 94px; }
#about-actions .b6 { width: 294px; }
#about-actions .b6 div { text-align:left !important; text-indent: 20px; }
#about-actions .last  { height: 45px; }


#about-needs { width: 840px; margin: 0px auto; position:relative; left: 15px;}
#about-needs .header3 { width: 700px; margin-left: 20px; color: #000000; font-family: arial; font-size: 18pt; height: 35px; border-bottom: 1px solid #dddddd; }
#about div.signup-free { width: 525px; height: 30px; margin: 0px 0px 0px 205px; line-height: 30px; display:block; font-family:arial; font-size: 12.5pt; text-align:center; color: #666; border: 1px solid transparent; }


#about-features { width: 860px; }
#about-features .item { float: left; width:262px; margin-left: 20px; }
#about-features .title { color: #000; font-weight: bold; margin:0; height: 28px; font-family: arial; font-size: 10pt;} 
#about-features .icon { float: left; width:53px; height:80px; background-position: 0px 0px; background-repeat: no-repeat; }
#about-features .text { float: left; width:175px; margin: 0px 0px 0px 1px; font-family: arial; font-size: 9pt; color: #666; }
#about-features .sp { display:block; height: 30px; clear: both; }


#about-features #ico-1 { background: url(/images/in_1.png) 0px 0px no-repeat; }
#about-features #ico-2 { background: url(/images/in_2.png) 0px 0px no-repeat; }
#about-features #ico-3 { background: url(/images/in_3.png) 0px 0px no-repeat; }
#about-features #ico-4 { background: url(/images/in_4.png) 0px 0px no-repeat; }
#about-features #ico-5 { background: url(/images/in_5.png) 0px 0px no-repeat; }
#about-features #ico-6 { background: url(/images/in_6.png) 0px 0px no-repeat; }
#about-features #ico-7 { background: url(/images/in_7.png) 0px 0px no-repeat; }
#about-features #ico-8 { background: url(/images/in_8.png) 0px 0px no-repeat; }
#about-features #ico-9 { background: url(/images/in_9.png) 0px 0px no-repeat; }
#about-features #ico-10 { background: url(/images/in_10.png) 0px 0px no-repeat; }
#about-features #ico-11 { background: url(/images/in_11.png) 0px 0px no-repeat; }
#about-features #ico-12 { background: url(/images/in_12.png) 0px 0px no-repeat; }









/* about exp */
/*
div#about { font-family: arial; }
div#about div.title { background: url(/images/about-title.png) top center no-repeat; height: 90px; margin: 50px 0px 0px 0px; }
div#about div.description { color: #AE7F7F; font-size: 12pt; text-align: center; height: 80px;}
sup { font-size: 85%;}
div#about .mark { color: #CB0000; }




#features2 { }
#features2 .title-v2 { color: #0070C0;  font-size: 11.5pt; margin-top: 30px; }
#features2 .icon-left { float: left; width: 250px; height: 115px; margin-top: 35px; }
#features2 .text-left { float: left; width: 465px; margin: 0px 0px 0px 45px; }
#features2 .text-right { float: left; width: 480px;  }
#features2 .icon-right { float: left; width: 250px; height: 115px; margin-top: 35px; }

#features2 #thumb-1 { background: url(/images/about-thumb-1.png) top right no-repeat; }
#features2 #thumb-2 { background: url(/images/about-thumb-2.png) top left no-repeat; }
#features2 #thumb-3 { background: url(/images/about-thumb-3.png) top right no-repeat; }
#features2 #thumb-4 { background: url(/images/about-thumb-4.png) top left no-repeat; }

#about-needs { width: 840px; margin: 0px auto; }
#about-needs #title-h3-a {  }





*/


/* true cost */
#true-cost { width: 1-24px; margin: 0px auto; background-color: #fff; }
#true-cost .header1 { font-family: Cambria; color: #000; font-size: 22.5pt; height: 45px; line-height: 33px; position: relative; top: -10px;}
#true-cost .header2 { font-family:arial; font-size: 12pt; color: #0070C0; height: 37px; }
#true-cost p { margin: 22px 0px 0px 0px; line-height: 17x; font-family:arial; font-size: 10.5pt; color: #666; }
#true-cost p.no-pad { margin: 0px; }
#true-cost-content { width: 815px; margin: 0px auto; line-height: 18px;}

#true-the-rise { width: 880px; margin: 0px auto; }
#true-the-rise .header1 { margin-left: 30px; height: 60px; }
#true-the-rise .text { float: left; width: 530px; font-family: arial; font-size: 12.5pt; color: #666; line-height: 27px; margin-top:12px; }
#true-the-rise .thumb { float: left; width: 344px; display: block; height: 190px; background: url(/images/true_cost_thumb.png) bottom right no-repeat; }
#true-the-rise .hdiv-dot { width: 734px; height: 22px;  }

#true-true-cost { }
#true-true-cost .exmaple { float: left; width: 227px; height: 141px; background: url(/images/shadowed_a.png) 0px 0px no-repeat; }
#true-true-cost .exmaple p { margin: 0px; height: 28px; color: #666; font-size: 12pt; text-align:center; position:relative; left: -13px;}
#true-true-cost .exmaple p.title { color: #0070C0; font-size: 10.5pt; text-decoration: underline; margin-top: 10px; height: 31px;}
#true-true-cost .description { float: left; width: 580px;  }
#true-true-cost .description p { color: #0070C0; font-family: arial; font-size: 10.5pt; line-height: 18px; }

#true-compare .exmaple { float: left; width: 227px; height: 141px; background: url(/images/shadowed_a.png) 0px 0px no-repeat; }
#true-compare .exmaple p { margin: 0px; height: 28px; color: #666; font-size: 12pt; text-align:center; position:relative; left: -13px;}
#true-compare .exmaple p.title { color: #0070C0; font-size: 10.5pt; text-decoration: underline; margin-top: 10px; height: 31px;}
#true-compare .description { float: left; width: 580px;   }
#true-compare .description p { color: #0070C0; font-family: arial; font-size: 10.5pt; line-height: 18px; }

#true-true-calc .exmaple { width: 480px; height:141px; background: url(/images/shadowed_b.png) 0px 0px no-repeat; }
#true-true-calc #c-left { float: left; width: 225px; margin: 20px 0px 0px 25px;  }
#true-true-calc #c-left input { width: 90px; padding:4px 3px; border: 1px solid #C0C0C0; background-color:#fff; color: #666; }
#true-true-calc #c-left label { color: #666; font-size: 12pt; font-family:arial; }
#true-true-calc #c-right { float: left; width: 205px;  margin-top: 31px;}
#true-true-calc #c-right .title2 { color: #666; font-size: 18pt; text-indent: 40px; }
#true-true-calc #c-right .results { color: #A6A6A6; font-size: 20pt;  text-align: right; margin: 10px 0px 0px 0px; height: 30px; line-height: 30px; width: 205px; overflow:hidden; white-space: nowrap;}
#true-true-calc #c-right #loss-gain.gain { color: #0070C0; font-size: 14pt;  }
#true-true-calc #c-right #loss-gain.loss { color: #A6A6A6; font-size: 20pt;  }


#true-cost-use { }
#true-cost-use #m-left { float: left; width: 420px;  }
#true-cost-use #m-left .line { height: 32px; line-height: 31px; color: #666; font-size: 10.5pt; font-family:arial; text-indent: 40px; background-position: 0px 0px; background-repeat: no-repeat; display: block; }
#true-cost-use .ami1 { background: url(/images/ami_1.png); }
#true-cost-use .ami2 { background: url(/images/ami_2.png); }
#true-cost-use .ami3 { background: url(/images/ami_3.png); }
#true-cost-use .ami4 { background: url(/images/ami_4.png); }
#true-cost-use .ami5 { background: url(/images/ami_5.png); }
#true-cost-use .ami6 { background: url(/images/ami_6.png); }
#true-cost-use .ami789 { background: url(/images/ami_789.png); }

#true-cost-use #m-right { float: left; width: 380px; position: relative; }
#true-cost-use #m-right .blue-idea { position: absolute; left: -40px; top: 43px;width: 440px; color: #0070C0; font-size: 12.5pt; font-family:arial; text-align: center; line-height: 30px;}
#true-cost-use { }
#true-cost-use { }


div.signup-free { width: 525px; height: 32px; margin: 0px 0px 0px 95px; line-height: 32px; display:block; font-family:arial; font-size: 12.5pt; text-align:center; color: #666; border: 1px solid #C0C0C0; }
div.signup-free a { color: #E4220E; }




/*
#true-cost-v2 { color:#9E6B75; font-family: arial; font-size: 11.5pt; }
#title-h1 { color: #000; font-family: Cambria, times; font-size: 28pt; height: 62px; font-weight: bold; text-align:center; margin-top: 50px;}
#title-h2 { color: #000; font-family: arial; font-size: 22.5pt; height: 47px; font-weight: bold; text-align:center; margin-top: 50px; }
#title-h2-a { color: #0070C0; font-family: arial; font-size: 22.5pt; height: 57px; font-weight: bold; margin-top: 50px; }
#title-h3 { color: #000; font-family: arial; font-size: 21pt; height: 57px; font-weight: bold; margin-top: 50px; }
#title-h3-a { color: #000; font-family: arial; font-size: 18pt; height: 35px; margin-top: 70px; border-bottom: 1px solid #DDDDDD; }

#spell-v2 { border-top: 1px solid #716F64; background: url(/images/spell-background-v2.png) top center repeat; }
#spell-v2-block { width: 970px; margin: 0px auto;  }
#spell-v2-text { float: left; width: 545px; margin-top: 50px; font-size: 12.5pt; line-height: 30px;  }
#spell-v2-thumb { float: left; width: 390px; height: 280px; background: url(/images/spell-thumb-v2.png) top center no-repeat; margin: 20px 0px 0px 35px; }
#spell-v2-divider { height: 3px; background: #EBEBEB  url(/images/spell-divider-v2.png) top center no-repeat; clear: both; }

#preview-v2 { width: 985px; margin: 20px auto; }
#preview-v2 p { color:#9E6B75; font-family: arial; font-size: 11.5pt; line-height: 20px; }
#preview-v2 p.title-v2 { color: #0070C0; font-weight: bold; margin:0; font-size: 12.5pt; margin-top: 40px;}
#preview-v2-thumb { float: left; width: 376px; height: 286px; margin: 60px 0px 0px 0px; background: #EBEBEB  url(/images/preview-thumb-v2.png) 1px 1px no-repeat; border: 1px solid #C0C0C0; }
#preview-v2-text { float: left;  width: 535px; margin: 0px 0px 0px 60px; }

#preview-v2-adv { width: 800px; margin: 0px auto; }
#preview-v2-adv .example { }
#preview-v2-adv .example-left { float: left; width: 190px; color:#9E6B75; font-family: arial; font-size: 11.5pt; line-height: 25px;}
#preview-v2-adv .example-right { float: left; width: 605px; color:#9E6B75; font-family: arial; font-size: 11.5pt; line-height: 25px;}


#features-v2 { }
#features-v2 .feature { color:#9E6B75; font-family: arial; font-size: 11.5pt; }
#features-v2 .icon { float: left; width: 37px; height: 35px; }
#features-v2 .text { float: left; width: 605px; line-height: 20px;  }
#features-v2 #ico-1 { background: url(/images/land-ico-1.png) top left no-repeat; }
#features-v2 #ico-2 { background: url(/images/land-ico-2.png) top left no-repeat; }
#features-v2 #ico-3 { background: url(/images/land-ico-3.png) top left no-repeat; }
#features-v2 #ico-4 { background: url(/images/land-ico-4.png) top left no-repeat; }
#features-v2 #ico-5 { background: url(/images/land-ico-5.png) top left no-repeat; }
#features-v2 #ico-6 { background: url(/images/land-ico-6.png) top left no-repeat; }

#forever-v2 { color:#9E6B75; font-family: arial; font-size: 12.5pt; text-align: center; margin-top: 68px; }
#forever-v2 a { color:#E4220E; text-decoration: none; }
#forever-v2 a:hover { text-decoration: underline; }

#true-calc { font-family:arial; color: #9E6B75; }
#true-calc-fields { float: left; width: 270px; font-family:arial; color: #9E6B75; font-size: 11.5pt; }
#true-calc-fields .field { float:left; width: 152px; font-family:arial; font-size: 11.5pt; color: #9E6B75; }
#true-calc-fields .numbers { float: left; width: 102px; }
#true-calc-fields .numbers input { width: 58px; border: 1px solid #7F9DB9; background-color:#fff; color: #9E6B75; font-size: 10pt;}
#true-calc-fields .numbers input#calc-rate { width: 24px; }

#true-calc-cost { float: left; width: 360px; font-family:arial; font-size: 11.5pt; color: #9E6B75; margin: 18px 0px 0px 0px;}
#true-calc-cost input { border: 1px solid #fff; background-color:#fff; width: 50px; font-family:arial; font-size: 10pt; color: #9E6B75; }
#true-calc-cost span.big { font-size: 13pt; }
*/


/* countdown */
div#countdown {  display:none; position: absolute; top: 100px; left: 100px; width: 473px; height: 199px; background: url(/images/cd_shadow.png) top left no-repeat; }
div#countdown .closebox { position: relative; width: 1px; height: 1px; }
div#countdown .closebox a { position: absolute; top: -10px; left: -10px; display: block; width: 30px; height: 30px; background: url(/images/closebox.png); }
div#countdown .title { color: #BB151F; font-weight: bold; font-size: 17pt; text-align: center; margin-top: 35px; height: 45px;  }
div#countdown .cd { width: 390px; margin: 0px auto; }
table#cd div.divider { display:block; width: 9px; height: 38px; background: url(/images/cd_div.png) top left no-repeat; }
table#cd div.number { position: absolute; top: 0px; left: 0px; width: 39px; height: 38px;  }
table#cd div.front { z-index: 100; background: transparent url(/images/cd_0.png) top left no-repeat; clip:rect(0px 39px 38px 0px); }
table#cd div.back {  z-index: 99; }
table#cd div.rel { position: relative; top: 0px; left: 0px; width: 39px; height: 38px; overflow: hidden; }
table#cd tr#tiles td { text-align: center; font-family: arial; font-size: 9pt; color:#4D4D4D; }





/* login */
div#overlay4 { position: absolute; top: 0px; left: 0px; z-index: 100; width:100%; height:100%; background-color: #000; filter:alpha(opacity=.001); -moz-opacity:.001; opacity: .001; }
div.loginposition { position:relative; height:1px;top:1px; margin:0px auto; width: 960px; z-index:101;}
div.loginparent { width:293px; border:2px solid #5B5B5B; text-align:center; background-color:#ffffff; display:none; position:absolute; top:-4px; left:670px; z-index:99; }
div.loginparent table.login { margin:0 auto; background-color:#ffffff; }
div.loginparent table.login tr td { font-family:arial, verdana; font-size:13px; color:#000000; text-align:left; }
div.loginparent table.login tr td.account { color:#6f6e73; } 
div.loginparent table.login tr td input { width:252px; font-size:15px; height:16px; border: 1px solid #7F9DB9; padding: 1px; }
div.loginparent table.login tr td input#sign-in { border: 0px none; }
div.loginparent table.login tr td select { font-family:arial, verdana; width:258px; height:22px; font-size:14px; border-style:inset; }
div.loginparent table.login tr td input.auto { width:auto; height:auto; margin:0 0 0 0; padding:0 0 0 0; margin-bottom:-1px; border:none; }
div.loginparent table.login tr td a.forgot { color:#005598; text-decoration:none; font-size:10px; }
div.loginparent table.login tr td a.forgot:hover { text-decoration:underline; }
div.loginparent table.login tr td a.create { color:#767676; text-decoration:underline; }
div.loginparent table.login tr td a.create:hover { color:#666; }





/*
#preview { width: 1060px; margin: 10px auto; }
#preview .item { float: left; width: 512px; }
#preview .light { position: relative; left: -20px; }
#preview .line { margin-top: 34px; }
#preview .icon { float: left; width: 180px; display: block; }
#preview .text { float: left; width: 315px; color: #404040; font-size: 10pt; font-family: arial; }
#preview .head { height: 33px; color: #7470C0; font-size: 12pt; font-family: arial; }
#preview .alt { font-size: 11pt; font-family: Corbel,"MS Reference Sans Serif", arial;; }
.p { height: 12px; clear: both; }
*/



/* landing footer */
div#landing-footer { border-top: 3px solid #838383; background: #262626 url(/images/footer-back.png) top left repeat; color: #CCCCCC; }
div#landing-footer .interrior { margin: 2px auto; padding-top: 20px;width: 1030px; height: 200px;  }
div#landing-footer .block { float: left; }
div#landing-footer .tencent { width: 240px; }
div#landing-footer .process { width: 218px; }
div#landing-footer .about { width: 290px;   }
div#landing-footer .copyright { width: 280px !important; }
div#landing-footer .head { font-family: Cambria, Times; font-size: 13pt; color: #666; height: 30px; font-weight: bold;}
div#landing-footer .text, div#landing-footer .tencent .text a, div#landing-footer .process .text a { font-family: Calibri, arial; font-size: 11pt; color: #ccc; line-height: 21px; }
div#landing-footer .text-light { font-family: Calibri, arial; font-size: 10pt; color: #ccc;  }
div#landing-footer .text-copy { font-family: Calibri, arial; font-size: 9pt; color: #808080; line-height: 15px; }
div#landing-footer a { color: #808080; text-decoration: none; font-family: Calibri, arial; font-size: 9pt; }
div#landing-footer a.bolotogroup { color: #CCCCCC;  }
div#landing-footer span { font-size: 7pt; position: relative; top: -2px; }

div#explore-light { margin: 70px 0px 0px 0px; width: 280px;  }
/* float menu */
div#explore-light div#float-menu-ex { position:relative; top:0px; left:0px;height:20px; width:280px;   }
div#explore-light div#float-menu-in { position:absolute; top:0px; left:105px; height:90px; width: 166px; display:none; overflow: hidden; z-index: 1000; }


div#process { width: 960px; margin: 0px auto; }
#show-it {  }
#show-it h1 { height: 70px; color: #0070C0; font-size: 30pt; font-family: "Candara", times; text-align:center; margin:0; padding:0; font-weight:normal;  }
#show-it .preview { text-align:center; height: 460px; position:relative; top:-10px; }
#show-it .preview img { border: 0px none; filter:alpha(opacity=100); -moz-opacity:1.0; opacity: 1.0; }
#show-it .nav { float: left; width: 565px; margin-left: 200px; height: 30px; }
#show-it .nav a { display:block; float:left; width: 16px; height: 16px; margin: 0px 30px 0px 30px; background: url(/images/process_au_off.png); cursor: pointer; cursor: hand;}
#show-it .nav a.active { background: url(/images/process_au_on.png); }
#show-it .nav-link { float: left; width: 155px; border: 1px solid transparent; }
#show-it .nav-link div { margin-left: 66px; color: #0070C0; font-size: 9pt; font-family: arial; }
#show-it .nav-link div a { color: #C12534; font-weight: bold; cursor: pointer; cursor: hand;}
#process .divider { height: 1px; background: url(/images/spell-divider.png) top center no-repeat; clear: both; }


#process-spell { width: 920px; margin: 50px auto 0px; position: relative; left: 10px;  }
#process-spell .title { text-align: center; color: #595959; font-size: 18pt; font-family: arial; height: 35px; }
#process-spell .vdiv { float: left; width: 93px; height:1px; }
#process-spell .item { float: left; width: 410px; }
#process-spell .line { margin-top: 50px; }
#process-spell .text { float: left; width: 259px; color: #7F7F7F; font-size: 8.5pt; font-family: arial; line-height: 17px; word-spacing: 1px;}
#process-spell .icon { float: left; width: 150px; display: block; margin-top: -15px;}
#process-spell .head { height: 38px; color: #0070C0; font-size: 12.5pt; font-family: arial; }









/* logged content */
div#logged { text-align: right; position: relative; top: -46px; margin-right: 50px;  }
div#logged div#head { float: left; width: 400px; height: 40px; text-align: left; line-height: 43px; margin: -30px 0px 0px 0px; font-family: arial; font-size: 28pt; font-weight: bold; color: #fff;  }
div#logged div#label { width: 245px; height: 70px; line-height: 63px; float: right; clear: both; text-align: center; font-family: arial; font-size: 14pt; color: #808080; background: url(/images/welcome_label.png) 0px 0px no-repeat; }
div#logged div#balance { width: 245px; height: 33px; text-align: center; float: right; clear: both; font-size: 10pt; font-family: arial; color: #808080; }

div#content { width: 1000px; margin: 0px auto -110px; position: relative; top:-20px;  }

div#menu { float: left; width: 214px; height: 600px; position: relative; top:-20px;  background: url(/images/menu_bg.png) top left no-repeat; }
div#menu div { height: 39px; border-bottom: 1px solid #DCDDDE; }
div#menu a { display: block; height: 35px; line-height: 35px; border: 2px solid transparent; margin: 0px; font-size: 10pt; font-weight: bold; color: #808080; text-decoration: none; }
div#menu a:hover, div#menu a.active { border: 2px solid #C60A0A; margin: 0px 2px 0px 0px; }
div#menu a label { margin-left: 53px; cursor: pointer; cursor: hand; }
div#menu a#the_true_cost { background: url(/images/menu_the_true_cost.png) 10px 6px no-repeat; }
div#menu a#getting_started { background: url(/images/menu_getting_started.png) 10px 6px no-repeat; }
div#menu a#active_campaigns { background: url(/images/menu_active_campaigns.png) 10px 6px no-repeat; }
div#menu a#past_campaigns { background: url(/images/menu_past_campaigns.png) 10px 6px no-repeat; }
div#menu a#place_new_order { background: url(/images/menu_place_new_order.png) 10px 6px no-repeat; }
div#menu a#accounting { background: url(/images/menu_accounting.png) 10px 6px no-repeat; }

div#menu a#campaigns_snapshot { background: url(/images/menu_snapshot.png) 40px 12px no-repeat; }
div#menu a#campaigns_details { background: url(/images/menu_details.png) 40px 12px no-repeat; }
div#menu a#campaigns_audience { background: url(/images/menu_audience.png) 40px 12px no-repeat; }

div#menu div#active_campaigns_submenu { display: block; height: auto; }
div#menu div.level2 div { border-bottom: 0px none; }
div#menu div.level2 a { font-size: 9pt; font-weight: bold; color: #808080; text-decoration: none;  }
div#menu div.level2 a:hover, div#menu div.level2 a.active { color: #C60A0A; border: 2px solid transparent; }
div#menu div.level2 a label { margin-left: 72px; width: 100px; display: block;  }

div#menu div.level2 a:hover label, div#menu div.level2 a.active label { background: url(/images/menu_arrow.png) 95px 9px no-repeat; } 

div#context { float: left; width: 730px; position: relative; top:0px; left:0px; margin: 0px 0px 0px 50px; font-family: arial;}
div#context h1 { margin: 0; color: #000; font-size: 22.5pt; font-weight: bold; height: 55px; }
div#context h2 { margin: 30px 0px 0px 0px; color: #000; font-size: 13.5pt; font-weight: bold; height: auto;}
div#context h3 { margin: 22px 0px 0px 0px; color: #000; font-size: 11.5pt; font-weight: bold; }
div#context h4 { margin: 22px 0px 0px 0px; color: #E4220E; font-size: 11.5pt;  font-weight: normal;}

div#context p { margin-top: 15px; color: #808080; font-size: 10pt; line-height: 19px; }
div#context p.top { margin: 0; color: #808080; font-size: 13.5pt; line-height: 27px; }
div#context p.high { color: #808080; font-size: 10pt; line-height: 32px; }

div#context span.indent { font-size: 8pt; color: #000; padding: 0px 3px 0px 0px; }
div#context span.mark { font-weight: bold; color: #E4220E; }
div#context span.small { font-size: 8.5pt; }
div.forever { font-size: 12.5pt; color: #808080; margin: 20px 0px 0px 220px; font-family: arial; }
div.forever a { font-size: 12.5pt; color: #E4220E; text-decoration: none;  }


#features-get { width: 755px; margin: 10px auto 0px; }
#features-get .line { margin-top: 36px; }
#features-get .icon { float: left; width: 135px; display: block; }
#features-get .text { float: left; width: 615px; color: #808080; font-size: 10pt; font-family: arial; }
#features-get .head { height: 34px; color: #E4220E; font-size: 11.5pt; font-family: arial; }


/* chart stats */
div#context-snapshot { width: 760px; margin: 0px auto; font-family: arial; }
table#stats-campaign-form { color: #595959; font-family: arial; font-size: 10pt;}
h5 { font-family: arial; color: #000; font-size: 13.5pt;  margin: 0; padding: 0; height: 33px; }
div.head-des { color: #595959; font-family: arial; font-size: 10pt; margin-left:2px;}

table#stats-campaign-form select { border: 1px solid #C0C0C0; background-color: #fff;  width: 218px; font-size: 12pt; }
table#stats-campaign-form input { border: 1px solid #C0C0C0; background-color: #fff; width: 132px; font-size: 11pt; text-align: right; padding: 4px 4px 4px;}
table#stats-campaign-form p { margin-top: 12px; }
table#stats-campaign-form td.grey { background-color: #F3F3F3; font-size: 10pt; }
table#stats-campaign-form td.grey label { color: #000; font-size: 10pt; }
table#stats-campaign-form td.grey a.xls { position: relative; top: -16px; left: 9px; }
table#stats-campaign-form td.grey table td { padding: 7px 0px 7px 0px; }
table#stats-campaign-form td.top { height: 80px; }
table#stats-campaign-form td.top label { line-height: 25px;  font-size: 11pt; }
table#stats-campaign-form td.note { height: 30px; font-size: 8pt; }
a.xls { float: right; width: 16px; margin-left: 15px; height: 16px; background: url(/images/xls_ico.png) top left no-repeat; }

div#stats-chart-pri {  margin: 70px 0px 0px 0px; width: 760px;  font-family: arial; }
div.chart-title { font-weight: bold; color: #197EBE; font-size: 9pt; text-align: center;  margin-top: 30px; width: 680px; }
div.chart-date { float:right; width: 130px; font-weight: normal; text-align: right; font-size: 8pt; color: #595959; position: relative; left:-110px;}

div#chart-pri-left { float: left; width: 580px; }
div#chart-pri-right { float: left; width: 145px; margin-left: 25px; }

#chart-pri-legend { background-color: #F3F3F3; margin: 20px 0px 0px 0px;  width: 145px; }
div#chart-pri-legend div.title { margin: 10px 0px 0px 30px;  height: 35px; color: #000; font-weight: bold; font-size: 12pt; }
#chart-pri-legend .line { height: 25px; }
#chart-pri-legend .line input { display:none; }
#chart-pri-legend .legend-checkbox-off { float: left; width: 12px; height: 11px; margin: 1px 0px 0px 7px; background: url(/images/check_off.png) top left no-repeat;  }
#chart-pri-legend .legend-checkbox-on { float: left; width: 12px; height: 11px; margin: 1px 0px 0px 7px; background: url(/images/check_on.png) top left no-repeat;  }
#chart-pri-legend .legend-color { float: left; width: 5px; height: 5px; margin: 5px 0px 0px 7px; display: block; } 
#chart-pri-legend .legend-label { float: left; width: 100px; margin: 0px 0px 0px 7px; color: #595959; font-size: 8pt; } 

.lbg1 { background-color: #FF8040; }
.lbg2 { background-color: #0000FF; }
.lbg3 { background-color: #800080; }
.lbg4 { background-color: #FF0000; }
.lbg5 { background-color: #82C00B; }


#stats-chart-pie { margin: 65px 0px 0px 0px;  font-family: arial; }
#chart-pie-left { float: left; width: 640px;  font-family: arial; color: #595959; font-size: 8pt;  }
#chart-pie-left .item { float: left; width: 125px; }
#chart-pie-left .prc { text-align: center; height: 25px; }
#chart-pie-left .title { text-align: center; height: 25px; }
#chart-pie-left .pie { text-align: center; }
#chart-pie-right { float: left; width: 110px; }
#chart-pie-legend { margin: 25px 0px 0px 0px; border: 1px solid #fff; }
#chart-pie-legend .line { height: 20px;  line-height: 20px; border-bottom: 1px solid #EEF3ED; }
#chart-pie-legend .legend-color { float: left; width: 5px; height: 5px; margin: 7px 0px 0px 5px; display: block;  } 
#chart-pie-legend .legend-label { float: left; width: 90px; margin: 0px 0px 0px 5px; color: #595959; font-size: 7pt; } 



/* rate */
#cp-rate { width: 810px; margin: 0px auto; }
#cp-rate-left { float: left; width:310px; }
#cp-rate-left .line { height: 47px; }
#cp-rate-left .text { float: left; width: 219px; color: #595959; line-height: 17px; font-size: 10pt; }
#cp-rate-left .text span { color: #0070C0; }
#cp-rate-left .number { float: left; width: 77px; height: 26px; border: 1px solid #C0C0C0; font-size: 11pt; padding-right: 3px; text-align:right; color:#000; line-height:26px; display: block; }
#cp-rate .note { color: #595959; line-height: 17px; font-size: 10pt; }

#cp-rate-right { float: left; width:480px; }
#cp-rate-sh { width: 425px; margin: 30px 0px 0px 60px; background: url(/images/sh-4.png) top right repeat-y; }
#cp-rate-dets { width: 415px; border: 1px solid #c0c0c0; padding: 6px 0px 6px 0px; }
#cp-rate-dets .left { float: left; width:220px; }
#cp-rate-dets .left div, #cp-rate-dets .right div { float: left; }
#cp-rate-dets .right { float: left; width:190px; }

#cp-rate-dets .stars { width: 61px; margin-left: 6px; }
#cp-rate-dets .stars a, #cp-rate-dets .stars span { width: 11px; height: 13px; display:block; float: left; }
#cp-rate-dets .stars a { background: url(/images/star_ico_on.png) top left no-repeat; }
#cp-rate-dets .stars span { background: url(/images/star_ico_off.png) top left no-repeat; }
#cp-rate-dets .bar {  width: 61px; height: 14px; border: 1px solid #c0c0c0; background: url(/images/rate_line_bg.png) top left repeat-x; }
#cp-rate-dets .bar .back { height: 13px; width: 2%; display:block; margin-top:1px;background: url(/images/rate_line_bg_on.png) top left repeat-x; }
#cp-rate-dets .nums { font-size: 7pt; color:#595959; line-height: 15px; margin-left: 6px; }

#cp-rate-dets .title { color: #000; font-size: 11pt; height: 26px; margin-top:3px; }
#cp-rate-dets .right .line { height: 25px; }
#cp-rate-dets .right .nums { color: #000; font-size: 8pt; font-weight: bold; }
#cp-rate-dets .total { font-size: 11pt; height: 23px; font-weight: bold; width: 180px; text-align:center; }

/* footer */
div#footer { background-color: #fff; color: #808080; border-top: 1px solid #999; height: 55px; width: 980px; margin: 0px auto; clear: both; }
div#footer div#explore { float: right; margin: 0px 0px 0 0; text-align:right; width: 400px;}
div#footer div.copy { float: left; width: 440px; margin: 10px 0 0 5px; font-family: arial; font-size: 9pt; }
div#footer div.copy span.links { color: #808080; }
div#footer div.copy span.links span { position: relative; top: -1px; font-size: 7pt; }
div#footer div.copy a { color: #808080; text-decoration: none; font-family: arial; font-size: 9pt;}
div#footer div.copy a:hover { color: #808080; text-decoration: underline; }

/* float menu */
div#float-menu-ex { position:relative; top:0px; left:0px;height:20px; width:400px;  }
div#float-menu-in { position:absolute; top:0px; left:235px; height:90px; width: 166px; display:none; overflow: hidden; z-index: 1000; }

div#float-menu { width: 165px; position:absolute; top:0; left:0; filter: alpha(opacity=100); opacity: 1; }
div#float-menu * { font-family: arial; font-size: 8pt; color:#0A1634;  }
div#float-menu div.button { background-color:#fff; border: 1px solid #808080; border-bottom:0px none; height: 28px; cursor: pointer; cursor: hand; }
div#float-menu div.back { background-color:#fff; border: 1px solid #fff; height: 28px; clear: both; }
div#float-menu div.back-over { background:url(/images/float_bg.png) repeat-x 0 0; border: 1px solid #fff; height: 28px; clear: both; }
div#float-menu a.text { float: left; display: block; text-align:left;width: 135px; line-height: 26px; padding: 0px 0px 0px 10px; font-size: 10pt; font-family:arial; text-decoration:none; color:#000; }
div#float-menu div.bullet { float: right; margin: 7px 3px 0 0; width: 10px; background:url(/images/float_bullet.gif) no-repeat 1px 1px; }


/* 
***************
** logged in **
***************
*/

div#cp-content { width: 990px; margin: 15px auto 0px auto;  }
#cp-content * { font-family: arial; }

#cp-content-top {  }
#cp-content-left { float: left; width: 180px;  }
#cp-content-right { float: left; width: 800px; border: 1px solid #fff; }
#cp-content-right .header { width: 620px; margin: 70px auto 0px; text-align: center; height: 70px; font-family: arial; color: #0070C0; font-size: 16pt; }

#cp-info-content { text-align: center; margin:0; padding-top: 0px; }
#cp-info-content h2 { margin: 0; padding: 0; font-family:arial; font-size: 18pt; color: #0070C0; }
#cp-info-content p { font-family:arial; font-size: 13pt; color: #595959; }


#cp-top-links { width: 980px; height: 25px; text-align: right; }
#cp-top-links a { color:#000; font-weight: bold; font-size: 12pt; text-decoration: none; margin-right: 20px;}
#cp-top-links a:hover { text-decoration: underline; }
/* control panel navigation*/
#cp-nav { width: 980px; height: 138px; margin: 0px; background: url(/images/cp-nav-bg.png) top left repeat-x;  }
#cp-nav .n-left { float: left; width: 8px; height: 138px; background: url(/images/cp-nav-left.png) top left no-repeat; }
#cp-nav .n-right { float: right; width: 8px; height: 138px; background: url(/images/cp-nav-right.png) top left no-repeat;  }
#cp-nav .n-div { float: left; width: 2px; height: 78px; margin: 0px 0px 0px 155px; background: url(/images/cp-nav-div.png) top left no-repeat; }
#cp-hello { float: right; margin: 24px 0px 0px 0px; width: 300px; height: 35px; line-height: 35px; text-align: center; color: #fff; font-weight: bold; font-size: 12pt;  }

#cp-buttons { float: left; width: 500px; height: 78px; }
#cp-buttons .b-div { float: left; width: 1px; height: 35px; margin-top: 24px; background: url(/images/cp-bt-div.png) top left no-repeat; }
#cp-buttons a { float: left; height: 41px; margin-top: 24px; text-decoration: none; text-align: center; }
#cp-buttons .b-left { float: left; width: 12px; height: 41px; }
#cp-buttons .b-right { float: right; width: 12px; height: 41px;  }
#cp-buttons a span.a { color: #fff; font-weight: bold; font-size: 11pt; cursor: pointer; cursor:hand; line-height: 35px; }
#cp-buttons a:hover, #cp-buttons a.active { background: url(/images/cp-bt-bg.png) top left repeat-x; }
#cp-buttons a:hover .b-left, #cp-buttons a.active .b-left { background: url(/images/cp-bt-left.png) top left no-repeat; }
#cp-buttons a:hover .b-right, #cp-buttons a.active .b-right { background: url(/images/cp-bt-right.png) top left no-repeat; }
#cp-buttons a:hover span.a, #cp-buttons a.active span.a { color: #000; }

a#cp-nav1 { width: 150px; margin-left: 5px;}
a#cp-nav2 { width: 92px; }
a#cp-nav3 { width: 92px; }
a#cp-nav4 { width: 92px; }

/* control panel header */
#cp-header { float:left; width: 940px; height: 60px; margin: -60px 0px 0px 20px; }
#cp-header .title { float: left; width: 220px; font-family: arial; color: #000; font-weight: bold; font-size: 13.5pt; line-height: 20px; position:relative; white-space:nowrap; overflow: hidden; }
#cp-header .title span.note { position: absolute; font-weight: normal; color: #595959; width: 300px; top: 0px; left: 140px;  }
#cp-header .dates { float: left; width: 220px; margin-left: 20px; font-family: arial; color: #000; font-size: 13.5pt;  line-height: 20px; }
#cp-header .nav { float: left; width: 500px; margin: 10px 0px 0px 0px; }
#cp-header .nav a { float: left; display: block; width: 95px; font-family: arial; color: #595959; font-size: 11pt; text-decoration: none; cursor: pointer; cursor:hand;}
#cp-header .nav a:hover, #cp-header .nav a.active { color: #0070C0;  }
#cp-header .form { float: right; width: 400px; margin: 5px 0px 0px 0px;  text-align: right;}
#cp-header .form label { font-family: arial; color: #595959; font-size: 11pt; height: 25px; line-height: 25px; }
#cp-header .form select { width: 220px; padding: 0; margin: 0px 0px 0px 5px; font-family: arial; color: #595959; font-size: 11pt; position: relative; top: 2px;}

#cp-tools { height: 40px; text-align: right; }
#cp-tools a { width: 19px; height: 19px; display:block; margin: 12px 8px 0px 0px; float: right; }
#cp-tools a#cp-print { background: url(/images/print_ico.png) top left no-repeat; }
#cp-tools a#cp-xls { background: url(/images/xls_ico.png) top left no-repeat; }

/* left menu */
#cp-menu { width: 164px; margin-top: 60px;background: url(/images/sh-4.png) top right repeat-y; }
#cp-menu .items { float: left; width: 155px; border: 1px solid #E3E3E3; border-bottom: 0px none;}
#cp-menu .item { position: relative; top:0; left: 0; border-bottom: 1px solid #A5A5A5;}
#cp-menu a { position: relative; z-index: 10; display: block; width: 155px; height: 66px; background: transparent; text-decoration: none; line-height: 15px; }
#cp-menu span.a { padding: 10px 5px 0px 11px; display: block; height: 45px; color: #595959; font-family: arial; font-size: 8.5pt; cursor: pointer; cursor:hand;}
#cp-menu .title { color: #0070C0; font-weight: bold; }
#cp-menu .back { position: absolute;  z-index: 9; top: -1px; left: -1px; width: 155px; height: 65px; border: 1px solid #E3E3E3; background: url(/images/cp-menu-bg.png) top left repeat; filter: alpha(opacity=1); opacity: 0.01; }
#cp-menu .active { width: 172px !important; filter: alpha(opacity=100) !important; opacity: 1 !important; }

#sh-top { float: right; width: 7px; height: 12px; background: url(/images/sh-5.png) top right no-repeat; }
#sh-bottom { height: 8px; background: url(/images/sh-2.png) top right repeat-x; }
#sh-right { float: right; width: 12px; height: 8px; background: url(/images/sh-3.png) top right no-repeat; }
#sh-left { float: left; width: 16px; height: 8px; background: url(/images/sh-1.png) top right no-repeat; }

/* campaigns info numbers */
#cp-totals { width: 990px;  background: url(/images/sh-4.png) top right repeat-y; }
#cp-totals-note { margin: 30px 0px 0px 0px; color: #595959; font-size: 12pt; }
#cp-numbers { float: left; width: 980px;  }
#cp-numbers .header div { float: left; width: 101px; height: 55px; text-align: center; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; background-color: #fff; }
#cp-numbers .line div  { float: left; width: 101px; height: 33px; text-align: right; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; }
#cp-numbers .line div { background-color: #fff; }
#cp-numbers .alt div { background-color: #F8F8F8 !important; }
#cp-numbers div .long { width: 182px !important; border-right: 2px solid #E6E6E6 !important; text-align:left !important; border-left: 1px solid #E6E6E6; }
#cp-numbers div .rating-average { width: 80px !important; }
#cp-numbers .header a { display: block; margin-top: 10px; font-family:arial; font-size: 11pt; color: #595959; text-decoration: none; }
#cp-numbers .line a { display: block; margin-right: 15px; font-family:arial; line-height: 33px; font-size: 10pt; color: #000; text-decoration: none; }
#cp-numbers div .long a { margin-left: 10px;  }
#cp-numbers .line .long a { color: #0070C0; font-size: 12pt; display: block; width: 165px; overflow:hidden; white-space: nowrap;}

/* campaigns info numbers */
#cp-account-totals { width: 995px;  background: url(/images/sh-4.png) top right repeat-y; }
#cp-account-numbers { float: left; width: 988px;  }
#cp-account-numbers .header div { float: left; width: 100px; height: 55px; text-align: center; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; background-color: #fff; }
#cp-account-numbers .line div  { float: left; width: 100px; height: 33px; text-align: right; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; }
#cp-account-numbers .line div { background-color: #fff; }
#cp-account-numbers .alt div { background-color: #F8F8F8 !important; }

#cp-account-numbers div .long { width: 181px !important; border-right: 2px solid #E6E6E6 !important; text-align:left !important; border-left: 1px solid #E6E6E6; }
#cp-account-numbers div .dates { width: 127px !important; }
#cp-account-numbers .line .dates { text-align:left; }
#cp-account-numbers .line .dates a { margin-left: 5px; }
#cp-account-numbers div .average { width: 66px !important; }
#cp-account-numbers div .total { width: 105px !important; }

#cp-account-numbers div .rating-average { width: 80px !important; }
#cp-account-numbers .header a { display: block; margin-top: 10px; font-family:arial; font-size: 11pt; color: #595959; text-decoration: none; }
#cp-account-numbers .line a { display: block; margin-right: 15px; font-family:arial; line-height: 33px; font-size: 11pt; color: #000; text-decoration: none; }
#cp-account-numbers div .long a { margin-left: 10px;  }
#cp-account-numbers .line .long a { color: #0070C0; font-size: 12pt; display: block; width: 165px; overflow:hidden; white-space: nowrap;}



/* demographics table */
#cp-dmg-totals { width: 730px; margin: 0px 0px 0px 40px; }
#cp-dmg { float: left; width: 730px; }
#cp-dmg .headers div { float: left; text-align: left;border-bottom: 1px solid #E6E6E6; height: 25px; }
#cp-dmg .headers div a { margin-top: 7px;margin-left: 17%;  color: #0070C0; font-size: 12pt; text-decoration: none; }
#cp-dmg .headers .gender a { margin-left: 2px !important; }
#cp-dmg .line div { float: left; border-left: 1px solid #E6E6E6; padding-top: 10px; }
#cp-dmg .line div a { margin-left: 17%; color: #595959; text-decoration: none; font-size: 9pt; line-height:20px;}
#cp-dmg .line div a:hover, #cp-dmg .line div a.active { color: #0070C0; }
#cp-dmg .line div input { display: none;  }
#cp-dmg div .gender { width: 60px; border-left: 0px none !important;}
#cp-dmg div .gender a { margin-left: 2px !important; }
#cp-dmg div .age { width: 73px; }
#cp-dmg div .income { width: 108px; }
#cp-dmg div .ethnicity { width: 159px; }
#cp-dmg div .ethnicity a { margin-left: 12% !important; }
#cp-dmg div .home { width: 74px; }
#cp-dmg div .marital { width: 90px; }
#cp-dmg div .alcohol { width: 84px; }
#cp-dmg div .tobacco { width: 73px;  }


/* channels table */
#cp-channels { width: 666px; margin: 0px auto; }
#cp-channels-all { float: left; width: 275px; }
#cp-channels-active { float: left; width: 275px; margin-left: 100px;  }

#cp-channels .title { color: #595959; font-size: 13pt; height: 40px; }
#cp-channels .alt { color: #0070C0;  }
#cp-channels .note { color: #0070C0; font-size: 8pt; }

#cp-channels a { height: 25px; width: 275px;display:block; color: #595959; font-size: 11pt; text-decoration: none; cursor:pointer; cursor: hand; }
#cp-channels a:hover { color: #0070C0; }
#cp-channels a input { display: none; }
#cp-channels a span { color: #0070C0; width: 50px; text-align: right; display: block; float: right; }
#cp-channels a span.active { color: #999;  }

/* geo-table */
#cp-geo-data { width: 905px; margin: 0px 0px 0px 90px; }
#cp-geo-data .checked { float: left; width: 25px; height: 17px; margin-top: 5px; background: url(/images/a-chb-on.png) top left no-repeat; cursor: pointer; cursor: hand; }
#cp-geo-data .unchecked {float: left; width: 25px; height: 17px; margin-top: 5px; background: url(/images/a-chb-off.png) top left no-repeat; cursor: pointer; cursor: hand; }

#cp-geo-headder { height: 37px; }
#geo-city-help { margin: 20px auto 0px auto; text-align:center; color: #0070C0; font-size: 13pt; height: 37px; visibility: hidden;}

#cp-geo-data .area { float: left; width: 225px; padding-bottom:2px;}
#cp-geo-data .title { float: left; width: 197px; color: #595959; font-size: 12pt; height: 17px; line-height: 27px; }
#cp-geo-data .note { color: #595959; font-size: 9pt; }
#cp-geo-data div.input { height: 18px; width: 146px; margin: 5px 0px 0px 0px; border: 1px solid #7F9DB9; padding-bottom:2px;text-align:left; position: relative; left: 22px; top:0px; z-index: 12; visibility: hidden; }
#cp-geo-data div.input input { color: #595959; font-size: 10pt; margin-left:2px; width: 142px; border: 1px solid transparent; }
#cp-geo-data div.input div.list { position: absolute; top:18px; left:-1px; width: 181px; border: 1px solid #C0C0C0; z-index: 11; background-color:#fff; display:none; }
#cp-geo-data div.input div.list a { font-size: 9pt; margin-left:6px; height: 17px; line-height:17px; display:block; color: #595959; text-decoration: none; overflow: hidden; white-space: nowrap; }
#cp-geo-data div.input div.list a:hover, #cp-geo-data div.input div.list a.active { color:#0070C0 !important; }
#cp-geo-data div.input div.list .sp { height: 1px; border-top: 1px solid #c0c0c0; margin-top: 1px; display: block;}
#cp-geo-data div.list-active { position: relative; left: 22px; top:0px; width: 181px; margin: 5px 0px 0px 0px;  text-align:left; background-color:#fff; }
#cp-geo-data div.list-active a { font-size: 9pt; margin-left:6px; height: 17px; line-height:17px; display:block; color: #0070C0; text-decoration: none; overflow: hidden; }
#cp-geo-data div.list-active a:hover, #cp-geo-data div.input div.list a.active { color: #595959; }
#cp-geo-data div.list-active a span { float: right; text-align: center; width: 7px; height: 7px; border: 1px solid #ddd; line-height:7px; margin: 2px 5px 0px 0px; font-size: 7pt; display:block; visibility: hidden; }
#cp-geo-data div.list-active a:hover span { visibility: visible; }
#cp-geo-data div.list-active input { display: none; }


#cp-buy-content {   }
#cp-buy-notes { width: 780px; margin: 30px auto 0px; height: 105px; color: #595959; font-size: 8.5pt; text-align: justify; }
#cb-buy-num { width: 520px; margin: 0px auto; }
#cb-buy-num div div { float: left; font-size: 12pt;  }
#cb-buy-num .titles div { color: #595959; border-bottom: 1px solid #C0C0C0; }
#cb-buy-num .line div { color: #0070C0; }
#cb-buy-num div .name { padding-left: 2px; width: 200px; overflow: hidden; }
#cb-buy-num div .cpr { width: 132px; }
#cb-buy-num .line .cpr { text-align:center; }
#cb-buy-num div .quanity { width: 91px; }
#cb-buy-num div .total { width: 88px; text-align:right; white-space:nowrap;}
#cb-buy-num input { color: #0070C0; font-size: 12pt; padding: 3px; text-align:right; width: 70px; border: 1px solid #7F9DB9; position: relative; top:-3px;}
#cb-buy-num span.x { color:#595959; float: right; margin: 0px 35px 0px 0px; }
#cb-buy-num span.eq { color:#595959; float: left; margin: 0px 0px 0px 7px; }

#buy-submit { width: 700px; margin: 40px 0px 0px 140px;}
#buy-submit .notes { color:#595959; font-size: 11pt; height: 60px;}
#total-cost-charge { color: #0070C0; }
#buy-submit .do-submit { width: 320px; float:left; margin-left: 5px; color: #595959; font-size: 8.5pt; line-height: 42px; }
#buy-submit .submit { width: 315px; float:left; text-align:center; }




/* edit campaign */
#campaign-details { float: left; width: 425px; margin: 0px 0px 0px 185px; }
#campaign-details .line { height: 42px; }
#campaign-details .high { height: 87px !important; }
#campaign-details .spacer { border-top: 1px solid #f2f2f2; margin-top: 15px; width: 240px; height:30px; }
#campaign-details .hidden { display: none; }
#campaign-details .visible { cursor: pointer;  cursor: hand;  }
#campaign-details #body-display.visible { width: 190px; }
#campaign-details .field { position: relative; display:block; float: left; width: 112px; height: 22px; font-size: 12pt; color: #595959; text-align: left; line-height: 25px; }
#campaign-details .field .rel { position: absolute; top:0px; left: 0px; width: 120px; }
#campaign-details .input { float: left; width: 17px; height: 17px; }
#campaign-details .client { position: relative; display:block; float: left; width: 282px; margin-left: 10px !important; font-size: 12pt; color: #0070C0; line-height: 25px; }
#campaign-details .alt { color: #595959 !important; }
#campaign-details .client .date { float:left; width: 80px; }
#campaign-details .client .calendar-icon { float: left; margin-top: 5px; width:16px; height: 15px; background: url(/images/calendar-ico.png) top left no-repeat; cursor: pointer; cursor: hand; }
#campaign-details .client input { width: 198px; border: 1px solid #7F9DB9; height: 23px; line-height: 25px; padding-left: 5px; font-size: 13pt; color: #0070C0; background-color:#fff;  }
#PresentationFile { width: 278px !important; }
#campaign-details .client .file { position: absolute; top:0px; left: 0px; width: 280px; }
#campaign-details #upload-title { position: absolute; top:-27px; left:0px; color: #595959; font-size: 11pt; }
#campaign-details #upload-button { position: absolute; top:47px; left:0px; color: #595959; }
#campaign-details #upload-button a { display:block; float:left; width:64px; height: 23px; background: url(/images/upload_btn.png) top left no-repeat; }
#campaign-details #upload-button label { float: left; width: 150px; margin-left: 15px; font-size: 10pt; }

#cp-update { width: 280px; margin: 20px auto; text-align:center;  }
#cp-update a { width:133px; height: 43px; background: url(/images/update_btn.png) 0px 0px no-repeat;  }
#cp-update a:hover { background: url(/images/update_btn.png) 0px -43px no-repeat;  }

#campaign-details .client input.upload { width: 280px; }
#campaign-details .client textarea { width: 198px; border: 1px solid #7F9DB9; height: 67px; padding-left: 5px; font-size: 13pt; color: #595959; background-color:#fff; overflow:hidden; }

#campaign-details .input .checked { width: 17px; height: 17px; margin-top: 5px; background: url(/images/a-chb-on.png) top left no-repeat; cursor: pointer; cursor: hand; }
#campaign-details .input .unchecked { width: 17px; height: 17px; margin-top: 5px; background: url(/images/a-chb-off.png) top left no-repeat; cursor: pointer; cursor: hand; }


/* previev ad */
#campaign-details-preview { position: relative; float: left; width: 160px; margin: 200px 0px 0px 18px; }
#campaign-details-preview #content-text { position: absolute; top: 0px; left: 0px; width: 192px; border: 1px solid #A5A5A5; font-family: arial; font-size: 8.5pt; }
#campaign-details-preview #content-image { position: absolute; top: 270px; left: 0px; width: 190px; height:190px; }
#campaign-details-preview #content-image img { border: 1px solid #ccc;}

#content-text div { width: 166px; overflow: hidden; margin-left: 12px; }
#headline-preview { color: #0070C0; margin-top: 12px; font-weight:bold; }
#body-preview { color: #595959; }
#display-url-preview { margin-bottom: 12px; }
#destination-url-preview { color: #0070C0; text-decoration: none; }


/* history details */
#cp-history { }
#cp-history .header { width: 620px; text-align: left; height: 70px; font-family: arial; color: #0070C0; font-size: 16pt; }
#cp-history #campaign-details { width: 425px; margin: 0px 0px 0px 5px; }
#cp-history #campaign-details-preview { margin: 160px 0px 0px 18px; }
#cp-history .header2 { height: 30px; font-family: arial; color: #0070C0; font-size: 13pt; }
#cp-history .channels {  }
#cp-history .channels a { width: 400px; display:block; height: 26px; color: #595959; font-size: 11pt; }

#cp-history #cp-buy-dmg-totals { width: 749px; background-image: none; margin: 0px; }
#cp-history #cp-buy-dmg { border: 0px none; width: 741px; }
#cp-history #cp-buy-dmg div .gender { border-left: 0px none !important; }

#cp-history #cp-buy-geo-totals { background-image: none; margin: 0px; }
#cp-history #cp-buy-geo { border: 0px none; }
#cp-history #cp-buy-geo .headers div, #cp-history #cp-buy-geo .line div { border: 0px none; }
/* legend */
#cp-legend { font-family:arial; font-size: 11pt; color: #595959; }
#cp-legend .title { text-decoration: underline; height: 38px; }
#cp-legend p { padding: 0; margin: 0; height: 22px; }



/* audience */

#cp-audience .header { width: 620px; text-align: left; height: 60px; font-family: arial; color: #0070C0; font-size: 16pt; }
#cp-audience .header span { font-family: arial; color: #666; font-size: 9pt;  }


#cp-audience-totals { width: 1000px; margin: 0px; }
#cp-audience-dmg { float: left; width: 1010px; }
#cp-audience-dmg .headers div { float: left; text-align: left;border-left: 1px solid transparent; border-bottom: 1px solid #E6E6E6; height: 30px; line-height: 30px; }
#cp-audience-dmg div .gender { border-left: 0px none !important; }

#cp-audience-dmg .headers div a {  margin-left: 5px;  color: #0070C0; font-size: 12pt; text-decoration: none; }
#cp-audience-dmg .line div { float: left; border-left: 1px solid #E6E6E6; padding: 10px 0px 10px 0px; }
#cp-audience-dmg .line div a { margin-left: 5px; color: #0070C0; text-decoration: none; font-size: 8.5pt; line-height:20px; display:block; width: 93%; }
#cp-audience-dmg .line div a.off { color: #595959; }
#cp-audience-dmg .line div a span { color: #000; width: 50px; float:right; text-align:right;}

#cp-audience-dmg div .gender { width: 101px; }
#cp-audience-dmg div .age { width: 109px; }
#cp-audience-dmg div .income { width: 136px; }
#cp-audience-dmg div .ethnicity { width: 186px; }
#cp-audience-dmg div .home { width: 91px; }
#cp-audience-dmg div .marital { width: 111px; }
#cp-audience-dmg div .alcohol { width: 89px; }
#cp-audience-dmg div .tobacco { width: 89px;  }
#cp-audience-dmg div .unknown { width: 89px;  }



#cp-audience-geo-totals { width: 880px; margin: 0px; }
#cp-audience-geo { float: left; width: 880px; }

#cp-audience-geo .headers div { float: left; text-align: left; border-left: 1px solid transparent; height: 30px; line-height: 30px; width: 220px; }
#cp-audience-geo .headers div a { margin-left: 5px;  color: #595959; font-size: 13pt; text-decoration: none; }
#cp-audience-geo .headers .country a { margin-left: 10px !important; }
#cp-audience-geo .headers div a span { font-size: 8pt; }

#cp-audience-geo .line div { float: left; width: 220px; padding: 10px 0px 10px 0px; }
#cp-audience-geo div .zip { width: 200px; }
#cp-audience-geo .line div a { margin-left: 5px; overflow:hidden; white-space:nowrap; color: #0070C0; text-decoration: none; font-size: 9pt; line-height:20px; display:block; width: 93%; }
#cp-audience-geo .line div a span { color: #000; width: 50px; float:right; text-align:left; }



/* 
registration
*/
div#register-content { margin: 20px auto 0px auto; width: 930px; }
div#registration-left { width: 620px; margin: 20px auto 0px; }

div#reg-header { font-size: 22.5pt; font-family: cambria, "Times New Roman", Times, serif; margin: 55px 0px 7px 0px; }
span.note { color: #0070C0; font-size: 10pt; line-height: 22px;}

div#reg-form { width: 605px; margin-top: 20px; }
div#reg-form * { font-family: arial; }
div#reg-form div.header { float: left; width: 500px; font-size: 18pt; margin: 35px 0px 0px 10px;}
div#reg-form div.header2 { margin: 0px 0px 0px 30px; color:#595959; }
div#reg-form div.num1 { float: left; margin: 20px 0px 0px 20px; width: 54px; height: 62px; background: url(/images/icon_1.png) top left no-repeat; }
div#reg-form div.num2 { float: left; margin: 20px 0px 0px 20px; width: 54px; height: 62px; background: url(/images/icon_2.png) top left no-repeat; }
div#reg-form div.num3 { float: left; margin: 20px 0px 0px 20px; width: 54px; height: 62px; background: url(/images/icon_3.png) top left no-repeat; }
div#reg-form div.num4 { float: left; margin: 20px 0px 0px 20px; width: 54px; height: 62px; background: url(/images/icon_4.png) top left no-repeat; }
div#reg-form div.num5 { float: left; margin: 20px 0px 0px 20px; width: 54px; height: 62px; background: url(/images/icon_5.png) top left no-repeat; }

div#reg-form div.form-top { background: url(/images/form_top.png) top left no-repeat; height: 9px;  }
div#reg-form div.form-border { border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; margin:-5px 0; }
div#reg-form div.reg-content { margin: 5px 0px 5px 0px; }
div#reg-form div.reg-content#reg1 { padding-bottom: 25px; }
div#reg-form div.reg-content#reg2 { padding-bottom: 25px; }

div#reg-form div.form-bottom { background: url(/images/form_bottom.png) top left no-repeat; height: 9px; }

div#reg-form div.notes { float: left; margin: 0px 0px 10px 90px; font-size: 10pt; color:#595959; }
div#reg-form div.notes a:hover { text-decoration: underline; }


#reg-form .fields {  float: left; font-size: 11pt; margin: 9px 0px 0px 60px; color:#595959; }
#reg-form .field { float: left; width: 130px; text-align: right; line-height: 22px;  }
#reg-form .client { float: left; width: 225px; margin-left: 5px;  }
#reg-form div.cc { width: 175px !important; }
#reg-form input.cc { width: 170px !important; }
#reg-form .submit img { display: block; margin: 0px 0px 0px 150px; }

option { text-align: left; }
div#reg-form input.text { padding: 2px 0px 2px 4px; background-color: #fff; color: #000; border: 1px solid #C0C0C0; font-size: 13pt; width: 218px; line-height: 19px; text-align: left;}
#reg-form input#CCExpMonth, #reg-form input#CCExpYear { width: 52px !important; text-align: center; padding-left:0;}
input#CCCVN { width: 52px !important; }
#reg-form select.long { background-color: #fff;  color: #000; border: 1px solid #C0C0C0; font-size: 10pt; width: 224px; text-align: center; }
#reg-form select.short { background-color: #fff; color: #000; border: 1px solid #C0C0C0; font-size: 10pt; height: 22px; width: 89px; text-align: center;}


div#reg-form div.note { float: left; width: 140px; color: #0070C0; font-size: 9pt; line-height: 22px; margin-left: 6px;}

div#cc-cbs { float: left; width: 175px; margin-left: 10px; }
div#cc-cbs .card { float: left; width: 37px; height: 24px; margin: 0px 0px 0px 2px;  border: 2px solid #fff; cursor:pointer; cursor: hand; }
div#cc-cbs .active { border: 2px solid #f00 !important; }

#c-card1, #i-card1 { background: url(/images/cc_visa_ico.png) top center no-repeat; }
#c-card2, #i-card2 { background: url(/images/cc_master_ico.png) top center no-repeat; }
#c-card3, #i-card3 { background: url(/images/cc_discover_ico.png) top center no-repeat; }
#c-card4, #i-card4 { background: url(/images/cc_amex_ico.png) top center no-repeat; }
#cc-icons { width: 137px; height: 41px; position: absolute; top: -20px; left: 340px; background: url(/images/ccs_ico.png) top center no-repeat; }


#errorDiv { background-color:#FFFFFF; border:1px solid #660000; color:#330000; padding:20px 20px 20px 40px; text-align:left; width:350px; margin: 0 auto; font-family: arial; font-size: 10pt; }
#errorDiv li { color:#660000; margin: 5px; margin-left: 20px; font-size: 10pt; }
#errorDivContainer { z-index:100; visibility: hidden; position:absolute; left:30%; top:100px; width:40%; text-align: center; cursor: pointer; }



#cp-account { }
#cp-account .title { font-family: arial; font-size: 13pt; color:#595959; margin: 40px 0px 0px 0px; height: 60px;}
#cp-account .billing { margin: 20px 0px 0px -10px !important; height: 35px !important; }
#cp-account p.head { font-family: arial; font-size: 18pt; margin: 10px 0px 20px 0px; text-align: left; color: #000; }
#cp-account-left { float:left; width: 415px; }
#cp-account-right { float:left; width: 415px; }

#cp-account .formrow { float: left; margin:0 0 0 10px;width: 350px; height: 33px;  }
#cp-account .field { float: left; width: 118px; font-size: 11.5pt; color: #808080; text-align: right; margin-top: 5px; }
#cp-account #cc-cbs { width: 175px; height: 41px; position: absolute; z-index: 25; top: -2px; left: 180px; }
#cp-account .cc-cb { float: right; width: 37px; height: 24px; margin: 0px 0px 0px 2px;  }
#cp-account #cc-icons { left: 345px; }
#cp-account .input { float: left; width: 210px; margin-left: 20px; font-size: 11.5pt; color: #000; text-align: left; font-family: arial; overflow: hidden; }
#cp-account .hidden { display: none; }
#cp-account .visible { cursor: pointer;  cursor: hand; font-size: 11.5pt; font-family: arial; border: 1px solid #fff; margin-left: 8px; color:#0070C0; margin-top: 3px; }
#cp-account .disabled { font-size: 13pt; font-family: arial; border: 1px solid #fff; color:#000000;}

#cp-account input { font-size:11.5pt; color:#0070C0; width: 200px; border: 1px solid #C6C6C6; background-color:#fff; font-family:arial; padding: 3px 0px 3px 7px; }
#cp-account select { font-size:11.5pt; color:#0070C0; width: 210px; border: 1px solid #C6C6C6; background-color:#fff; font-family:arial; padding-left: 7px; margin-top: 3px; }
#cp-account input#CCExpMonth, #cp-account input#CCExpYear { width: 34px !important; text-align: center; padding-left:0;}
#cp-account input.cc { width: 170px !important; }


#cp-buy-dmg-totals { width: 938px; margin: 30px 0px 0px 0px; background: url(/images/sh-4.png) top right repeat-y; }
#cp-buy-dmg { float: left; width: 930px; border-top: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; }
#cp-buy-dmg .headers div { float: left; text-align: left;border-bottom: 1px solid #E6E6E6; height: 30px; line-height: 30px; }
#cp-buy-dmg div .gender { border-left: 2px solid #E6E6E6 !important; }

#cp-buy-dmg div .c-title { width: 184px; border-left: 0px none !important; background-color: #F8F8F8 !important; }
#cp-buy-dmg div .c-title a { color:#595959 !important; margin-left: 10px !important; width: 170px; overflow:hidden; white-space:nowrap; display:block; }

#cp-buy-dmg .headers div a {  margin-left: 17%;  color: #0070C0; font-size: 12pt; text-decoration: none; }
#cp-buy-dmg .line div { float: left; border-left: 1px solid #E6E6E6; padding: 10px 0px 10px 0px; }
#cp-buy-dmg .line div a { margin-left: 17%; color: #0070C0; text-decoration: none; font-size: 9pt; line-height:20px;}
#cp-buy-dmg .line div a:hover, #cp-buy-dmg .line div a.active { color: #0070C0; }
#cp-buy-dmg .line div input { display: none;  }


#cp-buy-dmg .line .c-title a { color: #0070C0 !important;; font-size: 13pt !important; }

#cp-buy-dmg div .gender { width: 73px; }
#cp-buy-dmg div .age { width: 73px; }
#cp-buy-dmg div .income { width: 108px; }
#cp-buy-dmg div .ethnicity { width: 159px; }
#cp-buy-dmg div .ethnicity a { margin-left: 12% !important; }
#cp-buy-dmg div .home { width: 74px; }
#cp-buy-dmg div .marital { width: 90px; }
#cp-buy-dmg div .alcohol { width: 84px; }
#cp-buy-dmg div .tobacco { width: 73px;  }


#cp-buy-geo-totals { width: 818px; margin: 30px 0px 0px 0px; background: url(/images/sh-4.png) top right repeat-y; }
#cp-buy-geo { float: left; width: 810px; border-top: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; }
#cp-buy-geo-totals.every { width:218px; }
#cp-buy-geo-totals.every #cp-buy-geo { width:210px; }

#cp-buy-geo .headers div { float: left; text-align: left; border-bottom: 1px solid #E6E6E6; height: 30px; line-height: 30px; width: 200px; }
#cp-buy-geo .headers div a { margin-left: 2px;  color: #595959; font-size: 13pt; text-decoration: none; }
#cp-buy-geo .headers .country a { margin-left: 10px !important; }
#cp-buy-geo .headers div a span { font-size: 8pt; }

#cp-buy-geo .line div { float: left; width: 200px; border-left: 1px solid #E6E6E6; padding: 10px 0px 10px 0px; }
#cp-buy-geo .line div a { margin-left: 12px; width: 180px; overflow:hidden; white-space:nowrap; display:block; color: #0070C0; text-decoration: none; font-size: 9pt; line-height:20px; }