@import url("forms.css");

/*
    THESE ITEMS CHANGE FOR THE LIGHT GRAY HEADER BACKGROUND
*/



div#header-wrapper

{

    background:#DBDBDB url('background_header_gray.gif') repeat-x;

    height:75px;

}

div#header a:hover

{

    color:#8D99A5;

}

div#header a

{

    color:#036;

    margin:0 6px;

}

div#header

{

    color:#036;

    font-size:0.6em;

    margin:0 auto;

    position:relative;

    width:757px;

}

div#header #logo

{

    background:url("logo_gray.gif") no-repeat;

    display:block;

    float:left;

    height:64px;

    margin:0 auto;

    position:relative;

    top:6px;

    width:316px;

}

/*

###########################################################################################

*/

div#links-search

{

    float:right;
    /*width: 200px;*/
    padding-top: 5px;
    

    /*margin-left:55px;*/

    /*position:relative;*/

    /*top:5px;  */

}

*

{

    margin:0;

    padding:0;

}

.black-link

{

    color:#000 !important;

    text-decoration:none;

}

.hidden

{

    position: absolute;

    left: -999px;

    width: 990px;

}

a

{

    color:#444;

}

body

{

    font-family:Verdana, Arial, Helvetica, sans-serif;

    font-size:100%;

    line-height:1.6;

    overflow-x:hidden;

}

div#breadcrumbs

{

    font-size:0.65em;

    margin:8px auto;

    width:757px;

}

div#breadcrumbs a,div#breadcrumbs span

{

    color:#7D91CF;

    display:block;

    float:left;

    margin:0 3px 8px;

}

div#breadcrumbs a:hover,div#footer-wrapper a:hover,div#prev-next a:hover,div#content strong a, div#content a:hover

{

    color:#036;

}

.code

{

    /*color:#036;*/

    font-family: Courier;

}

div#breadcrumbs span.current-page,div#context-nav a.active

{

    color:#444;

    font-weight:700;

}

div#callouts a

{

    color:#444;

    text-decoration:none;

}

div#callouts a:hover

{

    color:#444;

    text-decoration:underline;

}

div#callouts h3,div#context-nav h3

{

    background:#90B1F1;

    border:1px solid #6392EB;

    border-bottom:none;

    color:#FFF;

    font-size:1em;

    padding:0.6em 0 0.6em 1em;

}

div#callouts li

{

    border-color:#6392EB;

    border-style:solid solid none;

    border-width:1px;

    clear:both;

    font-size:0.95em;

    padding:0.6em 0 0.6em 1em;

}

div#callouts li.last

{

    border-bottom:1px solid #6392EB;

}

div#callouts li.violet

{

    background:#EFEFFA;

    border-bottom:1px solid #B2B2F1;

    border-top:1px solid #B2B2F1;

    height:20px;

}

div#callouts span

{

    padding-right:0.4em;

}

div#callouts span.cascade

{

    background:transparent url("icon_cascade.gif") no-repeat;

    display:block;

    float:left;

    height:20px;

    margin-right:0.2em;

    width:20px;

}

div#callouts span.demo

{

    background:transparent url("icon_demo.gif") no-repeat;

    display:block;

    float:left;

    height:20px;

    margin-right:0.2em;

    width:20px;

}

div#callouts span.email

{

    background:transparent url("icon_email.gif") no-repeat;

    display:block;

    float:left;

    height:20px;

    margin-right:0.2em;

    width:20px;

}

div#callouts span.handheld

{

    background:transparent url("icon_handheld.gif") no-repeat;

    display:block;

    float:left;

    height:20px;

    margin-right:0.2em;

    width:20px;

}

div#callouts span.info

{

    background:transparent url("icon_info.gif") no-repeat;

    display:block;

    float:left;

    height:20px;

    margin-right:0.2em;

    width:20px;

}

div#callouts span.phone

{

    background:transparent url("icon_phone.gif") no-repeat;

    display:block;

    float:left;

    height:20px;

    margin-right:0.2em;

    width:20px;

}

div#callouts span.text

{

    background:transparent url("icon_text.gif") no-repeat;

    display:block;

    float:left;

    height:20px;

    margin-right:0.2em;

    width:20px;

}

div#callouts span.word

{

    background:transparent url("icon_word.gif") no-repeat;

    display:block;

    float:left;

    height:20px;

    margin-right:0.2em;

    width:20px;

}

div#callouts span.xml

{

    background:transparent url("icon_xml.gif") no-repeat;

    display:block;

    float:left;

    height:20px;

    margin-right:0.2em;

    width:20px;

}

