/* 
    Document   : style
    Created on : Dec 1, 2009, 4:16:31 PM
    Author     : SPZ
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/******************************************
             GLOBAL STYLES
 ******************************************/
root { 
  display: block;
}
body {
  font: 12px "Trebuchet MS", sans-serif;
  text-align: center;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
img.captcha_image {
  height: 70px;
}
#wrapper {
  width: 983px;
  margin: 0 auto;
  text-align: left;
}
a {
  border: 0;
}



/******************************************
                  HEADER
 ******************************************/
#header_top {
  height: 110px;
  width: 100%;
  margin-top: 10px;
  position: relative;
}
#livechat_popup {
  position: absolute;
  top: 0;
  left: 529px;
  width: 67px;
  height: 50px;
}
#main_logo {
  height: 64px;
  float: left;
}
#header_login {
  float: left;
  margin-left: 18px;
  margin-bottom: 0;
  height: 64px;
  font: 16px "Gill Sans", sans-serif;
}
#header_login form {
  margin-top: 5px;
}
#header_login select[name=locale] {
  width: 107px;
}
#header_login p {
  margin-bottom: 0;
  margin-top: 0;
  float: left;
  clear: left;
  line-height: 24px;
}
#header_login p span {
  float: left;
  margin-left: 50px;
  height: 18px;
}
#header_login p span.login_text {
  width: 30px;
}
#header_login input {
  border: 1px solid rgb(127, 157, 185);
  height: 16px;
  margin-top: 0;
  margin-bottom: 0;
}
#header_login input[name=username] {
  color: rgb(203, 194, 194);
}
#header_login input[name=login] {
  background: transparent url(../images/login_button.gif) no-repeat 1px 2px;
  text-indent: -1000px;
  border: 0;
  width: 45px;
  height: 25px;
}
#header_login input[name=login]:hover {
  cursor: pointer;
}
#header_login input {
}
div#header_phone_numbers {
  float: right;
  /*margin-left: 191px;*/
  margin-right: 12px;
  padding-top: 5px;
  height: 59px;
  display: block;
  font: bold 20px "Gill Sans", Arial, sans-serif;
  text-align: right;
  letter-spacing: 1px;
}
div#header_phone_numbers img {
  margin-top: 12px;
}
img.main_logo {
  width: 201px;
  height: 64px;
  display: block;
}
/* HEADER NAV */
#header_nav {
  width: 980px;
  height: 36px;
  clear: left;
  margin-top: 10px;
  position: relative;
  /*background: transparent url(../images/placeholder_nav.gif) no-repeat top left;*/
}
#header_nav ul {
  list-style-type: none;
  height: 36px;
  padding: 0;
  background: transparent url(../images/topnav_bg.jpg) repeat-x top left;
}
#header_nav ul li {
  float: left;
  display: inline-block;
  background-color: transparent;
  /*width: 10.4%;*/
  width: auto;
}
#header_nav ul li.first {
  background: url(../images/topnav_Lcorners.jpg) no-repeat left top;
}
#header_nav ul li.topnav_last {
  line-height: 36px;
  display: block;
  padding-left: 7px;
  width: 16%;
}
#header_nav ul li a.selected, #header_nav ul li a:hover {
  background: url(../images/menu_shade.png) top left;
  color: white;
}
#header_nav ul li a.selected_first, #header_nav ul li a.selected_first:hover {
  background: url(../images/menu_shade.first.png) top left;
  color: white;
}
#header_nav ul li.topnav_last {
  float: right;
}
#header_nav ul li.topnav_last img {
  margin-right: 10px;
}
#header_nav ul li.topnav_last select {
  margin-top: 6px;
}
#header_nav ul li a {
  display: block;
  font: normal 13px Arial, sans-serif;
  letter-spacing: 1px;
  height: 36px;
  line-height: 36px;
  /*padding: 0 15px;*/
  color: rgb(5, 0, 0);
  text-decoration: none;
  text-align: center;
  background-color: transparent;
  border-right: 2px solid rgb(149, 149, 149);
  padding: 0 21px;
}
#forgot_password {
  position: absolute;
  top: 71px;
  left: 34%;
  height: 133px;
  width: 300px;
  border: 1px solid black;
  background-color: rgb(220, 220, 220);
  text-align: center;
  display: none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -moz-box-shadow: 0 0 50px rgb(24, 93, 181);
  -webkit-box-shadow: 0 0 50px rgb(24, 93, 181);
}
#forgot_password p {
  padding-left: 10px;
  padding-right: 10px;
}
#forgot_password input[name=fp_emailAddress] {
  width: 75%;
}



/******************************************
              MAIN CONTENT
 ******************************************/
