@import url(tripoli.css);

/* @group Page Layout */

div#wrapper {
	margin: 0 auto;
	width: 980px;
}

div#top {
	background: url(top.png) no-repeat;
	width: 980px;
	height: 97px;
	float: left;
}

div#container {
	width: 980px;
	position: absolute;
}

div#main {
	background: url(main-background.png) repeat-y;
	float: left;
	width: 980px;
}

div#main-start {
	width: 980px;
	height: 15px;
	background: url(start-background.png) no-repeat;
}

div#main-content {
	margin: 30px 0 0 30px;
	width: 920px;
}

div#main-end {
 	background: url(main-footer.png) bottom no-repeat;
 	width: 980px;
 	height: 15px;
 	clear: both;
}

/* @end */

/* @group Utility */

.show {
	display: block !important;
}

.hide {
	display: none;
}

/* @end */

/* @group Images */

img.right {
	float: right;
}

img#badge {
	behavior: url(iepngfix.htc);
	position: absolute;
	left: 900px;
	height: 111px;
	top: 160px;
	width: 109px;
}

/* @end */

/* @group Type */

body {
	font-family: "Myriad Pro", "Myriad Web", Myriad, "HelveticaNeue-light", "Helvetica Neue", "Lucida Grande", geneva, helvetica, arial, sans-serif;
}

small {
	font-family: "Lucida Grande", Verdana, sans-serif;
}

.content h6.subtitle {
	color: #837870;
	position: relative;
	top: -1em;
}

/* @end */

/* @group Links */

#contest {
	border-top: 1px solid #eee;
}

a#logo-link {
	display: block;
	height: 80px;
	width: 340px;
	position: absolute;
	top: 17px;
	left: 0;
	z-index: 10;
}

a.more {
	background: url(bullet-arrow.png) center right no-repeat;
	font-weight: bold;
	padding-right: 12px;
	zoom: 1;
}

a.subpage{
	background: url(bullet-arrow.png) center right no-repeat;
	font-weight: bold;
	margin-left: 600px;
	padding-right: 12px;
	zoom: 1;

}


a.features {
	background: url(bullet-arrow.png) center right no-repeat;
	font-weight: bold;
	padding-right: 12px;
	margin-left: 580px;
	zoom: 1;
}

a.newfeatures {
	background: url(bullet-arrow.png) center right no-repeat;
	font-weight: bold;
	padding-right: 12px;
	margin-left: 500px;
	zoom: 1;
}

a.subtle {
	color: #333 !important;
	text-decoration: none !important;
}

/* @end */

/* @group Forms */



/* @end */

/* @group Buttons */

div#buttons {
	position: absolute;
	top: 582px;
	left: 541px;
	width: 278px;
	text-align: center;
}

div#buttons2 {
	position: absolute;
	top: 147px;
	left: 563px;
	width: 538px;
	text-align: center;
	height: 380px;
}

* html div#buttons a.button {
	behavior: url(iepngfix.htc);
}

a.button {
	float: left;
	width: 131px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	padding: 0;
}

body#features-page a.button#signup {
	float: right;
}

body#feature-subpages a.button#signup {
	float: right;
}

body#feature-subpage a.button#signup {
	float: right;
}


a.button#signup {
	background: url(button-signup.png);
}

a.button#learn {
	background: url(button-learn.png);
	margin-right: 16px;
}

a.button#demo {
	background: url(button-demo.png);
	margin-right: 16px;
	position: relative;
	top: -9px;
	height: 48px;
}

a.button#security {
	background: url(button-security.png);
	margin-right: 16px;
}

/* @end */

/* @group Colors */

.dark-green {
	color: #00853f;
}

.light-green {
	color: #7BC143;
}

.warm-gray {
	color: #c7c2bc;
}

.content h1 {
	color: #7BC143;
	font-weight: normal;
}

.content h2 {
	color: #00853F;
}

.sitemap{

color: #007934;

}


/* @end */

/* @group Login Box */

#login {
	background: #000;
	width: 470px;
	height: 40px;
	opacity: 0.3;
	filter: alpha(opacity=30);
	position: absolute;
	right: 0px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}

form#login-form {
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

