@import url(reset.css);
@import url(datePicker.css);

body {
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    line-height: 18px;
    
    color: black;
    background: #ececec;
}

a,
a:link {
    font-weight: bold;
    text-decoration: underline;
    
    color: black;
}
a:hover,
a:focus {
    text-decoration: none;
}
a:visited {
}


form label {
    display: block;
    
    margin: 0 0 0.25em 0;
    
    font-weight: bold;
}
form label small {
    font-weight: normal;
}
form fieldset {
    margin: 0 10px;
}
form fieldset legend {
    margin: 0 0 0.75em 0;
}
form li label {
    display: inline;
    
    margin: 0 1em 0 0;
}
form input.text,
form textarea {
    width: 510px;
    
    padding: 0.25em 0;
    
    border: 1px solid #ccc;
    background: #ececec;
}
form p.submit {
    padding: 0 0 1.5em 0;
    border-bottom: 1px solid #ccc;
}
form input.submit {
    display: block;
    width: 270px;
    
    margin: 0 auto;
    padding: 0.5em 10px;
    
    cursor: pointer;
    
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    
    color: #616161;
    background: #e0db10;
    border: 1px solid #e8e695;
    border-right-color: #272605;
    border-bottom-color: #272605;
}


h1 {
    margin: 1em 10px 1em 10px;

    font-size: 1.5em;
    font-weight: bold;
}

div#page {
    width: 970px;
    
    margin: 0 auto 1em auto;
    padding: 18px 10px 0.5em 10px;
    
    background: url(images/top-shadow.gif) 50% 0 no-repeat white;
}

/* div#HEADER */
    div#header {
        overflow: hidden; zoom: 1;
    
        margin: 0 0 1.5em 0;
        padding: 3em 0 0 0;
    
        background: url(images/trampolinesystems.gif) 0 50% no-repeat white;
        border-bottom: 0.5em solid #616161;
    }
    div#header img {
        float: left;
        width: 158px;
    }
    div#header ul {
        overflow: hidden; zoom: 1;
        float: right;
        width: auto;
        display: inline;
    
        margin: 0 10px 0 0;
    }
    div#header ul li {
        float: left;
        width: auto;
    
        margin: 0 0 0 1px;
    }
    div#header ul li a {
        display: block;
    
        padding: 0.5em 1em;
    
        text-decoration: none;
    
        color: white;
        background: #7e7e7e;
    }
    div#header ul li.website a {
        color: #616161;
        background: #e0db10;
    }
    div#header ul li#current a,
    div#header ul li strong a {
        color: white;
        background: #616161;
    }
    div#header ul li a:hover {
        color: white;
        background: #616161;
    }
/* end div#HEADER*/

/* div#CONTENT */
    .section {
        clear: both;
        overflow: hidden; zoom: 1;
    }
    .section .main {
        float: left;
        width: 530px;
    
        margin: 0 0 0.75em 0;
    }
    .section .sub {
        float: right;
        width: 390px;
    
        margin: 0 0 0.75em 0;
    
        border: 10px solid #ececec;
    }
    
    /* .section */
        .section h2 {
            margin: 1em 10px 1em 10px;
    
            font-size: 1.5em;
            font-weight: bold;
        }
        .section h3 {
            margin: 0 10px 0.643em 10px; /* 0.75/1.166 */
    
            font-size: 1.166em; /* 14/12 */
            font-weight: bold;
            text-transform: uppercase;
        }
        .section p {
            margin: 0 10px 1.5em 10px;
        }
        
        .section ul {
            margin: 0 10px 1.5em 10px;
            
            list-style: disc;
        }
        .section ul li {
            margin: 0 0 0.75em 20px;
            
            list-style: disc;
        }
        
        .section ul.news {
            margin: 0 10px 1.5em 10px;
            
            list-style: none;
        }
        .section ul.news li {
            margin: 0 0 0.75em 0;
            
            list-style: none;
        }
        .section ul.news li a {
            display: block;
        }
        
        .section object {
            margin: 0 10px;
        }
        .section p object {
            margin: 0;
        }
        .section blockquote {
            margin: 0 30px 1.5em 30px;
    
            font-style: italic;
            font-weight: bold;
        }
        .section blockquote p {
            margin: 0;
        }
        .section blockquote p.attribution {
            font-style: normal;
        }
    /* end .section */
    
    /* .section.intro */
        .section.intro {
            font-size: 1.166em; /* 14/12 */
            line-height: 1.5;
        }
        .section.intro .main {

        }
        .section.intro .sub {
            float: right;
            width: 410px;
    
            border: none;
        }
        .section.intro h1 {
            display: none;
        }
    /* end .section.intro */
    
    /* .section.blog */
        .section.blog div.sub ul.widgets {
            margin: 0;

            list-style: none;
        }
        .section.blog div.sub ul.widgets li {
            overflow: hidden; zoom: 1;
            
            margin: 0;
            
            list-style: none;
        }
        .section.blog div.sub ul.widgets li ul li {
            margin: 0 0 0.5em 0;
        }
        .section.blog div.sub ul.widgets.one {
            float: left;
            width: 190px;

            margin: 0;

            font-size: 1em;
        }
        .section.blog div.sub ul.widgets.two {
            float: right;
            width: 190px;

            margin: 0;
        }
        .section.blog div.sub h2 {
            clear: both;
        }
        .section.blog div.sub .widgettitle {
            margin: 0 10px 0.643em 10px; /* 0.75/1.166 */

            font-size: 1.166em; /* 14/12 */
            font-weight: bold;
            text-transform: uppercase;
        }

        .section.blog div.post h2 {
            margin-bottom: 0;
        }
        .section.blog div.post p.postinfo {
            margin: 0.5em 10px 0.5em 10px;
            padding: 0 0 0.5em 0;

            font-size: 0.916em; /* 11/12 */

            border-bottom: 1px solid #ececec;
        }
        .section.blog div.post p.postinfo a.permalink span {
            position: absolute;
            left: -999em;
            top: 0;
        }
        .section.blog p.commentmetadata {
            margin-bottom: 0;
        }
    /* end .section.blog */