#content {
  background: transparent url(../images/placeholder_main_content.gif) no-repeat left top;
  height: 497px;
  width: 982px;
  position: relative;
}
#content a#live_demo, #content a#free_trial {
  position: absolute;
  line-height: 30px;
  font-size: 20px;
  color: white;
  text-decoration: none;
}
#content a#live_demo {
  bottom: 16px;
  right: 262px;
  cursor: pointer;
}
#home_buttons a#live_demo {
  right: 251px;
}
#content a.action_button {
  background: transparent url(../images/action_button_M.png) repeat-x left top;
  padding-left: 2px;
}
#content a.action_button span.button_text {
  display: inline-block;
  white-space: nowrap;
}
#content a.action_button span.action_button_L {
  background: transparent url(../images/action_button_L.png) no-repeat left top;
  width: 17px;
  height: 30px;
  display: block;
  float: left;
  margin-left: -19px;
}
#content a.action_button span.action_button_R {
  background: transparent url(../images/action_button_R.png) no-repeat left top;
  width: 19px;
  display: inline-block;
  float: right;
  margin-right: -19px;
  height: 30px;
}
#content a#free_trial {
  bottom: 16px;
  left: 785px;
  cursor: pointer;
}
#home_buttons a#free_trial {
  left: 794px;
}
#inner_content {
  padding: 10px;
}
#media_bg {
  width: 495px;
  height: 402px;
  background: transparent url(../images/main_video_bg.png) no-repeat left top;
  margin-left: -10px;
  margin-top: -10px;
}
#mediaspace {
  width: 480px;
  height: 347px;
  position: relative;
}
#mediaspace img {
  margin-left: 102px;
  margin-top: 163px;
}



/******************************************
              HOME CONTENT
 ******************************************/
#home_left {
  margin: 55px 0 0 52px;
  position: relative;
}
#home_right {
  float: right;
  margin: 55px 35px 0 0;
  height: 401px;
  width: 372px;
  overflow: hidden;
  position: relative;
}
#compatibility_icons {
  position: absolute;
  bottom: 18px;
  height: 88px;
  width: 315px;
  text-align: center;
}
#compatibility_icons p {
  margin: 0;
  margin-top: -10px;
}
#android_icon {
  position: absolute;
  bottom: 51px;
  right: -88px;
  height: 88px;
  width: 315px;
  text-align: center;
}
#android_icon p {
  margin: 0;
  margin-top: -10px;
}
#main_content_text {
  height: 430px;
  padding: 10px;
  padding-top: 0;
  overflow: auto;
}



/******************************************
             PRODUCTS CONTENT
 ******************************************/
#products_left {
  margin: 55px 0 0 48px;
  width: 462px;
}
#products_right {
  float: right;
  margin: 55px 61px 0 0;
  height: 401px;
  width: 302px;
  overflow: hidden;
}
#products_right img[alt=Telephone] {
  margin-left: 51px;
  margin-bottom: 40px;
}
#products_right span {
  text-align: center;
}



/******************************************
             DEVELOPERS CONTENT
 ******************************************/
#developers_left {
  margin: 55px 0 0 48px;
  width: 462px;
}
#developers_right {
  float: right;
  margin: 55px 64px 0 0;
  height: 401px;
  width: 302px;
  overflow: hidden;
  text-align: center;
}
#developers_right span {
  text-align: center;
}



/******************************************
             FEATURES CONTENT
 ******************************************/
#features_left {
  margin: 55px 0 0 52px;
}
/*
#features_right {
  float: right;
  margin: 35px 30px 0 0;
  height: 355px;
  width: 402px;
  padding-right: 20px;
  overflow: auto;
}
*/
#features_right {
  float: right;
  height: 384px;
  margin: 24px 43px 0 0;
  overflow: auto;
  width: 360px;
}
#features_right img {
}
#features_right h2 {
  color: rgb(0, 51, 102);
  margin-bottom: 0;
}
#features_right h2 a {
  color: rgb(0, 51, 102);
  text-decoration: none;
}
#features_right p {
  margin-top: 0;
  margin-left: 5px;
}



/******************************************
            FREE TRIAL CONTENT
 ******************************************/
#trial_left {
  margin: 55px 0 0 52px;
}
/*
#trial_right {
  float: right;
  margin: 35px 10px 0 0;
  height: 397px;
  width: 442px;
  overflow: auto;
  position: relative;
}
*/
#trial_right {
  float: right;
  height: 384px;
  padding: 0 43px 0 0;
  margin-top: 45px;
  overflow: auto;
  width: 331px;
}
#trial_right p {
  margin-bottom: 0;
  margin-top: 0;
}
#trial_right span.username_feedback {
  height: 15px;
}



/******************************************
             LIVE DEMO CONTENT
 ******************************************/
#demo_left {
  margin: 55px 0 0 52px;
}
/*
#trial_right {
  float: right;
  margin: 35px 10px 0 0;
  height: 397px;
  width: 442px;
  overflow: auto;
  position: relative;
}
*/
#demo_right {
  float: right;
  height: 384px;
  margin: 45px 43px 0 0;
  overflow: auto;
  width: 350px;
}
#demo_right p {
  margin: 0;
  padding: 0;
}
#demo_right .field_label {
  width: 36%;
}



/******************************************
             GENERIC CONTENT
 ******************************************/
