@charset "utf-8";

@font-face {
    font-family: "Segoe UI Light";
    src: local("Segoe UI Light");
}

@font-face {
    font-family: "Segoe UI Semibold";
    src: local("Segoe UI Semibold");
}

body {
    font-family: "Segoe UI",Tahoma,arial,sans-serif;
    font-size: 14px;
    color: #000000;
    background-color: #FAFAFA;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    /*    font-family: "Segoe UI Light",Tahoma,arial,sans-serif;*/
    font-weight: 400;
    line-height: normal;
    font-style: normal;
    font-weight: 100;
    font-variant: normal;
    /*text-align:left;*/
}

h1 {
    font-size: 3em;
}

h2 {
    font-size: 2.4em;
}

h3 {
    font-size: 1.8em;
}

h4 {
    font-size: 1.4em;
}

h5 {
    color: #777777;
    font-family: "Segoe UI Semibold",Tahoma,arial,sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding-bottom: 3px;
    margin-bottom: 3px;
}

textarea, input {
    outline: medium none;
}


td {
    /*font-family: Tahoma,Arial,Helvetica,Verdana,Sans-Serif;*/
}

th {
    /*font-family: Tahoma,Arial,Helvetica,Verdana,Sans-Serif;*/
}

h1, h2, h3, h4, h5, h6, p {
    margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 15px;
    padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}

ul, ol, dl, dd { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
    padding-left: 15px;
}

/* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
a img {
    border: none;
}

a {
    color: #2777CF;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
        cursor: pointer;
    }

ul, ol {
    margin: 0 0 0 20px;
}

    ul ul {
        /*  margin: 10px 0 20px;*/
    }

p {
    margin: 0 0 10px;
    /*text-align:justify;*/
}

li, p, blockquote {
    /*line-height: 20px;*/
}

ul li {
    list-style: disc outside none;
    /* margin: 0 0 6px 0px;*/
}

ol li {
    list-style: decimal outside none;
    margin: 0 0 10px 30px;
}

    ol li li {
        list-style: lower-alpha outside none;
        margin: 5px 0 10px 30px;
    }

ul li .two {
    list-style: circle outside none;
}

blockquote {
    border: 4px solid #E4E4E4;
    margin: 20px 0 0;
    padding: 20px;
}

.blockquote:before {
    content: url("/assets/images/icons/q_open.png");
}

.blockquote:after {
    content: url("/assets/images/icons/q_close.png");
}

em {
    font-style: italic;
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCCCCC -moz-use-text-color -moz-use-text-color;
    border-right: 0 none;
    /* border-style: solid none none;*/
    border-width: 1px 0 0;
    clear: both;
    display: block;
    height: 1px;
    margin: 2em 0 7px 0;
    padding: 0;
}


.small {
    color: #333333;
    font-family: arial;
    font-size: 10px;
    line-height: 10px;
    margin: 0 0 1px;
    padding: 0;
}




.centeredimage {
    margin: 0 auto 20px;
    text-align: center;
}

.rightimage {
    float: right;
    margin: 5px 0 5px 10px;
}

.leftimage {
    float: left;
    margin: 5px 10px 5px 5px;
}

.float-left {
    clear: both;
    float: left;
}

.float-right {
    clear: both;
    float: right;
    height: 100%;
}

.clear {
    clear: both;
}

.fill-vertical {
    height: inherit;
}

/* Apply to a div to place a shadow under the div (which typically is behaving as a container) */
.shadow-below {
    -moz-box-shadow: 0px 20px 10px -10px #bbb;
    -webkit-box-shadow: 0px 20px 10px -10px #bbb;
    box-shadow: 0px 20px 10px -10px #bbb;
}



.rounded3 {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    /* Required for curvy corners on IE 5-8 */
    behavior: url(/Scripts/pie/PIE.htc);
}

.rounded4 {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /* Required for curvy corners on IE 5-8 */
    behavior: url(/Scripts/pie/PIE.htc);
}

