/*
 * Copyright (c) 2012-2013 by CellSpin Soft, Inc.
 */

/* COMMON */
body {
    margin: 2px 0px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #bfa87f;
}

ul {
    margin: 0;
}
form {
    margin: 0;
    padding: 0;
}
h1 {
    margin: 0;
    font-size: 32px;
}
h2 {
    margin: 0;
    font-size: 24px;
}
h3 {
    margin: 0;
    font-size: 19px;
}
h4 {
    margin: 0;
    font-size: 16px;
}
h5 {
    margin: 0;
    font-size: 13px;
}
h6 {
    margin: 0;
    font-size: 12px;
}

a:link, a:visited {
    color: #666;
    text-decoration: none
}
a:hover, a:active {
    color: #666;
    text-decoration: underline
}

img {
    border: none;
}

form .form_error {
    color: red
}

a.block-button {
    display: block;
    text-decoration: none
}
#primary-content {
    margin: 0 auto;
    width: 924px;
    font-family: Arial, Helvetica, sans-serif;
}

#column-left {
    float: left;
    width: 608px;
    text-align: left
}
#column-right {
    float: left;
    width: 310px;
    text-align: left;
}

ul.nostyle, ul.horiz {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul.horiz > li {
    float: left
}



.desc_header_text a, .desc_header_text {
    color: #F7951D;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}
.desc_text {
    color: #666;
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
    line-height: 130%;
    text-align: justify
}
.desc_text a {
    color: #F7951D;
    text-decoration: none;
}

.white_box_platform .desc_header_text {
    margin: 10px 5px 0
}
.white_box_platform .desc_text {
    margin: 6px 10px 0 6px
}

.learn_more {
display:block;
    cursor: pointer;
    position: absolute;
    bottom: 5px;
    right: 8px;
    width: 94px;
    height: 24px;
    background: url('/img/home/tabs/more_btn.png')
}
.learn_more:hover {
    background: url('/img/home/tabs/more_btn_o.png')
}

.white_box_platform .learn_more {
    bottom: 17px
}

/* FOOTER */
#footer {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #FFF;
    margin: 10px auto;
    width: 926px;
    padding-bottom: 15px;
}
#footer a {
    color: #FFF
}
#footer .copyright {
    float: left;
    font-weight: bold
}
#footer .options {
    float: right;
    margin-right: 5px
}


/* HOME PAGE */
#home-page.whitebox-924w .middle {
    text-align: left;
    padding: 15px;
    position: relative
}
#home-page .middle h2 {
    color: #666;
}
#home-page .btn_live_demo {
    position: absolute;
    top: 14px;
    right: 0px;
    cursor: pointer;
    width: 151px;
    height: 35px
}
#home-page #divider {
    position: relative;
    width: 915px;
    left: -14px;
    margin-top: 20px
}
#home-page #divider .block-a {
    float: left;
    width: 229px;
    height: 12px;
    background-color: #F7951D
}
#home-page #divider .block-b {
    float: left;
    width: 229px;
    height: 12px;
    background-color: #f8c648
}
#home-page #divider .block-c {
    float: left;
    width: 229px;
    height: 12px;
    background-color: #fc6c4e
}
#home-page #divider .block-d {
    float: left;
    width: 228px;
    height: 12px;
    background-color: #2493a7
}
#home-page #content {
    padding-top: 30px
}
#home-page #content .left-content {
    float: left;
    width: 490px;
    position: relative
}
#home-page #content .left-content .msg {
    margin-left: 10px;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    color: #2593a7;
    position: relative;
    line-height: 30px
}
#home-page #content .msg .learn_more {
    bottom: 0;
    right: 0
}
#home-page #content .left-content .arrow {
    background: url('/img/home/right_arrow.png') no-repeat;
    position: absolute;
    right: -22px;
    top: 284px;
    width: 100px;
    height: 40px
}
#home-page #content .left-content .left-splash {
    margin: 20px 0 0 30px
}
#home-page #content .left-content .left-splash .middle {
    padding: 5px 15px
}
#home-page #content .left-content .left-splash .creative_idea {
    background: url('/img/home/creative_idea.jpg') no-repeat;
    width: 328px;
    height: 228px;
    position: relative
}
#home-page #content .left-content .left-splash .features h5,
#home-page #content .left-content .left-splash .creative_idea h5 {
    color: #F7951D;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    right: 7px;
    top: 5px;
}
#home-page #content .left-content .left-splash .plus {
    background: url('/img/home/plus.png') no-repeat;
    width: 42px;
    height: 44px;
    margin: 10px 0 10px 148px
}
#home-page #content .left-content .left-splash .features {
    background: url('/img/home/features.png') no-repeat 9px 32px #fff;
    position: relative;
    width: 328px;
    height: 177px;
    border: solid 1px #a2a2a2
}
#home-page #content .left-content .msg-footer {
    margin: 10px;
    font-style: italic;
    font-size: 16px;
    color: #666
}
#home-page #content .left-content .contact {
    background: url('/img/home/contactus.png') no-repeat;
    width: 143px;
    height: 37px;
    margin: 25px 0 0 150px;
    cursor: pointer
}
#home-page #content .right-content {
    float: left;
    margin: 10px 0 0 35px
}
#home-page #content .right-content .middle {
    padding: 5px 15px
}