#generic_left {
  margin: 56px 50px 0 50px;
  overflow: auto;
  height: 380px;
  /*position: relative;*/
}
#generic_left #main_sitemap {
  overflow: auto;
  max-height: 366px;
  width: 400px;
}
ul.sitemap {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
ul.sitemap li span.main_page {
  font-size: 1.2em;
}
ul.sitemap a {
  color: inherit;
  text-decoration: none;
}
ul.sitemap ul {
  margin-bottom: 5px;
}
ul.sitemap ul li {
  list-style-type: lower-roman;
}
#generic_left.features {
  text-align: center;
}
#generic_left div.onlinemeetings_features {
  width: 258px;
  height: 214px;
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}
#faq_submenu {
  position: absolute;
  top: 20px;
  left: 0;
  text-align: center;
  width: 90%;
  margin-left: 30px;
  margin-right: 30px;
}
#faq_submenu span, #faq_submenu a {
  margin-right: 10px;
}
#faq_submenu span {
  font-style: italic;
}
#faq_submenu a {
  color: #185DB5;
  text-decoration: none;
}



/******************************************
            TRIAL OFFER CONTENT
 ******************************************/
#trialoffer_signup_left, #trialoffer_signup_right {
  width: 401px;
  height: 50px;
  float: left;
  padding: 20px;
}
#trialoffer_signup_right div.errors {
  text-align: center;
}
#trialoffer_signup_left h2, #trialoffer_signup_right h2 {
  text-align: center;
}
#trialoffer_signup_right #signupform {
  width: 92%;
  margin: 0 auto;
  margin-top: 26px;
  text-align: left;
}
#trialoffer_signup_right span.form_field {
  display: inline-block;
  text-align: right;
  width: 150px;
  padding-right: 10px;
}
#trialoffer_signup_left div.plan_selector {
  text-align: center;
  width: 126px;
  height: 93px;
  background: transparent url(../images/plan_selector_bg.png) no-repeat left top;
  /*float: left;*/
  /*margin-left: 9px;*/
  margin: 0 auto;
  margin-top: 12px;
  position: relative;
}
#trialoffer_signup_left div.plan_selector span.align-bottom {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
#trialoffer_signup_left div.plan_selector span.align-bottom p.plan_price {
  font-size: 1.2em;
}
#trialoffer_signup_left div.plan_selector * {
  margin: 0;
  padding: 0;
}
#trialoffer_signup_left div div.plan_selector h2 span {
  display: block;
  font-size: .8em;
  /*margin-top: -3px;*/
}
#trialoffer_signup_left #plan-error_message {
  text-align: center;
  font-weight: bold;
  color: red;
  width: 200px;
  margin: 0 auto;
}
#trialoffer_thanks {
  width: 100%;
  padding: 50px;
}



/******************************************
                BUY CONTENT
 ******************************************/
#buy_left {
  margin: 21px 0 0 0;
  width: 100%;
  overflow: auto;
  height: 419px;
  /*position: relative;*/
}
#buy_left #wizard {
  margin: 0 auto;
  width: 775px;
}
#buy_left #errors {
  padding-left: 55px;
  min-height: 33px;
  background: transparent url(../images/exclamation_point.png) no-repeat 0% 50%;
}
#buy_left #plans {
  width: 791px;
  height: 300px;
  position: relative;
}
#buy_left div#plans div.video_plan_selector {
  width: 263px;
  height: 270px;
  float: left;
}
#buy_left div#plans div.video_plan_selector p.plan_header {
  text-align: center;
}
#buy_left div#plans div.divider {
  float: left;
  padding: 11px 10px 0 10px;
}
#buy_left div.audio_plan_selector {
  float: left;
  width: 200px;
  /*
  position: absolute;
  top: 65px;
  right: -175px;
  */
}
#buy_left div#plans div.plan_divider {
  width: 19%;
  float: left;
}
#buy_left div.server_plan_selector {
  float: left;
  /*width: 200px;*/
}
#buy_left div.developer_plan_selector div.plan_selector {
  margin-top: 30px;
}
#buy_left div.video_plan_selector div.plan_selector {
  /*margin-left: 52px;*/
}
#buy_left div.server_plan_selector div.plan_selector {
  /*margin-top: 30px;*/
}
/*
#buy_left div.product {
  font-size: 2em;
  padding: 10px;
  margin-bottom: 35px;
  background-color: rgb(80, 130, 184);
  color: white;
  width: auto;
  display: inline-block;
}
*/
#buy_left ul.tabs li {
  list-style: none;
  float: left;
}
#buy_left ul.tabs li a {
  display: inline-block;
  padding: 3px;
  padding-left: 27px;
  margin: 0 2px 0 0;
  text-decoration: none;
  color: black;
  /*background: transparent url(../images/arrows.png) no-repeat left top;*/
  height: 30px;
  line-height: 30px;
}
#buy_left ul.tabs li a.first {
  background: transparent;
}
#buy_left ul.tabs li a:hover {
  font-weight: normal;
}
#buy_left div.panes {
  clear: both;
}
#buy_left div.panes div h3 {
  color: #185DB5;
  padding-top: 5px;
  margin-bottom: 0;
  clear: both;
}
#buy_left div.panes div ul.feature_list {
  /*float: left;*/
  display: inline-block;
  margin-top: 0;
  padding-left: 38px;
  width: 153px;
}
#buy_left div.panes div ul.feature_list li {
  width: 153px;
}
#buy_left div#choose-a-plan {
  /*width: 300px;*/
}
#buy_left p.plan_header {
  font-weight: bold;
  text-align: center;
}
#buy_left div.plan_selector {
  text-align: center;
  width: 126px;
  height: 93px;
  background: transparent url(../images/plan_selector_bg.png) no-repeat left top;
  /*float: left;*/
  /*margin-left: 9px;*/
  margin: 0 auto;
  margin-top: 12px;
  position: relative;
}
#buy_left div.plan_selector_outer {
  text-align: center;
  width: 126px;
  background: transparent url(../images/plan_selector_upper.png) no-repeat left top;
  /*float: left;*/
  /*margin-left: 9px;*/
  margin: 0 auto;
  margin-top: 12px;
  position: relative;
}
#buy_left div.plan_selector_inner {
  background: transparent url(../images/plan_selector_lower.png) no-repeat bottom left;
  padding: 8px 0;
  width: 126px;
  position: relative;
}
#buy_left div.plan_selector_inner h2 {
  margin: 0;
  font-size: 16px;
  background: transparent url(../images/plan_selector_bg_slice.png) repeat-y top left;
}
#buy_left div.plan_selector span.align-bottom {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
#buy_left div.plan_selector span.align-bottom p.plan_price {
  font-size: 1.2em;
}
#buy_left div.plan_selector * {
  margin: 0;
  padding: 0;
}
#buy_left div div.plan_selector h2 span {
  display: block;
  font-size: .8em;
  /*margin-top: -3px;*/
}
#buy_left div label {
  width: 22%;
  display: inline-block;
  text-align: right;
  padding-right: 10px;
}
#buy_left div label.error {
  display: inline;
  width: auto;
  color: red;
  font-weight: bold;
  text-transform: uppercase;
}
#buy_left #teleconf_tooltip {
  padding: 5px;
  max-width: 150px;
  background-color: white;
  border: 1px solid black;
  display: none;
  /* outline radius for mozilla/firefox only */
  -moz-box-shadow:0 0 10px #000;
  -webkit-box-shadow:0 0 10px #000;
}
#buy_left #license_selector span.error_message {
  background-color: rgb(249, 249, 219);
  display: block;
  padding: 3px;
}