.rounded6 {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    /* Required for curvy corners on IE 5-8 */
    behavior: url(/Scripts/pie/PIE.htc);
}














/* Apply to an anchor to make it into a button. 
	The anchor tag can optionaly contain an image (16x16) */
.button {
    -moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
    box-shadow: inset 0px 0px 0px 0px #ffffff;
    /*	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');*/
    background-color: #f9f9f9;
    border: 1px solid #bbb;
    display: inline-block;
    color: #666666;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 9px 17px 5px 12px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
    line-height: 24px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background-color: #e9e9e9;
    background-image: -webkit-linear-gradient(#f9f9f9 5%, #e9e9e9 100%);
    background-image: -moz-linear-gradient(#f9f9f9 5%, #e9e9e9 100%);
    background-image: -ms-linear-gradient(#f9f9f9 5%, #e9e9e9 100%);
    background-image: -o-linear-gradient(#f9f9f9 5%, #e9e9e9 100%);
    background-image: linear-gradient(#f9f9f9 5%, #e9e9e9 100%);
    -pie-background: linear-gradient(#f9f9f9 5%, #e9e9e9 100%);
    /* Required for curvy corners on IE 5-8 */
    behavior: url(/Scripts/pie/PIE.htc);
}

    .button:hover {
        /*border:1px solid #888;*/
        background-image: -webkit-linear-gradient(#e9e9e9 5%, #f9f9f9 100%);
        background-image: -moz-linear-gradient(#e9e9e9 5%, #f9f9f9 100%);
        background-image: -ms-linear-gradient(#e9e9e9 5%, #f9f9f9 100%);
        background-image: -o-linear-gradient(#e9e9e9 5%, #f9f9f9 100%);
        background-image: linear-gradient(#e9e9e9 5%, #f9f9f9 100%);
        -pie-background: linear-gradient(#e9e9e9 5%, #f9f9f9 100%);
        background-color: #f9f9f9;
        text-decoration: none;
    }

    .button:active {
        /*position:relative;
	top:1px;*/
    }

    .button img {
        float: left;
        padding-right: 7px;
    }

/*  Apply to a button within a sequence of buttons to space them from each other propperly */
.button-group {
    margin-right: 15px;
}




/* popup tooltip style (add "has-tip" style to a div the title attribute becomes the tip) */
.tooltip {
    display: none;
    background: transparent url("/Images/Templates/ToolTips/black.png");
    font-size: 12px;
    height: 60px;
    width: 160px;
    padding: 25px;
    color: #eee;
}



/* popup tooltip style (add "has-l-tip" style to a div the title attribute becomes the tip) */
.l-tooltip {
    display: none;
    background: transparent url("/Images/Templates/ToolTips/black_big.png");
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 12px;
    height: 144px;
    width: 320px;
    padding: 25px;
    color: #eee;
}


/* popup tooltip style (add "has-xl-tip" style to a div the title attribute becomes the tip) */
.xl-tooltip {
    display: none;
    background: transparent url("/Images/Templates/ToolTips/black_xl.png?width=520&height=290&stretch=fill");
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 12px;
    height: 214px;
    width: 450px;
    padding: 35px;
    color: #eee;
}






/* applied to a div containing the main part of the page  */
.container {
    width: 960px;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/***************************************************************************
		PAGE HEADER STYLES
***************************************************************************/
.headerStandard {
    background-image: url(/Images/Templates/SimpleHeader/HeaderBackground.png);
    background-repeat: repeat-x;
    height: 114px;
}

.headerStandardLogo {
    background-image: url(/Images/Templates/SimpleHeader/HeaderLogo.jpg);
    margin: 0 auto;
    height: 114px;
    width: 960px;
}

    .headerStandardLogo .logoClick {
        float: left;
        width: 400px;
        height: 100px;
    }

.headerFlash {
    background-color: Black;
    height: 318px;
}

    .headerFlash .logoClick {
        float: left;
        width: 400px;
        height: 88px;
    }

.headerFlashLogo {
    background-color: Black;
    background-image: url(/Images/Templates/FlashHeader/HeaderLogo.jpg);
    margin: 0 auto;
    height: 88px;
    width: 960px;
}

.bannerFlash {
    margin: 0 auto;
    height: 230px;
    width: 960px;
}




.loginPanel {
    float: right;
    color: White;
    position: relative;
}

.loginLink {
    float: left;
    position: relative;
    font-size: 13px;
    text-align: left;
    white-space: nowrap;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.shoppingCartLink {
    padding: 2px 0 0 20px;
}


.socialLinks {
    clear: both;
    position: absolute;
    top: 24px;
    right: 0;
}

.socialLink {
    float: left;
    margin-left: 5px;
}


/* header login popup */
.popup-menu {
    color: Black;
    list-style-type: none;
    position: relative;
    z-index: 900;
    margin: 0;
    padding: 0;
}

    .popup-menu li a.popup-menu-anchor {
        display: block;
        position: relative;
        z-index: 201;
    }

    .popup-menu li ul.sub-menu {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #264061;
        border-radius: 3px 0 3px 3px;
        display: none;
        list-style-type: none;
        margin: 0;
        padding: 2px;
        position: absolute;
        right: 0;
        z-index: 200;
    }

        .popup-menu li ul.sub-menu li {
            color: #112238;
            display: block;
            float: none;
            margin: 0;
        }

            .popup-menu li ul.sub-menu li.heading {
                font-weight: bold;
                padding: 3px 10px;
            }

            .popup-menu li ul.sub-menu li a {
                color: #112238;
                display: block;
                padding: 3px 10px;
            }

                .popup-menu li ul.sub-menu li a:hover {
                    background: none repeat scroll 0 0 #FCE389;
                    color: #112238;
                    text-decoration: none;
                }

            .popup-menu li ul.sub-menu li hr {
                border-color: #808080;
                margin: 2px 0;
            }

    .popup-menu li ul.sub-menu {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #264061;
        border-radius: 3px 0 3px 3px;
        /*display: none;*/
        list-style-type: none;
        margin: 0;
        padding: 2px;
        position: absolute;
        float: left;
        right: 0;
        z-index: 200;
    }

        .popup-menu li ul.sub-menu li {
            color: #112238;
            display: block;
            float: none;
            margin: 0;
        }

            .popup-menu li ul.sub-menu li.heading {
                font-weight: bold;
                padding: 3px 10px;
            }

            .popup-menu li ul.sub-menu li a {
                color: #112238;
                display: block;
                padding: 3px 10px;
            }

                .popup-menu li ul.sub-menu li a:hover {
                    background: none repeat scroll 0 0 #FCE389;
                    color: #112238;
                    text-decoration: none;
                }

            .popup-menu li ul.sub-menu li hr {
                border-color: #808080;
                margin: 2px 0;
            }

div#loginPanel a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

div#loginPanel a:hover {
    color: #FFFFFF;
    text-decoration: none;
}




/***************************************************************************
		PAGE MENU STYLES
***************************************************************************/

/* Full page width strip containing the menus*/
.menuStrip {
    height: 37px;
    background-image: url(/Images/Templates/Menu/topNavBG.png);
    background-repeat: repeat-x;
    font-size: 16px;
    color: white;
}

/* The core page area containing the menus */
.menuBar {
    margin: 0 auto;
    width: 960px;
    height: 37px;
}

.menuBarLeft {
    width: 960px;
    height: 37px;
}
/* applied to a div which forms the menu item 
Can optionally be combined with 
	menuItemLast
	menuPopup
*/
.menuItem {
    color: white;
    height: 37px;
    float: left;
    line-height: 36px;
    padding-left: 20px;
    padding-right: 20px;
    border-color: #235277;
    border-left-style: solid;
    border-left-width: 1px;
    vertical-align: middle;
    text-align: center;
}

    .menuItem:hover {
        color: #2A6792;
        background-position: left top;
        background-repeat: repeat-x;
        background-image: url(/Images/Templates/Menu/MenuOver.png);
        text-decoration: none;
    }


/* Applied to the last menu in the serise (compiles the edges)*/
.menuItemLast {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #235277;
}

/* Apply to menus with drop downs (added the down arrow) */
.menuPopup {
    background-image: url(/Images/Templates/Menu/MenuExpander.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 30px;
}



/* The styles for the search box within the menu bar*/
.searchBox {
    margin: 0;
    padding: 6px 0 0 10px;
    border-width: 0;
    float: right;
    /* #989898*/
}

.searchQuery {
    padding: 0;
    margin: 0;
    border-width: 1px;
    float: left;
    text-align: left;
    padding: 4px 2px 0 4px;
    height: 18px;
}

.searchBtn {
    padding: 0;
    margin: 0;
    border-width: 0;
    float: left;
    text-align: left;
    /* #989898*/
}




.content {
    padding: 10px 0;
    color: #777;
    line-height: 1.5;
}

    .content h1, .content h1 a {
        padding: 10px 0;
        color: #777;
        line-height: 1.5;
        padding: 0;
    }

    .content h2, .content h2 a {
        color: #777;
        line-height: 40px;
        margin: 0 0 20px 0;
        padding: 0;
    }

    .content h3, .content h3 a {
        color: #999;
        line-height: 40px;
        margin: 0 0 4px 0;
        padding: 0;
    }

    .content h4, .content h4 a {
        color: #111;
        margin: 0 0 14px 0;
        padding: 0;
    }

    .content h5, .content h5 a {
        color: #777;
        margin: 0 0 0 4px;
        padding: 0 0 0 0;
    }

.frame {
    border: 1px solid #bbb;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /* Required for curvy corners on IE 5-8 */
    behavior: url(/Scripts/pie/PIE.htc);
}


/* Collapable sections

        <div class="collapsible-frame">
            <h4 class="collapsible-title"><span></span>Collapsable Section Heading</h4>
            <div class="collapsible-container">
                <h3>Sample Content</h3>
                <p>Content here....</p>
            </div>
        </div>
*/
.collapsible-frame {
    border: 1px solid #999;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    /* Required for curvy corners on IE 5-8 */
    -pie-poll: true; /*misses ininital collapse*/
    behavior: url(/Scripts/pie/PIE.htc);
    margin-bottom: 0px;
}

.collapsible-title {
    color: #aaa !important;
    background-color: #555 !important;
    font-size: 16px;
    font-weight: 800 !important;
    margin-bottom: 0 !important;
    padding: 2px 0 4px 9px !important;
}

    .collapsible-title span {
        background-position: right center;
        background-repeat: no-repeat;
        float: right;
        width: 24px;
        height: 24px;
        margin-right: 9px;
        background-image: url('/Images/Templates/Buttons/PlusBW64.png?width=24');
    }

.collapse-open span {
    background-image: url('/Images/Templates/Buttons/MinusBW64.png?width=24');
}

.collapsible-container {
    padding: 5px 9px 5px 9px;
    margin: 0;
}





























/* Side Bar Styles */
.contentMainPanel {
    float: left;
    width: 650px;
    margin-right: 20px;
    /*	padding: 10px 0;*/
}

.contentRightPanel {
    float: left;
    width: 290px;
    /*padding: 10px 0;*/
}

    .contentRightPanel .frame {
        margin: 0 0 7px 0;
    }












/* 3 Column Layout 

<div class="columns-3-col columns-first-col">
    <div class="fill-vertical ...other-styles (maybe frame)....">
        ...
    </div>
</div>
<div class="columns-3-col columns-mid-col">
    <div class="fill-vertical ...other-styles (maybe frame)....">
        ...
    </div>
</div>
<div class="columns-3-col columns-last-col">
    <div class="fill-vertical ...other-styles (maybe frame)....">
        ...
    </div>
</div>
*/


.columns-2-col {
    float: left;
    width: 472px;
    display: table-cell;
    margin-bottom: 15px;
}

.columns-3-col {
    float: left;
    width: 310px;
    display: table-cell;
    margin-bottom: 15px;
}

.column-frame {
    padding-top: 0;
    padding-bottom: 0;
    height: inherit;
}

.columns-first-col {
    margin-left: 0;
    margin-right: 15px;
    height: 100%;
}

.columns-mid-col {
    margin-left: 0;
    margin-right: 15px;
    height: 100%;
}

.columns-last-col {
    margin-left: 0;
    margin-right: 0;
    height: 100%;
}

















.basicTable {
    border-color: -moz-use-text-color #CCCCCC;
    border-style: none solid;
    border-width: 0 1px;
}

    .basicTable th {
        background-color: #DDDDDD;
        border-bottom: 1px solid #888888;
        border-top: 1px solid #888888;
        color: #FFFFFF;
        padding: 5px;
        text-align: left;
        vertical-align: middle;
    }

    .basicTable td {
        border-bottom: 1px solid #CCCCCC;
        padding: 5px;
    }



.table-blue-grad {
    border-collapse: collapse;
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: 12px;
    margin: 20px;
    text-align: left;
    width: 480px;
}

#table-blue-grad th {
    background: url("http://media.smashingmagazine.com/images/express-css-table-design/table-images/gradhead.png") repeat-x scroll 0 0 #B9C9FE;
    border-bottom: 1px solid #FFFFFF;
    border-top: 2px solid #D3DDFF;
    color: #003399;
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
}

#table-blue-grad td {
    background: url("http://media.smashingmagazine.com/images/express-css-table-design/table-images/gradback.png") repeat-x scroll 0 0 #E8EDFF;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    color: #666699;
    padding: 8px;
}

#table-blue-grad tfoot tr td {
    background: none repeat scroll 0 0 #E8EDFF;
    color: #9999CC;
    font-size: 12px;
}

#table-blue-grad tbody tr:hover td {
    background: url("http://media.smashingmagazine.com/images/express-css-table-design/table-images/gradhover.png") repeat-x scroll 0 0 #D0DAFD;
    color: #333399;
}






/* Included/Not Inluded/Partially included icons (typically used on td's within tables)*/
.included-feature {
    background-image: url("/Images/Templates/Buttons/GreyDot.png?width=10");
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    vertical-align: middle;
}

.not-included-feature {
    background-image: url("/Images/Templates/Buttons/WhiteDot.png?width=10");
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    vertical-align: middle;
}

.partially-included-feature {
    background-image: url("/Images/Templates/Buttons/HalfGreyDot.png?width=10");
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    vertical-align: middle;
}










/* ~~ The footer ~~ */
.footer {
    background-image: url(../Images/Templates/Footer/Footer-Separator.png);
    background-repeat: repeat-x;
    clear: both;
    padding: 10px 0;
}






/* Quick links style (near the bottom of the page)*/
.quickLinks {
    color: #333333;
    /*    float: left;
    position: relative;*/
    height: auto;
    margin: 0 auto;
    padding: 20px 0px 20px 0;
    text-align: center;
    width: 920px;
}

.quickLinksHolder {
    float: left;
    height: auto;
    text-align: left;
    width: 180px;
}

.quickLinksHolderPartners {
    float: right;
    height: auto;
}

.quickLinksHeader {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.quickLinks ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.quickLinks li {
    padding: 0;
    margin: 0 5px 0 20px;
    font-size: 12px;
    line-height: 14px;
    left: 0;
}

    .quickLinks li a {
        color: #333333;
        text-decoration: none;
    }

        .quickLinks li a:hover {
            text-decoration: underline;
        }

/* Last line on the page */
.legalFooter {
    clear: both;
    font-size: 10px;
    color: #333333;
    padding-top: 15px;
}

    .legalFooter a {
        text-decoration: none;
        color: #333333;
    }

        .legalFooter a:hover {
            text-decoration: underline;
            color: #333333;
        }





























.dropDownMenu {
    /* soft gradient on the back*/
    background-color: #f9f9f9;
    background-image: -webkit-linear-gradient(#f9f9f9 15%, #e9e9e9 100%);
    background-image: -moz-linear-gradient(#f9f9f9 15%, #e9e9e9 100%);
    background-image: -ms-linear-gradient(#f9f9f9 15%, #e9e9e9 100%);
    background-image: -o-linear-gradient(#f9f9f9 15%, #e9e9e9 100%);
    background-image: linear-gradient(#f9f9f9 15%, #e9e9e9 100%);
    -pie-background: linear-gradient(#f9f9f9 15%, #e9e9e9 100%);
    border: 2px solid #6C6C6C;
    display: none;
    position: absolute;
    top: 0;
    z-index: 9990;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    /* Required for curvy corners on IE 5-8 */
    behavior: url(/Scripts/pie/PIE.htc);
}

    .dropDownMenu p {
        padding-top: 5px;
        padding-bottom: 0px;
        margin: 0px;
        text-align: left;
    }

    .dropDownMenu h2 {
        font-size: 18px;
        text-align: left;
        margin-bottom: 6px;
    }

.dropDownMenuSubCol {
    float: left;
    padding: 0px 20px 0px 0px;
    width: 180px;
}

    .dropDownMenuSubCol h3 {
        font-size: 14px;
        font-weight: bold;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        padding-left: 2px;
        padding-top: 0px;
        padding-bottom: 3px;
        margin-bottom: 3px;
        margin-top: 7px;
    }

.dropDownMenuContent {
    float: left;
    padding: 12px 15px;
}

/* The style for the XML Studio Icon */
.dropDownContentHeaderIcon {
    float: left;
}















/**********************************************************
                Products Dropdown Menu
**********************************************************/

#productDropDownMenu {
    width: 960px;
    height: 310px;
    left: 59px;
    top: 35px;
}

/* The XML Studio Section within the drop down menu */
#productXmlStudioDropDownMenu {
    width: 645px;
    height: 310px;
    color: #001A4C;
}

/* move the Heading away from the icon */
#productDropDownMenu h2 {
    padding-top: 5px;
    padding-left: 45px;
}


/* The XML Data Binding Section within the drop down menu */
.dropDownMenuXmlDataBinding {
    width: 250px;
    height: 286px;
    color: #704213;
    background-image: url(/Images/Templates/Menu/ProductDivider.png);
    background-repeat: repeat-y;
}

#productDropDownMenuCol1 {
    width: 175px;
}

#productDropDownMenuCol2 {
    width: 205px;
}

#productDropDownMenuCol3 {
    width: 205px;
}





#productDropDownMenu .editors {
    color: #585947;
}

    #productDropDownMenu .editors a {
        color: #585947;
        border-color: #585947;
    }

#productDropDownMenu .web-service-tools {
    color: #384E66;
}

    #productDropDownMenu .web-service-tools a {
        color: #384E66;
        border-color: #384E66;
    }

#productDropDownMenu .xml-schema-tools {
    color: #B8442F;
}

    #productDropDownMenu .xml-schema-tools a {
        color: #B8442F;
        border-color: #B8442F;
    }

#productDropDownMenu .xml-data-mapping {
    color: #5C511C;
}

    #productDropDownMenu .xml-data-mapping a {
        color: #5C511C;
        border-color: #5C511C;
    }

#productDropDownMenu .xml-query-transform {
    color: #382161;
}

    #productDropDownMenu .xml-query-transform a {
        color: #382161;
        border-color: #382161;
    }

#productDropDownMenu .tools {
    color: #8F4F1B;
}

    #productDropDownMenu .tools a {
        color: #8F4F1B;
        border-color: #8F4F1B;
    }

