/*must have this*/
*,html{
    margin:0;padding:0;
}
/* For poorly rendered light-on-dark text on OSX with default text rendering settings */
.textfix{
    -webkit-text-stroke:1px transparent; /*fixes it for safari*/
    ///	opacity: 0.9999; /*improves it a little bit for FF */
}


*{

    outline:none;
    outline:0;
}

img
{
    border-style: none;
    border: 0;
    outline: none;
}

*:focus {
    outline-width: 0
}
body {
    background: #f9f9fa url(../images/header-bg.png) repeat-x; /*bg-body*/
    font-size: 12px;
    font-family: "Helvetica", "Arial", sans-serif;
    display:block;

}

h2, h3, h4, h5 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.clear {
    clear: both;
}

a {
    color:#011934;

}

#header {
    width: 990px;
    height: 51px; /*60px*/
    margin: 0 auto;
    position: relative;
    display: block;
    background:url(../images/header-bg-glow.png) no-repeat;
    
}

#body-index #header h1 a {
    cursor: default;
}

#body-index #header h1 a:hover {
    width: 145px;
}

#header h1 a {
    width: 145px;
    height: 36px;
    background: url(../images/logo.png) no-repeat left top;
    position: absolute;
    text-indent: -9999px;
    top: 12px; /* 16px */
    left: 5px;
}

#header h1 a:hover {
    width: 169px;
}

ul#navigation {
    position: absolute;
    top: 15px;
    right: 5px;
    top:20px;
    right:280px;
}

ul#navigation li {
    float: left;
    list-style:none;
    padding-left:25px;
}

ul#navigation li a{
    color:white;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    padding:2px;
}

ul#navigation li a:hover{
    background-color:#dcf3ff;
    -webkit-border-radius:4px;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius:4px;
    color: #03586c;
    padding:2px;

}

#body-plans ul#navigation li#tab-sign-up a,
#body-signup ul#navigation li#tab-sign-up a  {
    background: url(../images/button-nav-sign-up.png) no-repeat left top; 
}

#body-tour ul#navigation li#tab-feature-tour a {
    background: url(../images/button-nav-feature-tour.png) no-repeat left top;
}

ul#navigation li#tab-feature-tour a {
    width: 88px;
    height: 33px;
    /*text-indent: -9999px;*/
    background: url(../images/button-nav-feature-tour.png) no-repeat left bottom;
    display: block;
    margin-right: 5px;
}

ul#navigation li#tab-feature-tour a:active {
    background: url(../images/button-nav-feature-tour.png) no-repeat left top;
}

ul#navigation li#tab-sign-up a {
    width: 65px;
    height: 33px;
    text-indent: -9999px;
    background: url(../images/button-nav-sign-up.png) no-repeat left bottom;
    display: block;
}

ul#navigation li#tab-sign-up a:active {
    background: url(../button-nav-sign-up.png) no-repeat left top;
}

ul#navigation li#tab-sign-up {
    margin-right: 5px;
}


ul#navigation li#tab-blog a {
    width: 65px;
    height: 33px;
    text-indent: -9999px;
    background: url(../images/button-nav-blog.png) no-repeat left bottom;
    display: block;
}

ul#navigation li#tab-blog a:active {
    background: url(../images/button-nav-blog.png) no-repeat left top;
}

ul#navigation li#tab-blog {
    margin-right: 5px;
}

ul#navigation li#tab-login a {
    width: 65px;
    height: 33px;
    text-indent: -9999px;
    background: url(../images/button-nav-login.png) no-repeat left bottom;
    display: block;
}

ul#navigation li#tab-login a:active {
    background: url(../images/button-nav-login.png) no-repeat left top;
}

#body-plans #splash {
    position: relative;
    background: url(../images/background-public-splash-plans.png) repeat-x left top;
}

#body-index #splash {
    position: relative;
    background: url(../images/splash-whole-bg.png) repeat-x left top; /*bg-slash.png*/
    height: 339px; /*348px; */
    overflow:hidden;
    height:517px;
    height:515px;
}
#body-index #splash .glow{

    background: url(../images/splash-bg.jpg) no-repeat left top; /*bg-slash.png*/
    width:1280px;
    height:515px;

}
#body-index #middletext{
    position: relative;
    background: url(../images/middle-text-bg.png) repeat-x left top; /*bg-slash.png*/
    height: 42px; /*348px; */
    overflow:hidden;
}

#body-index #middletext .wrap{
    width: 990px;
    margin: 0 auto;
    padding-top: 1px;
    padding-bottom: 0;
    position: relative;
    left: 3lpx;
    text-align:center;
}

#video-bar .wrap ul#main-features{
    width:500px;
    list-style:none;
    margin:0px;
    padding-left:10px;
}

#video-bar .wrap ul#main-features li{
    cursor:pointer;float:left;line-height:16px;width:185px;
    margin-right:20px;padding-left:40px;margin-bottom:20px;
}
#video-bar .wrap ul#main-features li.paypal{
    background:url(../images/headers/paypal.png) no-repeat;
}
#video-bar .wrap ul#main-features li.reports{
    background:url(../images/headers/reports.png) no-repeat;
}
#video-bar .wrap ul#main-features li.keywords{
    background:url(../images/headers/keywords.png) no-repeat;
}
#video-bar .wrap ul#main-features li.globe{
    background:url(../images/headers/globe.png) no-repeat;
}
#video-bar .wrap ul#main-features li.personalised{
    background:url(../images/headers/personalised.png) no-repeat;
}
#video-bar .wrap ul#main-features li.bulk{
    background:url(../images/headers/bulk.png) no-repeat;
}
#video-bar .wrap ul#main-features li.low-cost{
    background:url(../images/headers/low-cost.png) no-repeat;
}
#video-bar .wrap ul#main-features li.marketing{
    background:url(../images/headers/marketing.png) no-repeat;
}
#video-bar .wrap ul#main-features li.autoresponders{
    background:url(../images/headers/autoresponders.png) no-repeat;
}
#video-bar .wrap ul#main-features li.contacts{
    background:url(../images/headers/contacts.png) no-repeat;
}
#video-bar .wrap ul#main-features li.network{
    background:url(../images/headers/network.png) no-repeat;
}
#video-bar .wrap ul#main-features li.technical{
    background:url(../images/headers/technical.png) no-repeat;
}
#video-bar .wrap ul#main-features li strong{
    display:block;
}
#video-bar .wrap ul#main-features li a:hover{
    text-decoration:underline;
    color:#125AA7;
}
#video-bar .wrap #right-panel{
    float:right;width:400px;
    padding-left:50px;
    background:url(../images/vdivider-left.png) no-repeat;
}
#video-bar .wrap #right-panel h3{
    color:#2C2C2C;margin:0;line-height:24px;font-size:17px;font-weight:bold;
    font-family: MuseoSeven, 'Century Gothic', 'Futura Medium', 'Apple Gothic', Helvetica, Arial, sans-serif;
    padding-left:30px;
}
#video-bar .wrap #right-panel h3.tick{
    background:url(../images/headers/tick_24.png) no-repeat;
}
#video-bar .wrap #right-panel .highlight-yellow{
    background-color:#fffe92;padding:1px;
    -webkit-border-radius: 2px;
    -moz-border-radius:2px;
}
#video-bar .wrap #right-panel p{
    font-size:12px;line-height:21px;margin-bottom:21px;
    font-family:'Helvetica Neue', HelveticaNeue, 'Lucida Grande', Frutiger, Univers, 'Helvetica Neue', Calibri, Helvetica, Verdana, sans-serif;
}
#body-index #middletext .wrap h1{
    color: #1a2a32;
    text-shadow: 1px 1px 1px white;
    font-size:16px;
    font-weight:bold;
    padding-top:10px;
}

#splash #screenshot {
    width: 833px;
    height: 339px; /* 348 */
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right: -137px;
    /* z-index: 1; */

    width:536px;
    height:303px;
    text-indent:-9999px;
    position:absolute;
    top:15px;
    right:0px;
    background:url(../images/splash-panel.png) no-repeat;
    width:611px;
    height:483px;
    z-index:10;
}

#splash #left {
    width: 389px;
    height: 166px;
    text-indent: -9999px;
    background: url(../images/splash-text.png) no-repeat left top;
    position: absolute;
    /* z-index: 100; */
    left: 6px;
    top: 20px;
    width:355px;
    height:280px;
}

#splash a#get-started-now  {
    width: 291px;
    height: 57px;
    text-indent: -9999px;
    display: block;
    background: url(../images/btn-getstartednow.png) no-repeat left top;
    position: absolute;
    /* z-index: 100; */
    left: 6px;
    top: 302px;
    width:270px;
    height:80px;
}

#splash a:active#get-started-now {
    background: url(../images/btn-getstartednow.png) no-repeat left top;
}

#splash a#how-it-works {
    width: 291px;
    height: 57px;
    text-indent: -9999px;
    display: block;
    background: url(../images/btn-howitworks.png) no-repeat left top;
    position: absolute;
    /* z-index: 100; */
    left: 6px;
    top: 392px;
    width:270px;
    height:80px;
}

#splash a:active#how-it-works {
    background: url(../images/btn-howitworks.png) no-repeat left top;
}


#sign-up-bar {
    background: url(http://getballpark.com/images/public-background-sign-up-bar.png) repeat-x;
    border-bottom:  1px solid #7197c2;
}

#sign-up-bar .wrap {
    width: 785px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

#sign-up-bar a.button-sign-up {
    width: 241px;
    height: 51px;
    display: block;
    text-indent: -9999px;
    background: url(http://getballpark.com/images/button-top-sign-up.png) no-repeat left bottom;
    float: left;
}

#sign-up-bar a:active.button-sign-up {
    width: 241px;
    height: 51px;
    display: block;
    text-indent: -9999px;
    background: url(http://getballpark.com/images/button-top-sign-up.png) no-repeat left top;
    float: left;
}

#sign-up-bar h3 {
    float: left;
    font-size: ;
    color: #003269;
    font-family: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-shadow: #d7e8fe 0 1px 0;
    margin-top: 15px;
    margin-left: 10px;
}

#body-index #splash .wrap {
    width: 990px;
    margin: 0 auto;
    padding-top: 1px;
    padding-bottom: 0;
    position: relative;
    left: 3lpx;
}

#splash .wrap {
    width: 990px;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 25px;
}

#splash h2#text-the-better-way-to {
    width: 776px;
    height: 36px;
    text-indent: -9999px;
    display: block;
    background: url(http://getballpark.com/images/text-the-better-way.png) no-repeat;
    margin: 0 auto;
    display: none;
}

#splash h2#choose-a-plan {
    width: 621px;
    height: 34px;
    text-indent: -9999px;
    display: block;
    background: url(http://getballpark.com/images/text-start-your-30-day.png) no-repeat;
    margin: 0 auto;
}

#splash h3#thousands-of{

    width:917px;
    height:40px;
    text-indent: -9999px;
    display: block;
    background: url(http://getballpark.com/images/tour-thousands-of-small.png) no-repeat;
    margin: 0 auto;
    margin-top:16px;


}



#sign-up-bar a:active.button-sign-up {
    width: 241px;
    height: 51px;
    display: block;
    text-indent: -9999px;
    background: url(http://getballpark.com/images/button-top-sign-up.png) no-repeat left top;
    float: left;
}

#sign-up-bar h3 {
    float: left;
    font-size: ;
    color: #003269;
    font-family: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-shadow: #d7e8fe 0 1px 0;
    margin-top: 15px;
    margin-left: 10px;
}

/* ############# iPhone Dashboard & Notifier Download ############# */

#notifier
{
    display: block;
    background: #f4fde2 url(http://getballpark.com/images/macintosh-badge.png) center right no-repeat;
    width: 205px;
    height: 95px;
    margin-top: 15px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3);

}

#notifier h1
{
    font-size: 10pt;
    font-weight: 600;
    font: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    text-shadow: 0 1px 1px #fff;
}

#notifier p
{
    text-align: left;
    font-size: 8pt;
    font-weight: 400;
    line-height: 140%;
    margin-top: 5px;
    width: 155px;
    font: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

#download-it
{
    display: block;
    background: url(http://getballpark.com/images/download-it.png);
    background-position: 0 0;
    margin-top: 4px;
    height: 24px;
    width: 118px;
    text-indent: -9999px;
}

#download-it:active
{
    background-position: 0 -25px;
}

/* ############# iPhone Dashboard & Notifier Download ############# */

#video-bar {
    background: url(../images/bg-content.png) repeat-x left top;
    font-family:"Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

#video-bar .wrap {
    width: 960px;
    margin: 0 auto;
    padding-top: 20px;


}

#video-bar ul {
    width: 920px; /*620px */
    float: left;

}

#video-bar li {
    width: 285px;

    float: left;
    margin-right: 20px;
    margin-bottom: 40px;/*20px*/
    list-style:none;

}

#video-bar li .blurb {
    width: 240px; /* 220px*/
    float: left;
    margin-left: 15px;
}

#video-bar li .blurb p {
    /*text-shadow: #e7f1fd 0 1px 0;*/
    font-size: 13px;
    line-height: 18px;
    color: #545454;
}
#video-bar li .blurb p span{
    color:#2173af;
}
#video-bar li .blurb {
    width: 280px;
    float: left;
    margin-left: 20px;
}
#video-bar li a{
    text-decoration:none;
}



#video-bar li img {
    float: left;
}

#video-bar li #icon-team{
    margin-left:-3px;
}

#video-bar li #icon-envelope{
    margin-left:-4px;
}


#video-bar h4 {
    color: #0350a6;
    color: #494f57;
    /* text-shadow: #f2fefe 0 1px 0;
	*/
    font: bold 15px "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    margin-bottom: 4px;
    font-size:16px;
    height:42px;
    text-indent:-9999px;
}

#video-bar h4.personalised{
    background: url(../images/headers/personalised-sms.gif) no-repeat;
}

#video-bar h4.bulk-messaging{
    background: url(../images/headers/bulk-messaging.gif) no-repeat;
}
#video-bar h4.ease-access{
    background: url(../images/headers/ease-access.gif) no-repeat;
}
#video-bar h4.low-cost{
    background: url(../images/headers/low-cost.gif) no-repeat;
}
#video-bar h4.sms-marketing{
    background: url(../images/headers/sms-marketing.gif) no-repeat;
}
#video-bar h4.autoresponders{
    background: url(../images/headers/autoresponders.gif) no-repeat;
}
#video-bar p {
    color: #151515;
    line-height: 18px;
    font-size: 12px;
}

#main-content {
    background: #f9f9fa url(../images/bg-content.png) repeat-x left top; /*e7f1fd */
}

#main-content .wrap {
    width: 960px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 5px;
}

#main-content #left-wrap {
    width: 545px;
    float: left;
}

#main-content #sidebar {
    float: right;
    width: 350px;
    position: relative;
    right: -6px;
}

#screenshots{
    background-color:#f0f6fe;
    padding:16px;
    padding-left:18px;
    padding-bottom:10px;
    width:962px;
    background: url(http://getballpark.com/images/background-marketing-screenshots-container.png) no-repeat left top;
    color: #0C5AB1;
    font-size:13px;
    font-weight:bold;
}

#screenshots-bottom{
    width:962px;
    height: 6px;
    background: url(http://getballpark.com/images/background-marketing-screenshots-container-bottom.png) no-repeat left top;
    position:relative;
    margin-bottom: 25px;
}

#screenshots h3{
    color: #003269;
    font-size:18px;
    font-weight:bold;
    margin-bottom:8px;
}

#screenshots a{
    text-decoration:none;
    color:#0C5AB1;
}

#screenshots li {
    float:left;
    text-align:center;
    margin-right:12px;
}

#screenshots li.last {
    margin-right:0;
}

#screenshots li div{
    width:175px;
    padding-top:4px;
    background: url(http://getballpark.com/images/background-marketing-screenshots-small.png) no-repeat top left;
    position:relative;
}

#screenshots li div.bot{
    width:175px;
    background: url(http://getballpark.com/images/background-marketing-screenshots-small-bottom.png) no-repeat top left;
    position:relative;
    padding:0;
    height:7px;
}

#screenshots li div span{
    display:block;
    width:28px;
    height:28px;
    background: url(http://getballpark.com/images/icon-marketing-screenshots-magnify.png) no-repeat top left;
    position:absolute;
    bottom:7px;
    right:10px;
    display:none;
}

#screenshots li div b{
    display:block;
    width:165px;
    height:145px;
    background-color: #f8f8f8;
    position:absolute;
    top:5px;
    left:5px;
    display:none

}

#screenshots li a img{
    border: 1px solid #b5b5b5;
}

#screenshots li strong{
    font-weight:bold;
}

#ZoomCaption{
    -webkit-text-stroke:1px transparent;
}
@media only screen and (max-device-width:480px) {#ZoomCaption{-webkit-text-stroke:0 black;}}

#video-bar a#video-demo {
    width: 331px;
    height: 213px;
    display: block;
    float: right;
    text-indent: -9999px;
    background: url(http://getballpark.com/images/background-watch-a-demo.png) no-repeat left top;
}

#video-bar a:active#video-demo {
    background: url(http://getballpark.com/images/background-watch-a-demo.png) no-repeat left bottom;
}

#left-wrap h3,
#quotes h3 {
    font-size: 15px;
    color: #0350a6;
    text-shadow: #fff 0 1px 0;
    margin-bottom: 10px;
    font-family: "Helvetica Neue (TT)", "HelveticaNeue", Helvetica, Arial, sans-serif;
}

#left-wrap p {
    color: #3c3c3c;
    margin-bottom: 15px;
    text-shadow: #fff 0 1px 0;
    font: 14px/20px "Helvetica Neue (TT)", "HelveticaNeue", Helvetica, Arial, sans-serif;
}

#left-wrap #main-blurb p {
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 0px;
    text-shadow: #fff 0 1px 0;
}

#left-wrap #left-column {
    width: 285px;
    float: left;
    padding-right: 5px;
}

#left-wrap #right-column {
    width: 285px;
    float: right;
    padding-right: 5px;
}

#sidebar #quote {
    width: 294px;
    background: url(http://getballpark.com/images/background-quote.png) no-repeat left top;
    padding-right: 20px;
    padding-left: 31px;
    padding-top: 12px;
}

#sidebar #quote p {
    font-size: 15px;
    color: #011933;
    line-height: 20px;
    text-shadow: #fff 0 1px 0;
    margin-bottom: 5px;
}

#sidebar #quote span {
    display: block;
    font-size: 15px;
    text-align: right;
    color: #032c5a;
    text-shadow: #fff 0 1px 0;
}

#sidebar #quote span strong {
    font-weight: bold;
}

#sidebar #quote span em {
    font-style: italic;
    color: #034186;
}

#sidebar #quote-bottom {
    width: 345px;
    height: 16px;
    background: url(http://getballpark.com/images/background-quote-bottom.png) no-repeat left bottom;
    position: relative;
    top: -1px;
}

#sidebar #features-list {
    width: 333px;
    background: url(http://getballpark.com/images/background-feature-list-header.png) no-repeat left top;
    padding-top: 29px;
    margin-left: 12px;
    margin-top: 10px;
}

#sidebar #features-list li {
    padding: 10px;
    border-bottom: 1px solid #b1b2b2;
    background: url(http://getballpark.com/images/background-feature-line.png) repeat-x top;
    border-left: 1px solid #929292;
    border-right: 1px solid #929292;
}

#sidebar #features-list li img {
    float: left;
}


#sidebar #features-list strong {
    color: #1f1e1e;
    font: bold 12px "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    text-shadow: #fff 0 1px 0;
}

#sidebar #features-list li .right {
    float: left;
    width: 260px;
    margin-left: 10px;
}

#sidebar #features-list li p {
    color: #313131;
    font: 10px "Lucida Grande";
    margin-top: 1px;
}

ul#features-list #sidebar-take-tour {
    text-indent: -9999px;
    display: block;
    background: transparent;
    background-image: none;
    padding: 0;
    border: none;
}

#sidebar a#take-tour{
    width: 333px;
    height: 39px;
    background: url(http://getballpark.com/images/background-feature-list-header-bottom.png) no-repeat left top;
    display: block;
    text-indent: -9999px;
    margin-left:12px;
}

#sidebar  a#take-tour:hover{
    background: url(http://getballpark.com/images/background-feature-list-header-bottom.png) no-repeat left bottom;
}



#bottom-sign-up {
    display: block;
    width: 586px;
    height: 81px;
    background: url(http://getballpark.com/images/background-sign-up-bar-bottom.png) no-repeat left top;
    margin: 0;
    position: relative;
    margin-top: 27px;
}

a#button-sign-up-bottom {
    width: 221px;
    height: 49px;
    display: block;
    text-indent: -9999px;
    background: url(http://getballpark.com/images/button-bottom-sign-up.png) no-repeat left bottom;
    position: absolute;
    top: 15px;
    left: 15px;
}

a:active#button-sign-up-bottom {
    background: url(http://getballpark.com/images/button-bottom-sign-up.png) no-repeat left top;
}

a#button-take-a-tour-bottom {
    position: absolute;
    left: 270px;
    top: 30px;
    height: 50px;
    background: url(http://getballpark.com/images/icon-tour-go-bottom.png) no-repeat right 4px;
    padding-right: 15px;
    text-decoration: none;
    font-size: 17px;
    color: #1e650a;
    font-weight: bold;
    text-shadow: #f0ffee 0 1px 0;
}

a:hover#button-take-a-tour-bottom {
    background: url(http://getballpark.com/images/icon-tour-go-bottom-hover.png) no-repeat right 4px;
}

a:hover#button-take-a-tour-bottom strong {
    text-decoration: none;
}

a#button-take-a-tour-bottom strong {
    color: #114700;
    font-weight: bold;
    text-decoration: underline;
}

/** PLANS PAGE **/

ul#plans {
    margin-top:20px;
}

ul#plans li{
    float:left;
    width:223px;
    margin-right:29px;
    display:block;
    height:340px;
    position:relative;
}

ul#plans li.last {
    margin-right:0;
}

ul#plans li#freelancer-plan{
    /*background: url("http://getballpark.com/images/image-marketing-plan-freelancer.png") bottom left no-repeat;*/
    background: url("http://getballpark.com/images/plan-freelancer.png") bottom left no-repeat;
}

ul#plans li#studio-plan{
    /*background: url("http://getballpark.com/images/image-marketing-plan-studio.png") bottom left no-repeat;*/
    background: url("http://getballpark.com/images/plan-studio.png") bottom left no-repeat;
}

ul#plans li#agency-plan{
    /*background: url("http://getballpark.com/images/image-marketing-plan-agency.png") bottom left no-repeat;*/
    background: url("http://getballpark.com/images/plan-agency.png") bottom left no-repeat;
}

ul#plans li#corporate-plan{
    /*	background: url("http://getballpark.com/images/image-marketing-plan-corporate.png") bottom left no-repeat;*/
    background: url("http://getballpark.com/images/plan-corporate.png") bottom left no-repeat;
}

ul#plans li a {
    background: url("http://getballpark.com/images/button-choose-a-plan.png") top left no-repeat;
    display:block;
    width:197px;
    height:38px;
    position:absolute;
    bottom:10px;
    left:15px;
    text-indent:-99999px;
}

ul#plans li a:active {
    background: url("http://getballpark.com/images/button-choose-a-plan.png") bottom left no-repeat;
}


#sign-up-bar.plans-page .wrap {
    width:990px;
    text-align:center;
    padding-top:22px;
    padding-bottom:17px !important;
}

#sign-up-bar.plans-page a{
    float:none;
    text-decoration:none;
    color:#003269;
    font-family:"Helvetica Neue (TT)","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size:18px;
    font-weight:bold;
    text-shadow:0 1px 0 #D7E8FE;
    padding:6px;
    padding-right:30px;
    background: url("http://getballpark.com/images/icon-marketing-free-plan-arrow.png") center right no-repeat;
}
#sign-up-bar.plans-page a strong{
    color:#055FC7;
    font-weight:bold;
}


#sign-up-bar.plans-page a:hover{
    background-color: #d4e8fe;
    border: 1px solid #7ca5d4;
}


ul#plan-questions li{
    width:460px;
    float:left;
    margin-bottom:25px;
    margin-right:30px;
}

ul#plan-questions li.right{
    margin-right:0px;
}

ul#plan-questions h3{
    color:#0350A6;
    font-family:"Helvetica Neue (TT)","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size:18px;
    font-weight:bold;
    margin-bottom:4px;
    text-shadow:0 1px 0 #F2FEFE;
}

ul#plan-questions li p{
    font-size:13px;
    line-height:1.4;
    color: #011934;
    text-shadow:0 1px 0 #E7F1FD;
}

#quote {
    border-top: 1px solid #c4d3e6;
    border-bottom: 1px solid #c4d3e6;
    margin-top: 10px;
    padding-bottom: 15px;
}

#quote p {
    color: #1f3248;
    font-size: 17px;
    font-family: Georgia, Times, serif;
    font-style: italic;
    line-height: 24px;
    margin-right: 10px;
    margin-left: 10px;
}

#quote span {
    display: block;
    margin-top: 10px;
    color: #024186;
    font-family: "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-right: 10px;
    text-align: right;
}

#quote span strong {
    color: #032c5a;
    font-weight: bold;
}


/* ############################ SIGN UP PAGE ############################ */

#signup-form{
    text-shadow: #fff 0 1px 1px;
}

#top-error-message{
    font-family:"Helvetica Neue",helvetica,Arial,sans-serif;
    font-size:16px;
    margin-bottom:20px;
    background-color: #FFFABF;
    float:left;
    padding: 5px 10px;
    border:1px solid #888	;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#signup-form label{
    font-size:13px;
    font-weight:bold;
    color:#29384c;
    width:165px;
    text-align:right;
    display:block;
    float:left;
    line-height:32px;
    margin-right:10px;
}

#signup-form input[type=text],#signup-form input[type=password]{
    width:420px;
    height:20px;
    border: 1px solid #8d9095;
    border-radius:1px;
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    background: #fff url(http://getballpark.com/images/background-signup-inputs.png) repeat-x top left;
    font-size:13px;
    color:#29384c;
    padding:5px;
    padding-top:7px
}

#signup-form select{
    font-size:13px;
    color:#29384c;
    margin-bottom:5px;
    margin-top:5px;
}

#signup-form input#company_url{
    width:290px;
}

#signup-form ul.section{
    width:626px;
    border: 1px solid #c1cad5;
    border-top:1px solid #8f9aa7;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    background-color:#f1f7fe;
    margin-bottom:20px;
    float:left;


}

#signup-form h3{
    font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
    font-weight:bold;
    font-size:18px;
    color:#0350a6;
    margin-left:82px;
    margin-top:6px;
}

#signup-form h4{
    font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
    font-size:11px;
    color:#011934;
    margin-left:82px;
}
#signup-form ul.section li{
    background-color:#e3e9f2;
    border-top:1px solid #f3f6f9;
    border-bottom:1px solid #c1cad5;
    padding:8px;
    position:relative;
    zoom:1;
}

#signup-form ul.section li.incomplete{
    background-color:#fcffc9;
    fcffc9
}

#signup-form ul.section li.header{
    border:0;
    border-bottom: 1px solid #c1cad5;
    height:52px;
    background-color:transparent;
    position:relative;
    padding:0;

}

#signup-form ul.section li.header span{
    position:absolute;
    display:block;
    width:59px;
    height:62px;
    top:-15px;
    left:15px;
}

#signup-form ul#company-info.section li.header span{
    background: url(http://getballpark.com/images/signup-icon-company.png) no-repeat top left;
}

#signup-form ul#user-info.section li.header span{
    background: url(http://getballpark.com/images/signup-icon-user.png) no-repeat top left;
}

#signup-form ul#payment-info.section li.header span{
    background: url(http://getballpark.com/images/signup-icon-payment.png) no-repeat top left;
}

#signup-form ul#confirm-details.section li.header span{
    background: url(http://getballpark.com/images/signup-icon-confirm.png) no-repeat top left;
}

#signup-form ul#payment-info.section li.header {
    padding-bottom:10px;
}


span.wrap{
    border:1px solid #f00;
    display:block;
}
#signup-form ul.section li.bottom{
    border:0;
    height:5px;
    background-color:transparent;
}

#signup-form ul.section li.url b{
    font-size:15px;
    font-weight:bold;
    color:#29384c;
    margin-top:10px;
    margin-left:5px;
    line-height:30px;
}

#signup-form #CC_note{
    float:left;
    width:260px;
    margin-left:15px;
    margin-top:60px;
    font-size:12px;
    color:#011934;
    font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
}

#signup-form #CC_note h3{
    font-size:14px;
    margin:0;
    padding:0;

}

#signup-form #CC_note img{
    margin-top:10px;
    margin-bottom:10px;
}

#signup-form span#company_url_result{
    width:27px;
    height:27px;
    display:block;
    position:absolute;
    right:4px;
    top:50%;
    margin-top:-13px;
}

#signup-form span#company_url_result span{
    width:27px;
    height:27px;
    display:block;
}

#signup-form span#company_url_result span.available{
    background: url(http://getballpark.com/images/signup-form-url-availability.png) no-repeat top left;
}

#signup-form span#company_url_result span.unavailable{
    background: url(http://getballpark.com/images/signup-form-url-availability.png) no-repeat bottom left;
}

#url-wrap {
    position:relative;
    float:left;
}


#signup-form  .form-error{
    width:566px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    background:#AF2B2B url(http://getballpark.com/images/icon-error.png) no-repeat scroll 10px 6px;
    border:1px solid #DA3536;
    color:#FFDAD3;
    display:block;
    font-size:18px;
    margin-bottom:25px;
    margin-top:10px;
    padding:10px 10px 10px 50px;
    text-shadow:0 1px 0 #000000;
}

#signup-form  .form-error h2{
    font-size:18px;
}

#signup-form .form-error ul{
    margin-left:1em;
    list-style-type:disc;
}

#signup-form #discount-code-heading{
    background-color:transparent;
    padding-top:10px;
    color:#0350a6;
    padding-left:81px;
    font-size:13px;

}

#signup-form ul#confirm-details li{

}

#signup-form .confirm-result{
    font-size:18px;
    font-weight:bold;
    color:#29384c;
    line-height:30px;
}

#signup-form ul#confirm-details .bottom{
    height:auto;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:20px;
}

#signup-form ul#confirm-details .bottom .signup-button-wrap{
    display:block;
    float:left;
    position:relative;
}

#signup-form ul#confirm-details .bottom .signup-button-wrap .spinner{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background: #f4f9fe url("http://getballpark.com/images/ajax-loader-32.gif") no-repeat center center;
    opacity:.5;
}
#signup-form ul#confirm-details .bottom #button-sign-up-now{
    width:158px;
    height:41px;
    display:block;
    border:0px;
    background:  url(http://getballpark.com/images/button-sign-up-now.png) no-repeat top left;
    text-indent:-99999px;
    cursor:pointer;
    outline:0;
    line-height:90px
}

#signup-form ul#confirm-details .bottom #button-sign-up-now.disabled{
    opacity:0.75;
}

#signup-form ul#confirm-details .bottom #button-sign-up-now:active{
    background: url(http://getballpark.com/images/button-sign-up-now.png) no-repeat bottom left;
}

#signup-form ul#confirm-details .bottom #button-sign-up-now.disabled:active{
    background: url(http://getballpark.com/images/button-sign-up-now.png) no-repeat top left;

}

#signup-form .formError{
    float:right;
    position:absolute;
    background-color: #ffdfdf;
    background-color: #FFFABF;
    top:12px;
    width:110px;
    right:-150px;
    padding:5px 10px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    opacity:.75;
    border:1px solid #888888;
}

#signup-form #li_openID a , #signup-form #li_login a{
    font-size:11px;
    cursor:pointer;
    color:#0350a6;
}

/* ################################# */

#left-wrap .float-left {
    float: left;
}

#left-wrap .float-right {
    float: right;
}

#left-wrap p.float-left,
#left-wrap p.float-right {
    width: 425px;
    margin-top: 0;
}

#quotes {
    float: right;
    width: 337px;
    background: url(http://getballpark.com/images/background-quotes-container.png) no-repeat left top;
    padding: 10px;
    padding-left: 25px;
    position: relative;
    margin-bottom: 15px;
}

#quotes h3 {
    margin-bottom: 5px;
}

#quotes li {
    background: url(http://getballpark.com/images/background-quote-line.png) repeat-x top;
    padding-top: 15px;
    padding-bottom: 12px;
    clear: both;
    zoom:1;
}


#quotes li.last {
    padding-bottom:0px;
}

#quotes li#bottom {
    padding-bottom: 0px;
}

#quotes li img {
    float: left;
}

#quotes li div {
    float: left;
    width: 270px;
    margin-left: 10px;
}

#quotes li p {
    color: #323f50;
    font-size: 14px;
    text-shadow: #e8f2fe 0 1px 0;
    line-height: 18px;
}

#quotes li span {
    display: block;
    margin-top: 8px;
    text-align: right;
    color: #032c64;
    text-shadow: #e8f2fe 0 1px 0;
}

#quotes li span a {
    font-weight: bold;
    color: #034b9d;
    text-decoration: none;
}

#quotes li span a:hover {
    color: #0b3063;
    text-decoration: underline;
}

#quotes #quotes-bottom {
    width: 373px;
    height: 15px;
    background: url(http://getballpark.com/images/background-quotes-container-bottom.png) no-repeat left bottom;
    position: absolute;
    bottom:-15px;
    left: 0px;
}

#bottom-bar {
    width: 925px;
    margin:0 auto;
    padding: 17px;
    height: 51px;
    background: url(http://getballpark.com/images/background-footer-bar.png) no-repeat left top;
    position: relative;
    margin-top:20px;
}

#body-tour .bottom-bar-tour-link{
    display:none;
}

.return-home-link{
    display:none;
}

.return-home-link a{
    color:#003269
}

#body-tour .return-home-link{
    display:block;
}

#body-tour .return-home-link a{
    color:#05a0db;
}

#bottom-bar a.button-sign-up {
    width: 235px;
    height: 51px;
    background: url(http://getballpark.com/images/button-top-sign-up.png) no-repeat left bottom;
    display: block;
    text-indent: -9999px;
    float: left;
}

#bottom-bar a:active.button-sign-up {
    background: url(http://getballpark.com/images/button-top-sign-up.png) no-repeat left top;
}

#bottom-bar p {
    float: left;
    margin-left: 7px;
    font-size: 15px;
    color: #003269;
    font-weight: bold;
    margin-top: 15px;
    position: relative;
}

#bottom-bar a#button-take-a-tour {
    width: 125px;
    height: 35px;
    background: url(http://getballpark.com/images/button-take-a-tour.png) no-repeat left bottom;
    display: block;
    text-indent: -9999px;
    position: absolute;
    left: 22px;
    top: 50%;
    margin-top:-15px
}

#bottom-bar a:active#button-take-a-tour {
    background: url(http://getballpark.com/images/button-take-a-tour.png) no-repeat left top;
}

#bottom-bar #newsletter-signup {
    width: 300px;
    position: absolute;
    right: 17px;
    top: 27px;
}

#bottom-bar input#text-field {
    width: 200px;
    padding: 5px;
    height: 19px;
    border: 1px solid #8f8f8f;
    background: #fcfcfc url(http://getballpark.com/images/background-newsletter-input.png) repeat-x left top;
    font-size: 13px;
    color: #303030;
    position: relative;
    margin-right: 5px;
    float:left;
}


/* ############################ TOUR PAGE ############################ */

#body-tour .bar {
    background: url(http://getballpark.com/images/public-background-sign-up-bar.png) repeat-x;
    border-bottom:  1px solid #87a1c1;
}

#body-tour .bar h2{
    width:618px;
    height:26px;
    background: url(http://getballpark.com/images/text-tour-learn.png) no-repeat top left;
    text-indent:-99999px;
    margin-left:5px;
}

#body-tour .bar .wrap {
    width: 990px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

#body-tour #main-content{
    background-image:none;
}

#body-tour  #main-content .wrap{
    width:908px;
}

#body-tour .leaf {
    width:908px;
    background-color:#fff;
    border:1px solid #c9d2dc;
    border-bottom:0;
    padding-bottom:10px;
    padding-top:13px;
}

#body-tour .leaf-bottom{
    width:910px;
    height:17px;
    background: url(http://getballpark.com/images/background-tour-leaf-bottom.png) no-repeat top left;
    margin-bottom:30px;
}

#body-tour .leaf  .inner{
    background: url(http://getballpark.com/images/background-marketing-tour-leaf-inner.png) no-repeat top left;
    width:886px;
    border:1px solid #b3b6ba;
    margin:0 auto;
    padding-top:20px;
}



#body-tour .leaf .screenshot {
    float:right;
    border:5px solid #d9d9d9;
    margin-right:22px;
}

#body-tour .leaf h3{
    background: url(http://getballpark.com/images/tour-h3-background-ribbon-right.png) no-repeat top right;
    color:#b7d8fc;
    font-size: 25px;
    line-height: 49px;
    font-weight: bold;
    text-shadow: #000 0 1px 0;
    padding-left:10px;
    padding-bottom:7px;
    padding-right:20px;
    float:left;
    margin-right:15px;
    margin-bottom:7px;
    position:relative;
    letter-spacing: 1px;
}

#body-tour .leaf h3 span{
    position:absolute;
    height:56px;
    width:9px;
    background: url(http://getballpark.com/images/tour-h3-background-ribbon-left.png) no-repeat top left;
    top:0;
    left:-9px;
}

#body-tour .leaf h4{
    color:#032f60;
    font-size:20px;
    padding-top:15px;
}

#body-tour .leaf h5{
    color:#0252aa;
    font-size:17px;
    font-weight:bold;
    margin-bottom:3px;
}

#body-tour .leaf .caption{
    width:220px;
    color:#011934;
    font-size:12px;
    margin-left:27px;
    float:left;
}

#body-tour .leaf .caption p{
    line-height:18px;
    margin-right: 10px;
}

#body-tour .leaf li{
    clear:both;
    padding-bottom:30px;
    display:inline-block;
    position:relative;
}

#body-tour .leaf li .number-badge{
    width:56px;
    height:56px;
    display:block;
    position:absolute;
    left:-35px;
    top:0px;
    z-index:100;
}

#body-tour .leaf li.num1 .number-badge{ background: url(http://getballpark.com/images/tour-badge-number-1.png) no-repeat top left; }
#body-tour .leaf li.num2 .number-badge{ background: url(http://getballpark.com/images/tour-badge-number-2.png) no-repeat top left; }
#body-tour .leaf li.num3 .number-badge{ background: url(http://getballpark.com/images/tour-badge-number-3.png) no-repeat top left; }
#body-tour .leaf li.num4 .number-badge{ background: url(http://getballpark.com/images/tour-badge-number-4.png) no-repeat top left; }

#tour-signup-bottom{
    background-color:#f1f7fe;
    width:852px;
    margin:0 auto;
    border:1px solid #c1cad5;
    border-top:1px solid #8f9aa7;
    padding:17px 0;
    overflow:hidden;
    -moz-border-radius:.4em;
    -webkit-border-radius:.4em;
    border-radius:.4em;
}

#tour-signup-bottom h3{
    color:#003269;
    font-size:18px;
    font-weight:bold;
    margin-right:23px;
    float:right;
    line-height:51px;
}

#tour-signup-bottom h3 a{
    text-decoration:none;
    color:#003269;
}

#tour-signup-bottom h3 a:hover{
    text-decoration:underline;
}

#tour-signup-bottom a.button-sign-up {
    width: 241px;
    height: 51px;
    display: block;
    text-indent: -9999px;
    background: url(http://getballpark.com/images/button-top-sign-up.png) no-repeat left bottom;
    float: left;
    margin-left:23px;
}

#tour-signup-bottom  a:active.button-sign-up {
    width: 241px;
    height: 51px;
    display: block;
    text-indent: -9999px;
    background: url(http://getballpark.com/images/button-top-sign-up.png) no-repeat left top;
    float: left;
}

.marketing-footer{
    width: 955px;
    margin: 0 auto;
    padding-bottom:20px;
    margin-top: 5px;
    color:#2677CF;
    font-size: 11px;
    font-family: "HelveticaNeau", Helvetica, Arial, sans-serif;
    position: relative;
    text-align: center;
    width:100%;
    background:#1f6ec7 url(../images/footer-bg.png) repeat-x;
    height:81px;
    padding-top:0px;
    padding-bottom:0px;
}

.marketing-footer div {
    color: #154477;
    display: inline;
    font-weight: bold;
}

.marketing-footer div a {
    color: #154477;
    font-weight: bold;
    font-size:12px;
    color:white;
    text-decoration:none;
    padding-left:10px;
}

a.free-trial-mini{
    background:url(../images/buttons/free-trial-mini.png) no-repeat;
    width:100px;
    height:32px;
    display:inline-block;
    top:10px;position:relative;left:20px;
}

.marketing-footer div span {
    font-family: Georgia, Times, serif;
    font-style: italic;
    font-weight: normal;
}

.marketing-footer a, .marketing-footer a:visited{
    color:white;
    text-decoration:none;
}

.marketing-footer a:hover{
    text-decoration:underline;
}

.legal{
    font-size:14px;
    line-height:22px;
    color:#011934;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.legal h1{
    font-size:20px;
    font-weight:bold;
}

.legal h2{
    font-size:18px;
    font-weight:bold;
}

.legal h3{
    font-size:16px;
    font-weight:bold;
}
.legal p{
    margin-bottom:0.5em;
}
.legal ul li {
    margin:0.5em;
    margin-left:2em;
    list-style-type:disc;
}

.legal ol li {
    margin:0.5em;
    margin-left:2em;
    list-style-type:decimal;
}

a#twitter-link {
    position: absolute;
    display: block;
    width: 174px;
    height: 53px;
    text-indent: -9999px;
    right: 340px;
    background: url(http://getballpark.com/images/image-follow-us-twitter.png);
    opacity:0.8;
    top:50%;
    margin-top:-26px;
}

a#twitter-link:hover{
    opacity:1;
}

#dashboard
{
    float: left;
    margin-left: -20px;
}

#copy
{
    float: left;
    display: block;
    margin-left: 15px;
    width: 225px;
}

#copy p
{
    font-size: 12px;
    line-height: 18px;
    color: #545454;
    font: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}


/*
.fade
{
	background-image: url(http://getballpark.com/images/ballpark-notifier-marketing-hover.png);
}

a.notifier
{
	border-style: none;
	border-bottom: 0;
	text-decoration: none;
	outline: none;
}
*/

#flash-errors{display:block;clear:both;list-style:none;
              margin:30px auto 8px auto;padding:15px 4px 10px 44px;
              font-size:120%;text-align:center;background:#FBE3E4 none;
              color:#D12F19;border:1px solid #FBC2C4;-moz-border-radius:4px;
              border-radius:4px;-webkit-border-radius:4px;}

#flash-success{display:block;clear:both;list-style:none;margin:30px auto 8px auto;
               padding:15px 4px 10px 44px;font-size:120%;text-align:center;
               background:#E6EFC2 none;color:#529214;border:1px solid #C6D880;
               -moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;}