/******************************************
           LIVE SUPPORT CONTENT
 ******************************************/
#livesupport_left {
}
#livesupport_left #displayResults #availableAgentsTable {
  margin: 0 auto;
  margin-top: 50px;
  background-color: white;
  border: 4px inset rgb(29, 89, 155);
  border-collapse: collapse;
}
#livesupport_left #availableAgentsTable td, #livesupport_left #availableAgentsTable th {
  padding: 5px;
}
#livesupport_left #availableAgentsTable td.agentHeader {
  font-weight: bold;
  border-bottom: 2px solid rgb(29, 89, 155);
}
#livesupport_left #availableAgentsTable td, #livesupport_left #availableAgentsTable th {
  padding: 5px 15px;
}
#livesupport_left #availableAgentsTable p {
  margin: 0;
}
#livesupport_left #availableAgentsTable td.agentList {
  border-top: 1px solid rgb(105, 180, 236);
  line-height: 18px;
  font-size: 1.2em;
}
#livesupport_left #availableAgentsTable a {
  font-weight: bold;
  color: rgb(29, 89, 155);
  text-decoration: none;
}
#livesupport_left #availableAgentsTable #footerMessage {
  font-style: italic;
  color: gray;
  margin: 0;
  padding: 0;
}



/******************************************
            SUPPORT CONTENT
 ******************************************/
#support_left {
  margin: 55px 0 0 52px;
}
/*
#support_right {
  float: right;
  margin: 55px 10px 0 0;
  height: 354px;
  width: 442px;
  overflow: auto;
  position: relative;
}
*/
#support_right {
  float: right;
  height: 384px;
  margin: 45px 0 0 0;
  padding-right: 43px;
  overflow: auto;
  width: 320px;
}
#support_right h2 {
  color: #185DB5;
  margin-bottom: 0;
}
#support_right h3 {
  color: rgb(132, 48, 255);
  margin-bottom: 0;
}
#support_right p a {
  text-decoration: none;
  color: #185DB5;
  text-decoration: none;
}
#support_right p a:hover {
  text-decoration: underline;
}
#support_right p {
  margin-top: 0;
}
#support_right #faq {
  border-bottom: 1px solid gray;
}
#support_right p.question {
  border: 1px solid gray;
  border-bottom: none;
  background-color: rgb(200,200,200);
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  cursor: pointer;
}
#support_right p.current {
  font-weight: bold;
}
#support_right div.answer {
  margin: 0;
  padding-top: 2px;
  padding-bottom: 7px;
  border: 1px solid gray;
  border-bottom: none;
  background-color: rgb(150,150,150);
  color: white;
  padding-left: 4px;
  padding-right: 4px;
}
#support_right div.answer a {
  color: white;
  text-decoration: underline;
}
#support_right div.answer p {
  margin: 0;
  margin-bottom: 1em;
}
#support_right p.contact_form input {
  width: 50%;
}
#support_right p.contact_form select {
  width: 51%;
}
#support_right p.contact_form textarea {
  width: 49%;
}
#support_right div.formSentConfirmation p {
  color: green;
  font-weight: bold;
  text-align: center;
}