.xmlDataBinding {
    color: #704213;
}

    .xmlDataBinding a {
        color: #704213;
        border-color: #704213;
    }


/*

#productDropDownMenu .debuggers {
	color: blue;
}
#productDropDownMenu .debuggers h3{
    color: blue;
    border-color: blue;
}

#productDropDownMenu .transforms {
	position: absolute;
	left: 201px;
	top: 203px;
	width: 180px;
	color: blue;
}
#productDropDownMenu .transforms h3{
    border-color: green;
}

#productDropDownMenu .webServiceTools{
	position: absolute;
	left: 5px;
	top: 253px;
	width: 165px;
	color: blue;
}
#productDropDownMenu .webServiceTools h3{
    color: blue;
    border-color: blue;
}

#productDropDownMenu .tools{
	position: absolute;
	left: 412px;
	top: 203px;
	width: 170px;
	color: blue;
}
#productDropDownMenu .tools h3{
    color: blue;
    border-color: blue;
}

#productDropDownMenu .xsdTools{
	position: absolute;
	left: 201px;
	top: 55px;
	width: 180px;
	color: blue;
}
#productDropDownMenu .xsdTools h3{
    border-color: blue;
}

#productDropDownMenu .visualStudio{
	position: absolute;
	left: 412px;
	top: 55px;
	width: 170px;
	color: blue;
}
#productDropDownMenu .visualStudio h3{
    border-color: blue;
}
*/


















