/* Includes reset, margins, padding, and general layout styles for common site items eg. header and footer */
img, div , a{ behavior: url(/common/includes/iepngfix/iepngfix.htc); }
/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background-color:#e9e7cb;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate; /* tables still need 'cellspacing="0"' in the markup */
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
.clear {
    clear:both;
}
/* END RESET */

h1 {
    margin-bottom:10px;
}

.addthis_button
{
    padding-left:30px;
}

div#content p {
    margin-bottom:25px;
}

div#top_pane {
    height:105px;
    /*background-color:#e9e7cb;*/
}
div#masthead, div#content_container {
    background-color:#f5f8fa;
}
div#masthead, div#feature_container, div#content_container {
    margin:0px auto;
    width:760px;
    position:relative;
}
div#feature_bottom {
    background: url(/common/images/interface/bg_box.png) no-repeat;
    height: 248px;
}
div#masthead img#logo {
    display:block;
    float:left;
}
div#feature_top div#strapline {
    position:absolute;
    top:-5px;
    left:50px;
    width:240px;
    /*font-size:130%;*/
    color:#aaabad;
    z-index:10;
}
div#masthead div#login, div#masthead div#contact_us, div#masthead div#blog {
    float:right;
    height:35px;
    padding: 15px 20px;
    color:#aec68d;
}
div#masthead div#login a, div#masthead div#contact_us a, div#masthead div#blog a {
    color:#006600;
    text-decoration:none;
}
div#masthead div#login a:hover, div#masthead div#contact_us a:hover, div#masthead div#blog a:hover {
    text-decoration:underline;
}
div#masthead ul#main_nav {
    clear:right;
    float:right;
    height:50px;
    padding-right:13px;
    width:508px;
}
div#masthead ul#main_nav li {
    display:block;
    float:left;
}
div#masthead ul#main_nav li a {
    height:50px;
    display:block;
    float:left;
    background-position:left;
    text-indent:-5000px;
}
div#masthead ul#main_nav li.nav_tour a {
    width:150px;
    background-image:url('/common/images/interface/nav-tour.gif');
}
div#masthead ul#main_nav li.nav_pricing a {
    width:106px;
    background-image:url('/common/images/interface/nav-pricing.gif');
}
div#masthead ul#main_nav li.nav_customers a {
    width:126px;
    background-image:url('/common/images/interface/nav-customers.gif');
}
div#masthead ul#main_nav li.nav_free_trial a {
    width:126px;
    background-image:url('/common/images/interface/nav-free-trial.gif');
}
div#masthead ul#main_nav li a:hover{
    background-position:right;
}
div#masthead ul#main_nav li.selected a  {
    background-position:right;
}
div#middle_pane {
    height:353px;
}
div#feature_container div#feature_top {
    height:51px;
    width:760px;
    background-image:url('/common/images/interface/content-droptab.png');
    background-position:top left;
    background-repeat:no-repeat;
}
div#feature_container div#feature_bottom {
    height:248px;
    /*padding:50px 0;*/
    width:760px;
}

div#feature_container div#feature_bottom p,
div#feature_container div#feature_bottom ul{
    padding:50px 50px 0px 50px;
    font-size:1.4em;
    font-weight:bold;
    text-align:center;
}
div#feature_container div#feature_bottom ul {
    text-align:left;
}
div#feature_container div#feature_bottom ul li {
    color:#31526C;
    padding:10px 0;
}
div#feature_container div#feature_bottom p.customer {
    /*margin:15px 40px 0px 50px;*/
    font-weight:normal;
	margin:15px;
}
div#feature_container div#feature_bottom div.picture_left {
    float:left;
	padding:30px 25px 0 30px;
}

div#feature_container div#feature_body ul#feature_steps {
    float:right;
    height:188px;
    width:218px;
}

div#feature_container div#feature_body {
    background:transparent url(/common/images/interface/bg-main-feature.png) no-repeat 0 0;
    height:248px;
    width:759px;
}
/*div#feature_container ul#feature_steps li {
	display:block;
	float:left;
}*/
div#feature_container ul#feature_steps li a {
    display:block;
    background-position:right;
    text-indent:-5000px;
}
div#feature_container ul#feature_steps  li.step_1 a {
    height:93px;
    width:218px;
    background:transparent url('/common/images/interface/step-01.png') no-repeat bottom center;
}
div#feature_container ul#feature_steps li.step_2 a {
    height:69px;
    width:218px;
    background:transparent url('/common/images/interface/step-02.png') no-repeat bottom center;
}
div#feature_container ul#feature_steps li.step_3 a {
    height:86px;
    width:218px;
    background:transparent url('/common/images/interface/step-03.png') no-repeat bottom center;
}
div#feature_container ul#feature_steps li a:hover, div#feature_container ul#feature_steps li a.selected {
    background-position: 0 0;
}

div#feature_container div#feature_text {
    float:left;
    padding:25px 15px;
    width:510px;
}