/***** SUPPORT FAQ *****/
#support_faq_left {
  margin: 0 0 0 52px;
  width: 410px;
}
/*
#support_right {
  float: right;
  margin: 55px 10px 0 0;
  height: 354px;
  width: 442px;
  overflow: auto;
  position: relative;
}
*/
#support_faq_right {
  float: right;
  height: 384px;
  margin: 5px 43px 0 0;
  width: 423px;
}
#support_faq_right div.answers {
  height: 331px;
  overflow: auto;
  width: 441px;
}
#support_faq_right div.answers > div {
  display: none;
}
#support_faq_right div.answers p, #support_faq_right div.answers ol, #support_faq_right div.answers ul {
  margin-top: 0;
}
#support_faq_right p.question {
  border: 1px solid gray;
  border-bottom: none;
  background-color: rgb(200,200,200);
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  cursor: pointer;
}
#support_faq_right p.current {
  font-weight: bold;
}
#support_faq_right div.answer {
  margin: 0;
  padding-top: 2px;
  padding-bottom: 7px;
  border: 1px solid gray;
  border-bottom: none;
  background-color: rgb(150,150,150);
  color: white;
  padding-left: 4px;
  padding-right: 4px;
}
#support_faq_right div.answer a {
  color: white;
  text-decoration: underline;
}
#support_faq_right h2.faq_answer_header {
  border-bottom: 1px solid black;
}
#support_faq_right div.answer p {
  margin: 0;
  margin-bottom: 1em;
}
#support_faq_left h2.faq_question_header {
  border-bottom: 1px solid black;
  padding-top: 5px;
}
#support_faq_left ul.questions {
  list-style: inside;
  margin: 0;
  padding-left: 0;
}
#support_faq_left ul.questions li {
  list-style-type: circle;
}
#support_faq_left ul.questions li a {
  padding-right: 55px;
  color: black;
  text-decoration: none;
}
#support_faq_left ul.questions li a.current {
  font-weight: bold;
  color: rgb(81, 134, 192);
}
#support_banner {
  width: 867px;
  height: 30px;
  margin-left: 52px;
  margin-right: 52px;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 2em;
}
/*****  *****/



/******************************************
          TELL A FRIEND CONTENT
 ******************************************/
#tellafriend_left {
  margin: 65px 0 0 102px;
}
/*
#about_right {
  float: right;
  margin: 35px 10px 0 0;
  height: 397px;
  width: 442px;
  overflow: auto;
}
*/
#tellafriend_right {
  float: right;
  height: 384px;
  margin: 45px 43px 0 0;
  overflow: auto;
  width: 320px;
}
#tellafriend_right p {
  margin: 0;
}
#tellafriend_right h3 {
  color: #185DB5;
}
#tellafriend_right span.field_label {
  width: 26%;
}
#tellafriend_right div.errors {
  background-color: rgb(255, 220, 220);
}
#tellafriend_right div.errors p {
  margin: 0;
}



/******************************************
        SCHEDULE TRAINING CONTENT
 ******************************************/
#scheduletraining_left {
  margin: 65px 0 0 102px;
}
/*
#about_right {
  float: right;
  margin: 35px 10px 0 0;
  height: 397px;
  width: 442px;
  overflow: auto;
}
*/
#scheduletraining_right {
  float: right;
  height: 455px;
  margin: 15px 43px 0 0;
  overflow: auto;
  width: 524px;
}
#scheduletraining_right p {
  margin: 0;
}
#scheduletraining_right h3 {
  color: #185DB5;
}
#scheduletraining_right span.field_label {
  width: 26%;
}
#scheduletraining_right div.errors {
  background-color: rgb(255, 220, 220);
}
#scheduletraining_right div.errors p {
  margin: 0;
}



/******************************************
              ABOUT CONTENT
 ******************************************/
#about_left {
  margin: 55px 0 0 52px;
  padding-right: 52px;
}
/*
#about_right {
  float: right;
  margin: 35px 10px 0 0;
  height: 397px;
  width: 442px;
  overflow: auto;
}
*/
#about_right {
  float: right;
  height: 384px;
  margin: 45px 43px 0 0;
  overflow: auto;
  width: 320px;
}
#about_right h2, #about_left h2 {
  color: #185DB5;
}
#about_right ul {
  padding-left: 35px;
  float: left;
}



/******************************************
            RESELLER CONTENT
 ******************************************/
.reseller_content {
  height: 380px;
  overflow: auto;
  margin-top: -10px !important;
}
p.flying_header {
  margin-top: 40px;
  text-align: center;
}
p.greater-left-margin {
  margin-left: 20px;
}



/******************************************
        FEATURE COMPARISON CONTENT
 ******************************************/
.featurecomparison_content {
  height: 380px;
  overflow: auto;
}
p.flying_header {
  margin-top: 40px;
  text-align: center;
}



/******************************************
          HOW IT WORKS CONTENT
 ******************************************/
