/* Colors */

.color1 {
    color: #000;
}
.color2 {
    color: #333333;
}
.color3 {
    color: #0000CC;
}
.color4 {
    color: #009EFF;
}
.color5 {
    color: #3B4043;
}
.color6 {
    color: #262A2D;
}


/* General */
body {
    font-family: Arial, sans-serif;
    line-height: 1.5em;
    color: #333;
    background: #313131;
}
h1 { /* Uses Color 1 */
    font-size: 1.6em;
    line-height: 1.5em;
    color: #000;
    margin-bottom: .5em;
}
h2 { /* Uses Color 2 */
    font-size: 1.5em;
    line-height: 1.5em;
    color: #333;
    margin-bottom: .5em;
}
h3 { /* Uses Color 2 */
    font-size: 1.2em;
    line-height: 1.5em;
    color: #2C8AEF;
    margin-bottom: .5em;
}
h4 { /* Uses Color 2 */
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5em;
    color: #333333;
    margin-bottom: .5em;
}
h5 { /* Uses Color 2 */
    font-size: 1em;
    line-height: 1.5em;
    color: #333333;
    margin-bottom: .5em;
}
h6 { /* Uses Color 2 */
    font-size: 1em;
    line-height: 1.5em;
    color: #333333;
    margin-bottom: .5em;
}
p { /* Uses Color 2 */
    font-size: .8em;
    line-height: 1.5em;
    color: #333;
    margin-bottom: .5em;
}
a { /* Uses Color 3 */
    cursor: pointer;
    text-decoration: underline;
    color: #2C8AEF;
}
a:hover { /* Uses Color 4 */
    color: #1D5CBB;
}
a:active { /* Uses Color 2 */
    color: #7FCCFF;
}
ul, ol {
    margin-bottom: .5em;
    font-size: .8em;
}
ul {
    margin-left: 1.5em;
    list-style-type: disc;
}
ol {
    margin-left: 1.85em;
    list-style-type: decimal;
}
table {
    font-size: .8em;
    border-collapse: collapse;
    color: #333;
}
tbody tr td p {
    font-size: 1em !important;
}
thead tr td {
    background: #F2F2F2;
    font-weight: bold;
    border: 1px solid #999;
}
tbody tr td {
    border: 1px solid #999;
}
tfoot tr td {
    background: #F2F2F2;
    font-weight: bold;
    border: 1px solid #999;
}
input:text, select, textarea {
    border: 1px solid #AAA;
    font-size: .8em;
    padding: 3px 3px;
}
b, strong {
    font-weight: bold;
}

/* Layout  */
#wrapper {
    min-width: 980px;
    overflow: auto;
    background: #FFF url(../images/body-bg.gif) repeat-x;
}

#headerWrapper {
    margin: 0 auto 0 auto;
    padding-bottom: 1.4em;
    clear: both;
    width: 960px;
}
    #logo {
        float: left;
        margin-top: .5em;
    }
        #logo img {
        }


    #navigation {
        float: right;
        list-style: none;
    }
        #navigation li {
            float: left;
            margin-left: 1em;
            
        }
            #navigation li a.active {
                color: #2C8AEF;
                border-top: 3px solid #333;
            }
                #navigation li a.active:hover {
                    border-top: 3px solid #333;
                    color: #2C8AEF;
                }
            #navigation li a {
                color: #333;
                padding: 1.15em .5em 0 .5em;
                display: block;
                text-decoration: none;
                font-size: 1.2em;
                border-top: 3px solid #FFF;
            }
                #navigation li a:hover {
                    border-top: 3px solid #999;
                    color: #000;
                }

#bodyWrapper {
    background: url(../images/wrapper-bg.gif) no-repeat;
    padding: 1.5em 2em;
    overflow: hidden;
    min-height: 560px;
    margin: 0 auto 2em auto;
    clear: both;
    width: 900px;
}

