.border {
/*        border: 1px solid black;
        border-radius: 15px;*/
        background: white;
        padding: 15px;
        display: inline-block;
    }

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

    ul.menu {
        padding-left: 0px;
        margin-left: 0px;
        margin: 0px;
        padding: 0px;
    }

    ul.menu li {
        display: inline-block;
        width: 150px;  
        margin-left: 0px;
        padding: 5px;        
        text-align: center;        
        border: 1px solid black;
        border-radius: 5px;      
    }

    ul.menu li:hover {
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

        font-weight: bold;
    }

    ul.menu>a {
        color: black;
    }

    ol.linenums{
        counter-reset:linenumber;
    }

    ol.linenums li{
        list-style-type:none;
        counter-increment:linenumber;
    }

    ol.linenums li:before{
        content: counter(linenumber);
        float:left;
        margin-left:-4em;
        text-align:right;
        width:3em;
    }

    div.logo { width: 204px; height: 38px; float: left; background: url(/Static/XmlLayout/Demo/TemplateData/logo.png) 0 0 no-repeat; position: relative; z-index: 10; }
    div.title { height: 38px; line-height: 38px; padding: 0 10px; margin: 0 1px 0 0; float: right; color: #333; text-align: right; font-size: 18px; position: relative; z-index: 10; }
    .fullscreen { float: right; position: relative; z-index: 10; }

    h2 {
        margin-top: 0px;
        text-align: left;
    }

    h3 {
        text-align: left;
    }
    
    .prettyprint {
        white-space: pre;
        text-align: left;            
    }    

    .com       { color: #008000; }
    .str, .tag { color: #A31515; }
    .kwd, .atv { color: #0000FF; }
    .typ       { color: #2B91AF; }
    .lit, .atn { color: #FF0000; }
    .pun, .pln { color: #000000; }
    .dec       { color: #800080; }
    li.L1,li.L3,li.L5,li.L7,li.L9 { background: transparent !important; }

    .bodytext {
        text-align: left;
        line-height: 22px;        
    }

    .code {
        font-family: Courier New, Courier;        
    }

    body {
	    padding-top: 75px;
    }

    .navbar-bright {
        background: rgb(2,68,22);
        background: -moz-linear-gradient(top,  rgba(2,68,22,1) 0%, rgba(2,96,23,1) 50%, rgba(2,86,21,1) 51%, rgba(3,133,29,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(2,68,22,1) 0%,rgba(2,96,23,1) 50%,rgba(2,86,21,1) 51%,rgba(3,133,29,1) 100%);
        background: linear-gradient(to bottom,  rgba(2,68,22,1) 0%,rgba(2,96,23,1) 50%,rgba(2,86,21,1) 51%,rgba(3,133,29,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024416', endColorstr='#03851d',GradientType=0 );
        color:yellow;
    }
  
    .navbar-bright a, #masthead a, #masthead .lead {
  	    color:yellow;
        font-weight: bold;
        text-shadow: 2px 2px 2px #333;
    }

    .navbar-bright li {
        min-width: 100px;
        text-align: center;      
    }  

    .navbar-bright li > a:hover, .dropdown.open, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .navbar-bright li > a.active {        
        background-color: none;
        background: rgb(107,119,3);
        background: -moz-linear-gradient(top,  rgba(107,119,3,1) 0%, rgba(163,166,4,1) 50%, rgba(146,151,3,1) 51%, rgba(230,230,6,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(107,119,3,1) 0%,rgba(163,166,4,1) 50%,rgba(146,151,3,1) 51%,rgba(230,230,6,1) 100%);
        background: linear-gradient(to bottom,  rgba(107,119,3,1) 0%,rgba(163,166,4,1) 50%,rgba(146,151,3,1) 51%,rgba(230,230,6,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b7703', endColorstr='#e6e606',GradientType=0 );        
    }

    .navbar-brand {
        padding-top: 0px;        
    }    

    li.subset {
        padding-left: 20px;
        font-size: smaller;
        
    }

    li.subset a {
        font-weight: normal;
    }

    #sidebar ul {
        list-style: none;
        padding-left: 30px;
    }

    #mainCol h2 {
	    padding-top: 55px;
        margin-top: -55px;
    }

    a.anchor {
        display: block;
        position: relative;
        top: -100px;
        visibility: hidden;
    }

    .dropdown-menu {
        background: rgb(2,68,22);
        background: -moz-linear-gradient(top,  rgba(2,68,22,1) 0%, rgba(2,96,23,1) 50%, rgba(2,86,21,1) 51%, rgba(3,133,29,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(2,68,22,1) 0%,rgba(2,96,23,1) 50%,rgba(2,86,21,1) 51%,rgba(3,133,29,1) 100%);
        background: linear-gradient(to bottom,  rgba(2,68,22,1) 0%,rgba(2,96,23,1) 50%,rgba(2,86,21,1) 51%,rgba(3,133,29,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024416', endColorstr='#03851d',GradientType=0 );
        color:yellow;
    }

    .nav>li.disabled>a {
        color: rgba(255,255,0,0.5);
    }
    
    .nav > li.disabled > a:hover {
        color: rgba(255,255,0,1);
    }

    .tooltip > .tooltip-inner { background-color: green;}
    .tooltip > .tooltip-arrow { border-bottom-color:green; }

    .tooltip-inner {
        padding: 25px;
        padding-left: 50px;
        padding-right: 50px;
        color:yellow;
        font-weight: bold;
        text-shadow: 2px 2px 2px #333;
        font-size: 20px;
        
    }

    div#loadingBox {
      width: 100%;
      height: 0px;      
      text-align: center;      
      position: relative;
      top: -300px;      
    }

    img#spinner {        
        margin-top: -100px;        
    }

    div#bgBar {
      position: absolute;
      width: 400px;
      margin-left: -200px;
      left: 50%;
      height: 12px;
      display: block;
      background-color: #666;
      border-radius: 2px;
    }

    div#progressBar {
      left: 50%;
      position: absolute;
      margin-left: -200px;
      width: 0px;
      height: 12px;
      background-color: #AAA;
      border-radius: 2px;      
    }

    div#bgBar {
      border-radius: 2px;
    }

    p#loadingInfo {
      color: #333;
      letter-spacing: 1px;
      position: absolute;
      width: 100%;
      font-family: "Monaco", sans-serif;
      text-transform: uppercase;
      text-align: center;
      font-size: 16px;
      margin-top: 30px;
    }

    #canvas {
        border: 1px solid #CCC;        
        background: #EEE;
    }

    pre {
        background: #FFFFFF !important;
    }