.howitworks_content {
  height: 415px;
  overflow: hidden;
  position: relative;
  margin-top: 20px !important;
}
.howitworks_content div.step {
  width: 33.3%;
  float: left;
}
.howitworks_content div.step div.whichStep {
  font-size: 90px;
  line-height: 90px;
  color: #DDD;
  float: left;
}
.howitworks_content div.step div.details_header {
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
}
.howitworks_content div.step div.details, .howitworks_content div.step div.details_header {
  margin-left: 0;
  padding-left: 47px;
}
.howitworks_content div.step div.details img {
  cursor: pointer;
}
div.overlay, div.overlay_custom {
  display: none;
  padding: 26px;
  z-index: 10;
}
div.overlay div.close, div.overlay_custom div.close {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent url(../images/close.png) no-repeat top left;
  height: 36px;
  width: 36px;
  cursor: pointer;
}
div.overlay.step1 {
  background-image: url(../images/howitworks/step1overlay_bg.png);
}
div.overlay.step1a {
  background-image: url(../images/howitworks/step1aoverlay_bg.png);
}
div.overlay.step2 {
  background-image: url(../images/howitworks/step2overlay_bg.png);
}
div.overlay.step2a {
  background-image: url(../images/howitworks/step2aoverlay_bg.png);
}
div.overlay.step3 {
  background-image: url(../images/howitworks/step3overlay_bg.png);
}
div.overlay div.caption {
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  font-variant: small-caps;
}
div.overlay div.inner_border {
  border-bottom: 2px dotted black;
}



/******************************************
        RELATED DOCUMENTS CONTENT
 ******************************************/
.relateddocs_content {
  height: 380px;
  overflow: auto;
}
p.flying_header {
  margin-top: 40px;
  text-align: center;
}
div.doc {
  /*width: 214px;*/
  width: 25%;
  height: 66px;
  float: left;
  margin-bottom: 15px;
}
div.doc span.icon {
  width: 29px;
  height: 30px;
  display: block;
  float: left;
}
div.doc span.name {
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  display: block;
  float: left;
  margin-left: 8px;
}
div.doc span.name a {
  color: black;
  text-decoration: none;
}
div.doc span.desc {
  color: gray;
  display: block;
  width: 80%;
  float: left;
  margin-left: 8px;
  line-height: 14px;
}



/******************************************
         CUSTOMER SHOWCASE CONTENT
 ******************************************/
#customershowcase_left {
  margin: 55px 0 0 0;
}
#customershowcase_left table.customershowcase {
  margin: 0 auto;
}
#customershowcase_left table.customershowcase td {
  padding: 0 20px;
}
#customershowcase_left #customer_quotes {
  width: 90%;
  overflow: auto;
  height: 230px;
  margin: 30px auto 0;
}
#customershowcase_left #customer_quotes div {
  margin-bottom: 50px;
}



/******************************************
              PRICING CONTENT
 ******************************************/
#pricing_left {
  margin: 55px 0 0 52px;
}
#pricing_right {
  float: right;
  height: 383px;
  margin: 46px 50px 0 0;
  padding-top: 10px;
  overflow: hidden;
  width: 347px;
  background: transparent url(../images/pricing-box.png) no-repeat left top;
  text-align: center;
  font: normal 12px Arial, sans-serif;
  letter-spacing: 1px;
  position: relative;
}
#pricing_right #server_info {
  text-align: left;
  position: absolute;
  top: 15%;
  left: 15%;
  width: 75%;
  height: 75%;
  background-color: white;
  display: none;
  overflow: hidden;
  border: 2px solid black;
}
#pricing_right #server_info .show_info {
  padding: 4px;
  overflow: auto;
  height: 94%;
}
#pricing_right h2 {
  padding-right: 10px;
  padding-left: 10px;
  font-size: 1.4em;
}
#pricing_right div.prices {
  text-align: center;
  margin: 0 auto;
  width: 72%;
  margin-top: -15px;
  margin-bottom: 15px;
}
#pricing_right div.prices h3 {
  margin: 0 auto;
  text-align: left;
  display: block;
}
#pricing_right h3 span.price {
  display: inline-block;
  text-align: right;
  padding-right: 1.5em;
  width: 4em;
  color: #185DB5 !important;
}
#pricing_right h3 span.red-highlight {
  color: red !important;
}
#pricing_right h3 span.description {
  
}
#pricing_right div.panes h3 {
  color: black;
}
#pricing_right div.tooltip {
  display: none;
  background: transparent url(../images/black_arrow_big.png) no-repeat left top;
  width: 370px;
  height: 216px;
  margin: 0;
  padding: 30px;
}
#pricing_right div.tooltip ul.feature_list {
  color: white;
  margin: 0;
  padding: 0;
  margin-right: 8px;
  margin-top: 29px;
  font-weight: bold;
  list-style: none;
  list-style-type: disc;
  list-style-position: inside;
}
#pricing_right div.tooltip ul.feature_list li {
  width: 310px;
}
#pricing_right div.pricing_disclaimer {
  width: 330px;
  position: absolute;
  bottom: 15px;
  font-weight: bold;
  color: red;
  left: 8px;
}



/******************************************
               BOTTOM NAV
 ******************************************/