/***********************************************************************
				SUPPORT POPUP MENU STYLES
***********************************************************************/

#supportDropDownMenu {
    width: 440px;
    height: 220px;
    left: 352px;
    top: 150px;
}

    #supportDropDownMenu h2 {
        font-size: 18px;
    }

    #supportDropDownMenu h3 {
        font-size: 14px;
        font-weight: bold;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        margin: 0;
        padding-left: 2px;
        padding-bottom: 3px;
    }




.headerSchema {
    background-color: #000;
    height: 90px;
}

    .headerSchema .logoClick {
        float: left;
        width: 399px;
        height: 88px;
    }

#cboSchemas {
    width: 399px;
}

.headerSchemaLogo {
    background-color: Black;
    background-image: url(/Images/Templates/FlashHeader/HeaderLogo.jpg);
    margin: 0;
    height: 88px;
    width: 960px;
}

































.treeview, .search {
    font-size: 11px;
    margin: 0;
    padding: 0;
}

    .treeview li, .search li {
        list-style-type: none;
        font-weight: normal;
        padding: 2px;
    }

        .treeview li.parent a {
            font-weight: bold;
            padding-bottom: 6px;
        }

    .treeview a {
        outline: 0;
    }


    .treeview li ul {
        padding-left: 15px;
    }

    .treeview li.parent li a {
        font-weight: normal;
    }

    .treeview img {
        border: 0;
        padding-right: 5px;
        vertical-align: text-top;
    }

    .treeview a, .search a {
        color: #3f529c;
        text-decoration: none;
        white-space: nowrap;
    }

    .treeview .selected, .treeview .selected a {
        color: #264061 !important;
        font-weight: bold !important;
    }



