/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/*grids.css*/body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.3em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;min-width:950px;}#doc3{margin:auto 10px;width:auto;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-u,.yui-g .yui-g,.yui-gc .yui-u,.yui-gc .yui-g .yui-u,.yui-ge .yui-u,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g{width:49.1%;}.yui-g .yui-g .yui-u,.yui-gc .yui-g .yui-u{width:48.1%;}.yui-gb .yui-u,.yui-gc .yui-u,.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge .yui-u{width:24%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-gf div.first{width:24%;}.yui-ge div.first{width:74.2%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}


/* Note that the layout of the top level objects is largely determined by YUI. 

   The sequence of divs at the top level elemens:

   html
    head
    body
     div #doc3 (or doc2, doc, etc.)
      div #hd      -- the navigation bar
       div #login
       div #logo
       div #menu_bar
        ul.menu #menu
         li.front #Section_1
         li.back  #Section_2
         ul.submenu #submenu
          li.front #Page_1
          li.back  #Page_2
     div #bd
      div #yui-main
       div.yui-b #page
        span.toolbar
        h1.title
         a.local
        div.content
      div.yui-b #sidebar

margin/padding cheatsheet:  top right bottom left;

*/

/* TOP LEVEL ELEMS    */
html {
 overflow   : -moz-scrollbars-vertical;
 overflow-y : scroll;
 /* always use a vert. scroll bar. */
}

body { 
 min-width  : 800px; 
 text-align : left;
}

/* THE HEADER */

#hd {
 margin     :    0em   0em   0em   0em;
 padding    :    0em   0em   0em   0em;
}

#login {
 margin     :    0em   0em   0em   0em;  
 padding    :   .4em   0em   0em   0em;
 float      : right;
 text-align : right;         
 font-size  : 90%;
 vertical-align: text-bottom;
}
#rss_icon {
 margin     :    0em   0em   0em   0em; 
 padding    :    0em   0em   0em   0em;
 position   : relative; 
 top        : 3px
}
#logo {
}

#menu_bar ul#menu {
 margin     :  1.1em   0em   0em   0em; 
 padding    :    0em   0em   0em   0em;
 width      : 100%; 
 text-align : left;
 display    : block;
}
#menu_bar ul#menu li {
 margin     :    0em  .5em   0em   0em;  
 padding    :    0em   0em   0em   0em;
 display    : inline;  
 list-style-type: none;
}
#menu_bar ul#menu li a    {                                 
 padding    :   .3em   1em 0.3em   1em;
 position   : relative;
 text-decoration: none;
}

ul#menu li {
 font-size  : 140%; 
}

ul#menu li ul li {
 font-size  : 80%; 
}


#menu_bar ul#menu li ul {
 margin     :    0em   0em   0em   0em;
 padding    :   .8em   0em  .4em   0em;
 position   : relative; 
 left       : 0em;
 top        : 0em;
 min-height : 20px;
 text-align : left;
 display    : block;
}
#menu_bar ul#menu li ul.back {
 display    : none
}
#menu_bar ul#menu li ul.front{
 float      : left; 
 width      : 100%;
 z-index    : 1000
}
#menu_bar ul#menu li ul li{
 margin     :    0em   0em   0em   0em; 
 padding    :    0em   0em   0em   0em;
 display    : inline;
 list-style-type: none;
}

#sidebar ul#menu {
 margin: .3em 0 0 .3em ;
 list-style-type: none;
}

#sidebar ul#menu ul.back {
 display:none
}

#sidebar ul#menu, #sidebar ul#menu li {
 padding: 0 0 0 0;
}

#sidebar ul#menu li a {
 padding: 0.3em .2em .3em 1em;
 margin: 0 0 0 0;
 display: block;
 width: 80%;
}

#sidebar ul#menu li ul {
 padding: 0 0.5em 0 1em;
}

#menu_bar ul#menu li ul li a {
 margin     :    0em  .5em   0em  .5em; 
 padding    :    0em  .2em   0em  .2em;
 font-size  : 100%;
 font-family: Verdana, sans-serif;
 font-weight: bold;
}

ul#menu li a, ul#menu li ul li a {
 text-decoration:none;
}

/* "BODY"           */
#bd {
 margin:    0em   0em   0em   0em;
 padding:   0em   0em   0em   0em;
}
#yui-main {
}
#page {
 padding    :   0em   0em   0em   0em;
 min-height : 450px;
}