/* COMMUNITY INTRO PAGE */
#cplatform {
    width: 924px;
    font-family: Arial, Helvetica, sans-serif
}
#cplatform #intro {
    text-align: left
}
#cplatform #intro .demo, #cplatform #intro .desc {
    border: solid 1px #c1c1c1;
    background-color: #fff;
    margin: 0 15px 0 10px;
    padding: 10px 15px 15px;
    float: left;
    height: 110px;
    overflow: hidden
}
#cplatform #intro .desc_header_text {
    font-size: 18px
}
#cplatform #intro .desc_text {
    color: #666;
    font-size: 13px
}
#cplatform #intro .demo {
    width: 172px;
    cursor: pointer;
    font-size: 18px;
    margin: 0 10px 0 0;
    font-weight: bold;
    color: #F7951D;
    height: 111px;
    line-height: 160%;
    text-align: center;
    text-shadow: 2px 2px 3px #e5e5e5;
    height: 110px;
    overflow: hidden
}
#cplatform #intro .demo:hover {
    text-shadow: 2px 2px 3px #fff
}

#cplatform #slideshow {
    float: left;
}
#cplatform #slideshow .videoplayer {
    margin: 14px 10px 10px 8px;
    width: 640px;
    height: 360px;
    background-color: #000;
    border: solid 1px #c1c1c1
}
#cplatform #slideshow .videoplayer a {
    display: block;
    width: 640px;
    height: 360px;
}
#cplatform #slideshow .center {
    width: 655px
}

#cplatform #summ_desc {
    float: left
}
#cplatform #summ_desc #ad_desc {
    margin-top: 1px
}

#cplatform #featured, #cplatform #featured2, #cplatform #contact {
    float: left
}
#cplatform #featured .left, #cplatform #featured2 .left, #cplatform #contact .left {
    width: 6px;
    height: 184px;
    float: left
}
#cplatform #featured .center, #cplatform #featured2 .center {
    width: 769px;
    height: 184px;
    float: left;
    text-align: left
}
#cplatform #featured .right, #cplatform #featured2 .right, #cplatform #contact .right {
    width: 12px;
    height: 184px;
    float: left
}
#cplatform #featured h4, #cplatform #featured2 h4 {
    margin: 0;
}
#cplatform #featured .interior, #cplatform #featured2 .interior {
    margin: 11px auto auto 4px;
    padding: 5px 10px 5px 10px;
    width: 742px;
    height: 146px;
    background-color: #848484;
    color: #FFF;
}
#cplatform #featured #header, #cplatform #featured2 #header {
    font-size: 20px;
    font-weight: bold
}
#cplatform #features, #cplatform #features2 {
    border: solid 1px #fff;
    padding: 0 15px;
    margin-top: 5px;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold
}
#cplatform #features ul, #cplatform #features2 ul {
    margin: 2px 60px 0 0;
    height: 106px;
    padding: 0;
    float: left;
}
#cplatform #features ul.features_right, #cplatform #features2 ul.features_right {
    margin-right: 10px
}
#cplatform #features li, #cplatform #features2 li {
    margin: 5px 1px 0 10px
}
#cplatform #contact .center {
    width: 118px;
    text-align: center;
    height: 184px;
    float: left
}
#cplatform #contact img {
    margin-top: 15px
}

#cplatform #overview .top {
    width: 924px;
    height: 8px;
    margin-top: 4px
}
#cplatform #overview .bottom {
    width: 924px;
    height: 12px;
}
#cplatform #overview .middle {
    width: 924px;
    padding: 4px 0;
    text-align: left
}
#cplatform #overview #img_cont {
    background-color: White;
    border: solid 1px #c1c1c1;
    width: 896px;
    margin-left: 10px;
    text-align: center;
    padding: 9px 0
}
#cplatform #overview .overview_text {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 10px;
    color: #666666
}

#cplatform #clog_desc .left {
    width: 8px;
    height: 269px;
    float: left
}
#cplatform #clog_desc .center {
    width: 907px;
    height: 269px;
    float: left;
    text-align: left
}
#cplatform #clog_desc .right {
    width: 9px;
    height: 269px;
    float: left
}
#cplatform #clog_desc .box {
    border: solid 1px #c1c1c1;
    width: 864px;
    padding: 3px 10px 4px 10px;
    margin-top: 5px
}

/* MOBILE INTRO PAGE */
#mplatform {
    width: 926px;
    font-family: Arial, Helvetica, sans-serif
}
#mplatform #slideshow .center {
    width: 775px;
}
#mplatform #slideshow .slideshow_screen {
    background-color: #000000;
    margin: 11px 10px 10px 5px;
    width: 765px;
    height: 366px
}
#mplatform #slideshow {
    float: left;
}
#mplatform #slideshow .videoplayer {
    margin: 14px 10px 10px 8px;
    width: 640px;
    height: 360px;
    background-color: #000;
    border: solid 1px #c1c1c1
}
#mplatform #slideshow .videoplayer a {
    display: block;
    width: 640px;
    height: 360px;
}