.mainHelp, .mainHelp2 {
    border-collapse: collapse;
    width: 100%;
    border: 0px !important;
}

.mainHelp2 {
    margin-bottom: 10px;
}

    .mainHelp td, .mainHelp2 td {
        border: 1px solid #ccc;
        padding: 4px;
        font-size: 12px;
    }

    .mainHelp .label, .mainHelp2 .label {
        color: #3f529c;
        font-weight: bold;
    }

.childTable {
    border-collapse: collapse;
    width: 100%;
    border: 0;
}

    .childTable td {
        border: 1px solid #ccc;
        padding: 4px;
        font-size: 12px;
        vertical-align: top;
    }

    .childTable tr.header td {
        background-color: #e5e5e5;
        color: #000;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: bold;
        border-top-width: 0px !important;
        vertical-align: top;
    }

    .childTable td.first {
        border-left-width: 0px !important;
        vertical-align: top;
        width: 180px;
    }

    .childTable td.mid {
        width: 120px;
    }

    .childTable td.last {
        border-right-width: 0px !important;
        vertical-align: top;
        width: 120px;
    }

.childTableHolder {
    padding: 0px !important;
    border-bottom-width: 0px !important;
}


.mainHelp2 ul {
    list-style-type: none !important;
    margin: 0;
    padding: 0;
}

    .mainHelp2 ul li {
        list-style-type: none !important;
    }