div#callouts ul

{

    list-style:none;

    margin-bottom:2em;

}

div#content

{

    border-bottom:1px dotted #CCC;

    float:left;

    padding:0 0 0 15px;/* 1em;*/

    position:relative;

    /*top:-8px;*/

    /*width:423px;*/

    width:590px;

}

div#content2-videos

{

    border-bottom:1px dotted #CCC;

    float:left;

    padding:0;

    position:relative;

    width:750px;

}

div#content a

{

    color:#6392EB;

}

/*div#content form input,div#content textarea

{

    float:right;

}*/

div#content form input.phpdiginputsubmit

{

    float:none;

}

div#content form input.phpdiginputtext

{

    float:none;

}

div#content h1

{

    border-bottom:1px dotted #CCC;

    font-size:1.5em;

    margin-bottom:0.5em;

}

div#content h3,div#content h2,div#content h4

{

    font-size:1.2em;

    margin-top:.5em;

    margin-bottom: 0;

}
div#content h5

{

    font-size:1.1em;

    margin-top:.5em;

    margin-bottom: 0;

}

div#content h2

{

    /*background: #90B1F1;
    color: #FFF;*/
    padding-left: 2px;
    width: 584px;
    border-bottom: solid #004eec 1px;
}

div#content h2.showhide
{
    background: url(plus-blue.gif) left center no-repeat #90B1F1;
    padding-left: 22px;
    width: 564px;
    color: #FFF;
}
div#content h2.minus
{
    background: url(minus-blue.gif) left top no-repeat #90B1F1;
    padding-left: 22px;
    width: 564px;
    color: #FFF;
}

div#content h2 a, div#content h3 a{
        text-decoration: none;
}

div#content h2 a:hover{
        text-decoration:none;
}

div#content h3 a:hover{
        text-decoration: none;
}

div#content p

{

    margin-bottom:1em;

}

div#content ul,div#content ol

{

    margin-left:2em;
    margin-bottom:1em;

}

div#content-wrapper

{

    clear:both;

    color:#444;

    font-size:0.71em;

    margin:0 auto;

    width:757px;

}

div#context-nav li a

{

    background:url("bullet_black.gif") no-repeat;

    color:#444;

    display:block;

    padding-left:1.5em;

    text-decoration:none;

}

div#context-nav li a.active:hover

{

    background:#F5F5F5 url("bullet_blue.gif") no-repeat;

    color:#444;

}

div#context-nav li a.collapse

{

    background:transparent url("bullet_collapse.gif") no-repeat;

}

div#context-nav li a.collapse:hover

{

    background:transparent url("bullet_over_collapse.gif") no-repeat;

}

div#context-nav li a.expand

{

    background:transparent url("bullet_expand.gif") no-repeat;

}

div#context-nav li a.expand:hover

{

    background:transparent url("bullet_over_expand.gif") no-repeat;

}

div#context-nav a:hover

{

    background:#F5F5F5 url("bullet_blue.gif") no-repeat;

    color:#444;

    text-decoration:underline;

}

div#context-nav h2 a:hover

{

    background:#90B1F1 none repeat scroll 0%;

    color:#FFFFFF;

    text-decoration:none;

}

div#context-nav blockquote p,div#callouts blockquote p

{

    padding: 2em 1.7em 1em 1.7em;

}

div#context-nav blockquote p.quote,div#callouts blockquote p.quote

{

    background: transparent url("icon_endQuote.gif") no-repeat right bottom;

}

div#context-nav blockquote p.citation,div#callouts blockquote p.citation

{

    text-align:right;

    margin-top: -2em;

}

div#context-nav blockquote,div#callouts blockquote

{

    background: transparent url("icon_beginQuote.gif") no-repeat 0.1em 1em;

    border:1px solid #6392EB;

    margin-bottom:2em;

}

div#context-nav h2

{

    background:#90B1F1;

    border:1px solid #6392EB;

    color:#FFF;

    font-size:1em;

    padding-left:1em;

    padding-top:0.1em;
    
    margin-top: .25em;

}

div#context-nav h2 a

{

    background:#90B1F1;

    border:1px solid #6392EB;

    color:#FFF;

    font-size:1em;

    padding-left:0px;

    padding-top:0.1em;
    
    margin-top: .25em;
    
    text-decoration: none;

}

div#context-nav ul li

{
    margin-top: .25em;
    margin-bottom: .5em;
    border-bottom:1px solid #6392EB;

    display:block;

}

div#context-nav ul li ul

{

    list-style:none;

    margin-bottom:0.5em;

    margin-left:.75em;

    border-bottom: none;

}