#mplatform #recent-activity {
    float: left;
    margin-left: 1px
}
#mplatform #recent-activity > .top {
    width: 129px;
    height: 17px
}
#mplatform #recent-activity > .middle {
    width: 129px;
    height: 312px;
    text-align: center
}
#mplatform #recent-activity > .bottom {
    width: 129px;
    height: 24px
}
#mplatform #recent-activity > .middle > .content {
    padding: 0 22px 0 15px;
    position: relative;
    top: -15px
}
#mplatform #recent-activity .recentposts {
    position: relative;
    left: -1px;
    height: 40px;
    overflow: hidden
}
#mplatform #recent-activity h3 {
    color: #fff;
    font-size: 18px;
    padding-bottom: 5px
}
#mplatform #recent-activity h4 {
    color: #fff;
    font-size: 15px;
    text-align: center
}
#mplatform #recent-activity .moreposts {
    margin: 10px 3px 5px 8px
}
#mplatform #recent-activity .moreposts img {
    margin: 6px 0 0 8px
}
#mplatform #recent-activity ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}
#mplatform #recent-activity ul a {
    color: #fff;
    font-size: 11px;
    font-weight: bold
}
#mplatform #recent-activity div.name {
    padding: 5px 0 3px 0
}
#mplatform #recent-activity a {
    text-decoration: none
}
#mplatform #recent-activity li .media {
    position: relative
}
#mplatform #recent-activity li .media img.media {
    display: block;
    width: 85px;
    height: 85px;
    border: solid 1px #c1c1c1;
    margin: 0 0 2px 2px
}
#mplatform #recent-activity li .media .play-button {
    display: block;
    position: absolute;
    right: 10px;
    bottom: 5px;
}

#mplatform #smh_desc, #mplatform #ad_desc {
    float: left
}
#mplatform #smh_desc .left, #mplatform #ad_desc .left {
    width: 5px;
    height: 177px;
    float: left
}
#mplatform #smh_desc .center, #mplatform #ad_desc .center {
    width: 429px;
    height: 157px;
    float: left;
    text-align: left;
    padding: 10px;
    position: relative
}
#mplatform #smh_desc .right, #mplatform #ad_desc .right {
    width: 8px;
    height: 177px;
    float: left
}
#mplatform #smh_desc .desc_header_text a, #mplatform #smh_desc .desc_header_text, #mplatform #ad_desc .desc_header_text a, #mplatform #ad_desc .desc_header_text {
    font-size: 17px;
    padding: 4px 2px
}
#mplatform #smh_desc .desc_text, #mplatform #ad_desc .desc_text {
    font-size: 13px;
    line-height: 125%;
    padding: 6px
}
#mplatform #smh_desc .learn_more, #mplatform #ad_desc .learn_more {
    bottom: 16px
}

#mplatform #phone_help .help-box {
    margin-top: 10px;
    padding: 14px;
    width: 372px;
    height: 88px;
    border: solid 1px #FFFFFF;
    text-align: left
}
#mplatform #phone_help .help-img {
    float: left
}
#mplatform #phone_help .help-desc {
    background: #FFFFFF;
    margin-left: 10px;
    width: 248px;
    height: 55px;
    float: left;
    padding: 15px;
}
#mplatform #add_site_help .help-box {
    margin-top: 10px;
    padding: 10px;
    width: 378px;
    height: 41px;
    border: solid 1px #FFFFFF;
    text-align: left
}
#mplatform #add_site_help .help-img {
    float: left
}
#mplatform #add_site_help .help-desc {
    background: #FFFFFF;
    margin-left: 6px;
    width: 202px;
    height: 25px;
    float: left;
    padding: 10px 10px 5px 5px
}

#mplatform #phone_help, #mplatform #add_site_help {
    float: left
}
#mplatform #add_site_help {
    margin-left: 1px
}
#mplatform #phone_help .top, #mplatform #add_site_help .top {
    width: 461px;
    height: 8px;
}
#mplatform #phone_help .middle, #mplatform #add_site_help .middle {
    width: 461px;
    height: 538px;
    text-align: left;
    padding-top: 10px
}
#mplatform #phone_help .bottom, #mplatform #add_site_help .bottom {
    width: 461px;
    height: 12px;
}
#mplatform #phone_help .inside, #mplatform #add_site_help .inside {
    background-color: #848484;
    margin: 0 20px 0 15px;
    padding: 2px 12px 14px 12px
}

/* AD INTRO PAGE */
#adplatform.whitebox-924w .middle {
    text-align: left;
    padding: 15px 11px;
    position: relative
}
#adplatform .middle h1, #adplatform .middle h2 {
    color: #666;
}
#adplatform .middle h2 span {
    font-size: 18px;
    font-style: italic;
    font-weight: normal
}
#adplatform .btn_live_demo {
    position: absolute;
    top: 14px;
    right: 0px;
    cursor: pointer;
    width: 151px;
    height: 35px
}
#adplatform #divider {
    position: relative;
    width: 915px;
    left: -10px;
    margin-top: 20px
}
#adplatform #divider .block-a {
    float: left;
    width: 229px;
    height: 12px;
    background-color: #F7951D
}
#adplatform #divider .block-b {
    float: left;
    width: 229px;
    height: 12px;
    background-color: #f8c648
}
#adplatform #divider .block-c {
    float: left;
    width: 229px;
    height: 12px;
    background-color: #fc6c4e
}
#adplatform #divider .block-d {
    float: left;
    width: 228px;
    height: 12px;
    background-color: #2493a7
}
#adplatform #content {
    padding-top: 23px
}

