/* CSS Document */

body, html{height:100%;}

body{
  font: 80% "Trebuchet MS", arial, verdana, sans-serif;
  color:#616360;
  background:url(../images/bg.gif) repeat-x;
  background-color:#FFF;
  margin:0;
}

#container{	width: 760px; margin: 0 auto; height:auto;}
#header{height:120px; margin: 0 20px;}
#logo{width:298px; margin:20px 0 0 0; float:left; display: inline;}

/*TOP LOGIN BOX*/
#login{width:290px; margin:35px 0 0 0; float:right; display: inline;text-align: right;}
#login H4{color: #333333; font-size:1.1em; font-weight:normal; padding:0 0 7px 0; margin:0;;text-align: right;}
form{margin:0; padding:0}
.labeldiv{ width:110px; }
.fields{width:115px; height:20px; border:1px solid #ededed;}
.fieldscontact{width:300px; margin:3px; border:1px solid #ededed;}
#contactform{background-color:#f3f7f1; padding:15px;}

/*MENU*/
#menu{height:30px; padding: 9px 0 0 0; text-align:center; font-size:1.2em; margin-bottom:5px;}
#menu ul{ margin:0; padding:0}
#menu li{display:inline;}
#menu a{color:#616360;	padding: 0px 22px; text-decoration: none;}
#menu a:hover{color:#25540f; padding: 0 22px; text-decoration: underline;}

/*MENU2*/
#menu2{padding: 0 0 0 0; text-align:center; font-size:12px; margin-bottom:5px;margin-top:5px; border: 0px solid #CCCCCC;}
#menu2 ul{ margin:0; padding:0;line-height: 20px;}
#menu2 li{display:inline;}
#menu2 a{color:#336600;	padding: 0 5px;}
#menu2 a:hover{color:#000000; padding: 0 5px;}

/*HOME CONTENT*/
#homeleft{width:435px; margin: 0 20px; float:left; display: inline;}
#homeleft li{color:#25540f; font-weight:bold; list-style-type:none;}
#homeleft p{font-size: 0.95em;}

#homeright{width:265px; margin: 0 20px 0 0; float:right; display: inline; clear:right}
#whysignup{
  background:url(../images/bg-signup.gif) no-repeat;
  background-color:#f3f7f1;
  padding:45px 15px 5px 15px;
}
#whysignup ul{margin:0 0 0 10px; padding:10px 0 0 15px;}
#whysignup li{
list-style-image:url(../images/bullet-star.gif);
font-size: 1.2em;
margin-top: 10px;
}
#featuresite{
  background:url(../images/bg-featured.gif) no-repeat;
  background-color:#f3f7f1;
  padding:55px 15px 5px 15px;
  font-size:1.2em;
}

/*SIGNUP FORM*/
#signupform {
font-family: verdana;font-size:18px;background-color: #EEEEEE;border: 1px solid #cccccc;
}
#signupform input {
font-family: verdana;font-size:18px;
}
#signupbutton {
text-align: right;margin-top:15px;
}
#signupbutton input {
font-family: verdana;font-size:18px;
}

/*FOOTER*/
#footer{padding:30px 20px; margin-top:20px; clear:both; border-top: 1px solid #ededed; height:40px;}
#footercontent {width:740px; margin:0 auto;}
#footertext {width:450px; float:left; display:inline; font-size: 0.9em; padding-top: 10px;}
#footerlogo {width:150px; float:right; display:inline; text-align:right;}
#footer a {color:#616360;}

/*HTML TAGS*/
a {color:#4c951f;}
a:hover {color:#25540f;}
h1 {font-size:2.0em; font-weight: normal; letter-spacing:-1px; color:#25540f;}
h1.content {font-size:2.2em; font-weight: normal; letter-spacing:-1px; color:#25540f; border-bottom: 3px solid #25540f;}
h2 {font-size:1.7em; font-weight: normal; letter-spacing:-1px; color:#4c951f;}
h3 {font-size:1.4em; font-weight: normal; letter-spacing:-1px; color:#718371;}


table {
	font-family: verdana;
	font-size: 14px;
}
a:link,a:active,a:visited {
	color: #006600;
	text-decoration: underline;
}
a:hover {
	color: #009900;
	text-decoration: underline;
}
.rowheader {
	color: #FFFFFF;
	background-color: #599761;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
}
.rowdata1 {
	color: #000000;
	background-color: #E8E8E8;
	font-size: 11px;
	padding: 3px;
}
.rowdata2 {
	color: #000000;
	font-size: 11px;
	background-color: #FFFFFF;
	padding: 3px;
}
.rowheader a{
	color: #ffffff;
}
.pagenav {
	padding: 5px;
	height: 25px;
	width: 25px;
}
#pagination {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #008000;
	border-bottom: 1px solid #008000;
	padding-top: 5px;
	padding-bottom: 5px;
}
#information {
	font-size: 14px;
	padding: 15px;
	background-color: #F3F3F3;
	border: 1px solid #cccccc;
}
#information-small {
	font-size: 11px;
	padding: 15px;
	background-color: #F3F3F3;
	border: 1px solid #cccccc;
}
#exportresults {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: right;
	width: 400px;
	float: right;
}
#exportresults img {
	width: 16px;
	height: 16px;
}
#viewchange {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: left;
	width: 300px;
	float: left;
}
#typo-left {
	width: 300px;
	float: left;
}
#typo-right {
	width: 440px;
	float: right;
}
.typo-table {
	padding-bottom: 10px;
	padding-top: 10px;	
	border-bottom: solid #cccccc 1px;
}

#tutorial-left {
	width: 200px;
	float: left;
	border-right: solid 1px #F3F3F3;
}
#tutorial-right {
	width: 540px;
	float: right;
	font-size: 15px;
	line-height: 25px;
}
.tutorial-table {
	padding-bottom: 10px;
	padding-top: 10px;	
	border-bottom: solid #cccccc 1px;
}
.tutorial-list li{
	border-bottom: solid 1px #F3F3F3;
	padding: 5px;
	margin-left: -4px;
}
#tutorial-right h1 {
	margin: 15px 0px 0px 0px;
}
#tutorial-right h3 {
	color: #006633;
	margin-bottom: 10px;
	margin-top: 40px;
	padding-bottom: 5px;
	border-bottom: 1px solid #006633;
}
#tutorial-right p {
	text-indent: 10px;
}
.welcome-affiliates {
	text-indent: 0px;
	font-size: 12px;
	font-family: verdana;
	color: #000000;
	border: 1px solid #cccccc;	
	text-align: left;
}
.tools-highlight {
	background-color: #D1FAA5;
}