div#context-nav ul li ul li

{
    
    margin-bottom: .5em;
    border-bottom: none;
}

div#context-nav ul

{

    margin-bottom:2em;

}

div#context-nav

{

    float:left;

    width:152px;

    padding-top: 9px;

}

div#callouts

{

    float:left;

}

div#footer

{

    background:#E6E6E6 url("background_footer_gray.gif") repeat-x;

    height:55px;

    margin-top:10px;

}

div#footer-wrapper

{

    font-size:0.7em;

    margin:0 auto;

    padding:12px 0;

    position:relative;

    width:760px;

}

div#footer-wrapper a

{

    color:#7D91CF;

}

div#footer-wrapper a.xhtml

{

    background:transparent url("icon_xhtml.gif") no-repeat;

    display:block;

    height:15px;

    position:absolute;

    right:30px;

    top:28px;

    width:80px;

}

div#footer-wrapper img

{

    margin-top:5px;

}

div#footer-wrapper p

{

    margin:0 auto;

    width:90%;

}

div#header li

{

    float:left;

}

div#header ul

{

    float:left;

    list-style:none;

    /*width:240px;*/

}

div#lastmod

{

    margin-bottom:1.4em;

    margin-top:1.4em;

    text-align:right;

}

div#left-footer

{

    float:left;

    width:60%;

}

div#navigation

{

    background:#DDD url("background_toolbar_gray.gif") repeat-x;

    border-bottom:1px solid #9F9F9F;

    border-top:1px solid #9F9F9F;

    height:21px;

}

div#navigation a:hover,div#navigation a:focus

{

    background-color:#90B1F1;

    color:#FFF;

}

div#navigation em, div#navigation i

{

    font-style:normal;

    text-decoration:underline;

}

div#navigation ul

{

    margin:0 auto;

    width:757px;

}

div#navigation ul a

{

    border-right:1px solid #B9B9B9;

    color:#444;

    display:block;

    font-size:0.7em;

    font-weight:700;

    height:21px;

    line-height:21px;

    text-decoration:none;

}

div#navigation ul li

{

    border-right:1px solid #EDEDED;

    display:block;

    float:left;

    text-align:center;

    width:107px;

}

div#navigation ul li.first

{

    border-left:1px solid #B9B9B9;

}

div#navigation ul li.first a

{

    border-left:1px solid #EDEDED;

}

div#prev-next

{

    color:#0E2B8D;

    font-size:0.7em;

    margin:0 auto;

    width:757px;

}

div#prev-next a

{

    color:#0E2B8D;

    margin:0 4px;

}

div#prev-next span

{

    left:163px;

    position:relative;

}

div#right-footer

{

    float:left;

    width:40%;

}

div#right-footer a.powered-by

{

    background:transparent url("logo_cascade.gif") no-repeat;

    display:block;

    height:15px;

    margin-left:15px;

    width:174px;

}

div.clear

{

    clear:both;

}

/** Google custom search styles **/
html body#top.yui-skin-sam div#wrapper div#content-wrapper div#context-nav form#cse-search-box div input
{
    /** hide the search button **/
    display:none;
}

html body#top.yui-skin-sam div#wrapper div#content-wrapper div#context-nav form#cse-search-box div input#q
{
     
    display: block;
    height: 20pt;
    width: 148px;
    border: 1px solid #90b1f1;
}



img

{

    border:none;

}

pre

{

    border:2px #ccc dotted;

    font:1em "Courier New",Courier,monospace;

    margin:1em auto;

    overflow:auto;

    padding:0 1em 1em;

    width:92%;

}

/***

 New stuff

***/

    .showhide {

        cursor: pointer;

        display: block;

        width: 100%;
        

        /*

        background-color: #0066dd;

        color: #fff;

        z-index: 10;*/

    }

    .content {

        background-color: #F6F6F6;

        display: block;

    }   

    .hidden {

        height: 0;

        display: none;

        visibility: hidden;

        overflow: hidden;

    }

/***

New index page stuff 

***/



div#content div.section h2 {

    background: none;

    color: #000;

    font-size:2em;

    border-bottom: 1px dashed #444;

}

div#content div.section {

    padding-bottom: 10px;

    /*border-bottom: 1px dotted #CCC;   */

}

div#context-nav form {

    margin-bottom: 15px;

}

div#faqs-index ul
{
    list-style: none;
    margin-left: 0px;
}
div#faqs-index li
{
    margin-left: 0px;
}

div#faqs-index ul li ul li
{

    background-color: #EEE;
    /*margin-left: -1.5em;*/

    padding: 2px 0px 2px 5px;
    list-style: none;   
}