/* end div#CONTENT */

div#footer {
    margin: 1.5em 0;
    
    text-align: center;
}



/* div.meter */
    div.meter {
        margin: 0 10px 1.5em 10px;
    
        background: #616161;
    }
    div.meter span {
        display: block;
    
        padding: 0.5em 10px;
    
        font-size: 1.5em;
        text-align: right;
    
        color: white;
        background: #77de2c;
        border-right: 1px solid white;
    }
/* end div.meter */

/* ul.awards */
    ul.awards {
        overflow: hidden; zoom: 1;
    
        margin: 3em 0 3em 130px;
    }
    ul.awards li {
        float: left;
        width: auto;
    
        margin: 0 10px 0 0;
    }
/* end ul.awards */

/* form.certified */
    form.certified {
        padding: 0.857em 0;
    
        font-size: 1.166em; /* 14/12 */
        
        background: #f7dee3;
        border: 1px solid #de2c4e;
        
        background: #eee;
        border: 1px solid black;
    }
    form.certified ul,
    form.certified li {
        margin-left: 0;

        list-style: none;
    }
    form.certified input {
        font-size: 1em;
        
        background: white;
    }
    form.certified li input {
        background: transparent;
    }
    form.certified input.text {
       width: 500px;
    }
    form.certified input.date {
       width: 100px;
    }
    form.certified p.submit {
        overflow: hidden; zoom: 1;
        margin: 0;
        padding: 0;
        
        text-align: center;
        
        border: 0px;
    }
    form.certified input.submit {
        float: left;
        width: 190px;
        display: inline;
        
        margin: 0 0 0 60px;
        padding: 0.428em 10px;
        
        /*display: block;
                width: 190px;
                margin: 0 auto 0.5em auto;*/
        
        font-size: 1em;
        font-weight: bold;
        text-align: center;
    
        /*color: white;
                background: #de2c4e;
                border: 1px solid #f0ced5;
                border-right-color: #37030d;
                border-bottom-color: #37030d;*/
        
        /*color: white;
                background: #616161;
                border: 1px solid #979797;
                border-right-color: #2a2a2a;
                border-bottom-color: #2a2a2a;*/
        
        color: white;
        background: #23bc40;
        border: 1px solid #99ffac;
        border-right-color: #083b11;
        border-bottom-color: #083b11;
    }
    form.certified a.not-certified {
        float: right;
        width: 190px;
        display: inline;
        
        margin: 0 60px 0 0;
        padding: 0.428em 10px;
        
        /*display: block;
                width: 190px;
                margin: 0 auto 0.5em auto;*/
        
        font-size: 1em;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    
        /*color: white;
                background: #616161;
                border: 1px solid #979797;
                border-right-color: #2a2a2a;
                border-bottom-color: #2a2a2a;*/
        
        color: white;
        background: #de2c4e;
        border: 1px solid #f0ced5;
        border-right-color: #37030d;
        border-bottom-color: #37030d;
    }
/* end form.certified */


/* div.tweet */
    div.tweet ul {
        list-style: none;
    }
    div.tweet ul li {
        margin-left: 0;
        padding-left: 0;
    
        list-style: none;
    }
    div.tweet a.tweet_avatar {
        float: left;
        width: auto;
    
        margin: 0 10px 0 0;
    }
    div.tweet a.tweet_avatar img {
        display: block;
    
        margin: 0.25em 0 0.5em 0;
    }
/* end div.tweet */

/* p.feedback */
    p.feedback {
        padding: 0.857em 10px;

        font-size: 1.166em; /* 14/12 */
        text-align: center;
    
        background: #e3f5e2;
        border: 1px solid #39de2c;
    }
    p.feedback.error {
        background: #f7dee3;
        border: 1px solid #de2c4e;
    }
/* end p.feedback */

/* ol.commentlist */
    ol.commentlist li {
        margin: 0 0 1.5em 0;
    }
    ol.commentlist div.comment-author {
        margin: 0 10px;
    }
    ol.commentlist div.comment-author img {
        float: left;
        width: auto;
        margin: 0 10px 0 0;
    }
    ol.commentlist div.comment-meta {
        margin: 0 10px 0.5em 10px;
    }
    ol.commentlist p {
        clear: both;
    }
    ol.commentlist div.reply {
        margin: -0.545em 10px 0 10px;
    
        font-size: 0.916em; /* 11/12 */
        text-align: right;
    }
/* end ol.commentlist */

/* ul.navigation */
    ul.navigation {
        overflow: hidden; zoom: 1;
    
        list-style: none;
    }
    ul.navigation li {
        margin: 0;
        padding: 0;
    
        list-style: none;
    }
    ul.navigation .prev {
    }
    ul.navigation .next {
        text-align: right;
    }
/* end ul.navigation */

p.fsa {
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
    
    border: 10px solid black;
}

p.contact {
    margin-left: 0;
    margin-right: 0;
    padding: 10px;

    font-size: 1.166em; /* 14/12 */
    text-align: center;
    
    border: 10px solid #e0db10;
}

p.btc-powered {
    display: none;
}