form#login-form a {
	border-right: 1px solid #FFC000;
	color: #FFC000;
	text-decoration: none;
	padding-right: 10px;
	margin-right: 5px;
}

form#login-form a:hover {
	text-decoration: underline;
}

form#login-form input.text {
	width: 100px;
	border: 2px solid #75a809;
	padding: 2px;
	color: #000;
}

form#login-form input {
	font-size: 10px;
	line-height: 10px;
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

/* @end */

/* @group Front Page Benefits */

ul#benefits {
	margin: 15px 0 0 30px;
	width: 355px;
	font-size: 9pt;
	line-height: 18px;
}

ul#benefits li {
	color: #444;
	margin: 5px 0 0 0;
	padding: 10px 0 10px 5px;
}

ul#benefits li h3 {
	font-size: 12pt;
	color: #FF6600;
	margin: 0;
}

/* @end */

/* @group Main Tabs */

ul#tabs {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 423px;
	top: 65px;
}

ul#tabs li {
	float: left;
}

ul#tabs li a {
	display: block;
	width: 125px;
	height: 35px;
	margin: 0 2px 0 0;
	text-indent: -9999px;
	overflow: hidden;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

ul#tabs li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

body#home-page ul#tabs li#home a,
body#features-page ul#tabs li#features a,
body#revenue ul#tabs li#revenue a,
body#feature-subpage ul#tabs li#features a,
body.about-section ul#tabs li#about a 

{
	opacity: 1.0;
	filter: alpha(opacity=100);
}

ul#tabs li#home a {
	background: url(tab-home.png) no-repeat;
}

ul#tabs li#about a {
	background: url(tab-about.png) no-repeat;
}

ul#tabs li#edu a {
	background: url(tab-edu.png) no-repeat;
}
ul#tabs li#revenue a {
	background: url(tab-edu.png) no-repeat;
}

ul#tabs li#features a {
	background: url(tab-features.png) no-repeat;
}

/* @end */

/* @group Front Page Screenshots */

div#screenshots h1 {
	background: url(headline.png) no-repeat;
	width: 490px;
	height: 40px;
	margin: 15px 0 0 30px;
	text-indent: -9999px;
}

div#screenshots h2 {
	background: url(headline.png) 0 -43px no-repeat;
	width: 490px;
	height: 24px;
	text-indent: -9999px;
	margin: 0 0 0 30px;
}

div#main div#screenshots {
	background: url(screenshots.png) no-repeat 163px 15px;
	width: 980px;
	height: 420px;
}

div#main div#flash {
	background: url("<script type="text/javascript">
			var so = new SWFObject("slideshow.swf", "gallery", "435", "300", "6", "#000000");
			so.write("flashcontent");
		                </script>");
	width: 980px;
	height: 420px;
}

/* @end */

/* @group Features Page */

div.feature {
	clear: both;
	border-top: 1px solid #ddd;
	padding: 20px 0 0 0;
}

div.feature h2 {
	margin: 0 0 10px 0;
}

body#features-page h1{
  width: 641px; 
  height: 47px;
  background: url(features-headline.png);
  text-indent: -9999px;
}

body#features-page div#main-content h2 a.title_link{
  color:#7BC143;
}

body#features-page a.title_link:hover,
body#features-page a.title_link:visited{
  float:none;
  text-decoration:none; 
  color:#00853F;
}
body#features-page div.feature a{
  float:none;
}
body#features-page div.feature a.more{
  float:right; 
}
div.feature img.new {
	float: left;
	margin: 0 5px 5px 0;
}

div.feature img {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}

div.feature img.alt {
	float: left;
	margin-left: 0;
	margin-right: 20px;
}

div.feature a {
	float: right;
	margin: 0 0 20px 0;
}
.green_box{
 background-color:#ceeab8; 
 padding:15px;
}
/* @end */

/* @group Features Page */

body#feature-subpage h1 {
width: 641px; 
height: 37px;
font-size:2em;
line-height:1.3;
}

body#feature-subpages h1 {
width: 641px; 
height: 47px;
background: url(features-headline.png);
text-indent: -9999px;

}

div.feature-subpages img {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}

