@charset "utf-8";
/* main (generic) definitions/resetters */
html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    overflow-x: auto;
}

body {
    color: #e6e6e6;
    background: #0e0d0d;
    margin: 0px;
    padding: 0px;
    font: 62.5% Arial, Helvetica, sans-serif;
}

/* BANNER */
#banner_container{
    background: url('../images/banner_med_bg_outer.png') repeat-x scroll 0 -20px;
    width:100%;
    min-width:1038px;
}

#banner{
    width:1038px;
    height:66px;
    margin:0 auto;
}

/* PAGE TITLES */
.about_one2many{
    background: url('/images/banner_typical.png') no-repeat scroll 0 -20px;
}
/* PAGE TITLES */

#banner h1{
    margin:0px;
    margin-top:0px;
    font-size:2.0em;
    font-family:Aller, Arial, Helvetica, sans-serif;
}

#banner h2{
    margin:0;
    font-size:1.3em;
    line-height:1.0em;
    margin-top:0px;
    font-family:Aller, Arial, Helvetica, sans-serif;
}

.left_col{
    float:left;
    width:550px;
    margin:9px 0 0 97px;
}

.right_col{
    float:right;
    margin:-3px 62px 0 0;
}

.right_col p{
    font-size:12px;
    margin:0 8px 5px 54px;
    line-height:12px;
}

.right_col .sign_up_now{ 
    width:252px;
    height:0px;
    margin-top:9px;
    padding-top:50px;
    overflow:hidden;
    background: url('/images/buttons/bt_sign_up_now.png') no-repeat;
    display:block;
}

.right_col .sign_up_now:hover{   
    background-position:0 -50px;
}


/* TYPICAL */
#content_container{
    width:100%;
    min-width:1038px;
    background-color:#c1c3c7;
}

#content_container_secondary{
    width:1038px;
    margin:0 auto;
}

#main{
    margin:0 auto;
    width:896px;
    background:#FFFFFF url('../images/content_bg.png') top right repeat-y;
    color:#2a2a2a;
}

#main a, #main a:link, #main a:visited{
    color:#000000;
    text-decoration:underline;
}

#main a:hover{
    color:#00aeef;
    text-decoration:underline;
}

#main .content{
    padding:10px 25px 10px 25px;
    font-size:1.2em;
    width:610px;
}

.content li{
    margin-left:15px;
}

.content h2{
    margin-bottom:20px;
    border-bottom:1px dotted #c1c3c7;
    font-size:1.6em;
}

.content h3{
    border-bottom:1px dotted #c1c3c7;
    width:300px;
    font-size:1.2em;
}

#main .content h2 a,
#main .content h3 a,
#main .content h2 a:link,
#main .content h3 a:link,
#main .content h2 a:visited,
#main .content h3 a:visited,
#main .content h2 a:hover,
#main .content h3 a:hover{
    text-decoration:none;
}

.content p{
    line-height:1.5em;
}

.content p.bold {
    margin-top:30px;
    font-size:1.2em;
    font-weight:bold;
}

.content dl{
    padding:0;
    margin:22px 0 15px 0px;        
}

.content dt{
    width:80px;
    text-align:left;
    padding:0 0 0 22px;
    float:left;
    font-weight:bold;
    min-height:18px;
    clear: both;
}

.content dd{
    padding:0 0 5px 0;
    margin:0 0 0 105px;
    min-height:18px;
    line-height:1.5em;
}

.content dl.wide dt{
    width:150px;
    text-align:left;
    padding:0 0 0 22px;
    float:left;
    font-weight:bold;
    min-height:18px;
}

.content dl.wide dd{
    padding:0 0 5px 0;
    margin:0 0 0 175px;
    min-height:18px;
    line-height:1.5em;
}

.content ul{
    margin:15px 0 15px 20px;        
}

.content ul ul{
    margin:5px 0 0 0;
}

.content li{
    line-height:1.5em;
    list-style-type:round;
    padding:0 0 5px 5px;
}

.content ul ul li{
    list-style-type:circle;
}

.content div.links{
    margin:0 0 10px 0;
    background-color:#ffffc0;
    border:1px dotted #c1c3c7;
}

.right_panel{
    float:right;
    width:235px;
    padding:5px 0;
}

.right_panel ol{
    padding:0;
    margin:0;
}

.right_panel li{
    list-style:none;
    width:225px;
    background-position:0px -78px;
}

.right_panel a:link, .right_panel a:visited{
    height:39px;
    text-indent:-9000px;
}

.right_panel a:hover{
    background-position:0px -39px;
}

.right_panel .selected{
    font-weight:bold !important;
    color:#066382 !important;
    text-decoration:none !important;
}

.stripe{
    background-color:#DFF4FF;
}

.th_stripe{
    background-color:#BFEAFF;
}

img.screenshot{
    border:1px solid #c1c3c7;    
}

/* SIDE NAV */

ul#side_nav{
    width:225px;
}

ul#side_nav li a{
    display:block;
    height:39px;
    text-indent:-9000px;    
}

ul#side_nav .about a{
    background: url('/images/nav/sn_about_tabs_sprite.png') left top no-repeat;
}

