/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
 *
 * @version
 * 2.1.364 (October 15 2009)
 * 
 * @copyright
 * Copyright (C) 2004-2009 Alex Gorbatchev.
 *
 * @license
 * This file is part of SyntaxHighlighter.
 * 
 * SyntaxHighlighter is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * SyntaxHighlighter is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
*/
/************************************
 * Default Syntax Highlighter theme.
 * 
 * Interface elements.
 ************************************/

.syntaxhighlighter
{
    font-size: .8em !important;
    background-color: #fff !important;
}

.syntaxhighlighter .line {
    height: 1.25em !important;
}

/* Highlighed line number */
.syntaxhighlighter .line.highlighted .number
{
    background: #E7E5DC !important;
    color: black !important;
}

/* Highlighed line */
.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2
{
    background-color: #e0e0e0 !important;
}

/* Gutter line numbers */
.syntaxhighlighter .line .number
{
    color: #afafaf !important;
}

/* Add border to the lines */
.syntaxhighlighter .line .content
{
    border-left: 3px solid #6CE26C !important;
    color: #000 !important;
}

.syntaxhighlighter.printing .line .content 
{
    border: 0 !important;
}

/* First line */
.syntaxhighlighter .line.alt1
{
    background-color: #fff !important;
}

/* Second line */
.syntaxhighlighter .line.alt2
{
    background-color: #F8F8F8 !important;
}

.syntaxhighlighter .toolbar
{
    background-color: #F8F8F8 !important;
    border: #E7E5DC solid 1px !important;
}

.syntaxhighlighter .toolbar a
{
    color: #a0a0a0 !important;
}

.syntaxhighlighter .toolbar a:hover
{
    color: red !important;
}

/************************************
 * Actual syntax highlighter colors.
 ************************************/