div.feature-subpage {
	clear: both;
	border-top: 1px solid #ddd;
	padding: 20px 0 0 0;
}

div.feature-subpage h2 {
	margin: 0 0 10px 0;
}

div.feature-subpage img.new {
	float: left;
	margin: 0 5px 5px 0;
}

div.feature-subpage img {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}


div.feature-subpage img.alt {
	float: left;
	margin-left: 0;
	margin-right: 20px;
}

div.feature-subpagerght img.alt {
	float: right;
	margin-left: 0;
	margin-right: 20px;
}

#budget-planner
{
	width: 350px;
	float: left;
}

#expense-tracking{
width: 500px;
	float: left;
}

/* #mgmt_img{
	margin-left: 20px;
}
*/

/* @end */


/* @group Front Page Testimonial Widget */

div#testimonial {
	float: left;
	background: url(bubble-sm.png) no-repeat 0 40px;
	width: 396px;
	height: 220px;
}

div#testimonial a.button {
	background: url(headline-users.png) no-repeat;
	width: 236px;
	height: 18px;
	margin: 15px 0 0 30px;
	float: none;
}

div#testimonial p {
	margin: 25px 0 0 30px;
	width: 336px;
	height: 111px;
}

div#testimonial div.author {
	text-align: right;
	width: 320px;
}

.author {
	font-weight: bold;
	color: #bce79f;
}

/* @end */

/* @group Front Page Blog Widget */

div#article {
	float: right;
	background: url(bubble-lg.png) no-repeat 0 40px;
	width: 562px;
	height: 220px;
}

div#article div.author {
	text-align: left;
	text-indent: 250px;
}

div#article a.button {
	background: url(headline-edu.png) no-repeat;
	width: 300px;
	height: 18px;
	margin: 15px 0 0 30px;
	float: none;
}

div#article p {
	margin: 25px 0 0 30px;
	width: 502px;
	height: 111px;
}

/* @end */

/* @group Global Footer */

div#footer {
	clear: both;
	width: 980px;
	margin: 0 auto;
}

div#footer-links {
	padding: 15px 0;
	margin-bottom: 14px;
	border-bottom: 1px solid #eee;
	text-align: center;
	width: 980px;
	line-height: 18px;
	font-size: 11px;
	color: #555;
}

div#footer-links a {
	color: #00853F;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	padding: 0 7px;
	clear: both;
}

div#footer-links table,
div#footer-links img {
	float: left;
}

div#footer-links a:hover {
	text-decoration: underline;
}

div#featuresfooter {
	width: 980px;
	padding: 20px 0 0 0;
	color: #00853F;
	font-size: 1.2em;
	clear: both;
	margin: 20px 0 0 0;
}
div#featuresfooter .contentcol {
	color: #7bc143;
	float: left;
	margin: 0 0 0 12px;
	text-align: left;
	width: 15%;
	padding: 0 0 0 17px;
	height: 200px;
}
div#featuresfooter .contentcol.first {
	border-left: 0;
	margin-left: 0;
	width: 13%
}
div#featuresfooter .contentcol.about {
	width: 13%
}
div#featuresfooter .contentcol.last {
	width: 21%
}
div#featuresfooter .contentcol.automm {
	width: 19%;
}
div#featuresfooter .contentcol.budget {
	width: 20%;
}
div#featuresfooter .contentcol dl dt {
	color: #a79d96;
	margin: 2px 0;
}
div#featuresfooter .contentcol dl dd {
	margin: 6px 0;
}
div#featuresfooter .contentcol dl dd a {
	color: #b9b1a9;
}
div#featuresfooter .contentcol dl dt a {
	color: #00853F;
}
div#featuresfooter .contentcol p {
	color: #666;
}
div#copyright {
	font-size: 0.9em;
	font-weight: normal;
	color: #999;
	border-bottom: 1px solid #eee;
	padding: 20px 0 15px 0;
	margin: 0 0 10px 0;
	clear: both;
	text-align: center;
}



span.main-nav a {
	font-weight: bold;
}

div#trust {
	height: 160px;
	margin: 0 auto;
}

div#trust div {
	float: left;
	position: relative;
}