ul#side_nav .about.about_one2many a{
    background-position: 0px 0px;
}

ul#side_nav .about.what_is_bulk_sms a{
    background-position: -225px 0px;
}

ul#side_nav .about.products_services a{
    background-position: -450px 0px;
}

ul#side_nav .about.resellers_developers a{
    background-position: -675px 0px;
}

ul#side_nav .about.prices a{
    background-position: -900px 0px;
}

ul#side_nav .about.contact_us a{
    background-position: -1125px 0px;
}

ul#side_nav .case_studies a{
    background: url('/images/nav/sn_case_studies_tabs_sprite.png') left top no-repeat;
}

ul#side_nav .case_studies.case_studies_2 a{
    background-position: 0px 0px;
}

ul#side_nav .case_studies.the_grand a{
    background-position: -225px 0px;
}

ul#side_nav .case_studies.go_vita a{
    background-position: -450px 0px;
}

ul#side_nav .case_studies.nelson_chiropractic a{
    background-position: -675px 0px;
}

ul#side_nav .support a{
    background: url('/images/nav/sn_support_tabs_sprite.png') left top no-repeat;
}

ul#side_nav .support.support_2 a{
    background-position: 0px 0px;
}

ul#side_nav .support.faq a{
    background-position: -225px 0px;
}

ul#side_nav .support.knowledge_base a{
    background-position: -450px 0px;
}

ul#side_nav .support.terms_and_conditions a{
    background-position: -675px 0px;
}

/* Hover CSS */

ul#side_nav .about.about_one2many a:hover{
    background-position: 0px -39px;
}

ul#side_nav .about.what_is_bulk_sms a:hover{
    background-position: -225px -39px;
}

ul#side_nav .about.products_services a:hover{
    background-position: -450px -39px;
}

ul#side_nav .about.resellers_developers a:hover{
    background-position: -675px -39px;
}

ul#side_nav .about.prices a:hover{
    background-position: -900px -39px;
}

ul#side_nav .about.contact_us a:hover{
    background-position: -1125px -39px;
}

ul#side_nav .case_studies.case_studies_2 a:hover{
    background-position: 0px -39px;
}

ul#side_nav .case_studies.the_grand a:hover{
    background-position: -225px -39px;
}

ul#side_nav .case_studies.go_vita a:hover{
    background-position: -450px -39px;
}

ul#side_nav .case_studies.nelson_chiropractic a:hover{
    background-position: -675px -39px;
}

ul#side_nav .support.support_2 a:hover{
    background-position: 0px -39px;
}

ul#side_nav .support.faq a:hover{
    background-position: -225px -39px;
}

ul#side_nav .support.knowledge_base a:hover{
    background-position: -450px -39px;
}

ul#side_nav .support.terms_and_conditions a:hover{
    background-position: -675px -39px;
}

/* Selected CSS */

ul#side_nav .about.about_one2many a.selected,
ul#side_nav .about.about_one2many a.selected:hover{
    background-position: 0px -78px;
}

ul#side_nav .about.what_is_bulk_sms a.selected,
ul#side_nav .about.what_is_bulk_sms a.selected:hover{
    background-position: -225px -78px;
}

ul#side_nav .about.products_services a.selected,
ul#side_nav .about.products_services a.selected:hover{
    background-position: -450px -78px;
}

ul#side_nav .about.resellers_developers a.selected,
ul#side_nav .about.resellers_developers a.selected:hover{
    background-position: -675px -78px;
}

ul#side_nav .about.prices a.selected,
ul#side_nav .about.prices a.selected:hover{
    background-position: -900px -78px;
}

ul#side_nav .about.contact_us a.selected,
ul#side_nav .about.contact_us a.selected:hover{
    background-position: -1125px -78px;
}

ul#side_nav .case_studies.case_studies_2 a.selected,
ul#side_nav .case_studies.case_studies_2 a.selected:hover{
    background-position: 0px -78px;
}

ul#side_nav .case_studies.the_grand a.selected,
ul#side_nav .case_studies.the_grand a.selected:hover{
    background-position: -225px -78px;
}

ul#side_nav .case_studies.go_vita a.selected,
ul#side_nav .case_studies.go_vita a.selected:hover{
    background-position: -450px -78px;
}

ul#side_nav .case_studies.nelson_chiropractic a.selected,
ul#side_nav .case_studies.nelson_chiropractic a.selected:hover{
    background-position: -675px -78px;
}

ul#side_nav .support.support_2 a.selected,
ul#side_nav .support.support_2 a.selected:hover{
    background-position: 0px -78px;
}

ul#side_nav .support.faq a.selected,
ul#side_nav .support.faq a.selected:hover{
    background-position: -225px -78px;
}

ul#side_nav .support.knowledge_base a.selected,
ul#side_nav .support.knowledge_base a.selected:hover{
    background-position: -450px -78px;
}

ul#side_nav .support.terms_and_conditions a.selected,
ul#side_nav .support.terms_and_conditions a.selected:hover{
    background-position: -675px -78px;
}

sup {
    position:relative;
    top:2px;
    font-weight:bold;
}