/*
=============================================================================================
  Chicago Modern theme for Wikidot
  by Rob Ostapiuk
  version 1.0
=============================================================================================
*/

@import url(https://www.wikidot.com/common--theme/base/css/style.css);
@import url(https://microchip.wikidot.com/local--files/admin:css/button.css);
@import url(https://microchip.wikidot.com/local--files/admin:css/YUI_Navset.css);
/*@import url(https://microchip.wikidot.com/local--files/admin:css/treeview.css);*/

/*
=============================================================================================
 Import Google Web Fonts (keeps content consistent across browsers and operating systems)
 From http://www.google.com/webfonts
=============================================================================================
---------------------------------------------------------------------------------------------
   font-family: 'Oswald', sans-serif;    Used for page titles, header bars
-------------------------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);

/*-------------------------------------------------------------------------------------------
   font-family: 'Oxygen Mono', sans-serif;    Used for code/monospace
-------------------------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Oxygen+Mono);

/*-------------------------------------------------------------------------------------------
   font-family: 'Arimo', sans-serif;    Used for main text
-------------------------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Arimo:400,400italic,700,700italic);

/*-------------------------------------------------------------------------------------------
   font-family: 'Open Sans', sans-serif;   Used for main text (possible Arimo replacement)
-------------------------------------------------------------------------------------------*/
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,400italic,600italic,700,600,700italic);*/


/*
=============================================================================================
  Global Selector Settings
=============================================================================================
*/

html,
body { min-height: 101%; }

body.wait,
body.wait * {
    cursor: wait;
}

body {
    margin: 0px;
    padding: 0px;
    /*font-family: 'Arimo', sans-serif;*/
    font-family: 'Arial', sans-serif;
    font-size: 0.82em;
    background-image: none;
    background-color: #484848;
}

form { margin: 0; padding: 0; }

tt { font-family: 'Oxygen Mono', sans-serif; font-size: 98%; }
pre { font-family: 'Oxygen Mono', sans-serif; }
code { font-family: 'Oxygen Mono', sans-serif; }

a.collapsible-block-link,
h1,h2,
h3,h4,
h5,h6 { font-family: 'Arial', sans-serif; color: #3C548E; }

a.collapsible-block-link,
h1,h2,
h3 { padding: 0; margin: 15px 0; }

h1 { font-size: 190%; font-weight: 400; }
h2 { font-size: 150%; font-weight: bold; text-decoration: underline;}
a.collapsible-block-link,
h3 { font-size: 130%; font-weight: 700; }
h4 { font-size: 120%; font-weight: 700; }
h5 { font-size: 100%; font-weight: 700; }
h6 { font-size: 90%;  font-weight: 700; }

h1 a { text-decoration: none; }

img { border-width: 0px; }

blockquote
{
    border: 1px dashed #999;
    padding: 0 1em;
    background-color: #f4f4f4;
}

a { color: #0056b6; text-decoration: none; }

a:hover {
    color: #0056b6;
    background-color: transparent;
     text-decoration: underline;
}

a.newpage {
    color: #933;
}

/*
=============================================================================================
  PAGE LAYOUT
=============================================================================================
---------------------------------------------------------------------------------------------
   #container-wrap (full screen, visible on left and right margins)
-------------------------------------------------------------------------------------------*/
#container-wrap-wrap
{
    position: relative;
}

#container-wrap
{
    background-image: none; repeat-x top;
    background-color: #484848;
}

/*-------------------------------------------------------------------------------------------
   #container (centered within #container-wrap, holds all content)
   Use 1200 pixels width for normal screens, 100% for iPhones
   WIDTH of CONTENT AREA
-------------------------------------------------------------------------------------------*/
#container
{
    position: relative;
     width: 1200px;
     margin: 0 auto; /* Might need to remove auto */
    padding: 0;
    background-image: none;
}

@media only screen and (max-device-width: 480px)
{
    #container
    {
     width: 100%;
    }
}

/*-------------------------------------------------------------------------------------------
   #content-wrap (inside #container, holds all but #footer and #license-area)
-------------------------------------------------------------------------------------------*/
#content-wrap
{
    padding:0;
    margin:0;
    margin-top: 10px;
    /*background-image: none;*/
    background-image: url(/local--files/_images/content-wrap.png);
    background-repeat: repeat-y;
    background-color: #484848;
    min-height: 500px;
    overflow: hidden;
}

/* fixes the peekaboo bug in most of the themes (ie6, ie7)*/
#content-wrap {
    _height: 1%;
    min-height: 1px;
}

/*
=============================================================================================
 Header and Top Bar
=============================================================================================
---------------------------------------------------------------------------------------------
   Banner (Logo and Background)
-------------------------------------------------------------------------------------------*/
#header
{
    position: relative;
    z-index: 30;
    height: 118px;
    background-color: #484848;
    background-image: url(/local--files/_icons/xfMicrochipLogo.png);
    background-repeat: no-repeat;
    /*background-position: 5px 20px;*/
    background-position: 40px 20px;
        /*padding-left: 225px;*/
    padding-left: 260px;
}

/*-------------------------------------------------------------------------------------------
   Site Title
-------------------------------------------------------------------------------------------*/
#header h1
{
    font-family: 'Arial', sans-serif;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    margin: 0;
    float: left;
    padding: 30px 0 0 50px;
}

#header h1 span
{
    padding-right: 7px;
}

#header h1 a
{
    font-family: 'Arial', sans-serif;
    color: #FEFEFE;
     font-size: 25px;
     font-style: normal;
     font-weight: 700;
     letter-spacing: 1px;
     line-height: 26px;
    text-decoration: none;
}

#header h1 a:hover
{
    color: #FAB149;
    text-decoration: none;
}

/*-------------------------------------------------------------------------------------------
   Site Subtitle (if it exists)
-------------------------------------------------------------------------------------------*/
#header h2
{
    margin: 0;
    padding: 60px 0 0 50px;
    font-size: 16px;
    line-height: 20px;
    color: #FEFEFE;
    font-family: 'Arimo', sans-serif;
    text-decoration: none;
}

/*
#header h2:before
{
    content: "|";
}
*/

#header h2 span
{
    font-size: 15px;
    font-style: italic;
    /*text-transform: uppercase;*/
    color: #A2A2A2;
}

/*-------------------------------------------------------------------------------------------
   Menu Bar
-------------------------------------------------------------------------------------------*/
#top-bar
{
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    width: 100%;
    height: 29px;
    z-index:0;
}

#top-bar li, #top-bar ul
{
    margin: 0;
    padding: 0;
}

#top-bar ul
{
    display: block;
    margin:0; padding:0;
    list-style:none;
    background: #4e669e; /* Old browsers */
    background: -moz-linear-gradient(top,  #4e669e 0%, #3f537f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e669e), color-stop(100%,#3f537f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4e669e 0%,#3f537f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4e669e 0%,#3f537f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4e669e 0%,#3f537f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4e669e 0%,#3f537f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e669e', endColorstr='#3f537f',GradientType=0 ); /* IE6-9 */
     height: 29px;
    border-radius: 3px;
    /*padding-left: 310px;*/
    padding-left: 10px;
}

/* Controls position of menu on top bar */
#top-bar li
{
    list-style: none;
    float:left;
    margin: 0 5px 0 5px;
    padding:0;
    
}

#top-bar ul ul
{
    margin-right: 0;
}

#top-bar li ul
{
    padding: 0;
    margin: 0;
    width: 12em;
    border: none;
}

#top-bar  li ul li{
    padding: 0;
    margin: 0;
    /*width: 12em;*/
    display: block;
    float: none;
}

#top-bar li a
{
    text-align: center;
    display: block;
    margin: 0;
    padding: 1px 1em;
    /*border-right: 1px solid #fff;*/
    border: none;
     color: #fff;
     font-size: 13px;
     font-weight: 400;
     line-height: 29px;
     padding: 0 15px;
     text-decoration: none;
    /*font-family: 'Oswald', sans-serif;
    text-transform: uppercase;*/
}

#top-bar li a:hover
{
     text-decoration: none;
    color: black;
    background: #fab149; /* Old browsers */
    background: -moz-linear-gradient(top,  #fab149 0%, #f8950a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fab149), color-stop(100%,#f8950a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fab149 0%,#f8950a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fab149 0%,#f8950a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fab149 0%,#f8950a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fab149 0%,#f8950a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab149', endColorstr='#f8950a',GradientType=0 ); /* IE6-9 */
}

#top-bar a:hover
{
    background-color: #FFF;
    text-decoration: underline;
}

#top-bar li ul li a
{
    width: 20em;
    text-align: left;
    background-color: #3F537F; /*#0056b6;*/
    border: none;
    color: #fff;
}

#top-bar li ul li a:hover
{
    color: black;
}

#top-bar li ul
{
    position: absolute;
    /*left: -999em;*/
    visibility: hidden;
}

#top-bar li:hover ul, #top-bar li.sfhover ul
{
    /*left: auto;*/
    visibility: visible;
}

/*-------------------------------------------------------------------------------------------
   Login Status
-------------------------------------------------------------------------------------------*/
#login-status
{
    position: absolute;
    /*right: 8px;*/
    top: 8px;
    overflow: visible;
    z-index:25;
    padding: 5px;
    border-radius: 3px;
    color: #F5F5F5;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
}

#login-status a
{
  text-decoration: none;
    color: #F5F5F5;
}

#login-status p
{
    display: none;
}

#my-account
{
    display: none;
}

@-webkit-keyframes blinker {
    from { opacity: 1.0; }
    to { opacity: 0.0; }
}

#login-status > a > strong {
    /* Firefox/Opera */
    text-decoration: blink;

    /* WebKit */
    -webkit-animation-name: blinker;  
    -webkit-animation-iteration-count: infinite;  
    -webkit-animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);
    -webkit-animation-duration: 1s;
}

#account-options{
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 15em;
    right: 0;
    padding: 0;
    z-index: 40;
    background-color: #3F537F;
    display: none;
    border: 1px solid #888;
}

#account-options ul{
    display: block;
    margin: 0; padding: 0;
    list-style: none;
}
#account-options li{
    display: block;
    margin: 0; padding: 0;
    /*width: 100%;*/
}
#account-options li a{
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 2px 5px;
    z-index: 40;
    /*width: 100%;*/
    color: white;
}

