﻿a {color: #009933; text-decoration: none; outline:none;}
a:hover {color: #4f87c6; }
img {outline: none;}

body {margin: 0px; background-color: #ffffff; font-family: arial, helvetica, sans-serif; font-size: 14px; color: #333333}

#top, #header, #content, #footer {clear: both}
.wrap {width: 980px; margin: 0 auto}

#header {height: 70px; background: url(/static/images/layout2/bg_top.gif) top left repeat-x; padding-top:15px; }
#header img {float: left; margin:15px 10px 0px 0px; }

#header #menu {float:left; clear:none; width:670px; margin:-8px 0px 0px 0px; padding:0px 0px 0px 0px; }
#header #menu ul {float: left; margin:0px 0px 0px 0px; padding: 20px 0px 0px 0px; list-style: none;}
#header #menu ul li {display: block; float: left; font-size: 13px; font-weight:300; color:#009933;}
#header #menu ul li a {display: block; float: left; padding: 0px 18px 5px 18px;}

#header #top {float:right; margin:0; width:370px; }
#header #top ul {float: right; margin: 0; padding: 0px 0px 0px 0px; list-style: none;}
#header #top ul li {display: block; float: left; font-size: 11px; font-weight:300; }
#header #top ul li a {display: block; float: left; padding: 4px 2px 5px 20px; color:#C0C0C0;}
#header #top ul li a:hover {color:#009933;}
#header #lock {float:right; margin:0px 0px 0px 0px;}

#slideshow {background: url(/static/images/layout2/bg_banner.jpg) top left repeat-x; height:400px; padding-top:20px; border-top:1px solid #C0C0C0;}

#slide_container {background: url(/static/images/layout2/back_banner.gif) top left no-repeat; margin:0; width:964px; height:319px;}

#bnr1 {background: url(/static/images/layout2/slide_increase_rev.jpg) center left no-repeat; width:697px; height:230px; }
#bnr2 {background: url(/static/images/layout2/slide_easy_start.jpg) center left no-repeat; width:697px; height:230px; }
#bnr3 {background: url(/static/images/layout2/slide_customize.jpg) center left no-repeat; width:697px; height:230px; }
#bnr4 {background: url(/static/images/layout2/slide_cust_service.jpg) center left no-repeat; width:697px; height:230px; }
#bnr5 {background: url(/static/images/layout2/slide_reporting.jpg) center left no-repeat; width:697px; height:230px; }
#bnr6 {background: url(/static/images/layout2/slide_pub_support.jpg) center left no-repeat; width:697px; height:230px; }

.slide {float:left; margin:20px 0px 0px 23px;}

#mptabs {float:left;}

#tab1 {background: url(/static/images/layout2/tab_off_increase_rev.gif) center left no-repeat; width:162px; height:59px; float:left;}
#tab2 {background: url(/static/images/layout2/tab_off_easy_start.gif) center left no-repeat; width:160px; height:59px; float:left;}
#tab3 {background: url(/static/images/layout2/tab_off_customize.gif) center left no-repeat; width:160px; height:59px; float:left;}
#tab4 {background: url(/static/images/layout2/tab_off_cust_service.gif) center left no-repeat; width:160px; height:59px; float:left;}
#tab5 {background: url(/static/images/layout2/tab_off_reporting.gif) center left no-repeat; width:160px; height:59px; float:left;}
#tab6 {background: url(/static/images/layout2/tab_off_pub_support.gif) center left no-repeat; width:162px; height:59px; float:left;}


#tab1 a {width:162px; height:59px; display:block; outline:none;}
#tab2 a {width:160px; height:59px; display:block; outline:none;}
#tab3 a {width:160px; height:59px; display:block; outline:none;}
#tab4 a {width:160px; height:59px; display:block; outline:none;}
#tab5 a {width:160px; height:59px; display:block; outline:none;}
#tab6 a {width:162px; height:59px; display:block; outline:none;}


#preload {display:none;}

#tab1 a.selected {background: url(/static/images/layout2/tab_on_increase_rev.gif);}
#tab2 a.selected {background: url(/static/images/layout2/tab_on_easy_start.gif);}
#tab3 a.selected {background: url(/static/images/layout2/tab_on_customize.gif);}
#tab4 a.selected {background: url(/static/images/layout2/tab_on_cust_service.gif);}
#tab5 a.selected {background: url(/static/images/layout2/tab_on_reporting.gif);}
#tab6 a.selected {background: url(/static/images/layout2/tab_on_pub_support.gif);}

#slide_right {border-left:1px solid #ccc; float:right; width:200px; height:285px; margin:18px 20px 0px 0px;}
.slide_title {outline:none; display:block; float:left; padding:15px 0px 0px 25px;}
.btn_sign_up {outline:none; display:block; float:left; padding:20px 0px 10px 20px;}
.platform_logos {outline:none; display:block; float:left; padding:20px 0px 10px 20px;}

#intro {background: url(/static/images/layout2/bg_intro.jpg) top left repeat-x; height:118px; padding-top:20px; display:none;}
#intro h2 {font-size:22px; color:#009933; margin:0; padding:0;}
#intro .intro_txt {width:250px; float:left; padding:0px 55px 0px 20px; font-size:12px;}


#howitworks { padding:15px 0px 0px 20px; border-top:1px solid #C0C0C0;}
#howitworks h2 {font-size:16px; margin-top:2px;}
#howitworks .how_txt {width:150px; float:left; margin:0px 27px 0px 20px; padding-bottom:20px; font-size:12px;}


#title {background: url(/static/images/layout2/bg_title.jpg) top left repeat-x; height:80px; padding-top:20px; border-bottom:1px solid #C0C0C0;}
#title h2 {font-weight:300; color:#4f87c6; margin:20px 0px 0px 30px; font-size:28px;}
#title .tagline {float:right; padding:0; margin-top:-30px; display:inline;}


#content #sidebar {border-left:1px solid #ccc; float:right; width:200px; height:285px; margin:30px 20px 50px 0px;}
#content #about_links ul {float: left; margin:10px 0px 0px 30px; padding: 20px 0px 0px 0px; list-style: none;}
#content #about_links ul li {display: block; float: left; font-size: 13px; font-weight:300; color:#009933;}
#content #about_links ul li a {display: block; float: left; padding: 0px 10px 5px 10px;}
#content #about {float:left; clear:both; width:400px; font-size:12px; line-height:18px; margin:10px 0px 50px 40px;}
#content #about p {margin-top:10px; clear:both;}
#content #faq{float:left; width:650px; font-size:12px; line-height:18px; margin:30px 0px 50px 20px;}
#content #faq ul {color:#009933; line-height:20px;}
#content #faq ol {color:#333333; margin:0px 0px 30px 50px;}
#content #faq li p {color:#333333; padding-bottom:20px;}
#content #benefits{float:left; width:650px; font-size:12px; line-height:18px; margin:30px 0px 50px 20px;}
#content #benefits ul {color:#009933;}
#content #benefits h3 {margin:20px 0px 0px 0px;}
#content #benefits li p {color:#333333; padding-bottom:0px; margin-top:0px;}
#content #contact {float:left; width:700px; font-size:12px; line-height:18px; margin:30px 0px 50px 40px;}
#content #contact ul {float:left; color:#009933; width:280px;}
#content #contact li p {color:#333333; padding:0px 0px 10px 0px;}
#content #contact #map {float:left; padding:10px 10px 0 0; color:#009933;} 
#content #main {float:left; margin:30px 10px 0px 50px;}
#content #bio, #content #press, #content #api {float:left; width:600px; margin:30px 0px 30px 40px; font-size:12px; line-height:18px;}
#content #bio h4, #content #press h4 {margin:0; font-size:18px;}
#content #bio h5, #content #press h5 {margin:0; font-size:12px;}
#content #bio p.last {padding-bottom:20px;}
#content #press p.last {padding-bottom:40px; border-bottom:1px solid #ccc;}
#content #press img {padding:15px 0 25px 0;}
#content #api h2 {margin:0 0 20px 0; font-size:24px;}
#content #api h4 {margin:30px 0 20px 0; font-size:16px;}
#content #api h5 {margin:15px 0 0 20px; font-size:12px;}
#content #api .errormsg {font-size:11px; margin:0 0 0 20px;}
#content #api .code {font-family:Courier New; font-size:11px;}
#content #api table.data {margin:0 0 10px 20px;}
#content #api table.data td {vertical-align:top; font-size:11px;}
#content #api table.data th {text-align:left;}
#content #api li {padding:10px 0 0 0;}

.privacy {text-align:justify; font-family:Garamond, Serif; font-size:15px;}
.privacy h3 {font-size:21px; text-decoration:underline; margin:5px 0px;}
.privacy h4 {font-size:19px; text-decoration:underline; margin-bottom:0px;}
.privacy h5 {font-size:15px; margin-bottom:0px;}

.pub_agreement {text-align:justify; font-family:Garamond, Serif; font-size:15px;}
.pub_agreement h3 {font-size:21px; margin:5px 0px; text-align:center;}
.pub_agreement h4 {font-size:19px; margin-bottom:0px;}
.pub_agreement h5 {font-size:15px; margin-bottom:0px;}
.pub_agreement ul {list-style:none;}
.pub_agreement ul li {margin-bottom:30px;}

.terms {text-align:justify; font-family:Garamond, Serif; font-size:15px;}
.terms h3 {font-size:21px; margin:5px 0px; }
.terms h4 {font-size:19px; margin-bottom:0px;}
.terms h5 {font-size:15px; margin-bottom:0px;}
.terms ul {list-style:none;}
.terms ul li {margin-bottom:20px;}



#footer {background-image: url(/static/images/layout2/back_footer.gif); background-repeat: repeat-x; height: 63px; padding: 0px 0 20px 0; margin-top:50px;}
#footer p {text-align: right; margin: 0px; padding: 15px 0; font-size:12px; }
#footer p img {vertical-align: middle; margin-left: 5px; }


#landing {min-height: 1px; padding: 15px 30px 15px 30px; border:0px solid #ccc;}
#landing h2 {margin: 0 0 0px 0; font-size: 16px; color: #19993D; font-weight: normal; line-height:20px; }
#landing .row {clear: both}
#landing .row div {width: 180px; float: left; padding: 0 5px 0 0px}
#landing .row div label {display: inline-block; padding: 3px 0; font-size:11px;}
#landing .row div .text {width: 170px; font-size: 14px; border: 1px solid #aaaaaa; padding: 3px;}
#landing .row div.short {width: 80px}
#landing .row div.short .text {width: 70px; padding:2px;}
#landing .button {margin: 20px 15px 15px 0; position:relative; left:20px;}

a.button {display: block; float: left; padding: 5px 10px; margin: 5px 0 0 0; background-image: url(/static/images/back_button.gif); color: #000000; border: 1px solid #CDCDCD; font-size: 14px; text-transform: uppercase; text-decoration: none; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px}
a.button:hover {background-color: #378BAF}
#landing a.button {margin-right: 0}
a.cancel {background-color: #ffffff; color: #aaaaaa}
a.cancel:hover {background-color: #e4e4e4; color: #999999}

a.green {background-image: url(/static/images/overlay/back_button_green.gif); background-color: #61C458; color: #ffffff}
a.green:focus {outline:1px dotted #000000;}
a.back_link {display:block; position:fixed; bottom:5px; right:5px;  margin:0px 0px 0 0; font-size:11px; text-decoration:underline;}