div#content_container div#notes .demo ul li div,
div#feature_container div#feature_text ul li div {
    background-image:url(/common/images/interface/icon-plus.gif);
    background-position:15px center;
    background-repeat:no-repeat;
    font-size:120%;
    padding:8px 0 7px 31px;
}

div#feature_container div#feature_text ul.left {
    float:left;
}

div#feature_container div#feature_text ul.right {
    float:right;
}

div#feature_container div#feature_text div.main{
    text-align:center;
    padding-bottom:30px;
}

div#feature_container div#feature_text div.main img{
    width:440px;
    height:23px;
}

/*
 *
 ** BOTTOM PANE **
 *
*/

div#bottom_pane {
    background-color:#e9e7cb;
}
div#content_container div#content {
    float:left;
    width:537px;
    padding:20px 10px 0px 20px;
}
div#content_container div#content_tabs_container {
    float:left;
    padding-left:20px; /*maybe 25*/
    width:542px;
}
div#content_container ul#content_tabs_header {
    height:27px;
    background:url('/common/images/interface/tab-staff-schedule.gif');
}
div#content_container ul#content_tabs_header li, div#content_container ul#content_tabs_header li a {
    float:left;
}
div#content_container ul#content_tabs_header li a {
    height:17px;
    text-indent:-5000px;
}
div#content_container ul#content_tabs_header li.t1 a {
    width:98px;
}
div#content_container ul#content_tabs_header li.t2 a {
    width:105px;
}
div#content_container ul#content_tabs_header li.t3 a {
    width:129px;
}
div#content_container ul#content_tabs_header li.t4 a {
    width:128px;
}
div#content_container ul#content_tabs_header li.t5 a {
    width:75px;
}
div#content_container ul#home_list {
    font-size: 1.2em;
    line-height: 1.4em;
    color: #31526c;
    list-style:disc;
    padding-left: 40px;
    padding-bottom: 25px;
}
div#content_container div#content_tabs_body {
    background:url('/common/images/interface/bg-tabbed-area.gif') repeat-y;
    padding:0px 20px 10px 20px;
}
div#content_container div#content_tabs_body div {
    display:none;
}
div#content_container div#content_tabs_body div.selected {
    display:block;
}
div#content_container div#content_tabs_body p {
    padding-bottom:20px;
}
div#content_container div#content_tabs_footer {
    height:11px;
    background-image:url('/common/images/interface/tabbed-area-bottom.gif');
}

ul.checklist {
    padding-left:18px;
    list-style-image:url('/common/images/interface/bullet-check.gif');
}
ul.checklist li {
    padding:5px 0px;
}

div#content_container div#content_tabs_body img.view_more_img {
    padding-left:20px;
    float:right;
}
div#content_container div#content_tabs_body a.view_more_link {
    clear:right;
    float:right;
    width:175px;
    padding-top:10px;
}
div#content_container div#blog_feed {
    background:#EFEED9;
    font-family:Arial,Helvetica,sans-serif;
    font-size:9pt;
    line-height:1.4em;
    margin:0 20px;
    padding:1em;
}
div#content_container div#blog_feed span{
    padding-left:1.5em;
}
div#content_container div#blog_feed span.bold{
    padding-left:0em;
}
div#content_container div#notes {
    float:right;
    /*height:426px;*/
    width:193px;
    background-image:url('/common/images/interface/bg-bottom-right.jpg');
    background-repeat:no-repeat;
}

div#content_container div#notes div.demo{
    background:transparent url(/common/images/interface/right-feature-bg.gif) no-repeat 0 0;
    font-family:Arial,Helvetica,sans-serif;
    font-size:9pt;
    height:163px;
    margin:30px 22px;
    width:142px;
}

div#content_container div#notes div.demo ul  {
    padding-top:45px;
}

div#content_container div#notes div.demo ul li  {
    color:#FFF;
    padding:4px 0px;
    text-transform:uppercase;
}

div#content_container div#notes div.demo ul li div a {
    color:#FFF;
    text-decoration:none;
}

div#content_container div#notes div.demo ul li div a:hover {
    color:#BEEA6E;
}

div#content_container div#notes p{
    margin:10px 20px 5px 15px;
    font-weight:bold;
}
div#content_container div#notes ul.checklist  {
    margin:10px 30px 5px 20px;
}
div#content_container div#notes a.twitter {
    background:transparent url(/common/images/interface/right-feature-twitter-logo.jpg) no-repeat 0 0;
    height:36px;
    width:128px;
}
div#content_container div#footer {
    margin-top:15px;
    padding:26px 20px 20px 20px;
    background:url('/common/images/interface/bg-bottom-divider.gif') repeat-x top;
}
div#content_container div#footer div#copyright {
    float:left;
}
div#content_container div#footer ul#footer_links {
    float:right;
}
div#content_container div#footer ul#footer_links li {
    display:inline;
    padding-left:20px;
}
div.bamboo {
    position:relative;
    z-index:100;
    float:left;
    background-image:url(/common/images/interface/bamboo.png);
    height:112px;
    width:98px;
    margin-top:-58px;
    margin-left:-33px;
}