#account-options li a:hover{
    color: black; /*#F5F5F5;*/
    background: #FAB149; /*#3B538D;*/
}

/*-----------------------------------
   Account Menu Button (arrow)
-----------------------------------*/
#account-topbutton{
    font-size: 80%;
    font-weight: 700;
    padding: 5px 5px 3px 5px;
    border: none; /*1px solid #888; /* Border around arrow button */
    margin-left: 0;
    text-decoration: none;
    border-radius: 3px;
}

/* ARROW COLOR */
#login-status #account-topbutton, .change-textarea-size a
{
     color: #F5F5F5; /*#fff;*/
    background: transparent; /*#3B538D; /*#0056b6;*/
}

/* ARROW COLOR : HOVER */
#login-status #account-topbutton:hover, .change-textarea-size a:hover
{
     color: #000;
    background: #FAB149; /*#1180fd;*/
}

.printuser img.small
{
    margin-right: 5px;
}

/*-------------------------------------------------------------------------------------------
   Form Elements
-------------------------------------------------------------------------------------------*/
input {
    font-size: 100%; /* ie6 sucks so much... */
}


div.buttons{
    text-align: center;
    padding: 1em 0;
}

div.buttons.alignleft{
    text-align: left;
}

div.buttons input, input.button, button, file, a.button{
    margin: 0 2px;
    padding: 0px 0.5em;
    text-decoration: none;
    background-color: #F4F4F4;
    border: 1px solid #AAA;
    color: #000;
}
div.buttons input:hover, input.button:hover, button:hover,  a.button:hover{
    background-color: #DDD;
    color: #000;
}

input.button.disabled, div.buttons input.disabled{
    background-color: #F7F7F7;
    color: #BBB;
}
input.button.disabled:hover, div.buttons input.disabled:hover{
    background-color: #F7F7F7;
    color: #BBB;
}


input.checkbox{
    background-color: #FFF;
    color: #000;
}

input.text{
border: 1px solid #777;
border-radius: 3px;
    margin: 0 1px;
    padding: 1px 2px;
    background-color: #FFF;
    color: #000;
}

input.text.invalid{
    border-color: red;
}

textarea{
    font-family: verdana,arial,helvetica,sans-serif;
    padding: 2px;
    font-size: 100%;
    border: 1px solid #777;
    background-color: #FFF;
    color: #000;
}

/*-------------------------------------------------------------------------------------------
   Search Box
-------------------------------------------------------------------------------------------*/
#search-top-box
{
    position: absolute;
    top: 3em;
    z-index:10;
    right: 0;
     top:50px;
}

#search-top-box .button
{
     /*visibility: hidden;*/
    display: none;
}

#search-top-box input.empty
{
    background-color:#EEEEEE;
     color:#999999;
}

#search-top-box .text
{
     padding:2px 2px 2px 22px;
     width:220px;
    background-image:url('/local--files/_icons/icon18Search.png');
   background-repeat:no-repeat;
    background-position: 1px 1px;
}

#search-top-box input.text, textarea {
    /*border-color: #0056b6;*/
    border: none;
}

.hover {
    color: #0a9200;
}

.hover:hover{
    color: #0a9200;
}

/*
=============================================================================================
 Side Bar and Foldable Lists
=============================================================================================
---------------------------------------------------------------------------------------------
   X
-------------------------------------------------------------------------------------------*/
#side-bar
{
    float: left;
    /*width: 20em;*/
    width: 301px;
    /*margin: 0;*/
    margin: 0 20px 0 0;
    padding: 0;
    padding-right: 0;
   padding-left: 0em;
    border-width: 0;
    overflow:hidden;
    clear: left;
    /*background-color: #484848;*/
}

#side-bar ul
{
    margin: 0; /*0.5em 0; */  /*top and bottom margin reduced to zero to prevent gaps in side menu*/
    padding: 0 0 0 0; /*2em; */
    /*padding-left: 0.25em;*/
   margin-bottom: 0; /* Fixes issues with tabs getting pushed to right */
}

#side-bar div.foldable-list-container ul li ul li  /* More at bottom... */
{
   font-size: 100%;
}

/*
=============================================================================================
 Main Content
=============================================================================================
---------------------------------------------------------------------------------------------
   X
-------------------------------------------------------------------------------------------*/
#page-title{
    margin: 0 0 5px 0;
    padding: 0 0 2px 0;
     border-bottom: 1px solid #666;
     font-size: 180%;
    font-family: 'Arial', 'Helvetica', 'Liberation Sans', sans-serif;  /*Formerly 'Oswald'*/
    font-weight: 700;
    text-shadow: 1px 1px 2px #CECECE ;
    color: #405995;
}

#breadcrumbs{
    margin-top: -0.5em;
    font-size: 90%;
        /*color: #826D59;*/
        color: #666666;
    margin: 3px;
        padding-bottom: 1em;
}

#breadcrumbs a {
        color: #666666;
}

#breadcrumbs a:hover {
        color: #405995;
        /*background-color: #EDBE4F;*/
}

#main-content
{
    /*margin: 0 0 0 310px;*/
    margin: 0;
     padding: 20px 15px 0 5px;
     overflow: hidden;
    font-family: 'Arial', sans-serif;
    font-size: 100%;
    background-color: #F5F5F5;
    height: 100%;
    /*min-height: 500px;*/

}

#page-content
{

}

#page-content > p
{
    /*margin-left: 10px;*/
}

#page-content > *:first-child
{
    margin-top: 0;
}

/*-------------------------------------------------------------------------------------------
   Table of Contents
-------------------------------------------------------------------------------------------*/
#toc{
    margin: 1em auto 1em 0;
    padding: 0em 0.5em;
    border: none; /*1px dashed gray;*/
    background-color: #DAE0E6; /*#F7F7F7;*/
    display: table;
    border-radius: 5px;
    /*box-shadow: 1px 1px 2px #67625D;*/
}

#toc .title {
    font-family: 'Oswald', sans-serif;
    font-size: 160%;
    color: #495063;
    font-weight: 700;
    margin: 0 0;
    padding: 0 2em;
    text-align: center;
    text-transform: uppercase;
}

#toc #toc-action-bar{
    padding: 2px 2px 0 2px;
    margin: 0;
}

#toc-list{
    margin: 0.5em 0;
}
#toc.floatright{
    float: right;
    margin: 1em;
}
#toc.floatleft{
    float: left;
    margin: 1em;
}



/*-------------------------------------------------------------------------------------------
   Page Tags
-------------------------------------------------------------------------------------------*/
.page-tags
{
    clear: both;
    text-align: left;
    margin: 10px 0 0 0; padding: 0 2px;
}
.page-tags a
{
    margin: 0 3px;
}

.page-tags span
{
    padding-top: 2px;
    border-top: 1px solid #BBB;
    font-size: 85%;
}

/*-------------------------------------------------------------------------------------------
   Page Info
-------------------------------------------------------------------------------------------*/
#page-info-break
{
    clear: both;
    height: 1px;
    font-size:1px;
}

#page-info
{
    clear: both;
    text-align: right;
    font-size: 87%;
    margin: 2px 2px;
}

/*
=============================================================================================
 Footer
=============================================================================================
---------------------------------------------------------------------------------------------
   X
-------------------------------------------------------------------------------------------*/
#footer
{
    margin: 0;
    padding: 0;

    /*padding-top: 6px;*/

}