.mainHelp2 {
    line-height: 22px;
}

    .mainHelp2 td ul li ul {
        margin: 0;
        margin-left: 15px;
    }

#disqus_thread {
    font-size: 11px !important;
}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 25px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 99%;
}

    ul.tabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 24px;
        line-height: 24px;
        border: 1px solid #ccc;
        border-left: none;
        margin-bottom: -1px;
        background: #e0e0e0;
        overflow: hidden;
        position: relative;
    }

        ul.tabs li a {
            text-decoration: none;
            color: #000;
            display: block;
            border: 1px solid #fff;
            outline: none;
            width: 60px;
            text-align: center;
        }

            ul.tabs li a:hover {
                background: #ccc;
            }

html ul.tabs li.active, html ul.tabs li.active a:hover {
    background: #fff;
    border-bottom: 1px solid #fff;
}

.tab_container {
    border: 1px solid #ccc;
    border-top: none;
    clear: both;
    float: left;
    width: 99%;
    height: 100%;
    background: #fff;
    overflow: hidden;
}

.tab_content {
    padding: 10px;
    padding-top: 20px;
}

    .tab_content input {
        border: 1px solid #ccc;
    }

.pageheader, .pagefooter {
    background-color: #3f529c;
    color: White;
    padding: 10px !important;
    clear: both;
    margin-bottom: 10px;
}

    .pageheader a, .pagefooter a {
        color: White;
    }



