/*********************************************
   * 
   *  Global styles
   * 
   *********************************************/

  /* Reverse a style Facebook stupidly uses */
  .email {
    background-color:#f3f7e2;  /* inherit would be better, but IE6 doesn't support that */
    width:auto;
    border:0;
  }

  /* Always show a vertical scrollbar, so alignment from tab to tab isn't screwed up */
  html {
    overflow-y:scroll;
  }

  html,
  body {
    margin:0;
    padding:0;
  }

  /* Hide a weird extra/useless scrollbar in Safari on iframes, does not ruin other browsers */
  .fb_iframe {
    overflow:hidden !important;
  }

  /* the vast majority of our tables use a fixed-width layout */
    .friend_selector,
  .signup table,
  .login table,
  .page_container table,
  .show_conference table {
    table-layout:fixed;
    border-collapse:collapse; /* or IE7 will keep nasty cellspacing for no reason */
  }

  /* The logo */
  #calliflower_logo {
    background-image:url(http://apps.calliflower.com/images/general/logo.png);
    background-repeat:no-repeat;
    display:block;
    width:258px;
    height:76px;
  }

  /* Ensure frames are tall enough in Facebook */
  iframe.ensure_ample_height {
    width:100%;
    height:2200px;
  }

  /* Hide our XSS iframes entirely, since they aren't visual elements */
  #xd_iframe {
    display:none;
  }

  a {
    color:#ff7900;
    text-decoration:none;
  }

  a.title_tip_only {
    color:#000; /* inherit would be better, but IE6 doesn't support that */
  }

  .loading_spinner {
    position:absolute;
    background-color:#fff;
  }

  img {
    border:0;
  }

  /*********************************************
   *  Latest ClearFix for IE7/etc from http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
   *********************************************/

  .button:after,
  .buttons:after,
  .dialog_buttons:after,
  .clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
  }

  .button,
  .buttons,
  .dialog_buttons {
    border:0;
  }

  .button,
  .buttons,
  .dialog_buttons,
  .clearfix {
    display:inline-block;
  }

  /* Hide from IE Mac \*/
  .button,
  .buttons,
  .dialog_buttons,
  .clearfix {
    display:block;
  }
  /* End hide from IE Mac */

  /* Clearfixing a table cell is bad, so we reverse the possibility here for safety's sake */
  td.buttons:after,
  td.dialog_buttons:after,
  td.clearfix:after {
    display:none;
  }

  td.buttons,
  td.dialog_buttons,
  td.clearfix {
    display:table-cell;
  }


  /*********************************************
   *  Fonts from theme
   *********************************************/

  body,
  td, /* Firefox 3 doesn't seem to inherit font styles through TD's */
  .pop_dialog .pop_content,
  .content_text,
  .labeled_content,
  .call_dashboard_header .organizer,
  .agenda {
    font-size:10pt;
    font-family:"trebuchet ms","lucida grande",tahoma,verdana,arial,sans-serif;
  }

  .pop_dialog .pop_content h2,
  .title {
    font-family:"nimbus sans l","lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:11pt;
    font-weight:bold;
    color:DarkOliveGreen;
    text-transform:uppercase;
  }

  .pop_dialog .pop_content h3 {
      font-size:10pt;
    }

  .title small {
    font-size:8pt;
    text-transform:none;
    padding-left:10px;
  }

  .section_title {
    font-family:"nimbus sans l","lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:10pt;
    font-weight:bold;
    color:DarkOliveGreen;
  }

  .content_title {
    font-family:"nimbus sans l","lucida grande",tahoma,verdana,arial,sans-serif;
    font-weight:bold;
    font-size:10pt;
    color:#333;
  }

  .sub_title {
    font-family:"nimbus sans l","lucida grande",tahoma,verdana,arial,sans-serif;
    color:DarkOliveGreen;
    font-weight:bold;
    font-size:10pt !important;
    text-transform:uppercase;
    padding:1em 0;
  }

  .sub_title_2 {
    font-family:"nimbus sans l","lucida grande",tahoma,verdana,arial,sans-serif;
    color:#000000;
    font-weight:bold;
    font-size:10pt !important;
  }

  .sub_nav_link { /* similar to "dashboard_links" */
    color:DarkOliveGreen;
    font-family:"nimbus sans l","lucida grande",tahoma,verdana,arial,sans-serif;
    font-weight:bold;
    font-size:8pt;
    text-transform:uppercase;
  }

  .sub_nav_link.active,
  .sub_nav_link:hover {
    text-decoration:underline;
  }

  /*********************************************
   *  Dialog boxes, based on Facebook ones
   * - note some styles are only provided while not in FB, since FB provides them anyway and hates some CSS (especially IE6 PNG stuff)
   *********************************************/

  .generic_dialog {
    height:0;
    left:0;
    overflow:visible;
    position:absolute;
    width:100%;
    z-index:100;
  }

  .generic_dialog .generic_dialog_popup {
    height:0;
    overflow:visible;
    position:relative;
  }

  .generic_dialog .generic_dialog_popup form {
    margin:0;
  }

  table.pop_dialog_table {
    border-collapse:collapse;
    margin:auto;
    table-layout:fixed;
    width:490px;
  }

  td.pop_topleft,
  td.pop_topright,
  td.pop_bottomleft,
  td.pop_bottomright {
    height:10px;
    overflow:hidden;
    padding:0px!important;
    padding:5px;
    width:10px!important;
    width:0;
  }

  td.pop_topleft {
    background-image:url(http://apps.calliflower.com/images/pop_dialog_top_left.png)!important;
    background-image:none;
    filter:none!important;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://apps.calliflower.com/images/pop_dialog_top_left.png, sizingMethod='crop');
  }

  td.pop_topright {
    background-image:url(http://apps.calliflower.com/images/pop_dialog_top_right.png)!important;
    background-image:none;
    filter:none!important;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://apps.calliflower.com/images/pop_dialog_top_right.png, sizingMethod='crop');
  }

  td.pop_bottomleft {
    background-image:url(http://apps.calliflower.com/images/pop_dialog_bottom_left.png)!important;
    background-image:none;
    filter:none!important;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://apps.calliflower.com/images/pop_dialog_bottom_left.png, sizingMethod='crop');
  }

  td.pop_bottomright {
    background-image:url(http://apps.calliflower.com/images/pop_dialog_bottom_right.png)!important;
    background-image:none;
    filter:none!important;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://apps.calliflower.com/images/pop_dialog_bottom_right.png, sizingMethod='scale');
  }

  td.pop_border {
    background-image:url(http://apps.calliflower.com/images/pop_dialog_border.png)!important;
    background-image:none;
    filter:none!important;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://apps.calliflower.com/images/pop_dialog_border.png, sizingMethod='scale');
  }

  /* Now we provide our own non-FB styles */
  html td.pop_content {
    background-color:#fff;
    padding:0;
  }

  td.pop_content h2 {
    color:#556b2e;
    display:block;
    margin:0;
  }

  .dialog_body {
    padding:1em;
    background-color:#f3f7e2;
  }

  #terms_of_service .dialog_body {
    padding:0 !important; 
  }

  .subscribe #phone_numbers .dialog_body {
    padding:0 !important; 
  }

  .dialog_body,
  .dialog_buttons {
    border-top:1px solid DarkOliveGreen;
  }

  td.pop_content h2,
  .dialog_buttons {
    background-color:#ac9;
    padding:1em;
  }

  /*********************************************
   *  Tables and related UI elements
   *********************************************/

  table {
    border:0;
    border-spacing:0;
  }

  /*********************************************
   *  Form input styling
   *********************************************/

  input.readonly,
  button.readonly,
  textarea.readonly,
  select.readonly,
  input.disabled,
  button.disabled,
  textarea.disabled,
  select.disabled {
    background-color:#ddd !important;
  }

  .disabled.inputbutton,
  .disabled.inputsubmit {
    cursor:default !important;
  }
  
  .inputtext,
  .inputpassword {
    width:16em;
  }
  
  .inputtext,
  .inputpassword,
  .inputtextarea,
  select {
    margin:0;
    padding:0;
    border:1px solid DarkOliveGreen;
    background-color:#fff;
  }

  .inputtext,
  .inputpassword,
  .inputtextarea,
  select {
    font-size:10pt;
    font-family:"nimbus sans l","lucida grande",tahoma,verdana,arial,sans-serif;
  }

  .inputtext,
  .inputpassword,
  .inputtextarea {
    padding:4px 3px;
  }

  /* Form elements do NOT use the correct "box model", and
   * they will add their margins and padding to their width.
   * This results in form elements that bleed outside their
   * containers by that amount, which sucks. These rules will
   * fix that behaviour in a cross-browser way.
   *
   * For custom elements to do this, I provide the
   *  .fix_box_model class. You will have to manually
   * apply that to the element and may have to do additional styling.
   *
   * Note that this does NOT work in Internet Explorer, which really
   * sucks. The best way to avoid it there is to simply make your
   * elements less wide, by an amount adequate to cover their padding.
   * This generally is possible (albeit imprecise).
   */
  .fix_box_model,
  .inputtext,
  .inputpassword,
  .inputtextarea {
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
  }

  .iotum_form {
    margin:0 auto;
    padding:0;
    border:0;
  }

  .iotum_form th {
    font-weight:bold;
    margin:0;
    padding:5px 13px 5px 0;
    text-align:right;
    vertical-align:middle;
  }

  .iotum_form td {
    margin:0pt;
    padding:5px 0;
  }

  .iotum_form td .button {
    float:left;
    margin-right:6px;
  }

  .iotum_form td, .iotum_form td.label {
    font-size:11px;
    text-align:left;
  }

  .iotum_form .iotum_form_row input, .iotum_form .iotum_form_row textarea {
    font-size:11px;
    margin:0pt;
    padding:4px 0pt 4px 3px;
    width:90%;
  }

  /*********************************************
   *  Table dividers (fb_editor_divider partial)
   *********************************************/

  .divider div {
    border-width:2px 0 0 0;
    border-style:solid;
    border-color:DarkOliveGreen;

    /* Both needed for IE: border-top-width + border-bottom-width */
    height:2px;
    line-height:2px;
  }

  .divider.section div,
  .divider.subsection div {
    border-width:1px 0 0 0;
    border-color:#bb8;
    border-style:solid;

    /* Both needed for IE: border-top-width + border-bottom-width */
    height:1px;
    line-height:1px;
  }

  /*********************************************
   *  Form buttons from theme
   *********************************************/

  /* This button technique is based on http://www.schillmania.com/content/projects/even-more-rounded-corners/ but adds gradients */
  
  /* Fix Mozilla's button paddings and such */
  button::-moz-focus-inner { border:0; padding:0; }
  button { margin:0; padding:0; border:0; outline:0; background-color:transparent; }

  .buttons .button {
    float:left;
    margin-right:8px;
  }

  .buttons.rightalign {
    float:right;
  }

  .buttons.rightalign form,
  .buttons.rightalign .button {
    float:left;
    margin:0 0 0 4px;
  }

  .button {
    text-shadow:#888 0 0 6px;

    font-family:"bitstream vera sans","lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:12px;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:bold;

    cursor:pointer;

    border:0;
    margin:0;
    padding:0;
    outline:0;

    color:#fff;
  }

  .button.small {
    font-size:10px;
  }

  .button.disabled {
    cursor:default;
    color:#eee;
  }

  .button span {
    display:block; /* So padding/margin/border/outline on the top/bottom actually work */
  }

  .button.green div {
    background-color:#6f7625;
    background-repeat:repeat-y;
    background-image:url(http://apps.calliflower.com/images/green_button_gradient.png);

    border-color:#a4a4a2 #777b0a #777b0a #a4a4a2;
    border-style:solid;
    border-width:1px;
  }

  .button.green.disabled div {
    background-image:url(http://apps.calliflower.com/images/green_button_gradient_disabled.png);
    border-color:#aaa #aaa #aaa #777;
  }

  /* Give users the hints they deserve for a button */
  .button.green:focus span { padding:0.3em 0.45em 0.2em 0.55em; }
  .button.green:active div { border-color:#777b0a #a4a4a2 #a4a4a2 #777b0a; }
  .button.green:active div span { border-top:1px solid #ddd; }

  .button.green span {
    border-top:1px solid #eaf0a4;
    padding:0.25em 0.5em;
  }

  .button.green.disabled {
    background-image:url(http://apps.calliflower.com/images/green_button_gradient_disabled.png);
    border-color:#aaa #aaa #aaa #777;
  }

  .button.green.disabled span {
    border-top:1px solid #eee;
  }

  .button.orange {
    background-color:#e7802c;
    background-repeat:no-repeat;
    background-image:url(http://apps.calliflower.com/images/orange_button_gradient.png);
  }

  .button.orange span {
    /* extra junk for the background arrow image */
    padding:0.5em 10px 0.5em 32px;
    background-image:url(http://apps.calliflower.com/images/orange_button_arrow.gif);
    background-repeat:no-repeat;
    background-position:11px 50%;
  }

  .button.recurring_icon span {
	/* extra junk for the background arrow image */
	padding:0.3em 10px 0.3em 32px;
	background-image:url(http://apps.calliflower.com/images/recurring_white.png);
	background-repeat:no-repeat;
	background-position:11px 50%;
  }
	
  .button.grey {
	color:#030 !important;
	border:1px solid #030;
	font-size:7pt;
	font-weight:normal;
	text-transform:none;
	background-color:#fff;
	padding:0 0.7em;
  }

  .button.twitter {
  background-image:url(http://apps.calliflower.com/images/twitter16.png);
  background-repeat:no-repeat;
    padding-left:20px;
  }


  /*********************************************
   *  Copy-to-Clipboard links
   *********************************************/

  .clipboard_link {
    border:1px solid #ac9;
    background-color:#fff;
  }

  .clipboard_link #conference_url {
    border:0;
    background-color:transparent;
    float:left;
    width:80%;
  }

  .clipboard_link a {
    float:right;
    width:15%;
    height:20px;
    background-image:url(http://apps.calliflower.com/images/clipboard.gif);
    background-repeat:no-repeat;
    background-position:50% 50%;
    cursor:pointer;
  }

  /*********************************************
   *  Reminders/Notifications
   *********************************************/

  .reminder {
    margin:0;
    padding:0 4em 0 0;
  }

  /*********************************************
   *  Conference RSVP dialog
   *********************************************/

  .rsvp_text_area {
    width: 300px;
    height: 5em;
  }

  /*********************************************
   *  Status images, such as in summaries of call invites
   *********************************************/

  .invite a {
    margin:auto;
    display:block;
    width:15px;
    height:15px;
    cursor:help;
  }

  .invite .sending {
    font-size:80%;
    white-space:nowrap;
    width:auto;
    color:#000;
  }

  .invite .impossible {
    background-image:url(http://apps.calliflower.com/images/unavailable.gif);
  }

  .invite .sent {
    background-image:url(http://apps.calliflower.com/images/ok.gif);
  }

  .invite .failed {
    background-image:url(http://apps.calliflower.com/images/cancel.gif);
  }


  /*********************************************
   *  Form error dialogs (To do: not re-styled to latest theme)
   *********************************************/
  
  .errorExplanation ul li {
    font-size: 12px;
    list-style: square;
  }
  
  .inputWithErrors {
    border: 2px solid red;
  }
  
  .fieldWithErrors input {
    border: 2px solid red;
  }
  
  .fieldWithErrors select {
    border: 2px solid red;
  }

  .selectFieldWithErrors div.fieldWithErrors {
    border: 2px solid red;
  }
  
  span.fieldWithErrors {
    padding: 4px 0px;
  }
  
  .notice_error,
  .errorExplanation,
  .notice_explanation {
    margin:10px 0;
    padding:10px;
    font-size:11pt;
    line-height:1.4em;
    background-color:#f3f7e2;
    color:DarkOliveGreen;
    font-weight:bold;
  }
  .errorExplanation {
    font-size:8pt;
  }

  .notice_explanation {
    border:2px solid DarkOliveGreen;
  }

  .errorExplanation,
  .notice_error {
    border:2px solid red;
  }

  #notice_upgrade_browser {
    color:#2e481a;
    border-bottom:1px solid #2e481a;
    background-color:#f3f7e2;
    padding:4px 16px;
    text-align:center;
    margin:0 0 16px 0;
    font-weight:bold;
    position:absolute;
    left:0;
    top:0;
    width:100%;
  }

  #friend_selector_errors,
  #friend_selector_explanations {
    display:none;
  }

  /*********************************************
  *  Login, signup and post-signup, password confirmation pages
  *********************************************/

  .login_tip,
  .signup_tip,
  .account_created_tip {
    color:DarkOliveGreen;
    font-weight:bold;
  }

  .login .inputtext,
  .signup .inputtext,
  .signup .inputpassword {
    width:95%;
  }

  .login .forgot_password,
  .login th label,
  .signup th label,
  .account_created th label {
    color:DarkOliveGreen;
  }

  .signup .green.button,
  .signup .answer {
    width:3em;
  }

  .account_created .left_column {
    width:54pt;
  }

  .account_created .right_column {
    width:250pt;
  }

  .account_created .inputtext {
    width:200pt;
  }


  /*********************************************
  *  Pagination styles
  *********************************************/

  .pagination {
    text-align:right;
  }

  .pagination .disabled {
    color:DarkOliveGreen;
  }

  .pagination .current {
    color:DarkOliveGreen;
  }

  /*********************************************
   *  Conference listings
   *********************************************/

  .conf_header {
    color:DarkOliveGreen;
    padding: 5px 0px 5px 10px;
    font-size:8pt !important;
  }

  .conference_row {
    background:white none repeat scroll 0%;
    border:1px solid #ccc;
    padding:10px;
    clear:both;
  }

  .conference_row_header, .conference_row_header_active, .conference_row_header_inprogress {
    border:1em;
    margin-top:5px;
  }

  .conference_row_header {
    background-color:#e5ecac;
  }

  .conference_row_header_active {
    background-color:#fff000;
  }

  .conference_row_header_active h4 {
    color:#3b5998;
  }

  .conference_row_header_inprogress {
    background-color:#ffb838;
    color:#fff;
  }

  .conference_row .label {
    width:20%;
    color:#989898;
  }

  .conference_row .info_table hr {
    border-color:#d8dfea;
    border-style:solid none none;
    border-width:1px 0 0 0;
    height:1px;
    width:100%;
  }

  .conference_row .info {
    padding-right:50px;
  }
  
  .conference_row .info .mod_status{
    font-weight: bold;
    font-size: 11px;
  }

  td.organizer_photo {
    width:75px;
  }

  table.info_table td.conference_title {
    padding:0px 5px 10px 0px;
  }

  table.info_table td {
    padding:0 0 2px 0;
  }

  /* Reverse the above for dialogs */
  table.info_table .generic_dialog td {
    padding:0;
  }

  .conference_row .actions {
    vertical-align:top;
    width:100px;
  }

  .conference_row .actions a {
    border-bottom:1px solid #d8dfea;
    display:block;
    margin:0px;
    padding:2px 4px;
  }

  /*********************************************
   * 
   *  Common page titlebar and main tabs
   * 
   *********************************************/

  /* Minimal styles from old iotum.css to work with temporarily */
  #book {
    padding:0;
    margin:0 auto;
    width:760px; 
  }
  
  #book.with_skyscraper {
    width:940px; 
  }

  #skyscraper {
    float:right;
    width:160px;
    top:115px;
  }

  #widebar {
    float:left;
    width:760px;
  }

  #content {
    border:0;
    padding:0 1px;
  }

  .main_content {
    padding:24px 1em 1em 1em;
    background-color:#d6e45d;
  }

  .iotum_dashboard_header {
    padding-top:10px;
    height:33px;
    background-image:url(http://apps.calliflower.com/images/menu_underline.gif);
    background-repeat:repeat-x;
    background-position:bottom left;
  }

  .iotum_dashboard_header img {
    border:0;
  }

  .dashboard_links a {
    font-family:"nimbus sans l","lucida grande",tahoma,verdana,arial,sans-serif;
    font-weight:bold;
    font-size:8pt;
    color:DarkOliveGreen;
    margin-right:8px;
    text-transform:uppercase;
  }

  .dashboard_links {
    padding-top:0.4em;
  }

  .dashboard_links a:hover {
    border-bottom:2px solid DarkOliveGreen;
  }

  .dashboard_tabs {
    float:left;
    height:24px;
  }

  .dashboard_tabs a {
    float:left;
    display:block;
    margin-right:8px;
  }

  .dashboard_right {
    float:right;
    padding-top:6px;
  }

  .home_page_title {
    background-image: url(http://apps.calliflower.com/images/app_icon.gif);
    background-position:1px 8px;
    background-repeat:no-repeat;
    float:left;
    font-size:14px;
    padding:7px 0 7px 24px;
  }



  /*********************************************
   * 
   *  Landing page
   * 
   *********************************************/

  .demo_call_link {
    display:block;
    text-align:right;
    padding:8px 0 90px 0;
  }

  .demo_call_link .button {
    float:right;
  }

  .cf_landing {
    background-color:#d6e45d;
    clear:both;
    background-image:url(http://apps.calliflower.com/images/general/shiny_happy_people.jpg);
    background-repeat:no-repeat;
    padding:0 8px 1em 8px;
  }

  .cf_landing td.header {
    padding:0;
    margin:0;
  }
  
  .cf_landing_table {
    width:100%;
    padding:0;
    border:0;
  }

  .cf_landing .see_all_link {
    text-align:right;
    padding-right:4px;
  }

  .cf_landing .see_all_link a {
    text-transform:uppercase;
  }

  .cf_landing h2 {
    color:DarkOliveGreen;
    font-size:11px;
  }
  
  .cf_landing_tile_more_translucent {
    filter:alpha(opacity=50);
    opacity:.50;
    background-color: yellow;
    height:50px;
    z-index:1;
  }

  .cf_landing_tile_less_translucent {
    filter:alpha(opacity=85);
    opacity:.85;
    background-color:#f0f0f0;
    height:50px;
    z-index:1;
  }

  .cf_landing_tile_title {
    position:absolute;
    margin-top:16px;
    margin-left:6px;
    z-index:2;
  }

  .cf_landing_welcome {
    border-bottom:1px solid #9ca26d;
    padding-bottom:4px;
  }

  .cf_landing_welcome_block {
    border-bottom:1px solid #9ca26d;
  }

  .cf_landing_table .button {
    float:none;
    width:11em;
    display:block;
    margin:0 auto;
  }

  /* Reverse some rules for dialogs that are messing them up from ".cf_landing_table .button" and ".cf_landing_side_links a" */
  .cf_landing_table .generic_dialog .button {
    width:auto;
    margin:0 8px 0 0;
    padding:0;
  }

  .cf_landing_view_demo {
    text-align:center;
    padding-bottom:16px;
  }

  .cf_landing_view_demo p {
    text-align:center;
    line-height:1.75em;
  }

  .cf_landing_create_a_call {
    text-align:center;
    padding-bottom:16px;
  }

  .cf_landing_create_a_call p {
    text-align:center;
    line-height:1.75em;
  }

  .cf_landing_padded_section {
    background-color:#fdfefc;
    padding:0 4px;
  }

  .cf_landing_section {
    background-color:#fdfefc;
  }

  .cf_landing_conference_block {
    background-color:#f8f9df;
    padding:4px;
    border:1px solid #9ca26d;
    margin-bottom:4px;
  }

  .cf_landing_live_call {
    padding:4px 4px 10px 4px;
  }

  .cf_landing_conference_row_main {
    padding:10px 0;
  }

  .cf_landing_section_title {
    padding: 8px 0px;
  }

  .cf_landing_conference_title a {
    font-family:"nimbus sans l","lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:10pt;
    color:#ff7900;
    font-weight:bold;
  }

  .cf_landing_conference_row {
    background-color:#f8f9df;
    padding:4px;
  }

  .cf_landing_overview {
    background-image:url(http://apps.calliflower.com/images/general/little_boxes.jpg);
    background-repeat:no-repeat;
    background-position:0 100%;
    background-color:#f8f9df;
    padding:4px;
    font-weight:bold;
  }

  .cf_landing_recording {
    padding-bottom:14px;
  }

  .cf_landing_recording_name {
    padding-left:4px;
  }

  .cf_landing_side_links a {
    display:block;
    margin:0px;
    padding:2px 4px;
    text-align:right;
    font-weight:bold;
  }

  /* Reverse the above rule's padding so it is not applied to dialog links */
  .cf_landing_side_links .generic_dialog a {
    padding:0;
  }


  /*********************************************
   * 
   *  Common design elements
   * 
   *********************************************/

  .page_container {
    background-color:#d6e45d;
    padding:24px 4px 4px 4px;
  }

  .page {
    background-color:#f3f7e2; /* #f8f9df, #f2f6e1, #f1f5bd? */
    padding:10px 10px 10px 10px;
    position:relative; /* This forces IE6 to behave and render the bgColor of .page properly.. other browsers are ok with it */
  }

  /*********************************************
   * 
   *  Create/edit conferences
   * 
   *********************************************/

  .content_table {
    width:100%;
  }

  /* Match the following two numbers to line things up */
  .page .content_container .content_container_header,
  .page.participants form,
  .page.summary form {
    margin-left:98pt;
  }
  .page .content_container .content_table_header_column {
    width:98pt;
  }

  .generic_dialog_popup .page.reorganize .content_container .content_table_header_column {
    width:50pt; 
  }

  .finish_editing_button {
    float:right;
  }

  .page .content_container {
    margin-right:10px;
    width:100%;
  }

  .page .content_container th label
   {
    font-size:10pt;
    color:#333;
  }

  .page .content_container th,
  .page .content_container td {
    vertical-align:top;
  }

  .page .content_container th {
    padding:0px 10px 0 0;
    text-align:right;
  }
    /* reverse the above for calendars and timeselectors */
  .page .content_container .calendar th,
  .page .content_container .timeselector th {
    padding:0;
    text-align:right;
  }

  .page .content_container label {
    white-space:nowrap;
  }

  /*********************************************
   * 
   *  Create/edit conferences - Wizard
   * 
   *********************************************/

  .wizard_block {
    margin:1em 0 0.5em 0;
    min-height:48px; /* Firefox 3 gets the height of the content wrong sometimes even with clearfix */
  }

  .wizard .step {
    font-family:"nimbus sans l","lucida grande",tahoma,verdana,arial,sans-serif;
    float:left;
    margin-right:1em;
    text-decoration:none;
  }

  .wizard .step.inactive {
    cursor:pointer;
  }

  .wizard .step.active,
  .wizard .step.iotum_disabled {
    cursor:default;
  }

  .wizard .step:hover {
    text-decoration:none;
  }

  .wizard .step {
    color:#ac9;
    font-size:11px;
    font-family:"nimbus sans l","lucida grande",tahoma,verdana,arial,sans-serif;
  }

  .wizard.freeform .step:hover,
  .wizard .step.active {
    color:DarkOliveGreen;
  }

  .wizard.freeform .step:hover .bubble,
  .wizard .step.active .bubble { /* !important added to beat specificity of below rule */
    background-image:url(http://apps.calliflower.com/images/wizard_step_active.gif) !important;
  }

  .wizard .step .bubble {
    margin:0;
    padding:0;
    padding-left:0.2em; /* hack to better-center the text (problem with parent being different font size) */
    width:48px;
    height:48px;
    line-height:1.25em;
    float:left;
    display:block;
    text-align:center;
    background-image:url(http://apps.calliflower.com/images/wizard_step_inactive.gif);
    background-repeat:no-repeat;
    background-position:50% 50%;
  }

  .wizard .step .bubble .label {
    margin:0;
    padding:0;
    font-size:9px;
    display:block;
    padding-top:1em;
    width:5em;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
  }

  .wizard .step .text {
    margin:0;
    padding:0.75em 1em 0 0.5em;
    float:left;
  }

  .wizard .step .text strong {
    display:block;
    text-transform:uppercase;
  }

  .wizard.freeform .step {
    height:2em;
  }

  /*********************************************
   * 
   *  Create/edit conferences - Step 1: Information
   * 
   *********************************************/

  /* Main Layout */

  .conference_setup .page.info .content_container .inputtext,
  .conference_setup .page.info .content_container .inputpassword,
  .conference_setup .page.info .content_container .inputtextarea,
  .conference_setup .page.reorganize .content_container .inputtext,
  .conference_setup .page.reorganize .content_container .inputpassword,
  .conference_setup .page.reorganize .content_container .inputtextarea {
    width:98%;
  }

  /* IE6 doesn't like 100%, since our elements have some padding and a border */
  * html .conference_setup .page.info .content_container .inputtext,
  * html .conference_setup .page.info .content_container .inputpassword,
  * html .conference_setup .page.info .content_container .inputtextarea {
    width:96%;
  }

  .conference_setup .page.info .content_container .guest_pin {
    width:4em !important;
    padding-left:0;
    text-align:center;
  }

  .conference_setup .page.info .described_option label,
  .conference_setup .page.info .described_option div {
    padding-left:0.5em;
    padding-right:5%;
  }

  .conference_setup .page.info .described_option div {
    padding-left:0.7em;
  }

  .conference_setup .page.info .divider div {
    margin:1em 0;
  }

  /* Tweaks */

  /* Some fields need nudging for vertical alignment with form input elements */
  .conference_setup .page.info .content_container .field_to_nudge {
    padding-top:0.3em;
  }

  /* IExplorer needs some padding here and there */
  * html .conference_setup .page.info .content_container .time {
    padding-top:0.3em;
  }


  /*********************************************
   * 
   *  Create/edit conferences - Step 2: Participants
   * 
   *********************************************/

  .conference_setup .page.participants .reminder .content_title {
    /* Keep space between header and top of each step consistent */
    margin-top:0;
  }

  .conference_setup .page.participants .buttons {
    padding-top:1em;
  }

  .non_friend_selector {
    width:100%;
  }

  .sent_invitations,
  .share_call {
    width:50%;
  }

  .sent_invitations .invitees {
    margin-top:0;
    padding-right:2em;
  }

  .share_call .facebook_link {
    margin-top:0.5em;
    background-repeat:no-repeat;
    background-image:url("/images/facebook_small.gif");
    height:20px;
    display:block;
    line-height:20px;
    padding:0 0 0 26px;
    position:absolute; /* break these out of the flow, as they are often too wide */
  }

  .share_call .facebook_link.group {
    margin-top:32px;
  }

  .share_call .clipboard_link {
    margin:0.5em 0 0 0;
  }


  /*********************************************
   *  Friend selector
   *********************************************/

  #plaxo_import_link {
    float:left;
    line-height:11pt;
  }

  /* Firefox 3 does weird things with some borders if we don't do this; earlier Firefoxes are cool with it */
  .friend_selector[class^=""]:not([class*=""]) {
    border-collapse:separate;
  }

  .friend_selector td.spacer {
    width:10px;
    height:10px;
  }

  .contact_selector_frame {
    width:100%;
  }

  .friend_selector #address_book_link {
    white-space:nowrap;
  }

  /* Mouse cursors for elements that aren't normally clickable */

  .friend_selector .search .clear a,
  .friend_selector #address_book_link,
  .friend_selector #select_all,
  .friend_selector #select_none,
  .friend_selector #contact_lookup_auto_complete li,
  .friend_selector .selected_contact a.remove_selected {
    cursor:pointer;
  }

  #contact_lookup_auto_complete li,
  #selected_contacts_list .selected_contact {
    overflow:hidden;
    white-space:nowrap;
  }

  .friend_selector {
    width:100%;
  }

  .friend_selector form .button {
    margin-right:8px;
    float:left;
  }

  .friend_selector #contact_lookup_auto_complete {
    vertical-align:top;
  }

  .contact_editor  {
    width:100%;
  }

  .contact_editor .edit_contact_table {
    clear:both;
    margin-top:10px;
    margin-bottom:10px;
  }

  .contact_editor .validation_messages {
    clear:both;
    padding-top:1em;
    font-size:8pt;
    color:DarkOliveGreen;
  }

  .contact_editor .validation_messages .failure {
    color:red;
    font-weight:bold;
  }

  .friend_selector .edit_contact_link {
    float:right;
  }

  .friend_selector #save_contact {
    clear:both;
  }

  .contact_editor .title {
    float:left;
  }

  .friend_selector .edited_contact .save_status {
    color:DarkOliveGreen;
    margin-top:1em;
    text-transform:none;
  }

  .friend_selector .edited_contact .save_status.failure {
    color:#a33;
  }

  /* Bordering */

  .friend_selector,
  .friend_selector table {
    border-collapse:collapse;
  }

  .friend_selector td.search,
  .friend_selector td#contact_lookup_auto_complete,
  .friend_selector .account,
  .friend_selector td.selection {
    border:1px solid DarkOliveGreen;
  }

  /* Background colors */

  .friend_selector .search,
  .friend_selector #contact_lookup_auto_complete,
  .friend_selector .account,
  .friend_selector .selection {
    background-color:#fff;
  }

  /* Search cell */

  /* The search input needs no styling, because an outer box encapsulates it and it's clear button */
  .friend_selector .search #contact_lookup {
    border:0;
    background-color:transparent;
    float:left;
    width:88%;
    font-size:8pt;
  }

  .friend_selector .search #clear_search {
    height:1.9em; /* slightly less tall then the container, so it doesn't stretch said container */
    background-image:url(http://apps.calliflower.com/images/icon_remove.gif);
    background-repeat:no-repeat;
    background-position:90% 50%;
    float:right;
    width:20px;
    cursor:pointer;
    cursor:hand;
  }

  /* Green button cells */

  .friend_selector .import,
  .friend_selector .select_all,
  .friend_selector .select_none {
    border:0;
    line-height:2em;
    vertical-align:middle;
  }

  .friend_selector .import {
    text-align:center;
  }

  /* Text in the green button cells */
  .friend_selector #address_book_link,
  .friend_selector #select_all,
  .friend_selector #select_none {
    font-size:11px;
    text-decoration:underline;
    color:DarkOliveGreen;
  }

  /* Basic layout and styles */

  .friend_selector_column {
    padding:0;
    margin:0;
    font-size:8pt; /* Firefox tends to be an idiot and has fonts that are too large sometimes if this isn't set */
  }
  .friend_selector_selected_column {
    width:70%;
  }

  .friend_selector_column.account {
    vertical-align:top;
  }

  .link_back {
    text-align:center;
    line-height:3em;
    margin-bottom:1em;
  }

  .link_back span {
    background-image:url(http://apps.calliflower.com/images/arrow_right.png);
    background-repeat:no-repeat;
    background-position:0 50%;
    padding-left:16px;
  }

  .friend_selector #default_selected_message,
  .friend_selector .status_msg,
  .friend_selector .selected_contact,
  .friend_selector #contact_lookup_auto_complete li {
    padding:0 4px;
    line-height:1.4em;
    vertical-align:middle;
  }

  .friend_selector #default_selected_message {
    line-height:1.2em;
  }

  .friend_selector .edited_contact .title {
    float:left;
    padding:6px 12px 0 0;
  }

  .iotum_form .contact_editor .delete,
  .friend_selector .delete {
    float:right;
  }

  /* Ensure the selection list does not get too tall or short */
  .friend_selector #contact_lookup_auto_complete ul,
  .friend_selector #selected_contacts_list {
    overflow-y:auto;
    overflow-x:hidden;
  }
  .friend_selector #contact_lookup_auto_complete ul,
  .friend_selector #selected_contacts_list {
    height:300pt;
  }
  .friend_selector.participant_selector #contact_lookup_auto_complete ul {
    height:283.5pt; /* This is slightly shorter because of the add/search input above it */
  }

  .friend_selector .image {
    vertical-align:top;
    width:110px; /* Both of these widths are needed so the input text isn't offset as the img loads */
    max-width:110px;
  }

  .friend_selector .image img {
    border:0;
    padding:8px 6px 0 6px;
  }

  .friend_selector #contact_lookup_auto_complete ul {
    list-style:none none;
    margin:0;
    padding:0;
  }

  .friend_selector .status_msg,
  .friend_selector #default_selected_message {
    padding:0px 8px;
  }

  .friend_selector .selected_participant .checkbox {
    float:left;
    margin:0 8px 0 4px;
    padding:0;
    height:11pt;
    cursor:pointer;
  }
  .friend_selector .selected_participant {
    float:left;
    width:100%;
    height:11pt;
  }

  .friend_selector .selected_participant .text {
    float:left;
    cursor:default;
    line-height:11pt;
    height:11pt;
  }

  .friend_selector .selected_participant .accepted,
  .friend_selector .selected_participant .declined,
  .friend_selector .selected_participant .invited {
    float:right;
    width:24px;
    height:16px;
    margin-right:8px;
    background-repeat:no-repeat;
    background-position:50% 50%;
  }
  .friend_selector .selected_participant .organizer,
  .friend_selector .selected_participant .moderator {
    float:right;
    margin-right:12px;
  }

  .friend_selector .selected_participant .accepted {
    background-image:url(http://apps.calliflower.com/images/accepted.gif);
  }

  .friend_selector .selected_participant .declined {
    background-image:url(http://apps.calliflower.com/images/declined.gif);
  }

  .friend_selector .selected_participant .invited {
    background-image:url(http://apps.calliflower.com/images/invited.gif);
  }

  .friend_selector .contact.search_list .text,
  .friend_selector .contact.full_list .text {
    float:left;
    width:80%;
  }
  .friend_selector .contact.full_list .edit,
  .friend_selector .contact.search_list .edit {
    float:right;
    color:orange;
    width:24px;
    height:16px;
    background-image:url(http://apps.calliflower.com/images/edit.gif);
    background-repeat:no-repeat;
    background-position:50% 50%;
  }

  .canvas_iframe_util {
    height:1200px;
  }

  .friend_selector #selected_contacts_list .selected_contact {
    margin:0;
    padding:0;
    padding:2px 4px;
    width:100%;
  }

  .friend_selector #contact_lookup_auto_complete li {
      padding:0 4px;
  }

  .friend_selector #contact_lookup_auto_complete li * {
      padding:2px 0;
  }

  .friend_selector .selected_participant:hover,
  .friend_selector #contact_lookup_auto_complete li:hover,
  .friend_selector #contact_lookup_auto_complete li.selected:hover {
    background-color:#ac9;
  }

  .friend_selector #select_all.disabled,
  .friend_selector #select_none.disabled {
      text-decoration:none;
      color:#aaa;
  }

  .friend_selector #contact_lookup_auto_complete li.selected {
    background-color:DarkOliveGreen;
    color:#fff;
  }

  /*********************************************
   *  Address Book
   *********************************************/
  
  .address_book .title_box {
    background-color:#d6e45d;
  }

  .address_book .title_box .title {
    line-height:4em;
    padding-left:12px;
  }

  .address_book_container {
    background-color:#d6e45d;
    padding:24px 4px 4px 4px;
  }

  .address_book_page {
    background-color:#f3f7e2; /* #f8f9df, #f2f6e1, #f1f5bd? */
    padding:10px 10px 10px 10px;
  }

  .address_book_page .content_container {
    margin-right:20px;
    padding-bottom:10px;
  }

  .address_book_page .content_container td {
    text-align:center;
  }

  /*********************************************
   * 
   *  Create/edit conferences - Step 3: Summary
   * 
   *********************************************/

  .conference_setup .page.summary .reminder p {
    /* Keep space between header and top of each step consistent */
    margin-top:0;
  }

  .conference_setup .page.summary .buttons {
    padding-top:1em;
  }

  .conference_setup .page.summary .participant_table th {
    text-align:center;
    padding:0 0 0.5em 0;
  }

  .conference_setup .page.summary .participant_table th,
  .conference_setup .page.summary .participant_table td {
    padding-right:10px;
    height:32px; /* the height of the globe icon plus a little padding */
  }

  * html .conference .setup_page.summary .participant_table th,
  * html .conference .setup_page.summary .participant_table td {
    height:20px; /* IExplorer adds too much space */
  }

  /* Reverse the above styles for the dividers */
  .conference_setup .page.summary .participant_table .divider {
    padding-right:0;
    height:auto;
  }

  .conference_setup .page.summary .participant_table .inputtext,
  .conference_setup .page.summary .participant_table .inputpassword,
  .conference_setup .page.summary .participant_table .inputtextarea,
  .conference_setup .page.summary .participant_table select {
    padding-top:0;
    padding-bottom:0;
    width:9em;

    /* Make the inputs on the rows the the height of the globe icon */
    line-height:20px;
    height:20px;
  }

  .conference_setup .page.summary .content_container th {
    vertical-align:bottom;
  }

  .conference_setup .page.summary .participant_table td {
    vertical-align:middle;
  }

  .conference_setup .page.summary .participant_table .invitee {
    text-align:left;
  }

  .conference_setup .page.summary .participant_table .invite.sms .mobile_number {
    padding-right:4px;
  }

  .conference_setup .page.summary .participant_table .invite.sms .globe {
    width:20px;
    margin:0;
    padding:0;
  }

  .conference_setup .page.summary .participant_table .invite.sms .globe a {
    display:block;
    width:20px;
    height:20px;
    background-image:url(http://apps.calliflower.com/images/globe.gif);
    cursor:pointer;
  }

  .conference_setup .page.summary .participant_table .invite {
    text-align:center;
  }

  .conference_setup .page.summary.summary .participant_table td.invitee {
    padding-left:0.25em;
  }

  .conference_frame,
  .conference_frame_body {
    padding:0 !important;
    margin:0 !important;
    outline:0 !important;
    border:0 !important;
    width:100% !important;
  }
  .conference_setup .page.summary.summary .participant_table .remove_invitee {
    text-align:left;
    padding-right:0.2em;
  }

  .conference_setup .page.summary.summary .participant_table .remove_invitee a {
    cursor:pointer;
  }


  /*********************************************
   * 
   *  View conferences
   * 
   *********************************************/

  .show_conference {
    background:#757d33 url(http://apps.calliflower.com/images/dashboard/background-gradient.png) repeat-x;
    padding:1em;
  }
  /* Reverse the above when in an iframe for Facebook, as it is redundant */
  .fb_iframe .show_conference {
    background:none;
    padding:0;
  }

  .show_conference iframe {
    width:100%;
  }

  /* here, we reset some styles on internal frames to make 'em fit properly */
  .contact_selector_frame {
    width:100%;
  }

  .show_conference .content_table {
    width:100%;
  }

  .show_conference_tabs {
    float:right;
    padding:0 10px 24px 0;
    background-color:#d6e45d;
  }

  .show_conference_tabs .sub_nav_link {
    padding:0.5em 1em;
    border-left:1px solid #9da81a;
    display:block;
    float:left;
  }

  .show_conference_tabs .sub_nav_link.first {
    border-left:none;
  }

  .show_conference_tabs .sub_nav_link.last {
    padding-right:0;
  }

  #instructions .non_participant {
    vertical-align:middle;
    text-align:center;
    padding-bottom:25px;
  }

  /* Call Dashboard header area */

  .call_dashboard_table {
    width:100%;
    margin:10px 0;
  }

  .call_dashboard_table {
    clear:both;
  }

  .call_dashboard_header a {
    font-weight:bold;
  }

  .call_dashboard_header.header,
  .call_dashboard_header.call_info {
    margin:0;
    padding:2px 10px;
  }

  .call_dashboard_header .button {
    float:left;
    margin-right:8px;
  }

  .call_dashboard_header.call_info {
    border-left:1px solid #9da81a;
  }

  .call_dashboard_header.call_info .sub_title {
    text-transform:none;
  }

  .call_dashboard_header .title,
  .call_dashboard_header .sub_title {
    margin:0;
    padding:0;
  }

  .call_dashboard_header .organizer {
    display:block; /* put "organized by" on it's own line */
    font-weight:normal;
  }

  .call_dashboard_header .title {
    font-size:13pt;
  }

  .call_dashboard_header .sub_title {
    color:#000;
  }
  
  .share_button a {
    background:#FFFFFF;
    border:1px solid #003300;
    color:#003300 !important;
    font-size:7pt;
    height:10pt;
    line-height:10pt;
    margin-top:2pt;
    padding:0pt 0.7em;
    float: right;
  }
  .share_buttons {
    text-align: right;
  }
  
  .skype_section{
  	

  }
  #skype_logo {
  	float: right;
  	margin-top: -60px;
  }
  #skype_button{
  	display: block;
  	background-image: url(http://apps.calliflower.com/images/skype_button1.png);
  	background-repeat:no-repeat;
  	padding: 24px 15px 15px 45px;
  	margin-left: 5px;
  	font-size: 11pt;
  	font-weight: bold;
  	color: white; 
  	width: 120px;
  }
  #add_button {
  	display: block;
  	background-image: url(http://apps.calliflower.com/images/add_button1.png);
  	background-repeat:no-repeat;
  	padding: 20px 5px 15px 38px;
  	margin-left: 5px;
  	font-size: 11pt;
  	font-weight: bold;
  	color: white; 
  }
  
  #add_button_small {
  	display: block;
  	background-image: url(http://apps.calliflower.com/images/add_button_small.png);
  	background-repeat:no-repeat;
  	background-position: center;
  	width: 75px;
  	padding: 19px 10px 15px 20px;
  	font-size: 9pt;
  	font-weight: bold;
  	color: white; 
  	text-align:center;
  }
  
  
  /* The collapsible content boxes */

  #content .collapsible_box_header_group,
  #content .collapsible_box_header_group_table,
  #content .collapsible_box_content_group,
  #content .collapsible_box_content_group_table {
    padding:0px;
    margin:0px;
  }

  #content .collapsible_box_header_group {
    margin-top:10px;
  }

  .collapsible_box_header_item.errors {
    clear:both;
  }

  .collapsible_box_header_group_table,
  .collapsible_box_content_group_table,
  .collapsible_box_nested_content_table {
    width:100%;
  }

  .collapsible_box_header,
  .collapsible_box_subheader,
  .collapsible_box_content,
  .collapsible_box_subcontent {
    margin:0;
    vertical-align:top;
    border-color:#9da81a;
    border-style:solid;
    border-width:0 0 0 1px;
  }

  .collapsible_box_header.first,
  .collapsible_box_subheader.first,
  .collapsible_box_content.first,
  .collapsible_box_subcontent.first {
    border-left:0;
  }

  .collapsible_box_header.plain,
  .collapsible_box_subheader.plain,
  .collapsible_box_content.plain,
  .collapsible_box_subcontent.plain {
    border-width:0;
  }

  .collapsible_box_content_group {
    border-color:#9da81a;
    border-style:solid;
    border-width:1px 0 0 0;
  }

  .collapsible_box_header {
    background-color:#cfd58d;
  }

  .collapsible_box_header.transparent {
    background-color:transparent;
  }

  .collapsible_box_subheader {
    background-color:#d0da73;
  }

  .collapsible_box_content {
    background-color:#f8f9df;
  }

  .collapsible_box_header .sub_title {
    padding:3px 0;
    margin:0;
  }

  .collapsible_box_header,
  .collapsible_box_subheader {
    vertical-align:middle;
  }

  .collapsible_box_header,
  .collapsible_box_subheader,
  .collapsible_box_header_container,
  .collapsible_box_subheader_container,
  .collapsible_box_content,
  .collapsible_box_subcontent,
  .collapsible_box_content_container,
  .collapsible_box_subcontent_container {
    padding:0;
    margin:0;
  }

  .collapsible_box_subheader {
    padding:3px 0;
  }

  .collapsible_box_header_container,
  .collapsible_box_subheader_container {
    padding:0 10px 0 10px;
  }

  .collapsible_box_content_container,
  .collapsible_box_subcontent_container {
    padding:10px 0px 10px 10px;
  }

  .collapsible_box_content_container.plain,
  .collapsible_box_subcontent_container.plain {
    padding:0;
  }

  .collapsible_box_content_container.min_max_link_above,
  .collapsible_box_subheader_container.min_max_link_above,
  .collapsible_box_subcontent_container.min_max_link_above {
    padding-left:22px;
  }

  .collapsible_box_header_item {
    float:left;
    display:block;
    margin:0 10px 0 0;
    line-height:12pt;
    height:12pt;
  }

  .collapsible_box_header_item.action {
    float:right;
  }

  .collapsible_box_header_item.action.edit_link {
    height:16px;
    line-height:16px;
    margin-top:2pt;
    margin-left:6px;
  }

  .collapsible_box_header_item.min_max_link,
  .collapsible_box_header_item.action {
    margin:0;
  }

  /* The min/max links */

  .collapsible_box_header .min_max_link_container {
		width: 100%;
		cursor:pointer;
	}
	
	.collapsible_box_header .min_max_link .sub_title_link {
	 padding: 0;
	 margin: 0;
	 
	}

	.collapsible_box_header .minimize_link,
	.collapsible_box_header .maximize_link {
		display:block;
		//padding-top: 5px;
		padding-right:5px;
		width:7px;
		height:1em;
		background-repeat:no-repeat;
		background-position:0 75%;
		float: left;
	}

	.collapsible_box_header .minimize_link {
		background-image:url(http://apps.calliflower.com/images/arrow.jpg);
	}

	.collapsible_box_header .maximize_link {
		background-image:url(http://apps.calliflower.com/images/arrow_shut.jpg);
	}

	.collapsible_box_header .min_max_link.transparent .minimize_link {
		background-image:url(http://apps.calliflower.com/images/arrow_trnsp.gif);
	}

	.collapsible_box_header .min_max_link.transparent .maximize_link {
		background-image:url(http://apps.calliflower.com/images/arrow_shut_trnsp.gif);
	}

	/* consistent spacing between items in all content boxes */

	.collapsible_box_content .content_item {
		margin-bottom:8px;
	}

	.collapsible_box_content .content_item.last {
		margin-bottom:0;
	}

  /* The default presentation styles for different types of content in the cells */

  .collapsible_box_content .labeled_content th,
  .collapsible_box_content .labeled_content td {
    vertical-align:top;
    text-align:left;
    padding:0;
    margin:0;
  }

  /* Reverse the above's padding for dialogs nested inside of labeled content */
  .collapsible_box_content .labeled_content .generic_dialog th,
  .collapsible_box_content .labeled_content .generic_dialog td {
    padding:0;
  }

  .collapsible_box_content .labeled_content th {
    font-weight:bold;
  }

  /* Specific styles unique to particular content items */

  .collapsible_box_content.agenda {
    max-height:150px;
    overflow:auto;
  }

  .collapsible_box_content .labeled_content .reminder {
    padding:0 4px;
    border-right:1px solid #9da81a;
  }

  .collapsible_box_content .labeled_content .reminder.first {
    padding-left:0;
  }

  .collapsible_box_content .labeled_content .reminder.last {
    padding-right:0;
    border-right:0;
  }

  .collapsible_box_content .list_content {
    margin:0;
    padding:0;
    list-style-type:none;
  }

  .collapsible_box_content .list_content .label {
    font-weight:bold;
  }

  .collapsible_box_content_container#phone_instructions_block .content_title {
    margin-bottom:0.5em;
  }

  .collapsible_box_content_container#phone_instructions_block .pin {
    font-weight:bold;
  }

  .collapsible_box_content_container#phone_instructions_block .tip,
  .collapsible_box_header_item.tip {
    color:#545454;
    font-style:italic;
  }

  .collapsible_box_nested_box {
    width:100%;
  }

  .show_conference .see_all_link,
  .conference_frame .see_all_link {
    text-transform:uppercase;
    font-size:80%;
    font-weight:bold;
  }

  .show_conference .see_all_link:hover,
  .conference_frame .see_all_link:hover {
    text-decoration:underline;
  }

  .collapsible_box_header,
  .collapsible_box_subheader {
    color:DarkOliveGreen;
    font-size:9pt;
    font-family:"nimbus sans l","lucida grande",tahoma,verdana,arial,sans-serif;
  }

  .collapsible_box_header_item.label {
    font-weight:bold;
  }

  /*********************************************
   *  Participant tables
   *********************************************/

  .confirmed_participants_container .participant_table_container {
    max-height:400px;
    overflow:auto; /* to show scrollbars on content as necessary */
  }

  .participant_table {
    width:100%;
  }

  .participant_table {
    margin-top:10px;
    margin-bottom:10px;
  }

  .participant_table .participant {
    vertical-align:top;
  }

  .participant_table .participant.name_only {
    padding:4px;
  }

  .participant_table .participant.with_image {
    padding:10px 0;
  }

  .participant_table .participant.with_image .name {
    padding:4px 0 0 0;
  }
  .participant_table .participant .picture {
  	border:1px solid #545454;
  	width: 56px;
  }
  
  .participant_table .participant .on_call {
  	border:none;
  }
  
  .participant_table .participant .on_call .image{
  	margin: 0;
  }
  
  .participant_table .participant .image {
    display:block;
    padding:3px;
    margin: 3px;
  }

  .participant_table .participant.on_call .image {
    border: 4px solid DarkOliveGreen;
  }
  
  .participant_table .participant.left_call .image {
    border: 4px solid DarkRed;
  }

  /*********************************************
   *  Call controls (hand raising etc)
   *********************************************/

  .collapsible_box_content.call_controls_cell { /* needs the specificity */
    border-left:1px dotted #e5e7b2;
  }

  .call_controls_table {
    width:100%;
  }

  /* Take care with these, because dialogs are also tables with td's */
  .call_controls_table .controls {
    background-position:16px 50%; /* align the images with the recording's icons below */
    background-repeat:no-repeat;
    padding-left:40px;
    height:40px; /* This will stretch out to accomodate multiple buttons since it's a table cell.. think of it as min-height */
  }

  .call_controls_table .muting_controls {
    border-color:#e5e7b2;
    border-style:dotted;
    border-width:1px 0;
    padding:8px 0;
  }

  .call_controls_table .hand_controls {
    border-bottom:1px dotted #e5e7b2;
  }

  .call_controls_table .hand_controls.both {
    padding:8px 0;
  }

  .call_controls_table .recording_controls {
    background-image:url(http://apps.calliflower.com/images/dashboard/record_icon.gif);
  }

  .call_controls_table .muting_controls {
    background-image:url(http://apps.calliflower.com/images/dashboard/phone_icon.gif);
  }

  .call_controls_table .hand_controls {
    background-image:url(http://apps.calliflower.com/images/dashboard/hand_icon.gif);
  }

  .call_controls_table .button {
    float:right;
    clear:both;
    width:14em;
    margin-right:8px;
  }

  .call_controls_table .button {
    margin-top:2px;
  }

  .call_controls_table .button.first {
    margin-top:0;
  }

  /* Reverse the above changes for dialogs in the same area */
  .call_controls_table .generic_dialog .button {
    width:auto;
    float:left;
    clear:none;
  }

  /*********************************************
   *  Chat
   *********************************************/

  .chat_controls_table,
  #chat .posts {
    padding:10px 10px 10px 22px; /* there is min/max link above this one */
  }

  #no_wall_posts {
    text-align:center;
    padding:0 22px 10px 22px; /* compensate for the min/max link and the spacing from the divider above this message */
  }

  .chat_controls_table {
    width:100%;
    table-layout:auto !important;
    border-bottom:1px dotted #e5e7b2;
    margin-bottom:10px;
    border-collapse:separate !important;
  }

  .chat_controls_table td {
    margin:0;
    padding:0;
  }

  /* Put the spinner up into the middle of the textarea */
  .chat_controls_table .loading_spinner {
    margin:1.5em 0 0 12em;
  }

  /* Quick CSS trick: in quirks mode, table cells always stretch but never shrink.
   * The default width of the post-button's cell is arbitrary and larger than the
   * button, so I force the cell to grow rather than choosing this arbitrary width.
   * Then, we leave the text's cell alone but have it's input grow to 100% size to
   * get quirks mode to have the cell fit the remaining width, and the input fill
   * that amount to the pixel.
   */
  .submit_cell {
    width:1px;
  }

  #post_text {
    width:100%;
  }

  /* Force the post and it's button to be the same height */
  #post_text,
  .submit_cell .button {
    height:36pt;
  }

  /* Remove the top/bottom padding from the button's contents (span) so they don't throw it off */
  .submit_cell .button span {
    padding-top:0;
    padding-bottom:0;
  }

  .chat_controls_spacer {
    width:8px;
  }

  /* Vertically-center the text of the post button */
  .submit_cell .button {
    line-height:36pt;
  }
  
  #chat .posts {
    max-height:275px;
    overflow-x:hidden;
    overflow-y:auto;
  }

  #chat .posts .post td {
    vertical-align:top;
  }

  #chat .posts .post .image {
    width:36px;
    padding:2px;
    border:1px solid DarkOliveGreen;
    margin:0;
  }

  #chat .posts .post .name,
  #chat .posts .post .date,
  #chat .posts .post .message {
    margin:0;
    display:block;
    background-color:#fff;
    padding:5px 5px 3px 5px;
  }

  #chat .posts .post .name {
    padding-bottom:0;
  }

  #chat .posts .post .date {
    color:#666;
    padding-top:0;
  }

  #chat .posts .post .message img {
    max-width:305px;;
  }

  #chat .posts .post {
    width:430px;
  }

  #chat .posts .post .name,
  #chat .posts .post .date,
  #chat .posts .post .message {
    width:100%;
  }

  #chat .posts .post .message {
    margin-bottom:10px;
    border-top:1px solid #d5d8b8;
    overflow:hidden;
  }
  .all_wall_posts {
    background-color:#F8F9DF;
  }
  .all_wall_posts .posts{
    max-height: 100% !important;
  }
  .all_wall_posts .posts .post {
    width: 98% !important;
  }

  /*********************************************
   *  Recordings
   *********************************************/

  .recordings_table {
    border-collapse:collapse;
    width:100%;
  }

  .recording th,
  .recording td {
    border-bottom:1px dotted #e5e7b2;
    vertical-align:top;
    margin:0;
  }

  .recording th {
    padding:10px 0 10px 10px;
  }

  .recording td {
    padding:10px 10px 10px 5px;
  }

  .recording .duration {
    float:left;
  }
  .recording .size {
    float:right;
  }

  .recording .name {
    display:block;
    font-weight:bold;
  }

  .controls .last th,
  .controls .last td {
    border-bottom:0;
  }

  .recording.mp3 th a, .recording.mp3 th span {
    background-image:url(http://apps.calliflower.com/images/dashboard/mp3_image.png);
    background-position:50% 50%;
    background-repeat:no-repeat;
    display:block;
    width:36px;
    height:36px;
  }
  
  .recording .rec_info td {
    padding: 0px;
    border: none;
  }

  /*********************************************
   *  Sitofono/Trignme frames and their contents
   *********************************************/

  /* The "buttons" in call/show */
  
  .external_call_service_provider {
    vertical-align:middle;
  }

  .external_call_service_provider a {
    text-decoration:none;
  }

  #instructions .non_participant .green.button,
  .external_call_service_provider .need_javascript,
  .external_call_service_provider .link,
  .external_call_service_provider .provider {
    float:none;
    display:block;
    width:160px; 
    margin:0 0 0 2.5em;
    text-align:center;
    padding:0;
  }

  .external_call_service_provider .need_javascript {
    padding-top:20px;
  }

  .external_call_service_provider .provider {
    margin-top:8px;
    height:21px;
    background-repeat:no-repeat;
    background-position:100% 0;
  }

  .external_call_service_provider.tringme .provider {
    background-image:url(http://apps.calliflower.com/images/powered_by_tringme.gif);
  }

  .external_call_service_provider.sitofono .provider {
    background-image:url(http://apps.calliflower.com/images/powered_by_sitofono.gif);
  }

  /* The actual popups */

  .external_popup {
    padding:4px;
    margin:auto;
    background-color:#ac9;
  }

  .external_popup.sitofono {
    padding-top:13px;
    width:365px;
  }

  .external_popup.tringme {
    width:275px;
  }

  .external_popup iframe {
    margin:0 auto;
    border:1px solid DarkOliveGreen;
    background-color:#fff;
    width:100%;
    height:450px;
  }

  .external_popup.sitofono iframe {
    width:365px;
    height:340px;
  }

  .external_popup .explanation_note a {
    cursor:pointer;
  }

  .external_popup .explanation_note,
  .external_popup .notice {
    text-align:center;
    margin:1em 0;
    border:1px solid #ffe222;
    padding:0.75em;
    background-color:#fffbe2;
    color:#3b5998;
    font-weight:bold;
    font-size:16px;
  }

  .external_popup.sitofono .instructions .content_title {
    padding-top: 8px;
  }

  .external_popup.sitofono .message {
    padding-top:0.5em;
    border-top:1px solid DarkOliveGreen;
    text-align:center;
    font-weight:bold;
  }

  .external_popup .feedback .content_title {
    margin:8px 0 0.5em 0;
    text-align:left;
  }

  .external_popup .feedback textarea {
    width:100%;
  }

  .external_popup .feedback form {
    margin-bottom:1em;
  }

  #user_feedback {
    margin-top:4px;
    width:100%;
  }

  #feedback_section .loading_spinner {
    position:static;
  }

  .content_text.support {
    padding:1em 0 2em 0;
  }

  .content_text.support a,
  #contact_us_dialog a {
    font-weight:bold;
  }

  .content_text.support a:hover {
    text-decoration:underline;
  }

  /*********************************************
   *  Help/FAQ page
   *********************************************/

  .page_container.help .content {
    margin:0 40px;
  }
 
  .page_container.help .sub_title {
    padding-bottom:0;
  }

  .page_container.help .question,
  .page_container.help .answer {
    min-height:20px;
    background-repeat:no-repeat;
  }

  .page_container.help .question {
    margin-top:1.5em;
    margin-bottom:0.25em;
    font-weight:bold;
    color:#030;
    padding:3px 0 0 30px;
    background-image:url(http://apps.calliflower.com/images/question.jpg);
  }

  .page_container.help .answer {
    padding:3px 0 10px 30px;
    border-bottom:dotted 1px #93c641;
    background-image:url(http://apps.calliflower.com/images/answer.jpg);
  }

  .page_container.help .answer ol,
  .page_container.help .answer ul {
    margin:0;
    padding:0;
  }

  .page_container.help .answer li {
    margin:0 0 3px 20px;
  }
	
	/**** RECURRING CALL NAVIGATION WIDGET ********/
	
	.recurring_nav_container {
	 max-height: 12em;
	 width:210px;
	 overflow-y:scroll;
	 border-color:#9DA81A;
	 border-style:solid;
	 border-width:1px;
	}
	
  .recurring_nav_item {
    padding:0.12em 1em;
    text-align:right;
  }
  
  .recurring_nav_this_instance {
    background-color:#DFE3B0;
    text-align:right;
    padding:0.12em 1em;
    font-weight:bold;
  }
  
  .recurring_nav_more_item {
    padding:0.25em;
    text-align:center;
    cursor:pointer;
    color: white;
    background-color: orange;
  }
  
  .recurring_nav_more_item:hover {
    background-color:#beca32;
  }

  /**** CALENDAR COMPONENT ****/

  /* core styles */
  table.calendar { border-collapse:collapse; width:15em; table-layout:auto !important; }
  .calendar table { border-collapse:collapse; width:100%; table-layout:auto !important; }
  .calendar td.day, .calendar .next, .calendar .prev, .calendar .footer { cursor:pointer; }
  .calendar th.prev.year .content, .calendar th.prev.month .content, .calendar th.next.month .content, .calendar th.next.year .content { width:1.5em; }
  .calendar th.label { width:100%; }
  .calendar .disabled { cursor:default; }

  /* padding */
  .calendar th, .calendar td { padding:0; }
  .calendar th .content, .calendar td .content { height:1.7em; line-height:1.7em; }
  .calendar .header th .content { padding:2px; }
  .calendar .header .prev .content, .calendar .header .next .content  { padding:2px 0; width:1.5em; }
  .calendar .day .content { padding-right:2px; } /* move the text for day cells over to "center" it while it is right aligned */

  /* text/fonts */
  .calendar, .calendar th, .calendar td { font-size:8pt; font-variant:small-caps; }
  .calendar a { text-decoration:none; }
  .calendar .footer .content, .calendar .prev .content, .calendar .next .content, .calendar .month .content { text-align:center; }
  .calendar .day .content { text-align:right; }
  .calendar th, .calendar .footer { font-weight:bold; }
  .calendar .day.prev, .calendar .day.next { font-style:italic; }

	/* colors */
	.calendar .header .border, .calendar th.day .border { color:#fff; background-color:#8da97f !important; }
	.calendar td.day .border { color:#000; }
	.calendar td.day.saturday .border, .calendar td.day.sunday .border { background-color:#ac9; }
	.calendar .day.inThePast .content { color:#666 !important; font-style:italic; }
	.calendar td.day.prev .border, .calendar td.day.next .border { background-color:#8da97f; color:#fff; }
	.calendar th.prev.year.hover .border, .calendar th.prev.month.hover .border, .calendar th.next.year.hover .border, .calendar th.next.month.hover .border, .calendar td.footer.hover .border { color:#aaa !important; background-color:#f3f7e2 !important; }
	.calendar th.prev.year.disabled .border, .calendar th.prev.month.disabled .border { background-color:#8da97f !important; }
	.calendar th.prev.year.disabled .content, .calendar th.prev.month.disabled .content { visibility:hidden; }
	.calendar .day { background-color:#F3F7E2; }
	.calendar .day.selected .content { background-color:#d6e45d; }
	/* borders */
	.calendar th.day { border-top:1px solid #030; }
	.calendar th.day { border-bottom:1px solid #030; }
	.calendar .day .content { padding:2px; }
	.calendar .day.selected .content { border:2px solid #d6e45d; padding:0; }
	.calendar td.day.hover .content { border:2px solid #030; padding:0; }
	.calendar td.day.hover.inThePast .content { cursor:default; border:0; padding:2px; }

  /* outer borders */
  .calendar td .border, .calendar th .border { border:0px solid #333; }
  .calendar .sunday .border, .calendar .prev.year .border { border-left-width:1px; }
  .calendar .saturday .border, .calendar .next.year .border { border-right-width:1px; }
  .calendar .header .border { border-top-width:1px; }
  .calendar .lastWeekInMonth .border { border-bottom-width:1px; }
  .calendar .footer .border { border-width:1px; }

  /* rounded corners */
  .calendar .prev.year .border { -moz-border-radius-topleft:6px;  -webkit-border-radius-topleft:3px;  border-radius-topleft:3px;  }
  .calendar .next.year .border { -moz-border-radius-topright:6px; -webkit-border-radius-topright:3px; border-radius-topright:3px; }

  /* get rid of the footer and round the corners on the last week */
  .footer { display:none; }
  .calendar .sunday.lastWeekInMonth   .border { -moz-border-radius-bottomleft:6px;  -webkit-border-radius-bottomleft:3px;  border-radius-bottomleft:3px;  }
  .calendar .saturday.lastWeekInMonth .border { -moz-border-radius-bottomright:6px; -webkit-border-radius-bottomright:3px; border-radius-bottomright:3px; }

  /* hide the last week if it's all days from the next month */
  .calendar .extraWeek { display:none; }



  /**** TIME SELECTOR COMPONENT ****/

  /* core styles */
  .timeselector_div { width:15em; height:14.7em; overflow:auto; table-layout:auto !important; font-family:Arial,monospace; }
  table.timeselector, .timeselector tbody { border-spacing:0; border-collapse:collapse; empty-cells:show; table-layout:fixed; }
  .timeselector th { width:4.25em; height:20px; padding-right:0.5em !important; font-variant:normal !important; font-weight:normal; }
  .timeselector td { width:10.75em; height:10px; }
  .timeselector th, .timeselector td { cursor:default; }

  /* text/fonts */
  .timeselector_div, .timeselector td, .timeselector th { font-size:8pt; font-variant:small-caps; }
  .timeselector th { vertical-align:top; }

  /* borders */
  .timeselector_div { border-color:#030; border-style:solid; border-width:1px 0 1px 1px; }
  .timeselector td { border-top:1px dotted #8da97f; }
  .timeselector th { border-top:1px solid #8da97f; }
  .timeselector td.hourBorder { border-top:1px solid #8da97f; }
  .timeselector th.firstNotInPast, .timeselector td.firstNotInPast { border-top:0; }

  /* colors */
  table.timeselector::-moz-selection, table.timeselector::selection { background:#d6e45d; }
  .timeselector th { background-color:#ac9; }
  .timeselector td.prevDay, .timeselector td.nextDay { background-color:#e9f7af; }
  .timeselector th.prevDay, .timeselector th.nextDay { background-color:#8da97f; }
  .timeselector td.selected { background-color:#d6e45d; }
  .timeselector td.prevDay.selected, .timeselector td.nextDay.selected { background-color:#9fae1d; }
  .timeselector .inThePast { background-color:#ccc !important; }
  .timeselector .selected.inThePast { background-color:#666 !important; }

  /**** OTHER TIME/DATE RELATED STYLES ****/

	.timesummary { color:#333; font-weight:bold; padding-bottom:1em; font-family:"nimbus sans l","lucida grande",tahoma,verdana,arial,sans-serif; }
	.timesummary.inThePast { color:#f22; }

	.recurring, .recurring td, .recurring input, .recurring select {
		font-size:8pt;
	}

  /**** Styles for the Direct Payments page ****/
  form.payment { padding-left:1em; }
  form.payment div { margin-bottom:0.5em; }
  form.payment label { width:10em; display:block; float:left; clear:both; padding-top:0.25em; }
  form.payment select, form.payment input { float:left; border:1px solid #aaa; }
  form.payment table { clear:both; }
  form.payment table td { padding-right:0.5em; }
  form.payment .buttons { margin-left:10em; }
  form.payment .required { color:red; padding-left:0.2em; }
  #dialogdiv_where_is_cvv table.pop_dialog_table { width:600px; }

  /**** Styles for the premium features page ****/
  .premium_settings p { margin:0 0 0 0; }
  .premium_settings td { vertical-align:top; padding:0 1em 0 0; }
  .premium_settings .friend_selector td { padding:0; }
  .premium_settings .inactive { color:#a22; font-weight:bold; }
  .premium_settings .notice_error.payment { margin-bottom:2em; }
  .premium_settings .source { margin-bottom:1em; }
  
  /**** Styles for the payment summary (Thank You) page ****/
  .payment .summary .title { margin:1em 0; }
  .payment .summary .sub_title { padding:0; margin-bottom:1em; }
  .payment .summary .fieldset { padding:1em; border:1px solid darkgreen; }
  .payment .summary { margin-bottom:2em; }
  .payment .summary h2 { margin-top:2px; }
  
  /**** Styles for the subscription sign-up page ****/
  .subscribe .title { margin:1em 0; }
  .subscribe .sub_title { padding:0; margin-bottom:1em; }
  .subscribe .fieldset { padding:1em; border:1px solid darkgreen; }
  .subscribe .emphasize { font-weight:bolder; color:darkgreen; }
  .subscribe h2 { margin-top:2px; }
  .subscribe .product_options td { padding-right:16px; }

  .subscribe .products_table { background-color:#FEED59; width:100%; margin: 1em 0 0 0; border-spacing:4px; border-collapse:separate; }
  .subscribe .products_table td { border:1px solid darkgreen; }
  .subscribe .products_table table td { border:0; }
  .subscribe .product_price { text-align:right; margin: 0 1em .5em 0; }
  
  .subscribe .buttons { margin: auto; float:right; padding-bottom:1em; }

  /* The orange ads in the top/right corner */
  .buy_now { width:150px; height:60px; float:right; background-image:url(http://apps.calliflower.com/images/buy_now.png); background-repeat:no-repeat; margin-top:10px; margin-right:10px; }
  .try_now { width:150px; height:60px; float:right; background-image:url(http://apps.calliflower.com/images/try_now.png); background-repeat:no-repeat; margin-top:10px; margin-right:10px; }

  /* The legalese area in the footer */
  .legal { color:#999; text-align:right; padding-top:0.25em; padding-right:8px; }
  .legal a { color:#999; border-bottom:1px dotted #999; }
  .legal a:hover { color:#333; border-bottom:1px dotted #333; }

  /* Call-in numbers shown in region-based tables */
  table.call_in_numbers_by_region { margin:0 1em; border:1px solid #cfd58d; }
  table.call_in_numbers_by_region .countries { font-weight:bold; white-space:nowrap; border-bottom: 1px solid DarkOliveGreen; padding:1em 2px 2px 0.5em; }
  table.call_in_numbers_by_region .region { font-weight:bold; white-space:nowrap; background-color:#dfe3b0; padding:2px 2px 2px 0.5em; }
  table.call_in_numbers_by_region .cities { line-height:1.5em; background-color:#dfe3b0; padding:2px 0.5em 2px 1em; }
  table.call_in_numbers_by_region .zebra .region { background-color:#f3f7e2; }
  table.call_in_numbers_by_region .zebra .cities { background-color:#f3f7e2; }

  .doc_sharing_bumper { font-weight:bold; padding-left:216px; height:60px; padding-top:24px; margin-left:10px; background-image:url(http://apps.calliflower.com/images/docsharing.jpg); background-repeat:no-repeat; background-position:0 6px; }
  
  /* the signup page's feature/selection tables */
  table.zebra { table-layout:auto !important; }
  table.zebra .header { background-color:#97ab23; }
  table.zebra .zebra1 { background-color:#f9f168; }
  table.zebra .zebra2 { background-color:#fdf59a; }
  table.zebra th { text-align:center; color:#eee; line-height:14pt; padding:6px 10px !important; }
  table.zebra td { vertical-align:top; line-height:14pt; padding:4px 10px !important; white-space:nowrap; }
  table.zebra th.innerborder { border-left:1px solid #85961f; }
  table.zebra td.innerborder { border-left:1px solid #e6de60; }
  table.zebra tr.zebra td.innerborder { border-left:1px solid #e8e18d; }
  table.zebra .borderleft { border-left:1px solid DarkOliveGreen; }
  table.zebra .bordertop { border-top:1px solid DarkOliveGreen; }
  table.zebra .borderright { border-right:1px solid DarkOliveGreen; }
  table.zebra .borderbottom { border-bottom:1px solid DarkOliveGreen; }
  table.zebra tr.transparent td { background-color:transparent; padding:0 !important; margin:0; }
  table.zebra .description { font-size:8pt; width:22em; margin:0.25em 0 0.5em 0; padding:0 1em; white-space:normal; line-height:1.2em; color:#222; }

  table.pricelist { table-layout:auto; }
  table.pricelist td { padding:0 !important; line-height:1.75em; vertical-align:middle !important; }
  table.pricelist .price { padding-left:0.2em !important; text-align:right; }
  table.pricelist .period { padding-left:0.1em !important; text-align:left; }
  
  .features { margin:0; width:95%; }
  .features td { text-align:center; }
  .features td:first-child { text-align:left; }
  .features td.checked { background-image:url(http://apps.calliflower.com/images/leaf.gif); background-repeat:no-repeat; background-position:50% 50%; }
  .features td.checked.larger { background-image:url(http://apps.calliflower.com/images/leaf_larger.gif); }
  .features .prices td { padding-top:24px !important; padding-bottom:10px !important; padding-left:4px !important; padding-right:4px !important; }
  .features .prices td.savings { padding-top:4px !important; }
  .features .prices table { table-layout:auto !important; }
  .features .prices table td { padding:0 !important; vertical-align:middle; }
  #free, #monthly, #quarterly, #yearly { font-size:larger; font-weight:bold; }
  #num_seats { padding:0; margin:0; }
  .features input { padding:1px 3px; }
  .signup #summary { margin:0 0 2em 0; }
  .signup .buttons { padding-top:20px; clear:both; margin:0 !important; }

  /* formatting for the forms on the signup page */
  .credit_card .card_info, .credit_card .billing_address, .credit_card .tip { float:left; }
  .credit_card .card_info input, .credit_card .billing_address input, .credit_card #state, .credit_card #country { width:12em; }
  .credit_card .billing_address { margin-left:40px; }
  .credit_card .show_payment_methods { background-image:url(http://apps.calliflower.com/images/payment_methods.gif); background-repeat:no-repeat; }
  .credit_card label, .credit_card .tip, .credit_card input, .credit_card select { margin-top:1px; margin-bottom:1px; padding:2px; }
  #dialogdiv_update_card table.pop_dialog_table { width:600px; }
  #update_card, #charge_card_now { margin-left:0.5em; }
  #unsubscribe_link { float:right; }
  #unsubscribe_link, #update_card, #charge_card_now { font-weight:bold; white-space:nowrap; }
  .premium_settings td.divider { padding-top:1.5em; }

  /* formatting for the twitter dialog and related elements on other pages */
  #tweet_this { float:right; }

  #profile_twitter .inputtext, #profile_twitter .inputpassword { width:20em; }

  #tweet_form table { table-layout:auto; }
  #tweet_form th { padding-right:1em; }
  #twitter_username, #twitter_password, #twitter_status { width:24em; }
  #twitter_error { color:red; padding-top:1em; }
  #tweeting { display:none; float:left; background-image:url(http://apps.calliflower.com/images/loading_indicator.gif); background-repeat:no-repeat; background-position:0 50%; padding:0 10px 0 24px; line-height:24px; height:24px; }

  /* formatting for the signup page */
  .cf_landing.signup select { width:100%; }
  .cf_landing.signup .signup .field_to_nudge { text-align:left; line-height:18pt; }
  .cf_landing.signup #eqn th {text-align:right; padding-right:8px; line-height:18pt; }
  .cf_landing.signup #signup_section th { width:11.5em; vertical-align:top; }
  .cf_landing.signup .cf_landing_padded_section { padding:2em 10px; background-image:url(http://apps.calliflower.com/images/general/little_boxes_2.jpg); background-repeat:no-repeat; background-position:97% 97%; }
  .cf_landing.signup .cf_landing_padded_section, .cf_landing.signup .cf_landing_conference_row { padding:2em 10px; }
  .cf_landing.signup .call_organizing_frequency_section input, .cf_landing.signup #tos_agree { margin-top:4px; margin-left:4px; }
  .cf_landing.signup .call_organizing_frequency_section input { margin-right:8px; }
  .cf_landing.signup .call_organizing_frequency_section, .cf_landing.signup .contact_me { margin:2em 0 0 0; }
  .cf_landing.signup label, .cf_landing.signup #eqn th, .cf_landing.signup .call_organizing_frequency_section .content_title { color:#333; font-weight:bold; }
  .cf_landing.signup.questionnaire div.content_title { margin-top:1em; }
  .cf_landing.signup.questionnaire .options { width:100%; }
  .cf_landing.signup .invalid .text input, .cf_landing.signup .invalid .select select { border:2px solid red; }
  .cf_landing.signup .checkboxes .input, .cf_landing.signup .radio .input { width:1.75em; vertical-align:top; }
  .cf_landing.signup .invalid .radio .content_title, .cf_landing.signup .invalid .checkboxes .content_title { color:red; }
  .cf_landing.signup .tos {  }
  .cf_landing.signup ul ul { padding-left:1.5em; }

  .calltip { background-color:#fdef74; padding-left:10px; border-top:1px solid #9da81a; background-image:url(http://apps.calliflower.com/images/flag_icon.png); background-repeat:no-repeat; background-position:10px 50%; }
  #quick_username, #quick_email, .quick_join #ans { width:106pt; }
  .call_has_not_started { color:#c00; }
  .call_is_active, .call_starts_soon { color:DarkOliveGreen; }
  span#quick_username, span#quick_email, td .pin { font-size:10pt; }
  #instructions .notice { font-size:12pt; color:red; text-align:center; }
  .quick_join .warning { display:block; position:absolute; width:106pt; text-align:center; }
  .quick_join .buttons { padding-top:1.25em; }
  #instructions .quick_join .buttons .button { width:106pt; margin-left:0; }
  .call_in_number_info th, .call_in_number_info td { vertical-align:top; text-align:left; padding:8px; }
  .call_in_number_info th { padding-left:14px; background-image:url(http://apps.calliflower.com/images/arrow_shut.png); background-repeat:no-repeat; background-position:4px 1em; }

  #participant_call_options th, .participant_call_options td { padding:4px 8px 4px 0; }
  #participant_call_options th { text-align:left; font-weight:normal; }
  .badges { padding-right:4px; }
  .badges.above { float:left; margin-top:-18px;}
  .badge { margin-right:1px; background-color:#a3b93c; border:1px solid #666; color:#222; text-align:center; float:left; font-size:12px; line-height:12px; width:12px; height:12px; z-index: 10; }
  .options.small { cursor:pointer; }
  .badge.organizer, .badge.moderator { background-color:yellow; font-size:9px; font-weight:bold; }
  #dialog_mod_adding_div, #dialog_mod_removing_div, #moderator_participant .loading_spinner { float:left; padding-left:10px; background-color:inherit; }
  #dialog_mod_error { position:absolute; padding-left:10px; font-size:9pt; line-height:21px; }

  .tab_button { cursor:pointer; float:right; margin-left:4px; padding:0; font-size:8pt; line-height:12pt; background-color:#e3e3e3; border:1px solid #bbb; }
  .tab_button { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
  .tab_button .shadow { background-color:#f9f9f9; height:6pt; display:block; }
  .tab_button .content { padding:0 6px; margin-top:-6pt; display:block; }
  * html .tab_button .shadow, * html .tab_button .content { display:inline; }
  .tab_button_popup { display:none; position:absolute; padding:0.25em 0; background-color:#fff; border:1px solid #bbb; }
  .tab_button_popup a { line-height:1.75em; display:block; color:#000; padding:0 6px; }
  .tab_button_popup a:hover { background-color:#ac9; }

  .tab_button.expands .content { padding-right:16px; background-image:url(http://apps.calliflower.com/images/down_arrow.png); background-repeat:no-repeat; background-position:100% 0.4em; }

  .user_error_message { background-color:#fff1a8; line-height:1.75em; margin-bottom:5px; font-size:8pt; font-weight:bold; }
  .user_error_message { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }