/*
lead reporter colors

background: F2F7FC
box foreground: FFFFFF
box border: D7E8F7
footer box: 1F325D
quote box border: D41C1E
*/

/* rounded corner content box */
    .contentBox {
        border: 3px solid #D7E8F7;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        background: #FFFFFF;
        width: 936px;
    }
    .contentBox * {
        position: relative;
        margin: 0;
    }
    .one {
        background: url(../images/round_corner_tl_gradient.png) top left no-repeat;
        left: -3px; /* border width */
        top: -3px;
    }
    .two {
        background: url(../images/round_corner_tr_gradient.png) top right no-repeat;
        padding-top: 17px;
        top: -6px; /* border width x2 */
    }
    .three {
        background: url(../images/round_corner_br.png) bottom right no-repeat;
        right: -6px;
        bottom: -6px;
    }
    .four {
        background: url(../images/round_corner_bl.png) bottom left no-repeat;
        padding-bottom: 17px;
        left: -6px;
    }
    .two p { padding: 0;}
    .four p { padding: 0;}
    .content {
        padding-left: 17px;
        padding-right: 17px;
        min-height: 200px;
    }
    /* use different top corners for homepage */
    #homeOne {background: url(../images/round_corner_tl.png) top left no-repeat !important;}
    #homeTwo {background: url(../images/round_corner_tr.png) top right no-repeat !important;}
    
/* footer rounded corner boxes */
    .footerBox {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;

        background: #1F325D;
        width: 14.7em;
    }
    .footerBox * {
        position: relative;
        margin: 0;
    }
    .footOne {
        background: url(../images/footer_round_corner_tl.png) top left no-repeat;
    }
    .footTwo {
        background: url(../images/footer_round_corner_tr.png) top right no-repeat;
        padding-top: 8px;
    }
    .footThree {
        background: url(../images/footer_round_corner_br.png) bottom right no-repeat;
    }
    .footFour {
        background: url(../images/footer_round_corner_bl.png) bottom left no-repeat;
        padding-bottom: 8px;
    }
    .footTwo p { padding: 0;}
    .footFour p { padding: 0;}
    .footBoxContent {padding: -8px 0px -8px 0px;}

/* quote box */

    #fubar {
        float:right;
        width: 200px;
        padding-right: 16px;
        z-index: 1;
        top: -30px;
    }
    #openQuote {top: 30px; left: -10px;}
    #closeQuote {float: right; top: -30px; z-index: -1;}

/* layout */
    /* general */
        body, html {
            height: 100%;
            width: 100%;
            margin:0;
            border:0;
            padding:0;
        }
        img {
            margin: 0;
            border: 0;
            padding: 0;
        }
        #pageWrapper {
            min-width: 960px;
            max-width: 960px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 30px;
            padding: 0;
            min-height: 100%;
            width: 960px;
            position: relative; 
        }
        .featuresImgLeft {
            float: left;
            padding-top: 3em;
            padding-right: 10px;
            width: 50%;
            text-align: center;
        }
        .featuresImgRight {
            float: right;
            padding-top: 3em;
            width: 50%;
            text-align: center;
        }
    /*header */
        #headerBg {
            position: relative;
            height: 82px;
            min-width: 996px;
            width: 100%;
            background: url(../images/top_banner_wide2.jpg) top center;
            background-repeat: no-repeat;
        }
        #header {
            height: 80px;
            width: 996px;
            margin-left: auto;
            margin-right: auto;
        }
        #logo {
            position: relative;
            left: 28px;
        }
    /* menu */
        #menu {
            position: relative;
            top: -2px;
            padding-bottom: 30px;
        }
        #login {
            position: absolute;
            left: 818px;/*293px;*/
        }
        #menuStars {
            position: absolute;
            top: -16px;
            left: 650px;
            width: 168px;
            height: 71px;
            background: url(../images/menu_stars.png);
            background-repeat: no-repeat;
        }
    /* content */
        #bgStars {
            position: absolute;
            background: url(../images/stars_bg.png);
            background-repeat: no-repeat;
            height: 274px;
            width: 319px;
            top: 58px;
            left: 474px;
            z-index: -1;
        }
        #homeContent {
            float: right;
            padding-left: 10px;
        }
        #contentWrapper {
            width: 933px;
            height: 280px;
            margin-left: auto;
            margin-right: auto;
        }
        #viewDemo {
            position: absolute;
            top: 288px;
            left: 563px;
        }
        #tryItForFree {
            position: absolute;
            top: 290px;
            left: 768px;
        }
        #screenshot {
            position: absolute;
            top: 63px;
            left: 28px;
        }
        .icon {
            float:left;
            padding-right: 20px;
        }
        #quoteWrapper {
            float:right;
            width: 344px;
            padding-right: 16px;
        }
        #quoteV{
            position: relative;
            background: url(../images/quote_v.png);
            width: 24px;
            height: 21px;
            top: -4px;
            left: 30px;
        }
        #iconWrapper {
            width: 650px;
            float: left;
            clear: both;
        }
        #featureText {margin-left: 84px;}
        #spacer {clear: both;} /* pushes down contentBox */
        #feature2, #feature4 {float: right;}
        #feature1, #feature3, #feature5 {float: left;}
        #feature1, #feature2, #feature3, #feature4 {width: 49%; position: relative; display: inline;}
        #feature3, #feature4, #feature5 {padding-top: 50px;}
        #feature3 {clear: both;}
        /* pricing page */
            td, th, tr, table, thead {padding: 0; margin: 0; border: 0;}
            #featureComparison {
                border: 0;
                /*width: 90%;*/
                text-align: center;
                margin-top: 30px;
                margin-bottom: 20px;
            }
            tr { height: 32px;}
            .odd { background-color: #ebf4fb; }
            .feature { text-align: right; }
            .product { width: 130px; }
            
        /* forms */
            form {
                width: 485px;
            }
            #message {
                margin: 0 !important;
                padding: 0 !important;
                width: 460px;
                height: 20em;
            }
            label {
                width: 8.4em;
                float: left;
                font-size: 0.8em;
                text-align: right;
                margin-right: 0.5em;
                display: block;
            }   
            .submit input { margin-left: 6em; }
            fieldset {
                border: none;
                border-top: 2px solid #1F325D;
            }
            legend {
                font-family: "Arial Bold","Verdana",Sans-serif;
                color: #1F325D;
                font-weight: bold;
            }
            #submitButton { margin-left: 6em; }
        /* sign up page */
            #signUpSidebar {
                float: right;
            }
        /* features pages */
            #featuresContentWrapper p{
                margin-left: 84px;
            }

            /* features menu */
                #featuresMenu { 
                    float: left;
                    background: url(../images/features_menu_bg.png) no-repeat;
                    /*padding-right: 25px;*/
                    height: 318px;
                }
                #featuresMenu ul {
                    margin: 0;
                    padding: 0;
                    line-height: 0;
                    list-style: none;
                }
                #featuresContentInner { margin-left: 250px; }
        /* clients page */
        #clientsLeft { float: left; padding-left: 60px; }
        #clientsRight { float: right; padding-right:60px; }
    /* footer */
        #tryFreeBox {min-height: 0 !important;}
        #footer {
            /*min-width: 960px;*/
            width: 100%;
            background: url(../images/footer_bg.png) top;
            background-repeat: repeat-x;
        }
        #footWrapper {
            position: relative;
            width: 913px;
            margin-left: auto;
            margin-right: auto;
        }
        #footNewsletter {
            float: left;
            width: 17em;
        }
        #footNav{
            float: left;
            margin-left: auto;
            margin-right: auto;
        }
        #footCopyright {
            float: right;
            width: 17em;
        }
        #footerMid { height: 20px; clear: both;} 
        #footerBot { height: 30px;}
        #tryItForFreeFoot { 
            float: right;
            padding-left: 17px;
            padding-right: 17px;
        }
        #preFootText { padding-top: 0px; }
        #preFootContent {
			margin-right: 205px;
            margin-left: 250px;
            padding-top: 10px;
            padding-bottom: 10px;
            min-height: 0 !important;
            height: 46px !important;
        }
        #preFootScreenshots {
            position: absolute;
            bottom: 3px;
            left: 10px;
            padding-right: 22px !important;
            float: left;
        }