pre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    line-height: 16px;
}

    pre .title {
        color: brown;
    }

    pre .tag .attribute .value {
        color: blue;
    }

    pre .tag {
        color: blue;
    }

    pre .attribute {
        color: red;
    }

.lads {
    margin: 0;
    height: 180px;
}

.lads-loading {
}

.lads-loaded {
    height: auto;
}

.lads-error {
    display:none;
    height: 0;
}





.bs-callout {
    clear: both;
    position: relative;
    overflow: hidden;
    background: #ddd;
    margin: 10px 0;
    padding: 32px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.text-center {
    text-align: center;
}

.bs-callout h1, .bs-callout h2, .bs-callout h3 {
    margin: 0;
    text-transform: none;
    line-height: 30px;
}


.bs-callout .btn {
    display: block;
    max-width: 250px;
    margin: 30px auto 0 auto;
}

.btn, a:hover {
    text-decoration: none;
}

.btn-primary {
    background-color: #1980B6 !important;
}

.btn-lg, .btn-lg:hover {
    padding: 12px 32px;
}




.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        border: rgba(255,255,255,0) 2px solid;
        background-color: #146794 !important;
    }

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.btn, .btn:hover {
    border: 0;
    padding: 8px 18px;
    border: rgba(255,255,255,0) 2px solid;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('glyphicons-halflings-regular.eot');
    src: url('glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('glyphicons-halflings-regular.woff2') format('woff2'), url('glyphicons-halflings-regular.woff') format('woff'), url('glyphicons-halflings-regular.ttf') format('truetype'), url('glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-cloud-download:before {
    content: "\e197";
}