#footer > .footerbar
{
    margin-top: 10px;
    padding: 3px 10px;
    padding-top: 0;
    clear: both;
    overflow: hidden;
    background: #4e669e; /* Old browsers */
    background: -moz-linear-gradient(top,  #4e669e 0%, #3f537f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e669e), color-stop(100%,#3f537f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4e669e 0%,#3f537f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4e669e 0%,#3f537f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4e669e 0%,#3f537f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4e669e 0%,#3f537f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e669e', endColorstr='#3f537f',GradientType=0 ); /* IE6-9 */
     height: 27px;
    border-radius: 3px;
    color: white;
}

#footer .options
{
    float: right;
    font-size: 90%;
    padding: 1px 0;
    display: none;
}

#footer p
{
    margin: 1px 0 0 0;
    padding: 0;
    line-height: 27px;
}

#footer a
{
    color: white;
    line-height: 19px;
    padding: 3px 2px 4px 2px;
}

#footer a:hover
{
     text-decoration: none;
    color: black;
    background: #fab149; /* Old browsers */
    background: -moz-linear-gradient(top,  #fab149 0%, #f8950a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fab149), color-stop(100%,#f8950a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fab149 0%,#f8950a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fab149 0%,#f8950a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fab149 0%,#f8950a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fab149 0%,#f8950a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab149', endColorstr='#f8950a',GradientType=0 ); /* IE6-9 */
    padding: 7px 2px 8px 2px;
}

.backlinks-body
{
    padding-top: 10px;
}

.backlinks-body > p { margin: 3px 0; font-size: 80%; }

.backlinks-module-box ul
{
    margin: 3px 0;
    font-size: 80%;
}

.page-rate-widget-box { margin-bottom: 10px; }

/*
=============================================================================================
 License Area
=============================================================================================
---------------------------------------------------------------------------------------------
   X
-------------------------------------------------------------------------------------------*/
#license-area
{
    padding: 0.5em 0;
    color: #eee;
    text-align: center;
}

/*
=============================================================================================
 Pop-up hover text over images or links, based on James Kanjo's design,
 improved & simplified by Pieter Hintjens
=============================================================================================
---------------------------------------------------------------------------------------------
   Use: [[span class="hover"]]Image or link[[span]]Hover text[[/span]][[/span]]
-------------------------------------------------------------------------------------------*/
.hover span {
    display: none;
}
.hover:hover span {
    position: absolute;
    display: inline;
    margin: 20px -20px 0 0;
    height: auto;
    width: auto;
    background: #eee;
    border: 1px solid #555;
    color: #555;
    padding: 1em;
    font-size: 12px;
}
.hover:hover span span {
    position: relative;
    margin: auto;
    height: auto;
    width: auto;
    border: none;
    padding: 0;
}
.hover:hover {
    background-color: transparent;
    text-decoration: underline;
}

/*
=============================================================================================
 Custom Elements
=============================================================================================
---------------------------------------------------------------------------------------------
   X
-------------------------------------------------------------------------------------------*/
div.wiki-note{
    width: auto;
    margin: 0.5em 5em;
    border: 1px solid #999;
    text-align: center;
}

/*
=============================================================================================
 SECTION TITLE BAR - [[include _section:h1 number=n |title=Section Name]]
=============================================================================================
*/

.gradient-bar
{
    background: #4862a0; /* Old browsers */
    background: -moz-linear-gradient(top,  #4862a0 0%, #2f467b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4862a0), color-stop(100%,#2f467b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4862a0 0%,#2f467b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4862a0 0%,#2f467b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4862a0 0%,#2f467b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4862a0 0%,#2f467b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4862a0', endColorstr='#2f467b',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    height: 28px;
    padding: 5px 0 5px 5px;
    margin: 25px 0 25px 0;
    box-shadow: #999 1px 1px 2px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    color: #EEE;
    display: block;
}

.transparent-bar
{
    background: none;
    width: 100%;
    height: 28px;
    padding: 5px 0 5px 5px;
    margin: 10px 0 -10px 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    color: #484848;
    display: block;
}

.gradient-bar2
{
    background: #833e34; /* Old browsers */
    background: -moz-linear-gradient(top,  #833e34 0%, #752f29 51%, #722d22 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#833e34), color-stop(51%,#752f29), color-stop(100%,#722d22)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #833e34 0%,#752f29 51%,#722d22 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #833e34 0%,#752f29 51%,#722d22 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #833e34 0%,#752f29 51%,#722d22 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #833e34 0%,#752f29 51%,#722d22 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#833e34', endColorstr='#722d22',GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
    width: 100%;
    height: 28px;
    padding: 5px 0 5px 5px;
    margin: 25px 0 25px 0;
    box-shadow: #999 1px 1px 2px;
    font-weight: 700;
    color: #EEE;
    display: block;
}

.gradient-title,
.transparent-title
{
    margin: 0;
    margin-right: 30px;
    padding: 0;
}

.gradient-title p,
.transparent-title p
{
    margin: 0;
    padding: 0;
    font-size: 150%;
}

.gradient-title h1
{
    margin: 0;
    padding: 0;
    /*font-family: 'Oswald', sans-serif;*/
    font-family: 'Arial', 'Helvetica', 'Liberation Sans', sans-serif;
    font-weight: bold; /*400*/
    /*font-size: 150%;*/
    font-size: 170%;
    color: #EEE;
}

.transparent-title h1
{
    margin: 0;
    padding: 0;
    /*font-family: 'Oswald', sans-serif;*/
    font-family: 'Arial', 'Helvetica', 'Liberation Sans', sans-serif;
    font-weight: bold; /*400*/
    /*font-size: 150%;*/
    font-size: 170%;
    color: #484848;
}

.number-bullet
{
    width: 28px;
    height: 28px;
    margin: 0;
    margin-right: 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /*background-color: white;
    box-shadow: #999 1px 1px 2px inset;
    float: left;*/
}

.gradient-bar .number-bullet
{
    background-color: white;
    box-shadow: #999 1px 1px 2px inset;
    float: left;
}

.gradient-bar .number-bullet p
{
    margin: 0;
    padding: 0;
    color: #4862a0;
    font-family: 'Oswald', sans-serif;
    /*font-family: 'Arial', 'Helvetica', 'Liberation Sans', sans-serif;*/
    font-weight: bold;
    font-size: 150%;
    text-align: center;
    text-shadow: #999 1px 1px 2px;
}


/*
=============================================================================================
 STEPS - [[include _step number=n]]  [[include _step:end]]  or  [[include _step:final]]
=============================================================================================
*/

.step, .subsec
{
    width: 100%;
    position: relative;
}

.step-bullet
{
    width: 20px;
    height: 20px;
    margin: 0;
    margin-right: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.img-bullet
{
    background-repeat: no-repeat;
        background-position: 1px 1px;
        min-height: 26px;
        text-align: left;
        width: auto;
        padding-left: 40px;
        padding-right: 5px;
        padding-bottom: 0px;
}

.step .step-bullet
{
    background-color: #79413F;
    box-shadow: #999 1px 1px 2px;
    margin-left: 10px;
    float: left;
    position: relative;

}

.step .step-bullet p, .subsec .subsec-bullet p
{
    margin: 0;
    padding: 0;
    color: white;
    /*font-family: 'Oswald', sans-serif;*/
    font-family: 'Arial', 'Helvetica', 'Liberation Sans', sans-serif;
    font-weight: bold;
    font-size: 120%;
    text-align: center;

}


.step-text, subsec-text
{
    margin: 0;
    padding: 0 0 0 45px;
}

/*
=============================================================================================
 SUBSECTION - [[include _subsec number=n]]  [[include _subsec:end]]  or  [[include _subsec:final]]
=============================================================================================
*/

/* OTHER PARAMETERS COMBINED WITH .step ABOVE */

.subsec-bullet
{
    width: 3em; /*35px;*/
    height: 20px;
    margin: 0;
    margin-right: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.subsec .subsec-bullet
{
    background-color: #79413F;
    box-shadow: #999 1px 1px 2px;
    margin-left: 0px;
    float: left;
}

/*
=============================================================================================
 SIDEIMAGE - [[include _sideimage imgsrc=pageName/imageName |width=300px]]  [[include _sideimage:end]]
=============================================================================================
*/

.sidebyside
{
        width: auto;
        overflow: hidden;    /* required to prevent space below images */
}

.leftcolumn
{
        width: 300px;
        padding-right: 20px;
        float: left;
        text-align: center;
}

.rightcolumn
{
        width: auto;
        margin-left: 320px;
}

.rightcolumn p
{
    margin-top: 0;
    margin-bottom: 0;
}




/*-------------------------------------------------------------------------------------------------
  SYNTAX, EXAMPLE and DEFINITION FRAME/TITLE BOX (Surrounding content box)
-------------------------------------------------------------------------------------------------*/
.syntax-frame, .example-frame, .definition-frame {
        width: auto;
        margin-top: 5px;
        margin-right: 2em;
        margin-bottom: 5px;
        margin-left: 2em;
        border-width: 0px;
        text-align: left;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 5px;       
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 1px 1px 2px #67625D;
        -webkit-box-shadow: 1px 1px 2px #67625D;
        box-shadow: 1px 1px 2px #67625D;
}

.syntax-frame {
        /*background-color: #824242; /*#561C1C;*/
    /*-----------------*/
    background: #824242; /* Old browsers */
    background: -moz-linear-gradient(top,  #824242 0%, #633232 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#824242), color-stop(100%,#633232)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #824242 0%,#633232 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #824242 0%,#633232 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #824242 0%,#633232 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #824242 0%,#633232 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#824242', endColorstr='#633232',GradientType=0 ); /* IE6-9 */
    /*-----------------*/
}

.example-frame {
       /* background-color: #3D4966;  /*#444444*/
    /*-----------------*/
    background: #404e6e; /* Old browsers */
    background: -moz-linear-gradient(top,  #404e6e 0%, #2e3a56 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404e6e), color-stop(100%,#2e3a56)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #404e6e 0%,#2e3a56 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #404e6e 0%,#2e3a56 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #404e6e 0%,#2e3a56 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #404e6e 0%,#2e3a56 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404e6e', endColorstr='#2e3a56',GradientType=0 ); /* IE6-9 */
    /*--------------------*/
}

.definition-frame {
        /*background-color: #5C7A99;*/
    /*--------------------*/
    background: #5c7a99; /* Old browsers */
    background: -moz-linear-gradient(top,  #5c7a99 0%, #4f6682 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c7a99), color-stop(100%,#4f6682)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5c7a99 0%,#4f6682 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5c7a99 0%,#4f6682 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5c7a99 0%,#4f6682 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5c7a99 0%,#4f6682 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c7a99', endColorstr='#4f6682',GradientType=0 ); /* IE6-9 */
    /*--------------------*/
}

.syntax-frame p, .definition-frame p, .example-frame p {
        padding: 0;
        margin: 0;
    margin-left: 5px;
        color: #FFFFFF;
        font-weight: 700;
}

/*-------------------------------------------------------------------------------------------------
  SYNTAX, EXAMPLE and DEFINITION CONTENT BOX (Inside frame/title box)
-------------------------------------------------------------------------------------------------*/
.syntax-body, .definition-body, .example-body {
        width: auto;
        margin-top: 3px;
        border-style: solid;
        border-width: 0px;
    background-color: #F0EFE9;
    /*background-color: #EEEEEE;*/
        text-align: left;
        padding: 0.5em;

        /*color: #1E3C59;*/
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    font-family: 'Arimo', sans-serif;
    box-shadow: #999 1px 1px 2px inset;
}

.syntax-body .code, .definition-body .code, .example-body .code {
        padding: 0;
        margin: 0;
        /*font-weight: bold;*/
    font-family: 'Oxygen Mono', 'Courier New', sans-serif;
}

.syntax-body pre, definition-body pre, .example-body pre {
        padding: 0;
        margin: 0;
    font-family: 'Oxygen Mono', sans-serif;
    background-color: #F0EFE9;
}

.xfcontent pre,
.xfcontent .code
{
        padding: 0;
        margin: 0;
    font-family: 'Oxygen Mono', 'Courier New', sans-serif;
}

.syntax-body p, .definition-body p, .example-body p {
        font-weight: 400;
        color: #221B16;
        padding: 0;
        margin: 0;
}

html#html-block-html, html#html-block-html body
{
    margin: 0;
    padding:0;
}

/*
=============================================================================================
 MESSAGE BOXES - [[include _msg:info]]
=============================================================================================
*/

/*-------------------------------------------------------------------------------------------------
  CAUTION BOX
-------------------------------------------------------------------------------------------------*/
.caution {
        color: #4F4128;
        font-weight: 700;
        border-color: #F8F8B3;
        background-color: #F8F8B3; /*#FFFFD6;*/
        background-image:url(http://microchip.wikidot.com/local--files/admin:manage/IconWarning.png);
}

/*-------------------------------------------------------------------------------------------------
  WARNING BOX
-------------------------------------------------------------------------------------------------*/
.warning {
        color: white; /*#4D0007;*/
        font-weight: 700;
        border-color: #893330;
        background-color: #893330; /*#FFD6DA;*/
        background-image:url(http://microchip.wikidot.com/local--files/admin:manage/IconStop.png);
}

/*-------------------------------------------------------------------------------------------------
  INFO BOX
-------------------------------------------------------------------------------------------------*/
.info {
        color: #1E3C59;
        font-weight: 400;
        border-color: #DAE0E6;
        background-color: #DAE0E6;  /*#B3C0CB;*/
        background-image:url(http://microchip.wikidot.com/local--files/admin:manage/IconInfo.png);
}

/*-------------------------------------------------------------------------------------------------
  TIPS AND TRICKS BOX
-------------------------------------------------------------------------------------------------*/
.tiptrick {
        color: #1E3C59;
        font-weight: 400;
        border-color: #DAE0E6;
        background-color: #DAE0E6;
        background-image:url(http://microchip.wikidot.com/local--files/admin:manage/IconIdea.png);
}

/*-------------------------------------------------------------------------------------------------
  CONSTRUCTION BOX
-------------------------------------------------------------------------------------------------*/
.const {
        color: #FFFFFF;
        font-weight: 400;
        border-color: #A75923;
        background-color: #A75923; /*#893330;*/
        background-image:url(http://microchip.wikidot.com/local--files/admin:manage/hardhat.png);
    background-repeat: no-repeat;
        background-position: 4px center;
        width: auto;
        margin-top: 0.5em;
        margin-right: 2em;
        margin-bottom: 0.5em;
        margin-left: 2em;
        border-style: solid;
        border-width: 1px;
        text-align: left;
        padding-left: 58px;
        padding-right: 1em;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    min-height: 44px;
        -moz-box-shadow: 1px 1px 2px #67625D;
        -webkit-box-shadow: 1px 1px 2px #67625D;
        box-shadow: 1px 1px 2px #67625D;
}

/*-------------------------------------------------------------------------------------------------
  COMMON BOX PROPERTIES
-------------------------------------------------------------------------------------------------*/
.info,
.tiptrick,
.caution,
.warning
{
        width: auto;
        margin-top: 0.5em;
        margin-right: 2em;
        margin-bottom: 0.5em;
        margin-left: 2em;
        border-style: solid;
        border-width: 1px;
        background-repeat: no-repeat;
        background-position: 4px 4px; /*4px center;*/
        text-align: left;
        padding-left: 48px;
        padding-right: 1em;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    min-height: 44px;
        -moz-box-shadow: 1px 1px 2px #67625D;
        -webkit-box-shadow: 1px 1px 2px#67625D;
        box-shadow: 1px 1px 2px #67625D;
}

/*
=============================================================================================
 General Code Box
=============================================================================================
*/
.code {
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #CECECE;
    overflow: auto;
    /*border-left: 7px solid #C7C9B8;
        border-left: 7px solid #5E4050;
    margin-left: 10px;*/
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
}

/*
=============================================================================================
 Syntax Highlighter
=============================================================================================
*/
.example-body .code
{
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #EEEEEE;
    font-size: small;
    overflow: auto;
    /*border-left: 7px solid #C7C9B8;
        border-left: 7px solid #5E4050;
    margin-left: 10px;*/
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
}

.xfcontent .code
{
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #CECECE;
    font-size: small;
    overflow: auto;
    /*border-left: 7px solid #C7C9B8;
        border-left: 7px solid #5E4050;
    margin-left: 10px;*/
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
}

.syntaxhighlighter
{
    margin-top: 0;
    margin-bottom: 0;
}





/*
=============================================================================================
 Page Header (TOC & Introduction side by side)
=============================================================================================
*/
.pagehead
{
    margin: 0;
    padding: 0;
}

/* Used to force full width span - no content*/
.pagehead-clear
{
    clear: both;
}

/* Holds TOC */
.pagehead-left
{
    width: 290px;
    float: left;
}

.pagehead-left #toc
{
    width: 280px;
    margin: 0;
}

/* Holds Introduction */
.pagehead-right
{
    margin-left: 310px;
    width: auto;
}

/*
=============================================================================================
 Tutorial Link Box
=============================================================================================
*/

.steplink
{
    float: right;
    width: 250px; /*35%;*/
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0.5em;
        margin-left: 1em;
        border-style: none;
        /*text-align: left;
        padding-left: 44px;
        padding-right: 1em;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    min-height: 44px;
        -moz-box-shadow: 1px 1px 2px #67625D;
        -webkit-box-shadow: 1px 1px 2px#67625D;
        box-shadow: 1px 1px 2px #67625D;
    background-color: #DAE0E6; /*#EAEAEA;*/
        background-image:url(http://microchip.wikidot.com/local--files/_icons/IconSteps.png);
    background-repeat: no-repeat;
        background-position: 4px center;*/
}

.steplink p
{
    margin-top: 6px;
    margin-bottom: 6px;
}

.steplink a
{
    color: #3C5188;
    font-weight: 700;
}

.sidebyside .steplink
{
    margin-right: 0.5em;
    width: 250px;
}

/*--------------------------------

---------------------------------*/
.sideinfo
{
    float: right;
    width: 35%;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0.5em;
        margin-left: 1em;
        border-style: none;
        text-align: left;
        padding-left: 44px;
        padding-right: 1em;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    min-height: 44px;
        -moz-box-shadow: 1px 1px 2px #67625D;
        -webkit-box-shadow: 1px 1px 2px#67625D;
        box-shadow: 1px 1px 2px #67625D;
    color: #1E3C59;
    background-color: #DAE0E6; /*#EAEAEA;*/
        background-image:url(http://microchip.wikidot.com/local--files/_icons/IconInfo.png);
    background-repeat: no-repeat;
        background-position: 4px center;
}

.sideinfo p
{
    margin-top: 6px;
    margin-bottom: 6px;
}

/*------------------------------*/

.video
{
    width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.downloadLink
{
    width: 32px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    background: url("http://microchip.wikidot.com/local--files/_icons/IconDualDownload.png") 0 -38px no-repeat;
}

.downloadLink:hover
{
    width: 32px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    background: url("http://microchip.wikidot.com/local--files/_icons/IconDualDownload.png") 0 0 no-repeat;
}

.zipFileLink
{
    width: 32px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    background: url("http://microchip.wikidot.com/local--files/_icons/IconDualZipFile.png") 0 -38px no-repeat;
}

.zipFileLink:hover
{
    width: 32px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    background: url("http://microchip.wikidot.com/local--files/_icons/IconDualZipFile.png") 0 0 no-repeat;
}


/*
=============================================================================================
 Custom Controls
=============================================================================================
---------------------------------------------------------------------------------------------
   X
-------------------------------------------------------------------------------------------*/
.new-page-box{
    text-align: center;
    margin: 1em 0;
}

.overline
{
    text-decoration: overline;
}

div.buttons input, input.button, button, file, a.button {
    background: #F4F4F4 url(http://themes.wikidot.com/local--files/rainbow-base/button_2.png) repeat-x;
    border: 1px solid #DDD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 26px;
}

div.buttons input:hover, input.button:hover, button:hover, a.button:hover {
    background-color: #DDD;
    background-position: 0 -26px;
    border: 1px solid #DDD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    height: 26px;
}

div.page-calendar-box {
    padding: 0;
}

.odate, .like-odate {
    font-size: 85%;
    font-weight: 700;
    color: #666;
    background: transparent;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#membership-by-password-box error-block,
#membership-apply-box error-block,
.member .error-block {
    display:none;
}



/*  Text-only Join link by Ken Tsang */

.join-text a {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 100%;
    background: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    text-decoration: none;
}
 
.join-text a:hover {
    text-decoration: underline;
}

/*  Use elegant code brackets from Wikidot Community */
/*
.code {
     -moz-box-shadow: 10px -5px 15px #ddd;
     background-color:#E1E8E8;
     background-image:url(http://community.wikidot.com/local--files/admin:css/brackets.png);
     background-repeat:no-repeat;
     border:2px dotted darkgrey;
     font-family:monospace;
     font-size:12px;
     margin:0.4em 0 0.4em 40px;
     min-height:65px;
     overflow:auto;
     padding: 0 1em 0 40px;
     width:85%;
}
*/

/*  For PageManager module (http://modules.wikidot.com) */
/*  Table style is layout, header/footer are top & bottom rows */
.layout {
    border-collapse:collapse;
    color:#3B485F;
    width: 100%;
    table-layout:fixed;
}
.layout tr {
    background: #FCFFDF;
    border-bottom:1px solid #EFEFEF;
}
.layout td {
    padding-left: 1em;
}
.layout .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.layout .header {
    height: 2em;
    background: #AFCCFF;
    border-bottom: 1px solid #9F9F9F;
    font-weight: 700;
    font-size: 13px;
}
.layout .footer {
    background: #FCFFDF;
    border-top: 1px solid #9F9F9F;
    border-bottom: 1px solid #9F9F9F;
    font-weight: 700;
}

/* Keep superscripts/subscripts from affecting line height*/
sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}
sub { top: 0.4em; }









/*
=============================================================================================
  Tables
=============================================================================================
*/

table { empty-cells: show; }
td { text-align: left; }

table.wiki-content-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0.5em auto;
}

table.wiki-content-table td {
    border: 1px solid #888;
    padding: 0.3em 0.7em;
}

table.wiki-content-table th {
    border: 1px solid #888;
    padding: 0.3em 0.7em;
    background-color: #EEE;
}



/*
=============================================================================================
  Boxes and Frames
=============================================================================================
*/

/*
.code
{
    border: 1px dashed #DDD;52
    background-color: #F7F7F7;
    font-family: 'Oxygen Mono', 'Courier New', sans-serif;
    padding: 0 1em;
    margin: 0.4em 0;
    overflow: auto;
}
*/

/*
=============================================================================================
  Summary Box
=============================================================================================
*/


.summary
{
    border: 4px solid #7E4040;
    border-radius: 5px;
    padding: 20px 10px 10px 10px;
    margin: 15px 0 5px 0;
    position: relative;
}

.summary p
{
    margin: 0;
    padding: 0;
}

.summary ul, .summary ol
{
    margin: 0;
}

.summary-title
{
    /*float: left;*/
    position: absolute;
    left: 10px;
    top: -18px;
    border: none;
    background-color: #F5F5F5;
    margin: 0;
    padding: 1px;
    color: #7E4040;
    font-family: 'Oswald', sans-serif;
    font-size: 140%;
}

.summary-title p
{
    margin: 0 5px;
    padding: 1px;
}

/*
=============================================================================================
  Buttons
=============================================================================================
*/

.button a {
    margin: 0;
    padding: 5px;
    color: #F5F5F5;
}

.button a:hover {
    text-decoration: none;
}

.button p {
    margin: 0;
    padding: 0;
}

.btn-blue { background-color: hsl(218, 45%, 34%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3a5e9b", endColorstr="#2f4c7d"); background-image: -khtml-gradient(linear, left top, left bottom, from(#3a5e9b), to(#2f4c7d)); background-image: -moz-linear-gradient(top, #3a5e9b, #2f4c7d); background-image: -ms-linear-gradient(top, #3a5e9b, #2f4c7d); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a5e9b), color-stop(100%, #2f4c7d)); background-image: -webkit-linear-gradient(top, #3a5e9b, #2f4c7d); background-image: -o-linear-gradient(top, #3a5e9b, #2f4c7d); background-image: linear-gradient(#3a5e9b, #2f4c7d); border-color: #2f4c7d #2f4c7d hsl(218, 45%, 32%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13); -webkit-font-smoothing: antialiased; }

.dev-new-page .new-page-box input.button,
.new-page-box input.button,
#search-form input.button,
.btn-green { background-color: hsl(111, 50%, 30%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e9130", endColorstr="#317226"); background-image: -khtml-gradient(linear, left top, left bottom, from(#3e9130), to(#317226)); background-image: -moz-linear-gradient(top, #3e9130, #317226); background-image: -ms-linear-gradient(top, #3e9130, #317226); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e9130), color-stop(100%, #317226)); background-image: -webkit-linear-gradient(top, #3e9130, #317226); background-image: -o-linear-gradient(top, #3e9130, #317226); background-image: linear-gradient(#3e9130, #317226); border-color: #317226 #317226 hsl(111, 50%, 28%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13); -webkit-font-smoothing: antialiased; }

.dev-test-page .new-page-box input.button,
.btn-red { background-color: hsl(0, 45%, 41%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b54444", endColorstr="#973939"); background-image: -khtml-gradient(linear, left top, left bottom, from(#b54444), to(#973939)); background-image: -moz-linear-gradient(top, #b54444, #973939); background-image: -ms-linear-gradient(top, #b54444, #973939); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b54444), color-stop(100%, #973939)); background-image: -webkit-linear-gradient(top, #b54444, #973939); background-image: -o-linear-gradient(top, #b54444, #973939); background-image: linear-gradient(#b54444, #973939); border-color: #973939 #973939 hsl(0, 45%, 39%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13); -webkit-font-smoothing: antialiased; }

.btn-yellow { background-color: hsl(40, 100%, 54%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd684", endColorstr="#ffb014"); background-image: -khtml-gradient(linear, left top, left bottom, from(#ffd684), to(#ffb014)); background-image: -moz-linear-gradient(top, #ffd684, #ffb014); background-image: -ms-linear-gradient(top, #ffd684, #ffb014); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd684), color-stop(100%, #ffb014)); background-image: -webkit-linear-gradient(top, #ffd684, #ffb014); background-image: -o-linear-gradient(top, #ffd684, #ffb014); background-image: linear-gradient(#ffd684, #ffb014); border-color: #ffb014 #ffb014 hsl(40, 100%, 48.5%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.36); -webkit-font-smoothing: antialiased; }

.btn-black { background-color: hsl(50, 0%, 23%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4f4f4f", endColorstr="#3a3a3a"); background-image: -khtml-gradient(linear, left top, left bottom, from(#4f4f4f), to(#3a3a3a)); background-image: -moz-linear-gradient(top, #4f4f4f, #3a3a3a); background-image: -ms-linear-gradient(top, #4f4f4f, #3a3a3a); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f4f4f), color-stop(100%, #3a3a3a)); background-image: -webkit-linear-gradient(top, #4f4f4f, #3a3a3a); background-image: -o-linear-gradient(top, #4f4f4f, #3a3a3a); background-image: linear-gradient(#4f4f4f, #3a3a3a); border-color: #3a3a3a #3a3a3a hsl(50, 0%, 21%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13); -webkit-font-smoothing: antialiased; }

.btn-white { background-color: hsl(193, 0%, 79%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e2e2e2", endColorstr="#c9c9c9"); background-image: -khtml-gradient(linear, left top, left bottom, from(#e2e2e2), to(#c9c9c9)); background-image: -moz-linear-gradient(top, #e2e2e2, #c9c9c9); background-image: -ms-linear-gradient(top, #e2e2e2, #c9c9c9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(100%, #c9c9c9)); background-image: -webkit-linear-gradient(top, #e2e2e2, #c9c9c9); background-image: -o-linear-gradient(top, #e2e2e2, #c9c9c9); background-image: linear-gradient(#e2e2e2, #c9c9c9); border-color: #c9c9c9 #c9c9c9 hsl(193, 0%, 76.5%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.16); -webkit-font-smoothing: antialiased; }

.button.btn-yellow a,
.button.btn-white a
{
    color: black !important;
}
/*
=============================================================================================
  Tabs
=============================================================================================
*/
/*-------------------------------------------------------------------------------------------------
  BACKGROUND TAB COLOR
-------------------------------------------------------------------------------------------------*/
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a
{
    background: #BBBBBB; /*A0A0A0;*/
    border-width: 4px 0 1px 0;
    border-bottom-color: #484848;
    border-top-color: #CA964B; /*#997F5A; #383838;*/
    color: #484848;
    border-top-left-radius: 5px;   
    border-top-right-radius: 5px;
}

/*-------------------------------------------------------------------------------------------------
  FOREGROUND TAB COLOR
-------------------------------------------------------------------------------------------------*/
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus,          
.yui-navset .yui-nav .selected a:hover
{           
    background: #CECECE;
    border-width: 0;  
    border-top-width: 4px;
    border-top-color: #fab149;
    color: black;  
    border-top-left-radius: 5px;   
    border-top-right-radius: 5px;        
}

/*-------------------------------------------------------------------------------------------------
  BOUNDARY BETWEEN TABS AND CONTENT
-------------------------------------------------------------------------------------------------*/
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
    border-bottom-color: #CECECE; /*#2F467B;*/
}

.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content
{
    border: 0px;
    background-color: #CECECE;
}

/*-------------------------------------------------------------------------------------------------
  MOUSE OVER TAB COLOR
-------------------------------------------------------------------------------------------------*/
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
     outline:0;
    color: black;
     border-width: 4px 0 1px 0;
    border-top-color: #fab149;
    border-bottom-color: #f8950a;
    background: #fab149; /* Old browsers */
    background: -moz-linear-gradient(top,  #fab149 0%, #f8950a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fab149), color-stop(100%,#f8950a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fab149 0%,#f8950a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fab149 0%,#f8950a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fab149 0%,#f8950a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fab149 0%,#f8950a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab149', endColorstr='#f8950a',GradientType=0 ); /* IE6-9 */
}

.yui-navset .yui-content
{
    border-top-right-radius: 3px;
    /*border-bottom-right-radius: 3px;   
    border-bottom-left-radius: 3px; */
}

.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav
{
  border-width: 0px;
}

#side-bar ul .foldable-list-container ul
{
    margin: 0;
}

#side-bar .foldable-list-container ul li
{
    margin: 5px 0 5px  3px;
    list-style-type: none;
}

#side-bar .foldable-list-container ul li ul li
{
    margin: 5px 0 5px 7px;
    list-style-type: none;
}

#side-bar .foldable-list-container ul li ul li ul li
{
    margin: 5px 0 5px 12px;
    list-style-type: none;
}

#side-bar .yui-nav li  /*keeps tabs from bumping menu bar */
{
    margin-top: 0.5em;
}

/*==========================================================================
  #side-bar Folder Tree
==========================================================================*/

/* Major Category Titles (e.g. "Development Tools", "Applications", "Products") */
.side-bar-title
{
    
    background: #4e669e; /* Old browsers */
    background: -moz-linear-gradient(top,  #4e669e 0%, #3f537f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e669e), color-stop(100%,#3f537f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4e669e 0%,#3f537f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4e669e 0%,#3f537f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4e669e 0%,#3f537f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4e669e 0%,#3f537f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e669e', endColorstr='#3f537f',GradientType=0 ); /* IE6-9 */
}

.side-bar-title-red
{
    background: #833e34; /* Old browsers */
    background: -moz-linear-gradient(top,  #833e34 0%, #752f29 51%, #722d22 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#833e34), color-stop(51%,#752f29), color-stop(100%,#722d22)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #833e34 0%,#752f29 51%,#722d22 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #833e34 0%,#752f29 51%,#722d22 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #833e34 0%,#752f29 51%,#722d22 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #833e34 0%,#752f29 51%,#722d22 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#833e34', endColorstr='#722d22',GradientType=0 ); /* IE6-9 */
    margin-bottom: 10px;
}

/* Major Category Titles (e.g. "Development Tools", "Applications", "Products") */
.side-bar-title h3
{
    padding: 0;
    margin: 3px 0 3px 15px;
    font-size: 110%;
    color: #E4E4E4;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: none;
}

.side-bar-title-red h3
{
    padding: 0;
    margin: 3px 0 3px 0;
    text-align: center;
    font-size: 110%;
    color: #E4E4E4;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: none;
}

/* Special formatting for links that go to unimplemented pages */
#side-bar .foldable-list-container a.newpage
{
    color: rgb(153, 51, 51);
}

/* Special formatting for "Get Started Here" links */
.getstarted
{
    font-weight: 700;
    font-style: italic;
    /*background-color: #E4E0D0;*/
    padding-right: 3px;
    color: #424651;
}

/* Special formatting for off-site links */
.offsite
{
    /*font-weight: 700;
    font-style: italic;*/
    /*background-color: #E4E0D0;*/
    padding-right: 3px;
    color: #424651;
}

/* Category Links in Side Menu: Folder Closed */
#side-bar .foldable-list-container li.folded a
{
    padding-left: 18px;
    background-image: url(/local--files/_icons/spriteFolders.png);
    background-repeat: no-repeat;
    background-position: -1px 0px;
    outline: 0;
    color: #424651;
}

#side-bar .foldable-list-container li.folded a:hover
{
    /*background-position: -1px -22px;*/
}

/* Category Links in Side Menu: Folder Open */
#side-bar .foldable-list-container li.unfolded > a
{
    padding-left: 18px;
    background-image: url(/local--files/_icons/spriteFolders.png);
    background-repeat: no-repeat;
    background-position: -1px -43px;
    outline: 0;
    color: #424651;
}

#side-bar .foldable-list-container li.unfolded > a:hover
{
    /*background-position: -1px -65px;*/
}

/* Page Links in Side Menu (Documents) */
#side-bar .foldable-list-container li a
{
    padding-left: 16px;
    /*background-image: url(/local--files/_icons/spriteDocs.png);*/
    background-image: url(/local--files/_icon:menu/sprite14-Documents.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline: 0;
    color: #424651;
}

#side-bar .foldable-list-container li a:hover
{
    /*background-position: 0px -21px;*/
}

#side-bar .foldable-list-container li > span.getstarted > a
{
    padding-left: 16px;
    background-image: url(/local--files/_icon:menu/icon14-GetStarted.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline: 0;
    color: #424651;
}

#side-bar .foldable-list-container li > span.offsite > a
{
    padding-left: 16px;
    background-image: url(/local--files/_icon:menu/icon14-Link.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline: 0;
    color: #424651;
}

#side-bar .foldable-list-container li > span.exittutorial > a
{
    padding-left: 16px;
    background-image: url(/local--files/_icon:menu/icon14-ExitTutorial.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline: 0;
    color: #424651;
}

/* Hover characteristis for all links in side menu */
#side-bar .foldable-list-container li a:hover,
#side-bar .foldable-list-container > ul > li.folded > a:hover,
#side-bar .foldable-list-container > ul > li.unfolded > a:hover,
#side-bar .homesearch a:hover,
#side-bar .traininghome a:hover,
#side-bar .menuSearch a:hover,
#side-bar .menuTraining a:hover,
#side-bar .menuHome a:hover,
#side-bar .menuStatus a:hover,
#side-bar .menuMain a.collapsible-block-link:hover,
#side-bar .menuMain .collapsible-block-unfolded-link a:hover
{
    text-decoration: none;
    color: black;
    background-color: #fab149; /* Old browsers */
    background-color: -moz-linear-gradient(top,  #fab149 0%, #f8950a 100%); /* FF3.6+ */
    background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fab149), color-stop(100%,#f8950a)); /* Chrome,Safari4+ */
    background-color: -webkit-linear-gradient(top,  #fab149 0%,#f8950a 100%); /* Chrome10+,Safari5.1+ */
    background-color: -o-linear-gradient(top,  #fab149 0%,#f8950a 100%); /* Opera 11.10+ */
    background-color: -ms-linear-gradient(top,  #fab149 0%,#f8950a 100%); /* IE10+ */
    background-color: linear-gradient(to bottom,  #fab149 0%,#f8950a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab149', endColorstr='#f8950a',GradientType=0 ); /* IE6-9 */
    padding-right: 3px;
}

/* Special Folder Icon - Common Characteristics */
#side-bar .foldable-list-container > ul > li.folded > a,
#side-bar .foldable-list-container > ul > li.unfolded > a,
#side-bar .menuSearch a,
#side-bar .menuTraining a,
#side-bar .menuHome a,
#side-bar .menuStatus a,
#side-bar .menuMain a.collapsible-block-link,
#side-bar .menuMain .collapsible-block-unfolded-link a,
#side-bar .menuMain .collapsible-block-folded,
#side-bar .menuMain .collapsible-block-unfolded-link
{
    color: #3C548E;
    font-weight: 400;
    font-size: 105%;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 18px;
}

#side-bar .menuMain a.collapsible-block-link,
#side-bar .menuMain .collapsible-block-unfolded-link a
{
	font-size: 100%;
	padding-left: 0;
}

#side-bar .menuSearch a
{
    background-image: url(/local--files/_menu:icons/icon14-Search.png);
}

#side-bar .menuTraining a
{
    background-image: url(/local--files/_menu:icons/icon14-Training.png);
}

#side-bar .menuHome a
{
    background-image: url(/local--files/_icon:menu/icon14-Home.png);
}

#side-bar .menuStatus a
{
    background-image: url(/local--files/_icon:menu/icon14-MainMenu.png);
}

#side-bar .menuSearch p,
#side-bar .menuTraining p,
#side-bar .menuHome p,
#side-bar .menuStatus p
{ margin: 3px 0 3px 0; }

#side-bar .menuHome,
#side-bar .menuStatus,
#side-bar .menuTraining,
#side-bar .menuSearch
{ margin-left: 3px; }

/* Special Icon - Main Menu*/
#side-bar .menuMain .collapsible-block-folded,
#side-bar .menuMain .collapsible-block-unfolded-link
{
    background-image: url(/local--files/_icon:menu/icon14-MainMenu.png);
}

/* Special Icon -Self Paced Class Menu */
#side-bar .menuSelfPacedTraining .foldable-list-container > ul > li.folded > a,
#side-bar .menuSelfPacedTraining .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_icon:menu/icon14-SelfPacedTraining.png);
}

/* Special Folder Icon - Software Tools */
#side-bar .menuSoftwareTools .foldable-list-container > ul > li.folded > a,
#side-bar .menuSoftwareTools .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-SoftwareTools.png);
}

/* Special Folder Icon - Hardware Tools */
#side-bar .menuHardwareTools .foldable-list-container > ul > li.folded > a,
#side-bar .menuHardwareTools .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-HardwareTools.png);
}

/* Special Folder Icon - Code Libraries and Frameworks */
#side-bar .menuLibrary .foldable-list-container > ul > li.folded > a,
#side-bar .menuLibrary .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-Library.png);
}

/* Special Folder Icon - Embedded Software Integration */
#side-bar .menuEmbeddedSoftwareIntegration .foldable-list-container > ul > li.folded > a,
#side-bar .menuEmbeddedSoftwareIntegration .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-OperatingSystem.png);
}

/* Special Folder Icon - Wired Communications */
#side-bar .menuWiredCommunications .foldable-list-container > ul > li.folded > a,
#side-bar .menuWiredCommunications .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-Wired.png);
}

/* Special Folder Icon - Wireless Communications */
#side-bar .menuWirelessCommunications .foldable-list-container > ul > li.folded > a,
#side-bar .menuWirelessCommunications .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-Wireless.png);
}

/* Special Folder Icon - Wireless Products */
#side-bar .menuWireless .foldable-list-container > ul > li.folded > a,
#side-bar .menuWireless .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-Wireless.png);
}

/* Special Folder Icon - Human-Machine Interface */
#side-bar .menuTouchSensing .foldable-list-container > ul > li.folded > a,
#side-bar .menuTouchSensing .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-TouchSensing.png);
}

/* Special Folder Icon - Hardware Software Interface */
#side-bar .menuHardwareSoftwareIntegration .foldable-list-container > ul > li.folded > a,
#side-bar .menuHardwareSoftwareIntegration .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-HSI.png);
}

/* Special Folder Icon - Embedded Software Integration */
#side-bar .menuIntegration .foldable-list-container > ul > li.folded > a,
#side-bar .menuIntegration .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-Integration.png);
}

/* Special Folder Icon - Authentication */
#side-bar .menuAuthentication .foldable-list-container > ul > li.folded > a,
#side-bar .menuAuthentication .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-Authentication.png);
}

/* Special Folder Icon - Power Conversion */
#side-bar .menuPowerConversion .foldable-list-container > ul > li.folded > a,
#side-bar .menuPowerConversion .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-PowerConversion.png);
}

/* Special Folder Icon - Graphics */
#side-bar .menuDisplays .foldable-list-container > ul > li.folded > a,
#side-bar .menuDisplays .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-Graphics.png);
}

/* Special Folder Icon - Motor Control */
#side-bar .menuMotorControl .foldable-list-container > ul > li.folded > a,
#side-bar .menuMotorControl .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-MotorControl.png);
}

/* Special Folder Icon -  WiFi and Ethernet */
#side-bar .menuNetworking .foldable-list-container > ul > li.folded > a,
#side-bar .menuNetworking .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-Networking.png);
}
/* Special Folder Icon -  USB */
#side-bar .menuUSB .foldable-list-container > ul > li.folded > a,
#side-bar .menuUSB .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-USB.png);
}

/* Special Folder Icon - Signal Conditioning */
#side-bar .menuSignalConditioning .foldable-list-container > ul > li.folded > a,
#side-bar .menuSignalConditioning .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-SignalConditioning.png);
}

/* Special Folder Icon - Digital Signal Processing */
#side-bar .menuDigitalSignalProcessing .foldable-list-container > ul > li.folded > a,
#side-bar .menuDigitalSignalProcessing .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-DSP.png);
}

/* Special Folder Icon - Analog */
#side-bar .menuAnalog .foldable-list-container > ul > li.folded > a,
#side-bar .menuAnalog .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-Analog.png);
}

/* Special Folder Icon -  Memory*/
#side-bar .menuMemory .foldable-list-container > ul > li.folded > a,
#side-bar .menuMemory .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-Memory.png);
}


/* Special Folder Icon - PIC Microcontrollers */
#side-bar .menuMicrocontroller .foldable-list-container > ul > li.folded > a,
#side-bar .menuMicrocontroller .foldable-list-container > ul > li.unfolded > a
{
    background-image: url(/local--files/_menu:icons/icon14-Microcontroller.png);
}

/* Styles the current page's link in the side menu */
#side-bar .current-link
{
    background-color: #F2ECCD;
    color: #3C548E;
    font-weight: 700;
    padding-right: 2px;
}

/* Hides background image from space on right of tabs */
.yui-navset-top
{
    background-color: #484848;
}

/* Gets rid of extra space above tabs */
#side-bar ul.yui-nav > li
{
    padding-top: 0;
    margin-top: 0;
}

/*
#top-bar li .menuHome a
{
    display: block;
    background-image: url(/local--files/_icons/spriteTopMenu.png);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    text-indent: -100px;
    overflow: hidden;
}

#top-bar li .menuHome a:hover
{
    background-position: 5px -27px;
    background-color: #fab149;
}
*/

#top-bar li .menuAdmin a
{
    display: block;
    background-image: url(/local--files/_icons/spriteTopMenu2.png);
    background-position: 0px -56px;
    background-repeat: no-repeat;
    text-indent: -1000px;
    overflow: hidden;
    outline: none;
    width: 10px;
}

#top-bar li .menuAdmin a:hover
{
    background-position: 0px -85px;
    /*background-color: #fab149;*/
}

#top-bar li .menuSpacer
{
    display: block;
    width: 0px;
    margin-right:235px !important;
}

.simplebox
{
    background-color: #CECECE;
    border: none;
    border-radius: 3px;
        /*box-shadow: 1px 1px 2px #67625D;*/
    margin: 5px 0px;
    padding: 3px 10px;
}

.authorbox
{
    border: 2px solid #484848;
    border-radius: 3px;
    margin: 5px 5px;
    padding: 5px 10px;
    max-width: 30em;
}

.authorbox p
{
    margin: 0; padding: 0;
    color: #484848;
}

.simplebox p
{
    margin: 0; padding: 0;
    color: black;
}

.clear { clear: both;}

/*==========================================================================
  xfBox
==========================================================================*/
/* Container Box - Provides rounded corners and keeps contents together */
.xfbox
{
    border-radius: 5px;
    overflow: hidden;
    margin: 5px 0;
}

/* Icon Box */
/* The icon and background color are specified in the style attribute on the individual _xfbox:boxtype pages */
.xficon
{
    margin: 0;
    padding: 0;
}

/* Content Box */
/* The background color is specified in the style attribute on the individual _xfbox:boxtype pages */
.xfcontent,
.xfvideo
{
    min-height: 36px;
    margin-left: 46px;
    color: #2F2F2F;
    padding: 5px;
    overflow: auto;
}

/* Prevents paragraphs and definition lists from blowing up the boxes with their huge default margins */
.xfbox p,
.xfbox dl
{
    margin: 0;
    padding: 0;
}

/* Makes the term in a definition bold */
.xfbox dt
{
    font-weight: bold;
}

/* Styles headings inside an _xfbox */
.xfbox h1,
.xfbox h2,
.xfbox h3,
.xfbox h4,
.xfbox h5
{
    margin: 0 0 5px 0;
    padding: 0;
    font-family: 'Arial', sans-serif; /*Oswald*/
    color: #484848;
    font-weight: 700;
}

/* Tables are used inside an _xfbox to vertically center text since this can't be done in CSS alone */
.xfbox table
{
    margin: 0;
    padding: 0;
    height: 36px;
    width: 100%;
}

.xfbox td
{
    vertical-align: middle;
}

.xfvideo td
{
    width: 640px;
    margin: 5px auto;
}

/* Prevents default spacing of ordered and unordered lists from blowing up the box with their huge default margins */
.xfbox ul, .xfbox ol
{
    margin: 0 0 0 15px;
    padding: 0;
}

/* Use a smaller indentation on list items than their defaults */
.xfbox ol > li
{
    margin-left: 5px;
}

/*==========================================================================
  xfColumn
==========================================================================*/

.xfcolumn-first
{
    float: left;
    margin: 0 10px 0 0;
}

.xfcolumn-mid
{
    float: left;
    margin: 0 10px 0 0;
}

.xfcolumn-last
{
    float: left;
    margin: 0 0 0 0;
}

.xfcolumn-first > p,
.xfcolumn-mid > p,
.xfcolumn-last > p
{
    margin: 0 0 0 10px;
}

dt
{
    font-weight: 700;
    margin-bottom: 5px;
}

dd
{
    margin-bottom: 10px;
}

.xfcontent dd
{
    margin-bottom: 0;
}

#search-form:nth-child(2)
{
    display:none;
}

/*==========================================================================
  Floaters
==========================================================================*/
.left-float
{
    float:left;
    margin: 5px 10px 5px 5px; /* match left side paragraph indent*/
    padding: 0;
    border-radius: 5px;
}

.right-float
{
    float:right;
    margin: 5px 0 5px 10px;
    padding: 0;
    border-radius: 5px;
}

.left-float p,
.right-float p
{
    margin-left: 8px;
    margin-right: 8px;
    color: #2F2F2F;
}

.example
{
    background-color: #EFECDC;
    margin: 10px 10px;
    padding: 10px 5px;
    border-top: 2px solid #CECECE;
    border-bottom: 2px solid #CECECE;
}

/*==========================================================================
  TABLES
==========================================================================*/
.column-head
{
    color: #F5F5F5;
    background-color: #764C47;
    padding: 5px 10px;
    text-align: center;
}

.vertical
{
    -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    white-space: nowrap;
}

.column-head-vertical
{
    color: #F5F5F5;
    background-color: #764C47;
    padding: 0 0 15px 0;
    text-align: center;
    vertical-align: bottom;
    max-width: 2em;
}

.vertical p
{
    padding: 0;
    margin: 0;
}

.row-head
{
    color: #F5F5F5;
    background-color: #495063;
    padding: 5px 10px;
}

.row-head a
{
    color: #F5F5F5;
}

.cell-standard
{
    color: #484848;
    background-color: #CECECE;
    padding: 5px 10px;
}

.cell-standard-vertical
{
    color: #484848;
    background-color: #CECECE;
    padding: 0px 0px;
    max-width: 2em;
}

.cell-yes
{
    color: #484848;
    background-color: #C9E0C8;
    padding: 5px 10px;
    text-align: center;
}

.cell-no
{
    color: #823937;
    background-color: #E3CBCB;
    padding: 5px 10px;
    text-align: center;
}

.center
{
    margin-left: auto;
    margin-right: auto;
}

.cell-purple
{
    background-color: #605372; color: #F5F5F5; padding: 0px 0px; text-align: center; max-width: 2em;
}

.cell-brown
{
    background-color: #93604A; color: #F5F5F5; padding: 0px 0px; text-align: center; max-width: 2em;
}

.cell-blue
{
    background-color: #4B556C; color: #F5F5F5; padding: 0px 0px; text-align: center; max-width: 2em;
}

/*==========================================================================
  MISC
==========================================================================*/

.clickimage
{
    font-size: 80%; text-align: center;
}
.clickimage p
{
    margin: 0; padding: 0;
}


.wikiexample
{
    border-radius: 5px;
    width: 25%;
    height: 28px;
    background-color: #484848;
    color: #F1F1F1;
    font-size: 150%;
    font-weight: bold;
}

.ex
{
    background-color: #EFECDC;
    margin: 0 0 10px 0;
    padding: 1px 5px 10px 5px;
}

.ex-title
{
    height: 1.5em;
    margin: 10px 0 0 0;
    background-color: #8E8E8E;
    color: #CECECE;
    font-size: 120%;
    font-weight: bold;
}

.quiz
{

}

.quiz a.collapsible-block-link
{
    font-size: 100%;
    font-weight: normal;
}

.codebox  {
    font-family: "Oxygen Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
    border: none;
    /*padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;*/
    overflow: auto;
    white-space: nowrap;
}

/*-------------------------------------------------------------------------------------------------
  HIGHLIGHTED TEXT
-------------------------------------------------------------------------------------------------*/
.highlight {
        background-color: #FFFF87;
        padding-left: 2px;
        padding-right: 2px;
}

/*-------------------------------------------------------------------------------------------------
  FOR CENTERING BLOCK ELEMENTS (like tables)
-------------------------------------------------------------------------------------------------*/
.center
{
    margin-left: auto;
    margin-right: auto;
}

.key
{
    background-color: #484848;
    /*border: 2px solid #272727;*/
    border-radius: 3px;
    color: #F5F5F5;
    font-size: 100%;
    font-weight: bold;
    margin: 5px 3px 5px 3px;
    padding: 5px;
}

/*-------------------------------------------------------------------------------------------------
  OS Specific Download Buttons
-------------------------------------------------------------------------------------------------*/
.dlWin, .dlLin, .dlMac
{
    width: 80px;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2px;
    margin-bottom:2px;
    background-image: url("/local--files/_icons/download-sprites.png");
}

.dlWin { background-position: 0 0px; background-repeat: no-repeat; }
.dlWin:hover { background-position: 0 -30px; background-repeat: no-repeat; }
.dlLin { background-position: 0 -59px; background-repeat: no-repeat; }
.dlLin:hover { background-position: 0 -88px; background-repeat: no-repeat; }
.dlMac { background-position: 0 -118px; background-repeat: no-repeat; }
.dlMac:hover { background-position: 0 -147px; background-repeat: no-repeat; }

/* Registers */
table.register { border-spacing:0; border-collapse:collapse; }
td.rw { text-align: center; }
td.bit, td.nobit, td.hibit { border: 1px solid black; padding: 3px 6px 3px 6px; text-align: center; width: 70px; }
td.nobit { background-color: #CECECE; }
td.hibit { background-color: #F2ECCD; color: #7F3A31; font-weight: bold;}
div.register { margin: 5px 0px 10px 80px; }
div.register>p { margin-bottom: 2px; }

/* Centered, Linked Images */
div.linkedimg>.image-container { padding-bottom: 5px; }
div.linkedimg>p { margin-top: 0; font-size: 80%; text-align: center; }

/* For Tools > Options Window Pages*/
.optionbar td.options { background-color: transparent; width: 100px; text-align: center; }
.optionbar td.options:hover { background-color: #FAB149; }
.optionbar td.options a { display: block; width 100%; height: 100%; margin: 0; }
.optionbar td.options a:hover { text-decoration: none; }
.optionbar td.options a:active { outline: none; }

/* For Tools > Options Window Pages */
.wintab
{
    border: 2px #909090 solid;
    border-bottom: 0px;
    padding: 0 5px 0 5px;
    display: table;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #B7B7B7;
}

.wintab:hover { background-color: #FAB149; }
.wintab a { display: block; width 100%; height: 100%; margin: 0; }
.wintab p { margin: 0; }
.wintab a:hover { text-decoration: none; }
.wintab a:active { outline: none; }

/* Tabs that link to different pages */
.xftab-normal,
.xftab-selected
{
    border: 1px solid #D0D0D0;
    border-bottom: 0px;
    /*padding: 0px 5px 2px 5px;*/
    display: table;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 2px;
    float:left;
    box-shadow: #999 1px 0px 0px 0px;
}
.xftab-normal { background-color: #D0D0D0; border-top: 5px solid #A7A7A7;}
.xftab-selected { background-color: #E8E8E8; border-top: 5px solid #FAB149;}
.xftab-normal:hover { background-color: #FAB149; border-top: 5px solid #997F5A;}
.xftab-normal a { display: block; width 100%; height: 100%; padding: 2px 10px 4px 10px; margin: 0; outline: 0;}
.xftab-normal p,
.xftab-selected p { margin: 0; }
.xftab-selected p { padding: 2px 10px 4px 10px; }
.xftab-normal a:hover { text-decoration: none; }

.xftabbox
{
    border: 1px solid #D0D0D0;
    box-shadow: #999 1px 1px 0px 0px;
    margin-top: -1px;
    padding: 5px 10px 5px 10px;
    background-color: #E8E8E8;
    z-index: -100;
}

.xftabbox #toc { background-color: transparent; margin: 0; padding: 0;}
.xftabbox #toc-action-bar { display: none; }
.xftabbox #toc>.title { display: none; }

/* Collapsible formatting for platform specific installation instructions */
.install a.collapsible-block-link
{
    padding: 5px 700px 5px 30px;
    text-decoration: none;
    color: #2A2A2A;
    font-size: 150%;
}

.install .collapsible-block-unfolded-link a
{
    padding: 5px 700px 5px 30px;
    text-decoration: none;
    color: #F5F5F5;
    font-size: 150%;
}

.install .collapsible-block-unfolded-link:hover a
{
    color: #2A2A2A;
}

.install .collapsible-block-folded
{
    background-repeat: no-repeat;
    background-position: 5px 5px;
    border-radius: 5px;
    width: 100%;
    height: 28px;
    padding: 7px 0px 0px 3px;
}

.install  .collapsible-block-unfolded-link
{
    background-color: #465C8E;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    border-radius: 5px;
    width: 100%;
    height: 28px;
    padding: 7px 0px 0px 3px;
}


.install .collapsible-block-folded:hover,
.install .collapsible-block-unfolded-link:hover { background-color: #FAB149; }

.win .collapsible-block-folded,
.win .collapsible-block-unfolded-link:hover
{
    background-image: url(/local--files/_icons/xficon24Windows-Dark.png);
}

.lin .collapsible-block-folded,
.lin .collapsible-block-unfolded-link:hover
{
    background-image: url(/local--files/_icons/xficon24Linux-Dark.png);
}

.mac .collapsible-block-folded,
.mac .collapsible-block-unfolded-link:hover
{
    background-image: url(/local--files/_icons/xficon24Mac-Dark.png);
}

.win .collapsible-block-unfolded-link
{
    background-image: url(/local--files/_icons/xficon24Windows.png);
}

.lin .collapsible-block-unfolded-link
{
    background-image: url(/local--files/_icons/xficon24Linux.png);
}

.mac .collapsible-block-unfolded-link
{
    background-image: url(/local--files/_icons/xficon24Mac.png);
}

.simpletodo-sub-box a.icon2
{
  background-image: url("/local--files/_icons/todoDelete.png");
}  


/*-------------------------------------------------------------------------------------------------
  Icons for TODO module
-------------------------------------------------------------------------------------------------*/

.simpletodo-sub-box a.icon3
{
  background-image: url("/local--files/_icons/todoLink.png");
}

/*-------------------------------------------------------------------------------------------------
  div wide underline for h3 headers
-------------------------------------------------------------------------------------------------*/
.h3line { border-bottom: #405995 2px solid; }
.h3line > h3 { margin-bottom: 0; }

/*-------------------------------------------------------------------------------------------------
  Highlighters
-------------------------------------------------------------------------------------------------*/
.hl-yellow { background-color: #FFF200; }
.hl-orange { background-color: #FF9A00; }
.hl-green { background-color: #8EFF7D; }
.hl-blue { background-color: #48E4FF; }

/*-------------------------------------------------------------------------------------------------
  Page Rank Voting Box
-------------------------------------------------------------------------------------------------*/
/*
.pagerate
{
    top: -30px; 
    right: -720px; 
    position: relative;
    margin: 0px;
    margin-bottom: -20px;
    padding: 0;
}
.pagerate .page-rate-widget-box { margin: 0; padding: 0;}
.pagerate .page-rate-widget-box .rate-points { background-color: #3C548E; }
.pagerate .page-rate-widget-box a { font-weight: bold; background-color: #B4C1E2; }
.pagerate .page-rate-widget-box a:hover { background-color: #FAB149; }
*/
/*-------------------------------------------------------------------------------------------------
  NEW Content Footer
-------------------------------------------------------------------------------------------------*/

.feedback { border: #484848 2px solid; padding: 0 10px 3px 10px; border-radius: 5px; background-color: white; width: 325px; float: left; }
.feedback p { color: #484848; margin: 3px 0 3px 0; }
.feedback .page-rate-widget-start { margin: 5px 0 5px 0; }
.feedback .page-rate-widget-start-text { color: #484848; font-weight: bold; }
.feedback .code { background: none; padding: 0; }
.feedback .code code { font-family: 'Arial', sans-serif; color: #484848; padding: 0; }
.feedback .code pre { margin: 0; }
.content-footer { border-top: 1px solid #666; min-height: 10px; padding: 10px 0 10px 0; }
.content-footer .backlinks-body { border: #CECECE 1px solid; padding: 0 10px 3px 10px; border-radius: 5px; }
.content-footer .backlinks-body ul { margin: 0; font-size: 80%; }
.content-footer .clear { height: 5px; }
.content-footer .collapsible-block { padding-top: 10px; }
.content-footer a.collapsible-block-link { color: #DDDDDD; font-size: 80%; }

.yellowbox { background-color: #F2ECCD; }

.xfreport table { width: 100%; border-collapse: collapse; border-spacing: 0;}
.xfreport td { border-top: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; padding: 3px 2px; }
.xfreport tr:nth-child(odd) { background-color: #E8E8E8; }
.xfreport .list-pages-box>p { margin: 3px; }

.login-status-create-account,
.login-status-create-account +span {display: none;}
#header > #login-status > a.login-status-sign-in.btn.btn-primary { color: #484848; text-shadow: none; }
#header > #login-status > a.login-status-sign-in.btn.btn-primary:hover { background-color: #FAB149; text-shadow: none; }

.overline { text-decoration: overline; }