/* MESSAGES       */
.error, .warning, .success, .notice {
 margin     :    1em  auto  .5em  auto;  
 padding    :    1em   1em   1em   1em;
 width      : 90%; 
}
.error {
 border     : medium solid #DF0101; 
 background-color: #F8E0E0;
}
.warning {
 background-color: #F8F8D0;  
 border     : medium solid #DF0101;
}
.success {
 background-color: #D0F8D0; 
 border     : medium solid #01DF01; 
}
.notice {
 background-color: #D0D0F8; 
 border     : medium solid #0101DF; 
}

/* CONTENT = toolbar + actual content                                  */
.content       {
 padding    :   1em   3em   1em   3em;
 font-size  : 100%;
 max-width  : 700px;
} 
.crumbs_and_tools {
 margin     :    0em   0em   0em   0em; 
 padding    :   .5em  .5em  .5em   2em; width      : 100%;
}
.toolbar {
 margin     :    0em  .5em   0em   0em; 
 padding    :   .5em  .5em  .5em   2em;
 float      : right;
 /*position   : absolute;
 right      : 0;*/
}

.toolbar a {
 text-decoration: none;
}

/* ELEMENTS IN CONTENT --------------------------------------------------- */

h1 {
 font-size  : 180%;
}
h2 {
 font-size  : 140%;
}
h3 {
 font-size  : 129%; 
}
h4 {
 font-size  : 107%; 
}

.title a {
 font-size: 270%;
 text-decoration: none;
}

.title {
 color: orange;
 margin: 0 0 0 0;
 padding: 0 0 1em 1em;
}

h1, h2, h3, h4, h5 {
 margin     :    1.5em   0em    1em   0em;
 padding     :    0em   0em   0em   0em;
 font-weight: normal;
}

ul {
 margin:   10px   0em  10px  15px;
 list-style-type: square
}
li {
 line-height: 150% 
}
ol {
 margin:   10px   0em  10px  24px;
 list-style-type: decimal
} 
p  {
 margin:   15px   0em  auto  auto;
 line-height: 155%
}
blockquote {
 margin:   15px   0em  auto   3em;
 line-height: 120% 
}
code {
 padding:   2px   2px   2px   1em;
 font-size  : 100%;
 font-family: monospace
} 
pre {
 margin:   15px   0em  auto  auto; 
 padding:   8px  20px   8px   1em;
 display    : block; 
 font-family: monospace;
 font-size  : 90%;
 overflow: auto;
}
pre code {
 padding:   0em   0em   0em   0em;
}
th {
 padding:   2px   5px   2px   5px;
 vertical-align: top;
 font-weight: bold
}
td {
 padding:   2px   5px   2px   5px;
 vertical-align: top;
}
em {
 font-style : italic
}
strong {
 font-weight: bold
}
a.local {
 padding:  auto   3px  auto  auto;
 background : none transparent scroll repeat 0% 0%;
}

span.preview {
 margin:   auto   5px  10px  auto; 
 padding:   5px   5px   5px   5px;
}

form {
 /*display    : inline*/
}
label {
 margin     :   10px  .5em  1em  auto;
 font-weight: bold
}
label.inline {
 display    : inline-block;
 width: 200px; 
}
input, select {
 margin:   .5em  .5em .5em  .5em; 
 padding:   3px   3px   3px   3px;
 line-height: 20px;
 min-height : 20px; 
 font-family: monospace
}
select {
 min-width: 300px;
}
option {
 margin:    0em   0em   0em   0em; 
 padding:   0em   0em   0em   0em; spacing    : 0em;
}
input.button {
 margin:    5px   4px   5px   4px;
}

form.search {
 margin-right: 0px;
 padding-right: 0px;
 display: inline;
}

input.search_box {
 margin:    0em   0px  0px   0px; 
 padding:   2px  2px   2px  2px;
 display : inline;
 line-height: 10px;  
 font-size  : 9pt;
 vertical-align: text-bottom;
 height: 22px;
}
input.search_button {
 margin:    0em   0px  0px   0px; 
 padding:   2px  2px   2px  2px;
 display : inline;
 line-height: 10px;  
 font-size  : 9pt;
 border: none;
 background: none;
 vertical-align: text-bottom;
}
input.submit {
 margin:   .8em   0em  .8em  .4em; 
 padding:  .3em  .5em  .3em .5em;
 display    : inline; 
 float: right;
 font-size: 140%;
 width: 180px;
}
a.button {
 margin:   .8em    0em  .8em  .4em; 
 padding:  .3em  .5em  .3em .5em;
 font-size: 140%;
 width: 180px;
}
input.small_submit {
 margin:   auto   0em  auto   1px; 
 padding:   1px   0em   1px  auto;
 display    : inline;
 line-height: 10px; 
 font-size: 90%;
}
input.diff_radio   {
 margin:    0em   0em   0em   0em; 
 padding:   0em   0em   0em   0em;
}
textarea {
 margin:   1em  1em   5px  1em; 
 padding:   4px   2px   1px   2px;
 font-family: monospace;
}
input.textfield {
 min-width: 300px;
}
#more_fields       {margin:   auto  auto  auto 200px; 
                    padding:  auto  auto  auto 200px; display: block;        }