#bottom_nav {
  /*background: transparent url(../images/placeholder_bottom_nav.gif) no-repeat left top;*/
  background-color: black;
  height: 137px;
  width: 100%;
  margin-top: 4px;
  padding: 0;
  position: relative;
}
#video_scroller {
  width: 884px;
  height: 137px;
  margin: 0 0 0 55px;
  overflow: hidden;
  position: relative;
}
#video_scroller div.videos {
  width: 2000em;
  height: 100%;
  float: left;
  position: absolute;
}
#video_scroller img.ajaxLoader {
  margin-top: 59px;
  margin-left: 332px;
}
div.video_scroller_wrapper {
  padding-top: 11px;
  width: 166px;
  height: 114px;
  float: left;
  margin-right: 12px;
  cursor: pointer;
  position: relative;
}
div.video_scroller_wrapper img.play_button, div.video_scroller_wrapper img.click_to_play_button {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 18px;
  z-index: 100;
  display: none;
}
div.video_scroller_wrapper img.click_to_play_button {
  z-index: 90;
}
div.video_scroller_wrapper.active img.play_button {
  display: block;
}
div.video_scroller_wrapper:hover img.click_to_play_button {
  display: block;
}
div.video_scroller_thumb {
  width: 166px;
  height: 114px;
  background-color: white;
  position: relative;
  overflow: hidden;
}
div.video_scroller_thumb a {
  text-decoration: none;
}
span.video_thumb_title {
  position: absolute;
  bottom: 0;
  left: 0;
  background: transparent url(../images/video_thumb_title_bg2.png) no-repeat left top;
  width: 166px;
  height: 22px;
  z-index: 1;
  text-align: center;
  font-weight: bold;
  color: black;
  font-size: 16px;
  line-height: 20px;
}
div.video_scroller_thumb img.video_thumb {
  width: 166px;
}
div.video_scroller_thumb img.fancy_overlay {
  position: absolute;
  z-index: 10;
}


/******************************************
                  FOOTER
 ******************************************/
#footer {
  height: 54px;
  margin-top: 10px;
  margin-bottom: 20px;
}
#footer p.footer_text a font {
  text-decoration: none;
}
p.terms_sitemap {
  font: bold 15px Arial, sans-serif;
  margin-left: 5px;
  margin-top: 24px;
  float: left;
}
p.terms_sitemap a {
  color: rgb(1, 0, 0);
  text-decoration: none;
}
div.social_networking {
  float: left;
  font: 12px Arial, sans-serif;
  text-align: center;
  margin-left: 25px;
  margin-top: 6px;
}
div.twitter {
  float: left;
  margin-left: 35px;
  margin-top: 6px;
}
div.tell_a_friend {
  float: right;
}
div.social_networking a {
  float: left;
}



/******************************************
            STRUCTURAL STYLES
 ******************************************/
ul.tabs {
  list-style: none;
  margin-top: 0;
  padding-left: 0;
}
ul.tabs li {
  float: left;
}
/*
ul.tabs li a {
  display: inline-block;
  margin: 0 2px 0 0;
  margin-left: 16px;
  margin-right: 4px;
  text-decoration: none;
  height: 16px;
  line-height: 16px;
  /*border: 1px solid gray;*//*
  background: transparent url(../images/tabs_M.png) repeat-x left top;
  color: white;
}
ul.tabs li a span.tabs_L {
  background: transparent url(../images/tabs_L.png) no-repeat left top;
  float: left;
  margin-left: -16px;
  width: 16px;
  height: 16px;
}
ul.tabs li a span.tabs_R {
  background: transparent url(../images/tabs_R.png) no-repeat left top;
  float: right;
  margin-left: 4px;
  width: 4px;
  height: 16px;
}
*/
ul.tabs li a:hover, ul.tabs li a.current {
  /*background-color: gray;*/
  /*color: white !important;*/
  /*border: 1px solid black;*/
  background-position: 0 -16px;
  font-weight: bold;
}
ul.tabs li a:hover span.tabs_L, ul.tabs li a.current span.tabs_L {
  background-position: 0 -16px;
  float: left;
  margin-left: -16px;
  width: 16px;
  height: 16px;
}
ul.tabs li a:hover span.tabs_R, ul.tabs li a.current span.tabs_R {
  background-position: 0 -16px;
  float: right;
  margin-right: 4px;
  width: 4px;
  height: 16px;
}
div.panes {
  clear: both;
}
div.panes div.pane {
  display: none;
}
div.panes div h3 {
  color: #185DB5;
  padding-top: 5px;
  margin-bottom: 0;
  clear: both;
}
div.panes div.pane {
  /*display: none;*/
}
div.panes {
  clear: both;
}
div.panes > div {
  display: none;
}
div.panes div h3 {
  color: #185DB5;
  padding-top: 5px;
  margin-bottom: 0;
  clear: both;
}
div.panes div ul.feature_list {
  float: left;
  margin-top: 0;
  padding-left: 38px;
  width: 153px;
}
div.panes div ul.feature_list li {
  width: 153px;
}
table.pricing_layout {
  border-collapse: collapse;
  width: 100%;
  font-size: 1.3em;
  margin-top: 10px;
  border-top: 1px solid #185DB5;
  border-bottom: 1px solid #185DB5;
}
table.pricing_layout tr:hover {
  background-color: rgb(194, 155, 255);
  cursor: pointer;
}
table.pricing_layout tr.separator_row {
  border-top: 1px dotted #185DB5;
}
table.pricing_layout tr.separator_row:hover {
  background-color: transparent;
  cursor: auto;
}
table.pricing_layout td {
  text-align: center;
  /*border-bottom: 1px solid #185DB5;*/
  padding-top: 5px;
  padding-bottom: 5px;
}
table.pricing_layout td.wc-mini-logo {
  background: transparent url(../images/wc.png) no-repeat 4% 50%;
}
table.pricing_layout td.wc-audio-mini-logo {
  background: transparent url(../images/audio_conferencing.png) no-repeat 0% 50%;
}