div#verisign {
	margin-left: 15px;
	width: 180px;
	top: 7px;
}

div#pcmag {
	top: 20px;
	width: 183px;
}

div#pcworld {
	top: 20px;
}

div#hackersafe {
	top: 36px;
	width: 165px;
}

div#truste {
	top: 27px;
	width: 211px;
}

/* @end */

/* @group Front Page Tour */

div#tour {
	background: url(main-footer.png) bottom no-repeat;
	padding: 0 0 30px 0;
	float: left;
	width: 980px;
}

div#tour h2 {
	float: left;
	width: 920px;
	border-bottom: 1px solid #ddd;
	height: 24px;
	margin: 0 0 20px 30px;
	display: inline; /* double margin */
	background: url(tour-headline.png) no-repeat;
	text-indent: -9999px;
}

div#tour ol {
	background: url(reason-list.png) top right repeat-y;
	padding: 8px 0;
	width: 250px;
	float: left;
	position: relative;
	left: 30px;
	margin: 0;
}

div#tour ol li {
	color: #555;
	line-height: 40px;
	font-size: 11pt;
	cursor: pointer;
	list-style-position: inside;
	background: url(reason-listitem.png) top right repeat-y;
}

div#tour li:hover {
	color: #000;
}

div#tour ol li.current {
	background: url(reason-selected.png) top right no-repeat;
	color: #00853F;
}

div#tour div {
	width: 600px;
	float: right;
	display: none;
	text-align: center;
	position: relative;
	right: 50px;
}

div#tour2 div {
	width: 300px;
	float: left;
	display: none;
	text-align: center;
	position: relative;
}

div#tour h3 {
	font-weight: normal;
	font-size: 20px;
	margin: 0 0 30px 0;
}

div#tour p,
div#tour ul {
	text-align: left;
}

div#r2 img {
	margin-top: 30px;
	margin-bottom: 30px;
}

div#r5 img {
	margin-top: 30px;
	margin-bottom: 30px;
}

img.img-wide {
	margin: 0 auto 20px auto;
}

img.img-left {
	float: left;
	margin: 0 30px 0 0;
}

img.img-right {
	float: right;
	margin: 0 0 0 30px;
}

div#r4 ul li {
	list-style: url(bullet-lock.png);
	list-style-type: none;
	border-bottom: 1px dotted #eee;
	padding-bottom: 10px;
	text-indent: 0; 
	margin: 0; 
}

div#r4 ul li:before { 
	content: "";
}

/* @end */

/* @group Corporate Layout */

div.video {
	border: 3px double #f0f0f0;
	padding: 5px 0;
	text-align: center;
	width: 700px;
}

a.toc {
	float: right;
	font-size: 10px;
}

body.about-section div#main-content
{
	float: left;
	width: 600px;
	margin: 0;
}

ul#corp-menu {
	display: inline;
	float: left;
	margin: 30px;
	width: 200px;
	line-height: 18px;
}

ul#buff {
	display: inline;
	float: left;
	margin: 30px;
	width: 100px;
}

ul#corp-menu li {
	border-bottom: 1px solid #eee;
	font-size: 13px;
	padding: 10px 0;
}

ul#corp-menu li ul {
	margin: 10px 0 0 20px;
}

ul#corp-menu li ul li {
	border: none;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

ul#corp-menu li a {
	color: #000;
	text-decoration: none;
}

ul#corp-menu li li a {
	color: #666;
}

ul#corp-menu a:hover {
	text-decoration: underline;
}

body#about-page #menu-about a,
body#about-page #menu-team a,
body#video-page #menu-video a,
body#board-page #menu-board a,
body#team-page #menu-team a,
body#investors-page #menu-investors a,
body#history-page #menu-history a,
body#safe-page #menu-safe a,
body#privacy-page #menu-privacy a,
body#terms-page #menu-terms a,
body#press-page #menu-press a,
body#awards-page #menu-awards a,
body#testimonials-page #menu-testimonials a,
body#contact-page #menu-contact a,
body#news-page #menu-news a,
body#jobs-page #menu-jobs a,
body#mobile-page #menu-mobile a,
body#sfaq-page #menu-sfaq a,
body#tech-page #menu-tech a
{
	color: #007934;
	font-weight: bold;
	text-decoration: none !important;
}