.syntaxhighlighter .plain,
.syntaxhighlighter .plain a
{ 
    color: #000 !important;
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a
{ 
    color: #008200 !important;
}

.syntaxhighlighter .string,
.syntaxhighlighter .string a
{
    color: blue !important;
}

.syntaxhighlighter .keyword
{ 
    color: #069 !important;
    font-weight: bold !important;
}

.syntaxhighlighter .preprocessor 
{ 
    color: gray !important;
}

.syntaxhighlighter .variable 
{ 
    color: #a70 !important;
}

.syntaxhighlighter .value
{ 
    color: #090 !important;
}

.syntaxhighlighter .functions
{ 
    color: #ff1493 !important;
}

.syntaxhighlighter .constants
{ 
    color: #0066CC !important;
}

.syntaxhighlighter .script
{ 
    background-color: yellow !important;
}

.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a
{ 
    color: #808080 !important;
}

.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a
{ 
    color: #ff1493 !important;
}

.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a
{ 
    color: red !important;
}

/* reset */

/**
 * Reset the CSS defaults for all browsers.
 * @source http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */

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,
input, select, textarea, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
/* Remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
        font-size: 100%;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* 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(http://www.jformer.com/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(http://www.jformer.com/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(http://www.jformer.com/images/radio-normal.gif) left no-repeat;
            }
            .pageNavigation li a:hover {
                color: #333;
                background:url(http://www.jformer.com/images/radio-hover.gif) left no-repeat;
            }

            .pageNavigation .current {
                background: url(http://www.jformer.com/images/radio-current.gif) left no-repeat;
            }
            .pageNavigation .current:hover {
                background: url(http://www.jformer.com/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(http://www.jformer.com/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(http://www.jformer.com/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(http://www.jformer.com/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(http://www.jformer.com/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(http://www.jformer.com/images/checkbox-checked.gif);
        list-style-position: inside;
    }
    .featureLinks li:hover {
        list-style-image: url(http://www.jformer.com/images/checkbox-checked-hover.gif);
    }
    .featureLinks a {
        text-decoration: none;
    }

    .documentationLinks {
        margin: 0 0 0 .25em;
        list-style-image: url(http://www.jformer.com/images/radio-normal.gif);
        list-style-position: inside;
    }
    .documentationLinks li:hover {
        list-style-image: url(http://www.jformer.com/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(http://www.jformer.com/images/documentation-category-bg.gif) repeat-x;
            }
                .documentationCategoryList div:hover, .documentationSubcategoryList li:hover {
                    border-color: #53A6EA;
                    background: url(http://www.jformer.com/images/documentation-category-highlight-bg.gif) repeat-x;
                }

                .documentationCategoryExpandButton {
                    cursor: pointer;
                    clear: both;
                    display: block;
                    float: left;
                    width: 30px;
                    height: 20px;
                    background: url(http://www.jformer.com/images/documentation-arrow-right.gif) no-repeat;
                    margin: 2px 0 0 0;
                }
                    .documentationCategoryExpandButton:hover {
                        background-image: url(http://www.jformer.com/images/documentation-arrow-right-highlight.png);
                    }
                    .documentationCategoryExpandButtonActive {
                        background-image: url(http://www.jformer.com/images/documentation-arrow-down.gif);
                    }
                        .documentationCategoryExpandButtonActive:hover {
                            background-image: url(http://www.jformer.com/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(http://www.jformer.com/images/documentation-category-selected-bg.gif) repeat-x !important;
                    }
                        .documentationSelectedCategory:hover, .documentationSelectedSubcategory:hover {
                            background: url(http://www.jformer.com/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(http://www.jformer.com/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;
}


/* Form */
.jFormer { }
.jFormer .jFormerTitle { }
.jFormer .jFormerDescription { }
.jFormer .jFormerIFrame { border: none; display: none; width: 600px; height: 200px; clear: both; border: 1px solid #CCC; }
.jFormer .jFormerAfterControl {  }

/* Alerts and Modal */
.jFormer .jFormerAlertWrapper { position: fixed; top: 0; left: 0; z-index: 3; text-align: center; width: 100%; margin: 0 0 0 0; }
.jFormer .jFormerAlertWrapper .error { background-color: red; }
.jFormer .jFormerAlertWrapper .update { background-color: blue; }
.jFormer .jFormerAlert { max-width: 100px; margin: 0 auto; padding: .25em 1em .5em 1em; text-align: center; font-weight: bold; background: #333; color:#FFF; font-size: .8em; }
.jFormer .jFormerModalTransparency { position: absolute; z-index: 99999; width: 100%; height: 100%; left: 0; top: 0; filter: alpha(opacity: 50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; background-color: #CCCCCC;}
.jFormer .jFormerModalWrapper { position: absolute; z-index: 1000000; width: 100%; height: 100%; left: 0; top: 0; }
.jFormer .jFormerModalWrapper .jFormerModal { border: 1px solid red; background: #F2F2F2; overflow: auto; min-width: 300px; max-width: 500px; margin: 0 auto; font-size: .8em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 2px 12px 30px #333; }
.jFormer .jFormerModalWrapper .jFormerModal .jFormerModalHeader { background: #AA231D; color: #FFF; font-size: 1.4em; padding: .1em .25em; }
.jFormer .jFormerModalWrapper.jFormerModalNotice .jFormerModal { border: 1px solid #257AF8; background: #F2F2F2; overflow: auto; min-width: 300px; max-width: 500px; margin: 0 auto; font-size: .8em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 2px 12px 30px #333; }
.jFormer .jFormerModalWrapper.jFormerModalNotice .jFormerModal .jFormerModalHeader { background: #257AF8; color: #FFF; font-size: 1.4em; padding: .1em .25em; }
.jFormer .jFormerModalWrapper .jFormerModal { border: 1px solid red; background: #F2F2F2; overflow: auto; min-width: 300px; max-width: 500px; margin: 0 auto; font-size: .8em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 2px 12px 30px #333; }
.jFormer .jFormerModalWrapper .jFormerModal .jFormerModalContent { padding: .5em; background: #FFF; }
.jFormer .jFormerModalWrapper .jFormerModal .jFormerModalFooter { border-top: 1px solid #CECECE; text-align: right; }
.jFormer .jFormerModalWrapper .jFormerModal .jFormerModalFooter button { margin: .5em; font-size: 1em; background: #FFFFFF url(http://www.jformer.com/images/jformer/button-bg.png) repeat-x scroll left center; border: 1px solid; border-color: #DEDEDE #BBBBBB #BFBFBF #DEDEDE; padding: .35em .45em; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Page Navigator */
.jFormer .jFormPageNavigator { overflow: auto; }

.jFormer .jFormPageNavigatorTop { }
.jFormer .jFormPageNavigator ul { margin: 0; }
.jFormer .jFormPageNavigator li { margin: 0; list-style: none; }
.jFormer .jFormPageNavigatorTop { border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; padding: .55em .5em .5em 0; margin-bottom: .5em; }
.jFormer .jFormPageNavigatorTop .jFormPageNavigatorLink { float: left; margin: 0 .5em 0 0; text-align: center; color: #000; cursor: pointer; padding: 0 .75em .1em 0; }
.jFormer .jFormPageNavigatorTop .jFormPageNavigatorLink .jFormNavigatorLinkPrefix { width: 34px; height: 29px; padding: 1px 0 0 0; text-align: center; display: inline-block; }
.jFormer .jFormPageNavigatorTop .jFormPageNavigatorLinkUnlocked .jFormNavigatorLinkPrefix { background: url(http://www.jformer.com/images/jformer/icons/page-navigator-unlocked.png) .3em 50% no-repeat; color: #666; }
.jFormer .jFormPageNavigatorTop .jFormPageNavigatorLinkLocked .jFormNavigatorLinkPrefix { background: url(http://www.jformer.com/images/jformer/icons/page-navigator-locked.png) .3em 50% no-repeat; color: #666; }
.jFormer .jFormPageNavigatorTop .jFormPageNavigatorLinkDependencyLocked .jFormNavigatorLinkPrefix { background: url(http://www.jformer.com/images/jformer/icons/page-navigator-dependency-locked.png) .3em 50% no-repeat; color: #666; }
.jFormer .jFormPageNavigatorTop .jFormPageNavigatorLinkWarning .jFormNavigatorLinkPrefix { background: url(http://www.jformer.com/images/jformer/icons/page-navigator-warning.png) .3em 50% no-repeat; }
.jFormer .jFormPageNavigatorTop .jFormPageNavigatorLinkActive .jFormNavigatorLinkPrefix { background: url(http://www.jformer.com/images/jformer/icons/page-navigator-active.png) .3em 50% no-repeat; color: #000; font-weight: bold; }

.jFormer .jFormPageNavigatorRight { position: absolute; top: 0; right: 0; }
.jFormer .jFormPageNavigatorRight .jFormPageNavigatorLink { border: 1px solid #CCC; margin: 0 0 .25em 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.jFormer .jFormPageNavigatorRight .jFormPageNavigatorLinkUnlocked { padding: .25em .75em .25em 1.9em; background: url(http://www.jformer.com/images/jformer/icons/accept.png) .3em 50% no-repeat; cursor: pointer; color: #2C8AEF; }
.jFormer .jFormPageNavigatorRight .jFormPageNavigatorLinkDisabled { padding: .25em .75em .25em .55em; color: #999; cursor: default; }
.jFormer .jFormPageNavigatorRight .jFormPageNavigatorLinkWarning { padding: .25em .75em .25em 1.9em; background: url(http://www.jformer.com/images/jformer/icons/error.png) .3em 50% no-repeat; cursor: pointer; color: #2C8AEF; }
.jFormer .jFormPageNavigatorRight .jFormPageNavigator li.jFormPageNavigatorLinkActive { background-color: #DFEFFF; border: 1px solid #C2D7EF; }

.jFormer .jFormerProgress {}
.jFormer .jFormerProgressBar { background: #2C8AEF; border: 1px solid #006BDF; -moz-border-radius: 5px; width: 0; }
.jFormer .jFormerProgressBar p { text-align: center; color: #FFF; line-height: 2em; margin: 0; }

/* Control */
.jFormer .jFormerControl { clear: both; margin: .75em 0 0 0; padding: 0 0 1.5em 0; list-style: none; overflow: hidden; }
.jFormer .jFormerControl li { float: left; margin: 0 1em 0 0; position: relative; }
.jFormer .jFormerControl li button { font-size: 1em; margin: 0 0 1em 0; background: #FFFFFF url(http://www.jformer.com/images/jformer/button-bg.png) repeat-x scroll left center; border: 1px solid; border-color: #DEDEDE #BBBBBB #BFBFBF #DEDEDE; padding: .65em .75em; cursor: pointer; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -webkit-border-radius: 5px; }
.jFormer .jFormerControl li button:hover { border-color: #2C8AEF; }
.jFormer .jFormerControl li button:active { border-color: #7FBCFF; }
.jFormer .jFormerControl .jFormerFailureNotice { background: url(http://www.jformer.com/images/jformer/icons/exclamation.png) no-repeat .5em 50%; padding: .25em .75em .25em 2em; background-color: #FFDFE0; border: 1px solid #EFC2C4; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }

/* Pages */
.jFormer .jFormWrapperContainer { overflow: auto; }
.jFormer .jFormPageWrapper { overflow: hidden; clear: both; }
.jFormer .jFormPageScroller { }
.jFormer .jFormPage { float: left; }
.jFormer .jFormPage .jFormPageTitle { }
.jFormer .jFormPage .jFormPageDescription { }
.jFormer .jFormPageInactive { visibility: hidden; }
.jFormer .jFormPageSuccess {}
.jFormer .jFormPageFailure {}
.jFormer .jFormerFailure { background: url(http://www.jformer.com/images/jformer/icons/exclamation.png) no-repeat .5em 50%; padding: .25em .75em .25em 2em; background-color: #FFDFE0; border: 1px solid #EFC2C4; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }

/* Sections */
.jFormer .jFormSection { clear: both; overflow: auto; }
.jFormer .jFormSection .jFormSectionTitle { }
.jFormer .jFormSection .jFormSectionDescription { }
.jFormer .jFormSectionDependencyDisabled { background: url(http://www.jformer.com/images/jformer/icons/lock.png) no-repeat top right #f1f1f1; color: #CCC; border: 1px solid #f1f1f1; }
.jFormer .jFormSectionDependencyDisabled:hover { background-color: #f1f1f1; border: 1px solid #CCC; }

/* Instances */
.jFormer .jFormComponentAddInstanceButton { display: block; margin: 0 0 .75em .65em; background: url(http://www.jformer.com/images/jformer/icons/add.png) no-repeat .25em 50% #EEEEEE; font-size: .8em; clear: both; border: 1px solid #AAA; padding: .25em .25em .25em 1.5em; cursor: pointer; -moz-border-radius: 5px; }
.jFormer .jFormComponentRemoveInstanceButton { display: inline; margin: 0 0 0 .5em; background: url(http://www.jformer.com/images/jformer/icons/cancel.png) no-repeat .25em 50% #EEEEEE; font-size: .8em; clear: both; border: 1px solid #AAA; padding: .25em .25em .25em 1.5em; cursor: pointer; -moz-border-radius: 5px; }
.jFormer .jFormSectionAddInstanceButton { display: block; margin: 0 0 .75em .65em; background: url(http://www.jformer.com/images/jformer/icons/add.png) no-repeat .25em 50% #EEEEEE; font-size: .8em; clear: both; border: 1px solid #AAA; padding: .25em .25em .25em 1.5em; cursor: pointer; -moz-border-radius: 5px; }
.jFormer .jFormSectionRemoveInstanceButton { display: block; margin: 0 0 .75em .65em; background: url(http://www.jformer.com/images/jformer/icons/cancel.png) no-repeat .25em 50% #EEEEEE; font-size: .8em; clear: both; border: 1px solid #AAA; padding: .25em .25em .25em 1.5em; cursor: pointer; -moz-border-radius: 5px; }

/* Tips */
.jFormer .jFormerTip { position: absolute; top: 0; left: 0; display: none; z-index: 3; max-width: 300px; _width: 300px; }
.jFormer .jFormerTip .tipArrow { position: relative; display: block; margin: 8px 0 0 1px; width: 12px; height: 16px; background: url(http://www.jformer.com/images/jformer/tip-arrow-left.png) no-repeat; }
.jFormer .jFormerTip .tipContent { position: relative; top: -22px; left: 13px; background: #333333; zoom: 1; color: #FFF; z-index: 3; padding: .75em 1em .75em .95em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 2px 2px 8px #444; -webkit-box-shadow: 2px 2px 8px #444; }
.jFormer .jFormerTip .tipContent p { color: #FFF; margin: 0; font-size: .8em; }
.jFormer table .jFormerTip .tipContent p { font-size: 1em; }
.jFormer table .jFormerTip .tipContent ul { font-size: 1em; }
.jFormer .jFormerTip .tipContent ul { margin: 0; }
.jFormer .jFormerTip .tipContent .tipErrorUl { color: #FF8F8F; }
.jFormer .jFormerTip .tipContent .tipErrorUl li { list-style-type: disc; margin-left: 1.25em; font-weight: bold; }
.jFormer .jFormerTipBlurred { z-index: 2 !important; }
.jFormer .jFormerTipBlurred .tipArrow { background: url(http://www.jformer.com/images/jformer/tip-arrow-left-blurred.png) no-repeat; }
.jFormer .jFormerTipBlurred .tipContent { background-color: #555; -moz-box-shadow: 2px 2px 8px #555; -webkit-box-shadow: 2px 2px 8px #555; }
.jFormer .jFormComponentMultipleChoiceTipIcon  { display: inline-block; width: 16px; height: 20px; background: url(http://www.jformer.com/images/jformer/icons/help.png) no-repeat 0 3px; }
.jFormer .jFormComponentMultipleChoiceTip .tipArrow { margin-top: 3px !important; }
.jFormer .jFormComponentMultipleChoiceTip .tipContent { top: -23px !important; }

/* Components */
.jFormer .jFormComponent { padding: .25em .8em .5em .5em; overflow: hidden; margin-bottom: 3px; border: 1px solid transparent; float: left; clear: both; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.jFormer .jFormComponent input { font-family: Arial; font-size: .8em; padding: 3px .35em; background: #EEEEEE url('http://www.jformer.com/images/jformer/input-bg.gif') repeat-x 0 1px scroll; border: 1px solid #AAA; }
.jFormer .jFormComponent select { font-family: Arial; font-size: .8em; background: #EEEEEE; border: 1px solid #AAA; }
.jFormer .jFormComponent textarea { font-family: Arial; font-size: .8em; padding: 3px .35em; background: url('http://www.jformer.com/images/jformer/input-bg.gif') repeat-x 0 1px scroll #EEEEEE; border: 1px solid #AAA; resize:none;}
.jFormer .jFormComponent .defaultValue { color: #666666; }
.jFormer .jFormComponent .jFormComponentDescription { clear: both; margin: .5em 0 0 0; }
.jFormer .jFormComponentHighlight { background-color: #DFEFFF; border: 1px solid #C2D7EF; }
.jFormer .jFormComponentServerSideCheck { background-color: #FFFCDF; border: 1px solid #EFEBC2; }
.jFormer .jFormComponentValidationFailed { background-color: #FFDFE0; border: 1px solid #EFC2C4; }
.jFormer .jFormComponentValidationPassed { }
.jFormer .jFormComponentDependencyDisabled { background: url(http://www.jformer.com/images/jformer/icons/lock.png) no-repeat top right #f1f1f1; color: #CCC; }
.jFormer .jFormComponentDependencyDisabled.jFormComponentHighlight { background-color: #f1f1f1; border: 1px solid #CCC; }

/* Labels and Sublabels */
.jFormer .jFormComponent .jFormComponentLabel { display: block; font-size: .8em; font-weight: bold; }
.jFormer .jFormComponent .jFormComponentLabelRequiredStar { color: #F00; }
.jFormer .jFormComponentValidationFailed .jFormComponentLabel, .jFormer .jFormComponentValidationFailed .jFormComponentLikertStatementLabel { background: url(http://www.jformer.com/images/jformer/icons/exclamation.png) no-repeat left; padding-left: 18px; }

.jFormer .jFormComponent .jFormComponentSublabel p { margin: 0; padding: 0; font-size: .7em; }

/* Component Type - SingleLineText */
.jFormer .jFormComponentSingleLineText input { width: 12em; }

/* Component Type - TextArea */
.jFormer .jFormComponentTextArea textarea { width: 24em; height: 12em; }

/* Component Type - MultipleChoice */
.jFormer .jFormComponentMultipleChoice .choiceWrapper { }
.jFormer .jFormComponentMultipleChoice .choice { cursor: pointer; margin: 0 .35em 0 0; }
.jFormer .jFormComponentMultipleChoice .choiceLabel { font-size: .8em; font-weight: normal; margin-right: 1em; cursor: pointer; }
.jFormer .jFormComponentMultipleChoiceTip { z-index: 5; }

/* Component Type - DropDown */
.jFormer .jFormComponentDropDown .dropDown { display: block; }
.jFormer .jFormComponentDropDown .dropDown .choice { }

/* Component Type - Hidden */
.jFormer .jFormComponentHidden { display: none; }

/* Component Type - File */
.jFormer .jFormComponentFile { }
.jFormer .jFormComponentFile .pseudoFile { z-index: 1; }
.jFormer .jFormComponentFile .pseudoFile input { border: 1px solid #AAA !important; color: #000 !important; }
.jFormer .jFormComponentFile .pseudoFile input:disabled { border: 1px solid #AAA !important; color: #000 !important; }
.jFormer .jFormComponentFile .pseudoFile button:disabled { color: #000; border: 1px solid; border-color: #DEDEDE #BBBBBB #BFBFBF #DEDEDE; }
.jFormer .jFormComponentFile .pseudoFile button { font-size: .8em; margin: 0 0 0 .25em; background: #FFFFFF url(http://www.jformer.com/images/jformer/button-bg.png) repeat-x scroll left center; border: 1px solid; border-color: #DEDEDE #BBBBBB #BFBFBF #DEDEDE; padding: .25em .5em .225em .5em; cursor: pointer; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -webkit-border-radius: 5px; }
.jFormer .jFormComponentFile .file.hidden { z-index: 2; text-align: right; position: relative;  font-size: 1.1em; filter: alpha(opacity: 0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

/* Component Type - Name */
.jFormer .jFormComponentName input:focus {  border: 1px solid #888; }
.jFormer .jFormComponentName .firstNameDiv { display:block; float:left; }
.jFormer .jFormComponentName .firstName { width: 7em; margin-right: .35em; }
.jFormer .jFormComponentName .middleInitialDiv { display:block; float:left; }
.jFormer .jFormComponentName .middleInitial { width: 2em; margin-right: .35em; }
.jFormer .jFormComponentName .lastNameDiv { display:block; float:left; }
.jFormer .jFormComponentName .lastName { width: 10em; }

/* Component Type - Address */
.jFormer .jFormComponentAddress { }
.jFormer .jFormComponentAddress input:focus { border: 1px solid #888; }
.jFormer .jFormComponentAddress select:focus {  border: 1px solid #888; }
.jFormer .jFormComponentAddress .addressLine1Div { display: block; }
.jFormer .jFormComponentAddress .addressLine1 { width: 24em; }
.jFormer .jFormComponentAddress .addressLine2Div { display: block; margin-top: .25em; }
.jFormer .jFormComponentAddress .addressLine2 { width: 24em; }
.jFormer .jFormComponentAddress .cityDiv { margin: .25em .5em 0 0; display: block; float: left; }
.jFormer .jFormComponentAddress .city { width: 10em; }
.jFormer .jFormComponentAddress .stateDiv { margin: .25em 0 0 0; display: block; float: left; }
.jFormer .jFormComponentAddress .state { width: 12.1em; }
.jFormer .jFormComponentAddress select.state { padding: .15em 0em; width: 13.35em; }
.jFormer .jFormComponentAddress .zipDiv { margin: .25em .5em 0 0; clear: both; display: block; float: left; }
.jFormer .jFormComponentAddress .zip { width: 10em; }
.jFormer .jFormComponentAddress .countryDiv { margin: .25em 0 0 0; display: block; float: left; }
.jFormer .jFormComponentAddress .country { width: 13.35em; padding: .15em 0em; }

/* Component Type - CreditCard */
.jFormer .jFormComponentCreditCard { }
.jFormer .jFormComponentCreditCard input:focus { border: 1px solid #888; }
.jFormer .jFormComponentCreditCard select:focus {  border: 1px solid #888; }
.jFormer .jFormComponentCreditCard .cardTypeDiv { display: block; }
.jFormer .jFormComponentCreditCard .cardType { width: 14.225em; }
.jFormer .jFormComponentCreditCard .cardNumberDiv { display: block; margin-top: .25em; }
.jFormer .jFormComponentCreditCard .cardNumber { width: 13.35em; padding-left: .35em; }
.jFormer .jFormComponentCreditCard .expirationDateDiv { display: block; margin-top: .25em; float: left; overflow: auto; }
.jFormer .jFormComponentCreditCard .expirationMonth.long { width: 9.1em; }
.jFormer .jFormComponentCreditCard .expirationMonth { margin-right: .5em; margin-bottom: .1em; }
.jFormer .jFormComponentCreditCard .expirationDateSeparator { margin-right: .5em; font-size: .8em; }
.jFormer .jFormComponentCreditCard .expirationYear { }
.jFormer .jFormComponentCreditCard .expirationYear.long { width: 4.5em; }
.jFormer .jFormComponentCreditCard .securityCodeDiv { clear: both; display: block; float: left; margin-top: .25em; }
.jFormer .jFormComponentCreditCard .securityCode { width: 5em; padding-left: .35em; }


/* Component Type - Likert */
.jFormer .jFormComponentLikert { }
.jFormer .jFormComponentLikert table.jFormComponentLikertTable { background: #FFF; border-collapse: collapse; }
.jFormer .jFormComponentLikert table.jFormComponentLikertTable td { border: 1px solid #CCC; }
.jFormer .jFormComponentLikert table.jFormComponentLikertTable th { border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
.jFormer .jFormComponentLikert table.jFormComponentLikertTable tr { }
.jFormer .jFormComponentLikert table.jFormComponentLikertTable tr.jFormComponentLikertTableHeading { background: #E6E6E6; }
.jFormer .jFormComponentLikert table.jFormComponentLikertTable tr.jFormComponentLikertTableRowEven { background-color: #FFF; }
.jFormer .jFormComponentLikert table.jFormComponentLikertTable tr.jFormComponentLikertTableRowOdd { background-color: #F5F5F5; }
.jFormer .jFormComponentLikert table.jFormComponentLikertTable tr.jFormComponentHighlight { background-color: #FFFFCF; border: none; }
.jFormer .jFormComponentLikert table.jFormComponentLikertTable tr.jFormComponentHighlight td {  }
.jFormer .jFormComponentLikert table.jFormComponentLikertTable tr.jFormComponentValidationFailed { border: none; }
.jFormer .jFormComponentLikert table.jFormComponentLikertTable tr.jFormComponentValidationFailed td { background-color: #FFEFF0; }
.jFormer .jFormComponentLikert table.jFormComponentLikertTable th { font-size: .9em; line-height: 1.5em; padding: .5em; text-align: center; max-width: 6em; min-width: 6em; vertical-align: middle; }
.jFormer .jFormComponentLikert table.jFormComponentLikertTable th.jFormComponentLikertStatementColumn { font-size: 1em; padding: .5em .5em .5em .8em; min-width: 15em; text-align: left; }
.jFormer .jFormComponentLikert table.jFormComponentLikertTable td { border: 1px solid #CCC; text-align: center; padding: .5em 1.5em; }
.jFormer .jFormComponentLikert table.jFormComponentLikertTable td.jFormComponentLikertStatementColumn { padding: .5em .5em .5em .8em; min-width: 15em; text-align: left; }
.jFormer .jFormComponentLikert table.jFormComponentLikertTable label.jFormComponentLikertStatementLabel { font-weight: bold; }
.jFormer .jFormComponentLikert table.jFormComponentLikertTable div.jFormComponentLikertStatementDescription p { font-size: 1em; }
.jFormer .jFormComponentLikert label.jFormComponentLikertSublabel { display: block; font-size: .9em; }

/* Component Type - Date */
.jFormer .jFormComponentDate input { width: 9em; }
.jFormer .jFormComponentDateButton { cursor:pointer; width: 16px; height: 16px; padding: 0; margin: 0 3px -2px; display: inline-block; text-indent: -2000px; overflow: hidden; background: url(http://www.jformer.com/images/jformer/calendar.gif) no-repeat; }
.jFormer .jFormComponentDateSelector { background: #F2F2F2; border: 1px solid #bbb;  padding: 5px 5px 5px 8px;  margin: -1px 0 0 0;  position: absolute;  z-index: 100000;  display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.jFormer .jFormComponentDateSelectorIEFrame { position: absolute;  z-index: 99999;  display: none; }
.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorNavigator {  width: 13.5em; /* 7 * 2.5em */  }
.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorMonthNavigator, .jFormComponentDateSelector .jFormComponentDateSelectorYearNavigator {  margin: 0 0 3px 0;  padding: 0;  display: block;  position: relative;  text-align: center;  }
.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorMonthNavigator { float: left;  width: 50%;  }
.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorYearNavigator { float: right;  width: 35%;  }
.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorMonthName, .jFormComponentDateSelector .jFormComponentDateSelectorYearName { font-weight: bold; line-height: 20px;  }
.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorButton { display: block; position: absolute; top: 0; width: 18px; height: 18px; line-height: 17px; font-weight: bold; color: #003C78; text-align: center; font-size: 120%; overflow: hidden; border: 1px solid #F2F2F2; }
.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorButton:hover, .jFormComponentDateSelector .jFormComponentDateSelectorButton.hover { background: none; color: #003C78; cursor: pointer; border-color: #ccc; }
.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorPrevious { left: 0; }
.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorNext { right: 0; }
.jFormer .jFormComponentDateSelector table { border-spacing: 0; border-collapse: collapse; clear: both; }
.jFormer .jFormComponentDateSelector th, .jFormComponentDateSelector td { width: 2.3em; height: 2em; padding: 0; text-align: center; color: black; }
.jFormer .jFormComponentDateSelector td { border: 1px solid #ccc; text-align: center; white-space: nowrap; color: #003C78; background: white; }
.jFormer .jFormComponentDateSelector td.jFormComponentDateSelectorToday { background: #FFFEB3; }
.jFormer .jFormComponentDateSelector td.jFormComponentDateSelectorUnselectedMonth { color: #ccc; }
.jFormer .jFormComponentDateSelector td.jFormComponentDateSelectorSelectedDay { cursor: pointer; }
.jFormer .jFormComponentDateSelector td.jFormComponentDateSelectorSelected { background: #D8DFE5; font-weight: bold; }
.jFormer .jFormComponentDateSelector td.jFormComponentDateSelectorSelectedDay:hover, .jFormComponentDateSelector td.jFormComponentDateSelectorSelectedDay.hover { background: #003C78; color: white; }

/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
 *
 * @version
 * 2.1.364 (October 15 2009)
 * 
 * @copyright
 * Copyright (C) 2004-2009 Alex Gorbatchev.
 *
 * @license
 * This file is part of SyntaxHighlighter.
 * 
 * SyntaxHighlighter is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * SyntaxHighlighter is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
 */
.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody
{
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	background: none !important;
	text-align: left !important;
	float: none !important;
	vertical-align: baseline !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	height: auto !important;
	width: auto !important;
	line-height: 1.1em !important;
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-size: 1em !important;
	min-height: inherit !important; /* For IE8, FF & WebKit */
	min-height: auto !important; /* For IE7 */
}

.syntaxhighlighter
{
	width: 99% !important; /* 99% fixes IE8 horizontal scrollbar */
	margin: 1em 0 1em 0 !important;
	padding: 1px !important; /* adds a little border on top and bottom */
	position: relative !important;
}

.syntaxhighlighter .bold 
{
	font-weight: bold !important;
}

.syntaxhighlighter .italic 
{
	font-style: italic !important;
}

.syntaxhighlighter .line
{
}

.syntaxhighlighter .no-wrap .line .content
{
	white-space: pre !important;
}

.syntaxhighlighter .line table 
{
	border-collapse: collapse !important;
}

.syntaxhighlighter .line td
{
	vertical-align: top !important;
}

.syntaxhighlighter .line .number
{
	width: 3em !important;
}

.syntaxhighlighter .line .number code
{
	width: 2.7em !important;
	padding-right: .3em !important;
	text-align: right !important;
	display: block !important;
}

.syntaxhighlighter .line .content
{
	padding-left: .5em !important;
}

.syntaxhighlighter .line .spaces
{
}

/* Disable border and margin on the lines when no gutter option is set */
.syntaxhighlighter.nogutter .line .content
{
	border-left: none !important;
}

.syntaxhighlighter .bar
{
	display: none !important;
}

.syntaxhighlighter .bar.show 
{
	display: block !important;
}

.syntaxhighlighter.collapsed .bar
{
	display: block !important;
}

/* Adjust some properties when collapsed */

.syntaxhighlighter.collapsed .lines
{
	display: none !important;
}

.syntaxhighlighter .lines.no-wrap
{
	overflow: auto !important;
	overflow-y: hidden !important;
}

/* Styles for the toolbar */

.syntaxhighlighter .toolbar
{
	position: absolute !important;
	right: 0px !important;
	top: 0px !important;
	font-size: 1px !important;
	padding: 8px 8px 8px 0 !important; /* in px because images don't scale with ems */
}

.syntaxhighlighter.collapsed .toolbar
{
	font-size: 80% !important;
	padding: .2em 0 .5em .5em !important;
	position: static !important;
}

.syntaxhighlighter .toolbar a.item,
.syntaxhighlighter .toolbar .item
{
	display: block !important;
	float: left !important;
	margin-left: 8px !important;
	background-repeat: no-repeat !important;
	overflow: hidden !important;
	text-indent: -5000px !important;
}

.syntaxhighlighter.collapsed .toolbar .item
{
	display: none !important;
}

.syntaxhighlighter.collapsed .toolbar .item.expandSource
{
	background-image: url(magnifier.png) !important;
	display: inline !important;
	text-indent: 0 !important;
	width: auto !important;
	float: none !important;
	height: 16px !important;
	padding-left: 20px !important;
}

.syntaxhighlighter .toolbar .item.viewSource
{
	background-image: url(page_white_code.png) !important;
}

.syntaxhighlighter .toolbar .item.printSource
{
	background-image: url(printer.png) !important;
}

.syntaxhighlighter .toolbar .item.copyToClipboard
{
	text-indent: 0 !important;
	background: none !important;
	overflow: visible !important;
}

.syntaxhighlighter .toolbar .item.about
{
	background-image: url(help.png) !important;
}

/** 
 * Print view.
 * Colors are based on the default theme without background.
 */

.syntaxhighlighter.printing,
.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content,
{
	background: none !important;
}

/* Gutter line numbers */
.syntaxhighlighter.printing .line .number
{
	color: #bbb !important;
}

/* Add border to the lines */
.syntaxhighlighter.printing .line .content
{
	color: #000 !important;
}

/* Toolbar when visible */
.syntaxhighlighter.printing .toolbar
{
	display: none !important;
}

.syntaxhighlighter.printing a
{
	text-decoration: none !important;
}

.syntaxhighlighter.printing .plain,
.syntaxhighlighter.printing .plain a
{ 
	color: #000 !important;
}

.syntaxhighlighter.printing .comments,
.syntaxhighlighter.printing .comments a
{ 
	color: #008200 !important;
}

.syntaxhighlighter.printing .string,
.syntaxhighlighter.printing .string a
{
	color: blue !important; 
}

.syntaxhighlighter.printing .keyword
{ 
	color: #069 !important; 
	font-weight: bold !important; 
}

.syntaxhighlighter.printing .preprocessor 
{ 
	color: gray !important; 
}

.syntaxhighlighter.printing .variable 
{ 
	color: #a70 !important; 
}

.syntaxhighlighter.printing .value
{ 
	color: #090 !important; 
}

.syntaxhighlighter.printing .functions
{ 
	color: #ff1493 !important; 
}

.syntaxhighlighter.printing .constants
{ 
	color: #0066CC !important; 
}

.syntaxhighlighter.printing .script
{
	font-weight: bold !important;
}

.syntaxhighlighter.printing .color1,
.syntaxhighlighter.printing .color1 a
{ 
	color: #808080 !important; 
}

.syntaxhighlighter.printing .color2,
.syntaxhighlighter.printing .color2 a
{ 
	color: #ff1493 !important; 
}

.syntaxhighlighter.printing .color3,
.syntaxhighlighter.printing .color3 a
{ 
	color: red !important; 
}

/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
 *
 * @version
 * 2.1.364 (October 15 2009)
 * 
 * @copyright
 * Copyright (C) 2004-2009 Alex Gorbatchev.
 *
 * @license
 * This file is part of SyntaxHighlighter.
 * 
 * SyntaxHighlighter is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * SyntaxHighlighter is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
*/
/************************************
 * Default Syntax Highlighter theme.
 * 
 * Interface elements.
 ************************************/

.syntaxhighlighter
{
    font-size: .8em !important;
    background-color: #fff !important;
}

.syntaxhighlighter .line {
    height: 1.25em !important;
}

/* Highlighed line number */
.syntaxhighlighter .line.highlighted .number
{
    background: #E7E5DC !important;
    color: black !important;
}

/* Highlighed line */
.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2
{
    background-color: #e0e0e0 !important;
}

/* Gutter line numbers */
.syntaxhighlighter .line .number
{
    color: #afafaf !important;
}

/* Add border to the lines */
.syntaxhighlighter .line .content
{
    border-left: 3px solid #6CE26C !important;
    color: #000 !important;
}

.syntaxhighlighter.printing .line .content 
{
    border: 0 !important;
}

/* First line */
.syntaxhighlighter .line.alt1
{
    background-color: #fff !important;
}

/* Second line */
.syntaxhighlighter .line.alt2
{
    background-color: #F8F8F8 !important;
}

.syntaxhighlighter .toolbar
{
    background-color: #F8F8F8 !important;
    border: #E7E5DC solid 1px !important;
}

.syntaxhighlighter .toolbar a
{
    color: #a0a0a0 !important;
}

.syntaxhighlighter .toolbar a:hover
{
    color: red !important;
}

/************************************
 * Actual syntax highlighter colors.
 ************************************/
.syntaxhighlighter .plain,
.syntaxhighlighter .plain a
{ 
    color: #000 !important;
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a
{ 
    color: #008200 !important;
}

.syntaxhighlighter .string,
.syntaxhighlighter .string a
{
    color: blue !important;
}

.syntaxhighlighter .keyword
{ 
    color: #069 !important;
    font-weight: bold !important;
}

.syntaxhighlighter .preprocessor 
{ 
    color: gray !important;
}

.syntaxhighlighter .variable 
{ 
    color: #a70 !important;
}

.syntaxhighlighter .value
{ 
    color: #090 !important;
}

.syntaxhighlighter .functions
{ 
    color: #ff1493 !important;
}

.syntaxhighlighter .constants
{ 
    color: #0066CC !important;
}

.syntaxhighlighter .script
{ 
    background-color: yellow !important;
}

.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a
{ 
    color: #808080 !important;
}

.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a
{ 
    color: #ff1493 !important;
}

.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a
{ 
    color: red !important;
}