#adplatform #top-container {
    border: solid 1px #666;
    width: 893px;
    background: url('/img/ad-intro/cloud.jpg') repeat #e9f5fa;
}
#adplatform #content .top-content {
    position: relative;
    padding: 10px;
}
#adplatform #content .top-content.expandable.padded {
padding-bottom: 60px;
}
#adplatform #content .top-content h3 {
    color: #F7951D;
    font-size: 20px
}
#adplatform #content .top-content p {
    color: #666;
    width: 550px;
    font-size: 16px;
    line-height: 20px
}
#adplatform #content .top-content p.note {
    color: #666;
    margin-top: 2em;
    width: 300px;
    font-weight: bold
}
#adplatform #content .top-content p.local {
    color: #666;
    width: 535px;
    font-size: 15px;
    line-height: 19px
}
#adplatform #content .top-content .splash_img_tab1 {
    position: absolute;
    top: 10px;
    right: -7px;
    background: url('/img/ad-intro/social_ads_splash.png') no-repeat;
    width: 457px;
    height: 299px
}
#adplatform #content .top-content .splash_img_tab2 {
    position: absolute;
    top: 16px;
    right: 25px;
    background: url('/img/ad-intro/whysocial_splash.png') no-repeat;
    width: 508px;
    height: 286px
}

#adplatform #content .top-content .metrics_list {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 15px
}
#adplatform #content .top-content .list_block {
    list-style: none;
    padding: 0;
    float: left;
    width: 210px
}
#adplatform #content .top-content .list_block .bullet {
    float: left;
    width: 11px;
    height: 11px;
    background-color: #F7951D;
    position: relative;
    top: 3px;
    margin: 10px 10px 0 0;
    box-shadow: 1px 1px 1px #000
}
#adplatform #content .top-content .list_block h2 {
    float: left;
    font-size: 16px;
    margin-top: 10px;
    text-shadow: 1px 1px #ccc
}
#adplatform #content .top-content .list_block ul {
    clear: both;
    list-style: none;
    margin: 0 20px;
    padding: 5px 0
}
#adplatform #content .top-content .list_block li {
    font-size: 14px;
    margin-top: 7px;
    color: #666
}

.example-btns-group {
    float: left;
    margin: 10px 1.5% 20px;
    width: 47%;
}
.example-btns-group > h4 {
    padding: 8px;
    color: #FFF;
    font-size: 18px;
    background-color: #F7951D;
    border-radius: 5px;
    box-shadow: 1px 1px 2px 0 #555555;
    text-align: center;
    text-shadow: 1px 1px #000;
}
/* 1st element uses defaults */
.example-btns-group.group-d > h4 {
    background-color: #eaaf24;
}
.example-btns-group.group-c > h4 {
    background-color: #fc6c4e;
}
.example-btns-group.group-b > h4 {
    background-color: #2493a7;
}

#adplatform #content .top-content #example_btns, .example-btns-ul {
    list-style: none;
    margin: 0;
    margin-left: 20px;
    padding: 0
}
#adplatform #content .top-content #example_btns li {
    float: left;
    padding: 0 16px 0;
    width: 179px;
    height: 47px;
    background: url('/img/ad-intro/example_btns.png') no-repeat 0 -47px;
    text-align: center
}

#adplatform #content .top-content #example_btns h5 {
    margin-top: 16px;
    color: #666;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    left: -16px
}
#adplatform #content .top-content #example_btns li:hover {
    background-position: 0 0;
    cursor: pointer;
}
.minh220 {
    min-height: 220px;
    height: expression( this.scrollHeight < 221 ? "220px" : "auto" );
}
.example-btns-ul h5 {
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}
.example-btns-ul li {
    float: left;
    margin: 5px;
    padding: 14px 10px 11px 10px;
    width: 155px; /* 175 = 10 * 2 + 155 */
    height: 20px; /* 45 = 14 + 11 + 20 */
    background: url('/img/ad-intro/example_btns.png') no-repeat -2px -49px;
    background: url('/img/ad-intro/clr_btns.png') no-repeat -2px -49px;
    text-align: center;
}
/* 1st element uses defaults */
.example-btns-group.group-d li {
    background-position: -2px -143px;
}
.example-btns-group.group-c li {
    background-position: -2px -237px;
}
.example-btns-group.group-b li {
    background-position: -2px -331px;
}
.example-btns-ul li:hover {
    background-position: -2px -1px;
    cursor: pointer;
}
/* 1st element uses defaults */
.example-btns-group.group-d li:hover {
    background-position: -2px -95px;
}
.example-btns-group.group-c li:hover {
    background-position: -2px -189px;
}
.example-btns-group.group-b li:hover {
    background-position: -2px -283px;
}

#adplatform #content .top-content .local_ad {
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: center
}
#adplatform #content .top-content .local_ad a {
    color: #2594a7
}
#adplatform #content .top-content .local_ad a:hover {
    text-decoration: none;
    color: #F7951D
}
#adplatform #content .ad-intro-menu {
margin-bottom: 25px;
border: 1px solid #666;
border-top-width: 0;
padding: 0;
width: 893px;
height: 47px;
background-color: #F7951D;
list-style: none;
cursor: pointer;
}
#adplatform #content .ad-intro-menu li {
float: left;
text-align: center;
}
#adplatform #content .ad-intro-menu li a {
position: relative;
display: block;
border-left: 1px solid #666;
width: 177px;
height: 47px;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 47px;
}
.ad-intro-menu a:hover, .ad-intro-menu a:active, .ad-intro-menu a:focus {
text-decoration: none;
outline: none;
}
#adplatform #content .ad-intro-menu li:first-child a {
border-left: 0;
width: 181px
}
#adplatform #content .ad-intro-menu .ui-tabs-active .arrow_up {
    position: absolute;
    left: 10px;
    top: -15px;
    width: 30px;
    height: 15px;
    background: url('/img/ad-intro/arrows.png') 0 0
}
#adplatform #content .ad-intro-menu .ui-tabs-active .arrow_down {
    position: absolute;
    right: 10px;
    bottom: -15px;
    width: 30px;
    height: 15px;
    background: url('/img/ad-intro/arrows.png') 0 -15px
}

