body{
	font-family:arial, helvetica;
	font-size:12px;
	vertical-align:top;
	line-height:16px;
	color:#666666;
	background:#DEE8FF ;
	}
	
body#welcome a#welcomeLink
 {
	font-weight: 200;
	color: #3a0183;
}

body#software a#softwareLink
 {
	font-weight: 200;
	color: #3a0183;
}

body#clients a#clientsLink
 {
	font-weight: 200;
	color: #3a0183;
}

body#partners a#partnersLink
 {
	font-weight: 200;
	color: #3a0183;
}

body#contact a#contactLink
 {
	font-weight: 200;
	color: #3a0183;
}

body#downloads a#downloadsLink
 {
	font-weight: 200;
	color: #3a0183;
}

body#blog a#blogLink
 {
	font-weight: 200;
	color: #3a0183;
}

body#pricings a#pricingsLink
 {
	font-weight: 200;
	color: #3a0183;
}

body a{
text-decoration:  none;
	color: #0063a3;
	
}
body a:hover{
text-decoration: underline;
	color: #0063a3;
	
}
.photo img {
	border: 1px solid #fff;
	background-color: #fff;
	padding: 4px;
}
.figureleft {
	
	float: left;
	width: 200px;
	margin: 0 10px 10px 10px;
}
.figureright {
	
	float: right;
	width: 200px;
	margin: 0 10px 10px 10px;
}
#sidebar{
	float: right;
	width: 280px;
	margin-left: 10px;
	margin-top: 405px;
	margin-right: 10px;
}
#sidebarall{
	float: right;
	width: 270px;
}
#softwarenavi{
	text-align:center;
	width: auto;
	padding: 10px;
}

#wrapper {
	
	width: 900px;
	background: #fff;
	margin-left:auto;
	margin-right: auto;
	margin-top: 10px;
}
#main{

	width: 590px;
	margin-right: 300px;
	margin-top: 420px;
	margin-left: 10px;
}
#mainwide{

	width: auto;
	margin-top: 420px;
	
}
#accountwide{

	width: auto;
	margin-top: 320px;
	
}
#mainbig{

	width: 880;
	margin-top: 420px;
	padding: 10px;

	}
#mainbiglogin{

	width: 880;
	margin-top: 450px;
	padding: 10px;

	}
#mainmain
{
	width: 600px;
	float: left;
}


#maingutter {
margin-left: 600px ;
right:  ;  ;	
}	
	
.tablebg { 
border-color: #0063a3;
}

#footer{
	text-align: center;
	clear: both;
	padding: 10px;
	}

h2 {
	
	font-size: 18px;
	line-height:22px ;
	font-weight: bold;
	color: #86b352;
}
h3 {
	font-size: 14px;
	font-weight: 400;
}
#tabsdata
{ 
line-height:20px;
color:#0063a3;  
	
}
#tabsdata a
{
text-decoration: underline;
}

#tabsdata a:hover{
	text-decoration: none;
	
}

#tabnames{
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color:#86b352;
}
.nextgreen{
	text-decoration: none;
	color: #86b352;
}
#containerBG {
	position: absolute;
	top: 25px;
	width:900px;
	height: 50px;
	background-color: #86b352;
}
#uppertext{
	margin-left: 550px;
	position: absolute;
	top: 25px;
	display: block;
	width: 350px;
	text-align:center;
}
#header {
	position:absolute; 
	top:30px;
	}
.personalB{
	font-family:arial, helvetica;
	font-size:14px;
	font-weight:bold;
	vertical-align:top;
	line-height:16px;
	color:#ffffff;
	background-color: #0063a3;
}
#topper, #topper a {
	text-decoration: none;
color: #fff;
padding: 3px 3px 3px 3px;
}
#topper a:hover{
	text-decoration: underline;
	padding: 3px 3px 3px 3px;
	
}
.toptext{
	text-decoration: none;
	color: #fff;
}

ul.toptext{
list-style-type: none;
}
ul.toptext li{float: right;

}

ul.nav{
	list-style-type: none;
	position: absolute;
	width: 900px;
	top: 80px;
		}	
ul.nav li{float: left;

}
ul.nav a{
	display: block;
	text-align: center;
	font-size: 16px;
	
	width: 10em;
}	

ul.navigo{
	list-style-type: none;
	position: absolute;
	width: 900px;
	top: 80px;
		}	
ul.navigo li{float: left;

}
ul.navigo a{
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	width: 100px;
}	

#bannerimages {
	position: absolute;
	margin-top: 110px;
	width: 900px;

}
.clear {
	clear: both;
	
}

*html h2 {
	
	zoom:1;
}

*html .sidebar {
	
	display: inline;
	width: 302px;
	w\idth: 302px;

}
a img {border: none; }

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

    
/* general table styles */
table.sweet-table {
	font-family:arial;
	background-color: #CDCDCD;
	margin-left: auto;
	margin-right: auto;
	font-size: 8pt;
	text-align: left;
	}

/* Styles for the tablehead (<th>) */
table.sweet-table thead tr th, table.sweet-table tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 9pt;
	padding: 4px;
}

table.sweet-table thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.sweet-table tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
/**************************************/
/* how to change column widths :
you can access a column with its CSS-class
(that is ".column-" plus the number of the column)
use table.sweet-table to do your change for every table, or use
table.sweet-table-id-<id> for just a single table (with ID <id>)

example: this changes the width of the third column of table ID 5 to 25px:


table.sweet-table-id-5 .column-3
{
	width: 25px;
}
table.sweet-table .column-3
{
	width: 100px;
}


*/


/* Styles for the sorting (if Tablesorter is enabled) 
table.sweet-table thead tr .headerSortUp {
	background-image: url(/wp-content/plugins/sweet-table/img/asc.gif);
}

table.sweet-table thead tr .headerSortDown {
	background-image: url(/wp-content/plugins/sweet-table/img/desc.gif);
}

table.sweet-table thead tr .headerSortDown, table.sweet-table thead tr .headerSortUp {
	background-color: #8dbdd8;
}
*/




/* Styles for alternating row colors */
table.sweet-table tbody tr.even td {
	background-color:#FFFFFF;
}
table.sweet-table tbody tr.odd td {
	background-color:#F0F0F6;
}

/* Style for the Table Name (in <h2>-Tag) (if printed above the table) */
h2.sweet-table-table-name {
	font-size: 16px;	
}

/* Style for the Table Description (if printed under the table) */
span.sweet-table-table-description {
	font-size: 10px;	
}
table.sweet-table .column-1
{
	width: 100px;
}
table.sweet-table .column-2
{
	width: 200px;
}
table.sweet-table .column-3
{
	width: 290px;
}
/* ]]> */