﻿body {
	background-color: #D1D4DA;
	background-image: url('../images/bg_image.jpg');
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color: #494949;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #252525;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 0
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #252525;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #252525;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.header_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #252525;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

a.h2 {
	text-decoration:none;
}

a.h2:hover {
	text-decoration:underline;
}

a.links {
	font-size: 10pt;
	font-family: Verdana;
	text-decoration:underline;
	color: #000000;
}

a.nav {
color: #EFEFEF;
font-family: Verdana;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}

a.nav:hover {
	text-decoration:none;
	color: #FFFFFF;
}

a.top_link {
	font-size: 9pt;
	font-family: Verdana;
	text-decoration:none;
	font-weight:normal;
	color: #000000;
}

a.top_link:hover {
	text-decoration:underline;
}

a {
	color: #0259A0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0 none;
}

img.left {
	float: left;
	margin:2px 20px 16px 0;
}

img.right {
	float: right;
	margin:2px 0 16px 20px;
}

img.border {
	border: 1px #494949 solid;
}

td.td_alignleft {
	text-align: left;
}

td.td_alignright {
	text-align: right;
}

.clear {
	clear: both;
}

.clear_right {
	clear: right;
}


.clear_left {
	clear: left;
}

.text-red {
	color: #CC0000;
}
	
.text-bigger {
	font-size: 11pt;
	line-height: 20px;
}

p.dotted {
	border-bottom: 1px gray dotted;
}

p.center {
	text-align: center;
}

/*--------------------------------------------------
  main content pages
  --------------------------------------------------*/

#header_table {
	width: 950px;
	margin: 20px auto;
	overflow: hidden
}

#header_table .logo {
	float: left
}

#header_table .nav_bar {
	background: transparent url('../images/topbar_small.png') no-repeat;
	float: right;
	width: 675px;
	height: 40px;
	margin: 10px 8px 0 0;
}

#header_table ul.nav_links {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin: 10px 0 0 0;
}

.nav_links li {
	background: none;
	float: left;
	position: relative;
	padding:0 0 0.2em 2.1em;
}


#content_table {
	width: 950px;
	margin-top: 20px
}

#content_table .content_top_row {
	height: 15px;
}

#content_table .content_bottom_row {
	height: 19px;
}

#content_table1 {
	width: 950px;
	margin: 20px auto;
}

#content_table2 {
	width: 950px;
	margin: 20px auto;
}

#content_table1 .content_top_row, #content_table2 .content_top_row {
	height: 15px;
}

#content_table1 .content_bottom_row, #content_table2 .content_bottom_row {
	height: 19px;
}

#content_table1 #overview_main, #content_table2 #overview_main {
	padding: 10px 0 0 0;
}

#content_table1 #overview_main h2 a, #content_table2 #overview_main h2 a {
	color: #5BA000;
}



  
/*--------------------------------------------------
  footer page
  --------------------------------------------------*/
  
.footer_table_top {
	height: 24px
}

.footer_table_middle {
	background: url('../images/footertable_middle.png') no-repeat;
}

#footer_columns {
	width: 925px;
	margin: 0 auto;
}


#footer_columns a {
	color: #0259a0;
	text-decoration: none
}

#footer_columns a:hover {
	text-decoration: underline
}

#footer_columns td.footer_column {
	width: 25%;
	border-right: 1px #e3e3e3 solid
}

#footer_columns p {
	text-align: left;
	padding: 0 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 19px
}

.footer_chatbutton {
	text-align: center;
	padding: 10px
}

.footer_smalltext {
	font-size: 11px;
	text-align: center
}

.footer_button {
	text-align: center;
	padding: 10px
}

.footer_smalltext {
	font-size: 11px;
	text-align: center;
	line-height: 14px
}

.footercolumns_headers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #353535
}

#footer_columns .icon_images {
	background-position:0 0;
	background-repeat:no-repeat;
	line-height: .75;
	padding: 2px 0 15px 35px;
	display: block;
}

#footer_columns #download {
	background-image: url(../images/download_icon.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #353535
}

#footer_columns #helpdesk {
	background-image: url(../images/chat_icon.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #353535
}

#footer_columns #email {
	background-image: url(../images/email_icon.PNG);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #353535
}

#footer_columns #webchat {
	background-image: url(../images/web_chat_icon.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #353535
}

.footer_table_bottom {
	height: 22px
}

.footer_copyright {
	text-align: center;
	padding: 5px
}

.footer_links {
	text-align: center;
	padding: 5px
}

a.footer {
	color: #494949
}

  
  /*--------------------------------------------------
  --------------------------------------------------*/


.header1 {
	border-width: 0px;
}
.header_internal_links {
	text-align: right;
}
.text_align_right {
	text-align: right;
}