input.hidden       {                                  display: none;         }
div.hidden         {                                  display: none;         }
div.honey          {                                  display: none;         }
div.advanced_field {                                  display: none;         }

ins                {                                  text-decoration: none  }

.history_dates     {                                  font-size  : 80%;      }
.error_message     {margin:   15px  15px  15px  15px; 
                    padding:  15px  15px  15px  15px;                        } 
.teaser            {                                  font-size  : 120%; 
 font-weight: bold      }

#breadcrumbs       {margin:    0em   0em   0em   0em; 
	                padding:   0em   0em   0em  .5em; float      : left;
 width      : 100%;
 min-height : 3em;      }
#breadcrumbs ul    {margin:    0em   0em   0em   0em;
	                padding:   0em   0em   0em   0em; display    : inline;
 list-style : none;     }
#breadcrumbs li    {margin:    0em   0em   0em   0em;
	                padding:   0em   0em   0em   0em; display    : inline;   }
#breadcrumbs a     {margin:    0em  .5em   0em   0em; text-decoration: none; }

textarea.resizeable{
 height     : 20%;
}

div.field {
 margin-bottom: 2px;
 padding: .5em .2em .1em .5em ;
 background-color: #ddd;
 
}

div.grippie {
	background:#F3F3F3 url(http://spu.tnik.org/static/sputnik/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:6px;
	overflow:hidden;
	margin-bottom: 10px;
    width: 70px;
    margin-left: 300px;
}

h2.ctrigger {
  background: url(http://spu.tnik.org/static/icons/minus.png) no-repeat right;
}
h2.ctrigger.closed {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9gMFBUUKV7DN4kAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAKUlEQVQ4y2NgoAJgJCD/nxi1TNRwyaghuGPnPyVmDD7vjCa2wWgIVQAA4ZoDHFUwDWsAAAAASUVORK5CYII=) no-repeat right;
}

.yui-t0 #sidebar {
  display: none;
}
.yui-t0 #page {
  /*margin-left: 3em;*/
}

/*.yui-u > * {
  margin-right: .5em;
  margin-left: 1em;
}

.yui-u h2, .yui-u h3, .yui-u h4, .yui-u h5 {
  margin-right: .5em;
  margin-left: .5em;
} */

.box {
  /*margin-right: .5em;
  margin-left: .5em;*/
  border: 1px solid green;
  background-color: #efe;
}


body                  {                          background: #c0d0c0;                                                     }

#bd                   {                          background: white;               BORDER:        1px solid  #262626;   }
#sidebar              {
 /*border-right:  1px solid  #8ec423;      */
}

.title                {                                              BORDER-BOTTOM: 3px solid  #8ec423;      }
.title a:visited              { color: black;   }
H1                    { COLOR: #8ec423;                                            BORDER-BOTTOM: 3px solid  #8ec423;      }
H2                    { COLOR: #8ec423;                                            BORDER-BOTTOM: 2px solid  #8ec423;      }
H3                    { COLOR: #8ec423;                                            BORDER-BOTTOM: 1px dotted #8ec423;      }
ul#menu li a             { color: white;       background: #4f6d13;                                                  }

#sidebar ul#menu li.level1 > a:hover    {
 color: yellow;       
}
#menu_bar ul#menu li a:hover    {
 color: yellow;
}
ul#menu li.front a    {                          background: #8ec423;                                                      }

ul#menu li ul li a {
 background: white;
 color: black;
}
ul#menu li.front ul li a {
 background: white;
 color: black;
}

#menu_bar ul#menu li ul            {                          background: #8ec423;                                                      }
#menu_bar ul#menu li ul li.front a { color: white;           background: #7eae1f;  BORDER:        2px solid  white; }
#menu_bar ul#menu li ul li.back a  { color: white;      background: #7eae1f;          BORDER:        1px solid  #bbe568; }
#menu_bar ul#menu li ul li a:hover { color: yellow;                                                                           }