div#faqs-index .showhide
{
    background: url(plus.gif) left top no-repeat;       
    padding-left: 12px;
    margin-right: -12px;
}

div#faqs-index .minus
{
    background: url(minus.gif) left top no-repeat;      
}

div .FAQSection ul
{
    list-style: none;
    margin-left: 0px;
}

div .FAQSection li
{
    margin-left: 0px;
}
.FAQSection .showhide
{
    background: url(plus.gif) left top no-repeat;       
    padding-left: 12px;
    margin-right: -12px;
}

.FAQSection .minus
{
    background: url(minus.gif) left top no-repeat;
}

/*

div#content div.section ul {

    margin-top: 0;

    padding-top: 0; 

}*/

.link-text {
    float: right;
    font-size: 1.2em;
    font-weight: bold;
}

.link-text a{
    text-decoration: none;
}

.link-text a img{
    vertical-align: middle;
    padding-bottom: 2px; 
}

div#links-search a {
    text-decoration: none;
}

div#links-search a:hover {
    text-decoration: none;
}

div#link-search a img{
    
    vertical-align: bottom;
}
iframe#search-pardot {
    display:none;
    visibility: hidden;
}

.feedback-icon {
    background: url(comment.gif) no-repeat center right;
    padding-right: 18px;
}

#feedback {
    display: none;
    visibility: hidden;
    background: #F8F8F8;
    border: 2px #036 solid;
    width:500px;
    height: 340px;
    position: fixed;
    top: 20%;   
    left: 50%;
    margin-left: -250px;
    z-index: 1000;
    _position: absolute;
    _top: 20px;
    
    
}

#feedback .popup-title-bar {
    height: 16px;
    background-color: #90B1F1;
    padding: 3px;
    border-bottom: solid #004eec 1px;
    margin-bottom: 5px;
}

#feedback .popup-title-bar h1 {
    font-size: 13px;
    color: #fff;
    width: 75%;
    float: left;
    border-bottom: none;
    
}

.close-button {
    float: right;
    height: 16px;
    width: 16px;
    background: url(cancel.gif) no-repeat center center;
    
}


div#announcements h2 {
    background-color: #FFD980;
    color: #000;
    border-color: #FF9900;
}

div#announcements h2 a{
    background-color: #FFD980;
    color: #000;
        border-color: #FFD980;
    text-decoration: none;
}

div#announcements h2 a:hover{
    background-color: #FFD980;
    color: #000;
    border-color: #FF9900;
    text-decoration: none;
}

div#folder{
        align: center;
}

div#folder ul{
        list-style-image: url("/renderfile/9ed136070a00016b01e72caebaf54333/1_files/images/basic-icons/folder.png");
        padding: 4px;
}

div#folder-tbl table{
        border-collapse: separate;
        margin-left: auto;
        margin-right: auto;
}
.schema{
        border: 0.3em;
        }

.schema tr.one {
        background-color: #999999;
        border: 0;
        border-bottom: 1px;
        border-style: solid;
        }

.schema tr.two {
        background-color: #E8E8E8;
        border: 0;
        align: center;
        }

.schema-ref{
        border: 0.3em;
        }

.schema-ref tr.one {
        background-color: #999999;
        }

.schema-ref tr.two {
        background-color: #E8E8E8;
        border: 0.3em;
        }

.role{  
        border: 0;
     }

.role tr.head{
        border: 0;
        border-bottom: 1px;
        border-style: solid;
        background-color: #999999;
        }

.role tr{
        border: 0;
        background-color: #E8E8E8;
        }
        
/*****
Feedback tag
*****/
a#feedback-tag
{
    position: fixed;
    top: 40%;
    width: 25px;
    height: 90px;
    right: 0;
    display: block;
    margin-top:-45px;
    background: url(feedback-tag.gif);  
    border-bottom: 1px solid #444444;
    border-top: 1px solid #6392EB;
    border-left: 1px solid #6392EB;

    /* IE6 fix */
    _position: absolute;
    _top: expression(((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 200) + 'px' );
    _right: expression(((ignoreMe = document.documentElement.scrollRight ? document.documentElement.scrollRight : document.body.scrollRight ) + 0) + 'px' );

}
a#feedback-tag:hover
{
    background: url(feedback-tag-over.gif);
    border-color: #036; 
}

/*****
Feedback Form
*****/
#feedback-form {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10px;
}
#feedback-form label {
    float:left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px; 
}
#feedback-form textarea {
    width: 70%;
    height: 100%;
}