.top_page_links {
	text-align: right;
	margin-right: 20px
}
.main_table {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-width: 0px;
	border-top-color: #000000;
}
.home_table_main {
	border-width: 0;
	border-color: #000000;
}
.home_features_middle {
	background-image: url('../images/maintable_small2_02.png');
}
.home_features_bold {
	font-family: Verdana;
	text-align: left;
	font-size: 11pt;
}
.home_stats {
	color: #2f2f2f;
	font-family: verdana;
	font-size: 11pt;
}
.header_table {
	width: 950px;
	margin: 20px auto;
}
.footer_table {
	width: 950px;
	margin: 10px auto;
}
.products_table {
	width: 950px;
	margin: 0 auto;
}
.payment_form {
	width: 950px;
	margin: 0 auto;
}
.home_features_small {
	font-size: 9pt;
}
.home_main_content {
	background-image: url('../images/main_table_final_02.png');
}
.home_main_content_solid {
	background-image: url('../images/maintable_solid_02.png');
}
.content_table {
	width: 950px;
	margin: 0 auto;
	padding: 8px 5px 5px 5px;
}
.indented_buttons {
	border-width: 0px;
	margin-left: 20px;
	margin-right: 20px;
}
.home_description {
	border:1px solid #aaa;
	background-image: url('../images/main_table_tabs.png');
 	background-repeat:no-repeat;
 	background-color:#ebeaea;
 	padding: 5px 5px 5px 10px;
}

/*--------------------------------------------------
  Invites
  --------------------------------------------------*/
  
#invite-container {
	margin: 0 auto;
	padding: 7px 0;
	width: 880px;
	overflow: auto
}
#invite-tabs {
	width:540px;
	float:left;
}
#invite-tabs-fb {
	width:875px;
}

#invite-sidebar {
	width: 295px;
	float:right;
	border: 1px #cecece solid;
	background-color: #ffffff;
	padding: 20px 15px;
	-moz-border-radius:2px 2px 2px 2px;
	margin-top:25px;
}

#invite-sidebar h3 {
	font-size: 18px;
	font-weight: bold;
	color: #414141;
	margin-bottom: 10px;
}

.invite-sidebar-title {
	color:#0259A0;
	font-size:13px;
	font-weight: bold;
}

#invite-sidebar p {
	margin: 5px 0;
	font-size: 12px;
}

#invite-email {
	clear:both;
}
#invite-import {
	clear:both;
}
#invite-fb {
	clear:both;
	padding-top:7px;
}
.import-title {
	font-size: 14px;
	margin-top:13px;
}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 5px 0;
 border-bottom: 1px solid #cecece;
 font: bold 12px Arial, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 5px 1em;
 margin-right: 4px;
 background: #e5e5e5;
 text-decoration: none;
 -moz-border-radius:3px 3px 0 0;
 color: #000000;
}

ul.tabbernav li a:hover
{
 color: #fff;
 background: #0d5793;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-color: #cecece #cecece #fff #cecece;
 border-width: 1px;
 border-style: solid;
 color:#0259A0;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabbertab {
 padding:10px 15px;
 border:1px solid #cecece;
 border-top:0;
 background-color:#fff;
 -moz-border-radius:0px 0px 2px 2px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabbertab h2 {
 display:none;
}
.tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/*--------------------------------------------------
  form
  --------------------------------------------------*/
#invitation_form {
	padding-left:10px;
}
#invitation_form fieldset {
	border-style:none;
	padding:0;
	margin:0;
}
#invitation_form fieldset label {
	display: block;
	margin-bottom:9px;
	float:left;
	width: 160px;
	padding-right: 10px;
	font-weight:bold;
}

#invitation_form #frm-email, #invitation_form #frm-name,
#invitation_form #frm-username, #email-invite #frm-contacts {
	width: 250px;
	margin-bottom:9px;
	display: block;
} 
#invitation_form textarea {
	width: 250px;
	height: 100px;
	display: block;
}
#invitation_form p.contacts-instructions {
	margin: 5px 0 15px 170px;
	font-size: 11px;
	color:#636363;
}
#invitation_form .invite-submit {
	margin-left: 170px;
}
#import-webmail-frm {
	overflow:auto;
}
#importwebmail label {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	width: 26%;
	text-align:right;
	padding-bottom:15px;
	font-weight:bold;
}
#importwebmail input.fm-text {
	float: left;
	display: block;
	width:65%;
	margin-bottom:15px;
}
#importwebmail input.fm-button {
	float: left;
	display: block;
	margin: 0 0 15px 140px;
}
#importwebmail .captcha {
	clear:both;
	margin: 0 0 15px 140px;
}
.csv-import-body {
	background: #ffffff none no-repeat;
}
iframe {
	border:none;
}
#import-csv-frm {
	overflow:auto;
}
#importcsv label {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	width: 26%;
	text-align:right;
	padding-bottom:15px;
	font-weight:bold;
}
#importcsv .fm-select {
	float: left;
	display: block;
	width:65%;
	margin-bottom:15px;
}
#importcsv .fm-upload {
	float: left;
	display: block;
	width:65%;
	margin-bottom:15px;
}
#importcsv input.fm-button {
	float: left;
	display: block;
	margin: 0 0 15px 140px;
}
#importcsv input.fm-text {
	float: left;
	display: block;
	width:65%;
	margin-bottom:15px;
}