#sidebar ul#menu li ul li.front a {
 font-weight: bold;
}


DEL                   { COLOR: black;           background: #dadada;                                                  }
INS                   { COLOR: black;            background: #cfc;                                                         }
A:link                { COLOR: #0000cc;                                                                                      }
A:visited             { COLOR: #0000cc;                                                                                      }
A:hover               { COLOR: #0000cc;                                                                                      }
A.no_such_node        {                          background: #fffacd;                                                      }

CODE                  {                          background: #f3f3f3;                                               }
PRE                   {                          background: #f3f3f3;       BORDER:        1px solid  #dadada;  }
TH                    {                          background: #f3f3f3;       BORDER:        1px solid  #dadada;  }
TD                    {                                                            BORDER:        1px solid  #dadada;  } 
.preview              {                                                            BORDER:        4px solid  #666;         }
.missing_page         {                          background: #dadada                                                   }




input, select, textarea {
 background: white;
 border:        2px solid  #808080; 
}
input.readonly {
 background: #dce1d2;
}

input.submit {
 background: #beee5f;
}

.active_input {
  border: 2px solid #8ec423;
  background: #ffffd6;
}



A.button              {                          background: #beee5f;      BORDER:        1px outset #9eda26; 
    color: black; text-decoration: none;                                                                               
}
INPUT.small_submit    {                          background: #beee5f;      BORDER:        1px outset #9eda26; }
.save input           {                          background: #ffa20f;              border:        2px outset #d7b9c9       }

.error_message        {                                                            BORDER:        2px solid  red;          }
.content .preview     {                                                            BORDER:        3px dashed $NAV_BAR;     }



div.popup_form div.transparency {
  background: black;
  height: 100%;  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10000;
  opacity: .7;
}

div.popup_form div.popup_frame {
  margin: 100px;
  padding: .3em;
  border: 5px solid #8ec423;
  background: white;
  position: absolute;
  width: 700px;
  opacity: 2;
  z-index: 10001;
}

div.popup_form div.actual_form {
  padding: 2em;
}

div.close_popup {
  width: 100%;
  text-align: right;
}

/* Comments Styles */

ol.discussion {
    margin: 0;
    list-style-type: none;
}

ol.discussion div.post-header {
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    padding-bottom: 1.22em;
    clear: both;
}

ol.discussion span.post-info {
    float: left;
}

ol.discussion ul.post-toolbar {
    float: right;
    list-style: none;
    display: inline;
    margin: 0;
}

ol.discussion ul.post-toolbar li {
    floar: left;
    display: inline;
    line-height: 100%;
    padding-left: 5px;
}

ol.discussion ul.post-toolbar a {
    text-decoration: none;
}

ol.discussion div.content {
    padding: 5px 20px 20px 20px;
    margin: 0;
}

@media print {
 #menu_bar, #login, #ft, .toolbar {
   display: none; !important;
 }
 body {
   background-color: white;
 }
 #bd {
   border: none;
   margin: 0px;
   padding: 0px;
 } 
}

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

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

.syntaxhighlighter code {
	display: inline !important;
}

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

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

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

/* Disable numbers when no gutter option is set */
.syntaxhighlighter.nogutter .line .number
{
	display: none !important;
}

.syntaxhighlighter .line .content
{
	margin-left: 3.3em !important; 
	padding-left: .5em !important;
	display: block !important;
}

.syntaxhighlighter .line .content .block
{
	display: block !important;
	padding-left: 1.5em !important;
	text-indent: -1.5em !important;
}

.syntaxhighlighter .line .content .spaces
{
	display: none !important;
}

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

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

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

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

.syntaxhighlighter.nogutter .ruler
{
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.syntaxhighlighter .ruler
{
	padding: 0 0 .5em .5em !important;
	margin-left: 3.3em !important;
	overflow: hidden !important;
}

/* Adjust some properties when collapsed */

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

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

/* Styles for the toolbar */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.syntaxhighlighter
{
	background-color: #E7E5DC !important;
}

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

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

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

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

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

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

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

.syntaxhighlighter .line .content .block
{
	background: url(wrapping.png) 0 1.1em no-repeat !important;
}

.syntaxhighlighter .ruler
{
	color: silver !important;
	background-color: #F8F8F8 !important;
	border-left: 3px solid #6CE26C !important;
}

.syntaxhighlighter.nogutter .ruler
{
	border: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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