#adplatform #content .bottom-content {
    position: relative;
    margin-top: 25px
}

#adplatform .ui-tabs-panel .diffs {
    list-style: none;
    margin: 40px 30px 10px 20px;
    padding: 0;
    font-size: 14px;
    color: #666
}
#adplatform .ui-tabs-panel .diffs li {
    margin: 30px 35px;
    position: relative
}
#adplatform .ui-tabs-panel .diffs li .bullet {
    width: 11px;
    height: 11px;
    background-color: #F7951D;
    position: absolute;
    top: 3px;
    left: -35px;
    box-shadow: 1px 1px 1px #000;
}

#adplatform #content .bottom-content h3 {
    padding: 10px 10px;
    color: #F7951D;
    font-size: 20px
}
#adplatform #content .bottom-content .contact {
    background: url('/img/home/contactus.png') no-repeat;
    width: 143px;
    height: 37px;
    position: absolute;
    top: 5px;
    right: 20px;
    cursor: pointer
}

#adplatform #content .bottom-content .metric_details {
    list-style: none;
    margin: 0;
    padding: 20px 0 0 35px;
}
#adplatform #content .bottom-content .metric_details li {
    position: relative;
}
#adplatform .bottom-content .metric_details div.chart {
    position: absolute;
    top: 5px;
    right: 20px;
    width: 646px;
    height: 218px;
    background: url('/img/ad-intro/analytics1.jpg') no-repeat transparent;
}
#adplatform #content .bottom-content .metric_details li.ad_metrics {
    margin-bottom: 133px
}
#adplatform #content .bottom-content .metric_details li.facebook {
    margin-bottom: 55px
}
#adplatform .bottom-content .metric_details .facebook div.chart {
    height: 260px;
    background-image: url('/img/ad-intro/analytics2.jpg');
}
#adplatform #content .bottom-content .metric_details li.twitter {
    margin-bottom: 130px
}
#adplatform .bottom-content .metric_details .twitter div.chart {
    height: 269px;
    background-image: url('/img/ad-intro/analytics3.jpg');
}
#adplatform #content .bottom-content .metric_details li.youtube {
    margin-bottom: 130px
}
#adplatform .bottom-content .metric_details .youtube div.chart {
    height: 262px;
    background-image: url('/img/ad-intro/analytics4.jpg');
}
#adplatform #content .bottom-content .metric_details li.skype {
    margin-bottom: 130px
}
#adplatform .bottom-content .metric_details .skype div.chart {
    height: 269px;
    background-image: url('/img/ad-intro/analytics5.jpg');
}
#adplatform #content .bottom-content .list_block .bullet {
    float: left;
    width: 11px;
    height: 11px;
    background-color: #F7951D;
    position: relative;
    top: 3px;
    margin: 10px 0px;
    box-shadow: 1px 1px 1px #000
}
#adplatform #content .bottom-content .list_block h2 {
    float: left;
    font-size: 16px;
    margin: 10px 0 0 10px;
    text-shadow: 1px 1px #ccc
}
#adplatform #content .bottom-content .list_block ul {
    clear: both;
    list-style: none;
    margin: 0 20px;
    padding: 5px 0
}
#adplatform #content .bottom-content .list_block li {
    font-size: 14px;
    margin-top: 7px;
    color: #666
}

#adplatform #content .bottom-content .local_ad {
    width: 300px;
    margin: 30px;
    float: left
}
#adplatform #content .bottom-content .features {
    margin: 30px;
    float: right
}
#adplatform #content .bottom-content .features .feature {
    background: url('/img/ad-intro/bg.png') no-repeat #e9f5fa;
    border: solid 1px #c1c1c1;
    padding: 10px;
    position: relative;
    width: 368px;
    margin-bottom: 20px;
}
#adplatform #content .bottom-content .features .feature .logo {
    margin-right: 8px;
    position: relative;
    top: 2px;
    float: left;
    background: url('/img/widget/site_icons.png') no-repeat;
    width: 20px;
    height: 20px
}
#adplatform #content .bottom-content .features .fb_feature .logo {
    background-position: 0 -96px;
}
#adplatform #content .bottom-content .features .tw_feature .logo {
    background-position: 0 -116px;
}
#adplatform #content .bottom-content .features .yt_feature .logo {
    background: url('/img/widget/youtubeicon_biz.png') no-repeat;
    width: 40px;
    height: 16px;
    top: 4px
}
#adplatform #content .bottom-content .features .fk_feature .logo {
    background: url('/img/widget/flickricon_biz.png') no-repeat;
    width: 40px;
    height: 12px;
    top: 6px
}
#adplatform #content .bottom-content .features .feature h3 {
    padding: 0
}
#adplatform #content .bottom-content .features .feature ul {
    list-style: square;
    clear: both;
    margin-top: 5px;
    padding-left: 60px;
    color: #F7951D;
}
#adplatform #content .bottom-content .features .feature li {
    padding: 5px 0
}
#adplatform #content .bottom-content .features .feature li .bullet {
    display: none;
}
#adplatform #content .bottom-content .features .feature li h5 {
    color: #666
}


.horiz-tabs {
    border: 0;
    margin: 0;
    padding: 0;
    height: 30px;
    position: relative;
    top: -8px;
    width: 601px
}
.horiz-tabs li {
    float: left;
    list-style: none;
}
.horiz-tabs a {
    display: block;
    height: 100%;
    font: bold 13px/27px Arial;
    text-decoration: none;
    color: #666666;
    border-right: solid 2px #666666
}
.horiz-tabs a span {
    display: block;
    margin-top: 1px;
    padding: 2px 10px 0 10px;
    height: 100%;
}
.horiz-tabs a:hover {
    color: #000;
}
.horiz-tabs li.selected a {
    color: #FFF;
    background-color: #000000;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    border-right: none
}

.multi-select-dropdown select {
    background-color: white;
    border: solid 1px #7F9DB9;
}
.multi-select-dropdown {
    position: relative;
}
.multi-select-dropdown ul {
    position: absolute;
    border: 1px solid #000;
    padding: 0;
    width: 140px;
    height: 7em;
    overflow: auto;
    background-color: #FFF;
    color: #666;
    visibility: hidden
}
.multi-select-dropdown:hover ul {
    visibility: visible;
    z-index: 10
}
.multi-select-dropdown ul li {
    list-style-type: none;
}

/* INFO PAGES */
#error {
    width: 924px;
}
#error .top, #contactus .top {
    height: 8px
}
#error .middle, #contactus .middle {
    padding: 6px 18px 8px 12px;
}
#error .bottom, #contactus .bottom {
    height: 12px
}
#error .inside {
    padding: 10px 18px 10px 10px;
    border: solid 1px #c1c1c1;
    background-color: White
}

#contactus .placard {
    width: 385px;
    float: left;
    background-color: white;
    height: 100%
}
#contactus #contactusform {
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #666;
    width: 480px;
    float: right;
}
#contactus #contactusform table {
    text-align: left;
    width: 455px;
    border-collapse: collapse;
}
#contactus #contactusform .thead th {
    padding: 0 0 10px 0;
    font-size: 20px;
    color: #F7951D;
    text-align: left;
    white-space: nowrap
}
#contactus #contactusform th {
    vertical-align: top;
    white-space: nowrap
}
#contactus #contactusform td {
    width: 85%;
    padding: 3px
}
#contactus #contactusform form .input {
    width: 99%;
}
#contactus #contactusform form ul.errorlist {
    margin: 5px 0;
    padding: 0;
    list-style: none;
    color: red;
    background-color: #FFF1E5;
}
#contactus #contactusform form select.input {
    text-align: center;
    width: 100%;
}
#contactus #contactusform form textarea.input {
    height: 190px;
}


#controlPanel .home a {
    color: #F7951D;
}

/* OTHERS */
.divider {
    font-size: 16px;
    font-weight: bold;
}
.slogan_text {
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
}

/* Main Menu */
.menuItem {
    margin-left: 1px;
    float: left;
    height: 20px;
    cursor: pointer;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    background-color: #F7951D;
    color: #ffffff;
    line-height: 20px;
    text-align: center;
}
.menuItemHover {
    margin-left: 1px;
    float: left;
    height: 20px;
    cursor: pointer;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    background-color: #FCAD51;
    color: #666;
    line-height: 20px;
    text-align: center;
}
.menuItemSelected {
    margin-left: 1px;
    float: left;
    height: 20px;
    cursor: pointer;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    background-color: #F7951D;
    color: #666;
    line-height: 20px;
    text-align: center;
}

/* sub menu on home page */
.subMenu {
    padding-top: 2px;
    margin-right: 1px;
    float: left;
    height: 22px;
    cursor: pointer;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    background-color: #469fd9;
}
.subMenuHover {
    padding-top: 2px;
    margin-right: 1px;
    float: left;
    height: 22px;
    cursor: pointer;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #2c2c2c;
    background-color: #8FB8D6;
}
.subMenuSelected {
    padding-top: 2px;
    margin-right: 1px;
    float: left;
    height: 22px;
    cursor: pointer;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #2c2c2c;
    background-color: #469fd9;
}

/* Home page Left Pane Content */
#leftContent {
    float: left;
    display: inline;
    width: 544px;
}

#response, #reset_pass {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666666;
}
.response_message {
    font-weight: bold;
    font-size: 20px;
    margin: 20px;
}
#response li {
    list-style: none;
    color: Red;
    text-indent: 0px;
}


.readmorebox {
    border: 2px solid #A1A6AE;
    padding: 8px;
    width: 313px;
    min-height: 352px;
    height: auto !important;
    height: 352px;
    color: #666;
    background-color: #FFF;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.readmorebox h4 {
    margin: 0 0 2em 0;
    color: #F7951D;
}

.readmore {
    text-align: left;
    width: 333px;
    min-height: 370px;
    height: auto !important;
    height: 370px
}

.readmoretext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
}

.readmoretitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #F7951D;
}

.clog_description_title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #F7951D;
    float: left;
    padding: 10px 10px 0px 10px;
}

.clog_description {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    height: 750px;
    width: 680px;
    float: left;
    position: relative;
}