#body {
    padding: 0 0 0 0;
}
    .pageNavigation {
        float: left;
        text-align: left;
        position: relative;
        margin: .5em 0 1em 0;
        list-style: none;
        width: 160px;
        margin-right: 2em;
    }
        .pageNavigation li {
            border: 1px solid #CCCCCC;
            background: #EEE;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            padding: 0 .5em;
            margin-bottom: .4em;
        }
            .pageNavigation li a {
                display: block;
                color: #000;
                padding: .25em 0 .25em 1.25em;
                text-decoration: none;
                background:url(../images/radio-normal.gif) left no-repeat;
            }
            .pageNavigation li a:hover {
                color: #333;
                background:url(../images/radio-hover.gif) left no-repeat;
            }

            .pageNavigation .current {
                background: url(../images/radio-current.gif) left no-repeat;
            }
            .pageNavigation .current:hover {
                background: url(../images/radio-current.gif) left no-repeat;
            }

    .page {
        float: left;
        width: 692px;
        padding-left: 1.25em;
        border-left: 1px dotted #CCCCCC;
        min-height: 300px;
    }

    .downloadButton {
        margin-top: 1em;
        display: block;
        background: url(../images/download-button.gif);
        width: 180px;
        height: 51px;
        cursor: default;
        text-indent: -2000px;
    }
    .downloadButton:hover {
        background-position: 0 -51px;
    }
    .downloadButton:active {
        background-position: 0 51px;
    }

    .donateButton {
        margin-top: 1em;
        display: block;
        background: url(/images/donate-button.gif);
        width: 118px;
        height: 51px;
        cursor: default;
        text-indent: -2000px;
    }
    .donateButton:hover {
        background-position: 0 -51px;
    }
    .donateButton:active {
        background-position: 0 51px;
    }

    .getAQuoteButton {
        margin-top: 1em;
        display: block;
        background: url(/images/get-a-quote-button.gif);
        width: 155px;
        height: 51px;
        cursor: default;
        text-indent: -2000px;
    }
    .getAQuoteButton:hover {
        background-position: 0 -51px;
    }
    .getAQuoteButton:active {
        background-position: 0 51px;
    }

    .seeADemoButton {
        margin-top: 1em;
        margin-left: 0;
        display: block;
        background: url(/images/see-a-demo-button.gif);
        width: 164px;
        height: 51px;
        cursor: default;
        text-indent: -2000px;
    }
    .seeADemoButton:hover {
        background-position: 0 -51px;
    }
    .seeADemoButton:active {
        background-position: 0 51px;
    }

    .featureLinks {
        margin: 0 0 0 .25em;
        list-style-image: url(/images/checkbox-checked.gif);
        list-style-position: inside;
    }
    .featureLinks li:hover {
        list-style-image: url(/images/checkbox-checked-hover.gif);
    }
    .featureLinks a {
        text-decoration: none;
    }

    .documentationLinks {
        margin: 0 0 0 .25em;
        list-style-image: url(/images/radio-normal.gif);
        list-style-position: inside;
    }
    .documentationLinks li:hover {
        list-style-image: url(/images/radio-hover.gif);
    }

    .documentationLinks a {
        text-decoration: none;
    }

    .documentation {
        
    }
    .documentationTableOfContents {
        line-height: 1.25em;
        list-style-type: decimal !important;
    }
        .documentationTableOfContents ul {
            font-size: .8em !important;
        }
    .documentationTableOfContents a {
        text-decoration: none;
    }
    .documentationTableOfContents li div a {
        font-weight: bold;
    }
    .documentationTableOfContents li ul {
        list-style-type: lower-alpha;
    }

    .documentationNavigation {
        width: 200px;
        margin: 0 0 0 0;
        float: left;
    }
        .documentationName {
        }
        .documentationName a {
            font-weight: bold;
            text-decoration: none;
            color: #000;
        }
        .documentationCategoryList {
            list-style: none;
            margin: 0 0 0 0;
        }
            .documentationHomeCategoryLink {
                text-align: center;
            }
            .documentationHomeCategoryLink img {
                padding-bottom: 2px;
            }
        .documentationSubcategoryList {
            margin: 0 0 0 1em;
            list-style: none;
            clear: both;
            font-size: 1em;
        }
            .documentationCategoryList div, .documentationSubcategoryList li {
                overflow: auto;
                clear: both;

                border: 1px solid #d4d5d6;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                background: url(/images/documentation-category-bg.gif) repeat-x;
            }
                .documentationCategoryList div:hover, .documentationSubcategoryList li:hover {
                    border-color: #53A6EA;
                    background: url(/images/documentation-category-highlight-bg.gif) repeat-x;
                }

                .documentationCategoryExpandButton {
                    cursor: pointer;
                    clear: both;
                    display: block;
                    float: left;
                    width: 30px;
                    height: 20px;
                    background: url(/images/documentation-arrow-right.gif) no-repeat;
                    margin: 2px 0 0 0;
                }
                    .documentationCategoryExpandButton:hover {
                        background-image: url(/images/documentation-arrow-right-highlight.png);
                    }
                    .documentationCategoryExpandButtonActive {
                        background-image: url(/images/documentation-arrow-down.gif);
                    }
                        .documentationCategoryExpandButtonActive:hover {
                            background-image: url(/images/documentation-arrow-down-highlight.png);
                        }

                .documentationCategoryLink, .documentationSubcategoryLink {
                    display: block;
                    text-decoration: none;
                    color: #333 !important;
                }
                    .documentationSubcategoryLink {
                        padding: 0 0 0 1em;
                    }
                    .documentationSelectedCategory, .documentationSelectedSubcategory {
                        border-color: #2C8AEF !important;
                        background: url(/images/documentation-category-selected-bg.gif) repeat-x !important;
                    }
                        .documentationSelectedCategory:hover, .documentationSelectedSubcategory:hover {
                            background: url(/images/documentation-category-highlight-bg.gif) repeat-x !important;
                        }
                        .documentationSelectedCategory a, .documentationSelectedSubcategory a {
                            
                        }

    .documentationContent {
        width: 684px;
        padding: 0 0 0 1em;
        float: left;
    }
        .documentationContent h1 {
            border-bottom: 1px solid #CCC;
        }
        .documentationContent p {
            font-size: .8em;
        }

        .documentationContent ul {
            font-size: 1em;
        }

        .documentationContent .simpleCode {
            border-top: 1px solid #CFCFCF;
            border-bottom: 1px solid #CFCFCF;
            background: #EDEDED !important;
            margin: 0 0 1em 0;
        }

        .documentationContent div.nogutter.php.syntaxhighlighter {
            background: #EDEDED !important;
            padding: 0 !important;
            margin: .75em 0 !important;
        }
            .documentationContent div.nogutter.php div {
                background: #EDEDED !important;
            }
            .documentationContent div.nogutter.php div * {
                color: #333 !important;
            }

            table.options {
                width: 100%;
                margin-bottom: 1em;
                border-collapse: collapse;
                border: 1px solid #CFCFCF;
            }
                table.options .name { font-weight: bold; }
                table.options .name a { font-weight: bold; }
                table.options .defaultValue { font-style: italic; }
                table.options thead .defaultValue { font-style: normal; }
                table.options .validationDescription { width: 80%; }
                table.options .description { width: 70%; }
                table.options thead { }
                table.options tbody { border: none; }
                table.options thead td {
                    color: #333;
                    background: #EDEDED;
                    border: 1px solid #CFCFCF;
                    font-weight: bold;
                }
                table.options td {
                    border: 1px solid #CFCFCF;
                    padding: .5em 1em;
                }
                table.options .simpleCode * {
                    font-size: 1em !important;
                }

            .donationType {
                background: #E0ECFF;
                float: left;
                border: 1px solid #A5C9FF;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                margin: .5em 1em 1em 0;
                padding: .5em;
                width: 198px;
            }
                .donationType p, .donationType li {
                    color: #113355;
                }
                .donationType h1 {
                    color: #113355;
                    font-size: 1em;
                    font-weight: bold;
                    text-decoration: none;
                    border-bottom-color: #A5C9FF;
                }
                .donationType img {
                    border: 1px solid #113355;
                    float: right;
                }

        .documentationSubcategoryTrail {
            font-size: .8em !important;
        }
        .documentationSubcategoryTrail a {
            text-decoration: none;
            color: #2C8AEF;
            border-bottom: 1px solid #2C8AEF;
        }

        .documentationExample {
            margin: 0 0 1em 0;
        }
            .documentationExampleTabList {
                margin: 0 0 0 1em;
                list-style: none;
                overflow: auto;
            }
                .documentationExampleTabList li {
                    float: left;
                    border: 1px solid #CCC;
                    cursor: pointer;
                    margin: 0 .5em 0 0;
                    display: block;
                    padding: .1em 1em;
                    font-size: .8em;
                    font-weight: bold;
                    -moz-border-radius-topright: 5px;
                    -moz-border-radius-topleft: 5px;
                    -webkit-border-top-right-radius: 5px;
                    -webkit-border-top-left-radius: 5px;
                    background-color: #EEE;
                }
                .documentationExampleTabList li.active {
                    background-color: #FFF;
                    border-bottom-color: #FFF;
                }

            .documentationExampleDemo {
                clear: both;
                border: 1px solid #CCC;
                padding: .5em 1em 0 1em;
                margin-top: -1px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }

            .documentationExampleSource {
                clear: both;
                border: 1px solid #CCC;
                padding: 0 1em .5em 0;
                margin-top: -1px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }

            

        .documentationNextItem {
            margin-top: 1em;
            text-align: right;
        }

        .documentationSubcategoryLineList {
            font-size: .8em !important;
            background: #ECECEC;
            padding: .5em;
            margin-bottom: 1em;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }
            .documentationSubcategoryLineList a {
                font-weight: bold;
                color: #000;
                text-decoration: none;
                border-bottom: 1px solid #AAA;
            }
            .documentationSubcategoryLineList a:hover {
                color: #2C8AEF;
                border-bottom-color: #6FB4FF;
            }
        .documentationSubcategoryPreview h3 a {
            font-weight: normal;
        }
        .documentationSubcategoryDescription {
            border: 1px solid #A5C9FF;
            background: #E0ECFF;
            padding: .5em .5em .25em .5em;
            margin: 0 0 1em 0;
        }
            .documentationSubcategoryDescription p {
                color: #113355;
                
            }
        .documentationSubcategoryLastEdited {
            color: #666;
            margin-top: 2em;
            font-size: .8em !important;
        }
        .documentationComments {
            margin-top: 1em;
        }
        .documentationComments div {
            padding: .5em;
            border: 1px solid #CCC;
            background: #ECECEC;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            margin-bottom: .5em;
        }
        .documentationComments div.newComment {
            border: 1px solid red;
        }
        .documentationCommentTitle a {
            color: #000;
            font-weight: bold;
            text-decoration: none;
        }
            .documentationCommentTitle a:hover {
                color: #555;
            }
    .documentationAddAComment {
    }

    .option { background: #e6f2f2; border: thin solid #999; padding: .25em; margin: .5em 0; }
    .option h4 { font-size: .85em; border-bottom: thin solid #CCC; }
    .option h4 a { font-weight: bold; }
    .option .description { font-size: .75em; padding: 0 .5em; }
    .option .description b { color: #777; }

    .method { background: #f2f2f2; border: thin solid #999; padding: .25em; margin: .5em 0; }
    .method h4 { font-size: .85em; border-bottom: thin solid #CCC; }
    .method .description { font-size: .75em; padding: 0 .5em; }
    .method .description b { color: #777; }

#footerWrapper {
    clear: both;
    border-top: 2px solid #257AF8;
    margin: 0 0 2em 0;
}
    #footer {
        width: 960px;
        margin: 0 auto;
        padding-top: 1em;
        text-align: center;
    }
        #footer p {
            color: #FFF;
        }
            #footer a {
                color: #DDD;
            }

            .legal {
                margin: 1em 0 0 0;
            }

.smallTitle {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
}

#imageSlider {float: left; width: 640px; height: 403px; border: .75em solid #DDDDDD; -moz-border-radius: .25em; -webkit-border-radius: .25em; margin: .2em 0 0 0; position: relative; overflow: hidden; background: url(/images/splash-bg.gif) no-repeat; }
#imageSlider ul { list-style: none; margin: 0; }
#imageSlider ul.sliderContainer { position: relative; }
#imageSlider ul.sliderContainer li { float:left; position: absolute }
#imageSlider .sliderControl { z-index: 9999; background: #333; height: 24px; color: #FFF; position: absolute; bottom: 0; width: 640px; font-weight: bold; padding: 2px 0 0 4px; }
#imageSlider .sliderControl ul { float: left;  font-size: .75em; }
#imageSlider .sliderControl ul.numbers { float: left;  font-size: .75em; margin-left: 1em; }
#imageSlider .sliderControl ul li { float: left; padding: 0 5px; line-height: 1.5em; margin: 2px; background: #666; -moz-border-radius: 2px; }
#imageSlider .sliderControl ul li:hover { background: #FFF; color:#000; cursor: pointer;}
#imageSlider .sliderControl ul li.active { background: #FFF; color:#000;}

#subscribeForm {
    padding-bottom: .5em;
}
#subscribeForm .jFormPageWrapper {
    float: left;
    width: 198px;
}
#subscribeForm .nextButton {
    padding: .2em .2em .3em .2em;
}
#subscribeForm .jFormComponentValidationFailed input {
    border-color: #E25E52;
}
#subscribeForm .jFormComponent {
    padding: 0;
    background: none;
    border: none;
}
#subscribeForm .jFormerControl {
    margin-top: 22px;
    padding-bottom: .5em;
    clear: none;
    float: left;
}

.documentation li button { font-size: .8em !important; }

.imageBorder {
    -moz-border-radius:0.25em 0.25em 0.25em 0.25em;
    border:0.75em solid #DDDDDD;
}

#donationAmounts form {
    margin: .5em;
    float: left;
}

.downloadDescription { font-size: .5em; color: #666; }
.downloadBlock { margin: 1em 0; }
.donateModal {
    position: absolute;
    right: 25px;
    top: -30px;
    width: 210px;
    padding: 20px 20px 10px 20px;
    border: 1px solid #1F6BDF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #338CEE;
}
.donateModal p {
    color: #FFF;
    font-weight: bold;
}
.donateModal .donateButton {
    border: .5em solid #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 1em auto 0 auto;
}