/******************************************
               MISC STYLES
 ******************************************/
.absolute-left {
  position: absolute;
  top: 0;
  left: 0;
}
.absolute-right {
  position: absolute;
  top: 0;
  right: 0;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.align-right {
  text-align: right !important;
}
.align-left {
  text-align: left !important;
}
.align-center {
  text-align: center !important;
}
.video_scroller_left_nav {
  position: absolute;
  top: 49px;
  left: 5px;
}
.no-show {
  display: none !important;
}
.video_scroller_right_nav {
  position: absolute;
  top: 49px;
  right: 5px;
}
.languages_flags {
  margin-top: 3px;
}
span.img_caption {
  font: bold 14px Arial, sans-serif;
  display: block;
  margin-bottom: 10px;
}
#video_description {
  display:none;
  background:transparent url(../images/tooltips/black_arrow.png);
  font-size:12px;
  height:70px;
  width:160px;
  padding:25px;
  color:#fff;
}
.blue-highlight {
  color: #185DB5 !important;
}
.light-blue-highlight {
  color: rgb(162, 208, 240) !important;
}
.red-highlight {
  color: red !important;
}
.bigger-text {
  font-size: 1.2em;
}
.normal-text {
  font-size: 1em !important;
}
.subtext {
  font-size: .7em;
  margin-top: -5px;
  text-align: center;
}
.subtext em {
  display: block;
  width: 126px;
  text-align: center;
}
.red-text {
  color: red !important;
}
button.next {
  display: inline-block;
  width: 27px;
  height: 24px;
  background: transparent url(../images/next_button.png) no-repeat left top;
  text-indent: -1000px;
  border: 0;
  float: left;
  cursor: pointer;
}
button.previous {
  display: inline-block;
  width: 27px;
  height: 24px;
  background: transparent url(../images/previous_button.png) no-repeat left top;
  text-indent: -1000px;
  border: 0;
  float: left;
  cursor: pointer;
}
a.reveal_features {
  color: #185DB5;
  font-weight: bold;
  text-decoration: none;
}
a.reveal_features:hover {
  
}
p#footer_text a {
  text-decoration: none;
}
.no-letter-spacing {
  letter-spacing: normal !important;
}
.field_label {
  width: 35%;
  display: inline-block;
  text-align: right;
}
.form_errors {
  border: 2px solid red;
  text-transform: uppercase;
  width: 75%;
  text-align: center;
  margin: 0 auto;
}
.form_errors p {
  margin: 0;
}
span.username_feedback {
  width: 16px;
  display: inline-block;
  margin-left: 5px;
}
span.username_checking {
  background: transparent url(../images/ajax-miniloader.gif) no-repeat left top;
}
span.username_available {
  display: inline-block;
  margin-left: 5px;
  background: transparent url(../images/green_checkmark.gif) no-repeat left top;
  width: 16px;
}
span.username_taken {
  display: inline-block;
  margin-left: 5px;
  width: 16px;
  background: transparent url(../images/red_x.gif) no-repeat left top;
}
input.error, select.error, textarea.error {
  /*border: 1px solid red;*/
  background-color: rgb(255, 220, 220);
}
input.error {
  padding: 1px;
}
select.error {
  /*padding: 1px;*/
}
textarea.error {
  /*padding: 1px;*/
}
span.error_message {
  color: red;
  font-weight: bold;
  text-transform: capitalize;
}
#tos {
  visibility: hidden;
  display: none;
  position: absolute;
  top: 0;
  left: 15%;
}
span.for_more_info {
  font-size: .8em;
  margin-top: -3px;
  display: block;
}
span.for_more_info a {
  color: #185DB5 !important;
  text-decoration: none;
}
#termsofservice {
  height: 439px;
  overflow: auto;
}
p.noscript {
  text-align: center;
}
p.noscript span {
  border: 2px solid red;
  background: rgb(255, 255, 200);
  color: black;
  padding: 5px;
}
#breadcrumb {
  float: left;
  font-size: 1em;
}
#breadcrumb a {
  color: rgb(29, 89, 155);
}
span.main_logo {
  color: #185DB5;
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin-top: 20px;
}
.wide_select_width {
  width: 149px;
}
#form_submission_feedback {
  text-align: center;
  margin-top: 10px;
}
.mini-text {
  font-size: .7em;
}
span.disabled-text {
  color: rgb(100, 100, 100);
  font-style: italic;
}