.clog_description p {
    padding: 10px;
}

.clog_description_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    padding: 10px;
}


.errormessage {
    color: red;
    font-weight: bold;
    margin-left: 5px;
}

.errormessage ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.white_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}


.clearboth {
    clear: both;
}

.inplaceeditor-form {
    display: inline;
}

.center-inline {
    text-align: center;
}

.policy-heading {
    font-weight: bold;
    font-size: 15px;
    color: #F7951D;
    text-align: center;
    margin-top: 14px;
    margin-bottom: 14px;
}

.policy-title {
    font-size: 16px;
}

#copyright-footer {
    padding-top: 5px;
}

.option-footer {
    padding-top: 6px;
    color: #F7951D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

#publisher_detail {
    padding: 15px 45px;
}
#publisher_detail table {
    text-align: left;
}
#publisher_detail .button-control {
    padding-top: 10px;
    text-align: center;
}


.menu_text, a.menu_text, a:hover.menu_text, a:visited.menu_text, a:link.menu_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFF;
}

.menu_text_small, a.menu_text_small, a:hover.menu_text_small, a:visited.menu_text_small, a:link.menu_text_small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
}

.menu_selected_text, a.menu_selected_text, a:hover.menu_selected_text, a:visited.menu_selected_text, a:link.menu_selected_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666666;
}


#demo {
    border: 2px solid #A1A6AE;
    padding: 8px;
    width: 892px;
    color: #666;
    background-color: #fff;
}

.phone_help_header_text a, .phone_help_header_text {
    color: #F7951D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.featured_header_text a, .featured_header_text {
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.clog_desc_header_text a, .clog_desc_header_text {
    color: #F7951D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.media_for_header_text a, .media_for_header_text {
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}

.media_for_text a, .media_for_text {
    color: #F7951D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

.media_partner_text a, .media_partner_text {
    color: #F7951D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.partner_highlights_header {
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
}

#recentactivity .activity {
    color: #663300;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 2px;
}

#recentactivity .activity_shadow {
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

#ad-header {
    padding: 13px 0 2px 0;
    height: 90px;
    text-align: center;
    background-color: #868686;
}
#ad-right {
    width: 315px
}
#ad-right > .top {
    height: 8px;
}
#ad-right > .middle {
    padding-left: 4px;
}
#ad-right > .bottom {
    height: 9px;
}
#ad-right .middle > .title {
    position: relative;
    top: -3px;
    text-align: center;
    font-size: 12px;
    color: #4c6bdc;
}
#ad-right ins {
    position: relative;
    top: -2px
}

#ad-left {
    text-align: center;
    margin: 30px 0 0 1px
}
#ad-left .header {
    font-size: 12px;
    color: #fff
}
#ad-left .left {
    float: left;
    width: 300px;
}
#ad-left .right {
    float: left;
    margin-left: 1px;
}

ul#site-icons {
    padding: 0;
}
ul#site-icons li {
    float: left;
    width: 16px;
    height: 16px;
    list-style-type: none;
    overflow: hidden;
    color: Transparent;
}

/* social ads */
#social_ads {
    width: 924px
}
#social_ads .top {
    width: 924px;
    height: 8px
}
#social_ads .bottom {
    width: 924px;
    height: 12px;
}
#social_ads .middle {
    padding: 8px 20px 10px 8px
}
#social_ads .ads_header, #social_ads .ads {
    border: solid 1px #c1c1c1;
    background-color: #fff;
    margin-left: 5px;
    padding: 10px 10px 8px;
    color: #666
}
#social_ads .ads_header {
    margin-bottom: 10px
}
#social_ads .ads ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    text-align: left;
    overflow: auto
}
#social_ads .ads ul#menu li {
    padding: 5px;
    list-style: none;
    cursor: pointer;
    border: solid 1px #fff
}
#social_ads .ads ul#menu li:hover {
    font-weight: bold
}
#social_ads .ads ul#menu li.selected {
    font-weight: bold;
    background-color: #666;
}
#social_ads .ads ul#menu li a {
    text-decoration: none
}
#social_ads .ads ul#menu li.selected a {
    color: #fff
}
#social_ads .ads #menu {
    width: 180px;
    background-color: #fafafa;
    overflow: auto
}
#social_ads .ads #ads {
    margin-left: 20px;
    width: 640px;
    padding: 10px
}
#social_ads .ads #ads .title {
    text-align: center;
    margin: 5px 0 20px;
    font-weight: bold;
    font-size: 14px
}
#social_ads .ads #ads .title.skype {
    margin-bottom: 50px;
    font-size: 110%;
}
#social_ads .ads #ads .old_ad {
    float: left
}
#social_ads .ads #ads .hp_old_ad {
    margin-right: 20px
}
#social_ads .ads #ads .new_ad {
    float: left
}
#social_ads .ads #ads .center_ad {
    float: none
}
#social_ads .ads #ads .normal_ad {
    float: none;
    text-align: center
}
#social_ads .ads #ads .left_ad {
    float: left;
    margin: 0 20px 0 10px
}
#social_ads .ads #ads .right_ad {
    float: left
}
#social_ads .ads #ads .center_ad {
    float: none;
    text-align: center;
    margin-top: 20px
}
#social_ads .ads #ads .ad_caption {
    margin: 10px 0 20px 0;
    max-width: 300px;
    text-align: center;
    font-size: 12px;
    font-weight: bold
}
#social_ads .ads #ads li.select {
    text-align: center;
    margin-top: 120px;
    font-weight: bold
}
#social_ads .ads #ads li.select span {
    position: relative;
    top: -3px;
    left: 10px
}