/* end layout */

/* colors */
    body {
        background: url(../images/page_bg.jpg );
        background-repeat: repeat-x;
        background-color: #F2F7FC;
        color: #545B64;
    }
    a, a:visited {color: #D41C1E;}
    h1 {color: #1F325D;}
    #title1, #title2, #title3 {color: #FFFFFF;}
    #quote { background-color: #FFFFFF;}
    #footer { background-color: #112553; }
    #menu a, #homeContent, #footer, #footer a { color: #FFFFFF; }
    #footerMid { background-color: #081b48; }
    #footerBot { background-color: #00123d; }
    .content h2 a:visited, .content h2 a {color: #0F4693 !important;}

/* typography */
    body {
        font-size: 100%; /* allow zoom/resize in all browsers */
        font-family: "Verdana",Sans-serif;
    }
    a {text-decoration: none;}
    a:hover {text-decoration: underline;}
    h1 { font-family: "Verdana",Sans-serif; }
    #homeBlurb {
        font-family: "Verdana",Sans-serif !important;
        font-size: 14px !important;
        position: relative !important;
        left: 0px !important;
        line-height: 23px !important;
        padding-top: 0 !important;
    }
    #title1{font-size: 18px;}
    #title2{font-size: 12px; letter-spacing: 1px;}
    #title3{font-size: 24px;}
    #footer {padding-top: 14px;}
    h1 {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .content h1 {font-size: 1.3em;}
    .pageHeaderHr {
        border: 0;
        color: #000000;
        border: 10px;
        background-color: #1F325D;
        height: 2px;
        width: 485px;
        margin: 7px 0 30px 0;
        text-align: left; /* ie6 aligns center by default */
    }
    p, ul, ol {
        font-family: "Verdana",Sans-serif;
        font-size: 0.8em;
        line-height: 1.72em;
    }
    h2 {
        font-family: "Arial Bold",Sans-serif;
        font-size: 1em !important;
        padding-top: 3em;
        padding-bottom: 0.3em !important;
    }
    h3 {
        font-family: "Arial Bold",Sans-serif;
        font-size: 0.9em !important;
        padding-top: 2em;
        padding-bottom: 0.2em !important;
    }
    
    .api p, ul, ol, h1, h2, h3 {
        font-family: "Verdana",Sans-serif;
        line-height: 20.4px;
        margin-bottom: 0.5em;
    }
    .api h1 {
        color: #0F4693;
        margin-bottom: 0em;   
    }
    .api h2, h3 {
        color: #0F4693;
        padding-top: 0.8em;   
    }
    
    #content1stLine { padding-top: 0 !important;}
    .content { padding: 20px 25px 20px 20px; }
    .largeEmphasis {font-size: 1.6em;}
    .footBoxContent {
        padding-left: 10px;
        padding-right: 15px;
    }
    #footNavList {
        list-style-type: none;
        font-family: "Verdana",Sans-Serif;
        font-size: 0.8em;
        margin: 0;
        padding: 0;
        padding-top: 0.5em;
        padding-left: 0.8em;
    }
    .quoteBoxContent { padding: 0 15px 10px 10px ; }
    #quoteAttribution { margin-left: 37px;margin-top:10px; }
    .smallPrint { font-size: 0.7em; }

#homeContentBox .content {
        min-height: 0px !important;
        margin-bottom: -70px;
}
label.error { color: red; padding-left: .5em; vertical-align: top;width: 20.4em; display:none; }
input.error { border:2px solid red;background-color:#9EBCDE; }