/* @end */


/*@Breadcrumbs*/
#breadcrumbs {
	color: #555;
	float: left;
	font-size: 11px;
	margin-left:25px;
	width: 900px;
	line-height: 18px;
	padding-left: 3px;
	padding-right: 3px;
}

#breadcrumbs a {
	color: #007934;
	font-weight: bold;
	padding: 0 1px 0 1px;
}

/* @end */


/* @group Definition Lists */

dl.faq dt {
	color: #007934;
	font-size: 1.2em;
	font-weight: normal;
	margin: 15px 0;
	border-bottom: 1px solid #ddd;
}

dl.faq dd {
	margin: 0 0 10px 20px;
}

dl.quotes {
	font-family: Baskerville, "Big Caslon", Georgia, serif;
}

dl.quotes dt {
	border-top: 1px dotted #ccc;
	padding-top: 10px;
	font-weight: normal;
	font-size: 1.2em;
}

dl.quotes dd {
	color: #444;
	text-indent: 50px;
}

dl.news {
	font-family: Baskerville, "Big Caslon", Georgia, serif;
	font-size: 13px;
}

dl.news dd h2 a:link {
	color: #333;
	text-decoration: none;
}

dl.news dd h2 a:hover {
	color: #000;
	text-decoration: underline;
}

dl.news em {
	color: #007934;
	font-size: 16px;
}

dl.news dt {
	background: 50% 50% no-repeat;
	width: 598px;
	height: 60px;
	border-top: 1px solid #ccc;
	text-indent: -9999px;
}
dl.news dd {
	background: url(quote.png) 20px 15px no-repeat;
	padding: 20px 50px;
}

dl.news h2 {
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 15px 0;
}

dl.news h3 {
	color: #666;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 9px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}


/* @end */

/* @group Forms */

.content form fieldset label.required {
	background: url(req-bullet.png) top right no-repeat;
}

.content form fieldset {
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	float: left;
	padding: 0;
	width: 598px;
}

.content form fieldset ol {
	margin: 0;
	padding: 0;
}

.content form fieldset ol li {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #eee;
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 10px 10px 10px 0;
}

.content form fieldset ol li label {
	float: left;
	font-weight: bold;
	margin-right: 10px;
	padding-right: 10px;
	text-align: right;
	width: 180px;
}

.content form fieldset input.text,
.content form fieldset textarea {
	line-height: 16px;
	padding: 5px;
}

input.send, input.send:focus{
  background:#4D4E53 url(gloss.png) repeat-x scroll 0pt 50%;
  border:2px outset #4D4E53;
  color:#FFFFFF;
  cursor:pointer;
  font-size:12px;
  font-weight:bold;
  padding:4px 12px;
}

input.send:hover {
  background-color:#007934;
  border-color:#007934;
}

/* @end */

form.searchbox {
	background: #d1eacf;
	border: 1px solid #c3dac1;
	padding: 20px 0;
	text-align: center;
	font-size: 12px;
	-moz-border-radius: 10px;
}


/* @end */


/* @Sitemap  */

#sitemap-content {
	margin: 0 0 0 0px;
	width: 920px;
}


#sitemap_header{
float: left;
height: 80px;
margin-left: 60px;
display: inline; /* double margin */
width: 850px;
}

#sitemap_right{
float: left;
width:340px;
}

#sitemap_left{
margin-left: 220px;
display: inline; /* double margin */
float: left;
width: 350px;
}


ul.site-menu {
	display: inline;
	float: left;
	width: 250px;
	line-height: 18px;
}

ul.site-menu li {
	
	border-bottom: 1px solid #eee;
	font-size: 14px;
	padding: 10px 0;
}

ul.site-menu li ul {
	
	color: #007934 ;
	margin: 10px 0 0 20px;
}

ul.site-menu li ul li {

	border: none;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

ul.site-menu li a {
	color: #007934 ;
	text-decoration: underline;
}

ul.site-menu li li a {
	color: #69be28;
}

ul.site-menu a:hover {
	text-decoration: underline;
}