#ad_modal {
    border: 24px solid #666;
    background-color: #666;
}
#ad_modal .dialog_content {
    background-color: #666;
}
#ad_modal .dialog_close {
    top: -19px;
    right: -19px;
}
#ad-modal {
    padding: 3px 3px 0;
    width: 630px;
    height: 250px
}
#ad-modal #ad-frame {
    float: left;
    padding-right: 30px;
    width: 300px;
    height: 250px
}
#ad-modal .ad-features {
    float: left;
    position: relative;
    padding: 5px;
    width: 290px;
    height: 240px;
    text-align: left;
    background-color: #FFF;
    color: #666;
    font-size: 14px;
}
#ad-modal .ad-features li {
    padding: 5px 0;
}
#ad-modal .ad-features h2 {
    margin: 5px 0;
    text-align: center;
}
#ad-modal .contact {
    position: absolute;
    bottom: 10px;
    left: 78px;
    width: 143px;
    height: 37px;
    background: url('/img/home/contactus.png') no-repeat;
}

#ad-modal.half-page, #ad-modal.half-page #ad-frame {
    height: 600px
}
#ad-modal.half-page .ad-features {
    height: 590px
}
#ad-modal.half-page .ad-features h2 {
    margin: 15px 0 50px
}
#ad-modal.half-page .contact {
    bottom: 100px
}

/*
 * @see http://nicolasgallagher.com/micro-clearfix-hack/
 */

/* For modern browsers */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom: 1;
}



#home-page .btn_live_demo {background:url('/img/home/live_demo.png') no-repeat}

#features ul {list-style-image: url('/img/home/tabs/orange_bullet.png'); list-style-position:outside}

#cplatform #clog_desc .left {background:url('/img/gradient/white_box_clog_desc.png') no-repeat scroll 0 0;}
#cplatform #clog_desc .center {background:url('/img/gradient/white_box_clog_desc.png') repeat-x scroll 0 -269px;}
#cplatform #clog_desc .right {background:url('/img/gradient/white_box_clog_desc.png') no-repeat scroll -9px 0;}
#cplatform #highlights1 .top,
#cplatform #highlights2 .top,
#mplatform #phone_help .top,
#mplatform #add_site_help .top {background:url('/img/gradient/greybox-461w.png') no-repeat scroll 0 0;}
#cplatform #highlights1 .middle,
#cplatform #highlights2 .middle,
#mplatform #phone_help .middle,
#mplatform #add_site_help .middle {background:url('/img/gradient/greybox-461w.png') repeat-y scroll -461px 0;}
#cplatform #highlights1 .bottom,
#cplatform #highlights2 .bottom,
#mplatform #phone_help .bottom,
#mplatform #add_site_help .bottom {background:url('/img/gradient/greybox-461w.png') no-repeat scroll 0 -9px;}

#mplatform #smh_desc .left,
#mplatform #ad_desc .left {background:url('/img/gradient/l_desc_gr.png') no-repeat;}
#mplatform #smh_desc .center,
#mplatform #ad_desc .center {background:url('/img/gradient/m_desc_gr.png') repeat-x;}
#mplatform #smh_desc .right,
#mplatform #ad_desc .right {background:url('/img/gradient/r_desc_gr.png') no-repeat;}

#mplatform #recent-activity > .top { background:url('/img/gradient/film_top_bottom.png') no-repeat scroll 0 0;}
#mplatform #recent-activity > .middle { background:url('/img/gradient/film_middle.png') repeat-y scroll 0 0;}
#mplatform #recent-activity > .bottom { background:url('/img/gradient/film_top_bottom.png') no-repeat scroll 0 -18px;}

.dialog_close { background: #ffffff url( '/img/widget/close_btn.png" ) no-repeat scroll 1px 1px; }


.adplatform { text-align: left; background-color: transparent; }
.adplatform .top-content {
padding: 10px;
position: relative;
}
.adplatform .top-content h3 {
color: #F7951D;
font-size: 20px;
}
.adplatform .top-content p {
color: #666;
width: 550px;
font-size: 16px;
line-height: 20px;
}
.adplatform .top-content .splash_img_tab1 {
position: absolute;
top: 10px;
right: -7px;
background: url('../img/ad-intro/social_ads_splash.png') no-repeat scroll 0 0;
width: 457px;
height: 299px;
}

#adplatform .bottom-content .demo {
    color: #2594a7;
    font-size: 40px;
    font-weight: bold
}
#adplatform .bottom-content .demo h2 {
    color: #2594a7;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 6px
}
#adplatform .bottom-content .demo .branding {
    float: left;
    text-align: center
}
#adplatform .bottom-content .demo .equal,
#adplatform .bottom-content .demo .plus {
    float: left;
    margin: 130px 12px 0
}
#adplatform .bottom-content .demo .interactivity {
    float: left;
    text-align: center
}
#adplatform .bottom-content .demo .inter-splash {
    background: url('/img/ad-intro/interactivity.png') no-repeat scroll 0 0;
    width: 199px;
    height: 239px;
    margin-top: 9px
}
#adplatform .bottom-content .demo .social_ad {
    float: left;
    text-align: center
}