/*
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:12px Arial, Helvetica, 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;}#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;}

/* TOP LEVEL ELEMS    */
A:link                { COLOR: black; 		     font-weight: bold;         text-decoration: underline;                                                     }
A:visited             { COLOR: black;            font-weight: bold;         text-decoration: underline;                                                           }
A:hover               { COLOR: #0073A7;          font-weight: bold;         text-decoration: underline;                                                       }
A.no_such_node        {                          background: #fffacd;                                                      }

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

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

/* THE HEADER */

#hd {
 width:	950px;
 BORDER:        1px solid  #262626; 
 margin:    0em   auto   0em   auto;
 padding    :    0em   0em   0em   0em;
}

#login {
 margin     :    0em   0em   0em   0em;  
 padding    :   1em   1em   1em   1em;
 float      : right;
 text-align : right;         
 font-size  : 90%;
 vertical-align: text-bottom;
}

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

#login a:hover {
	color: black;
	text-decoration: underline;
}

#rss_icon {
 margin     :    0em   0em   0em   0em; 
 padding    :    0em   0em   0em   0em;
 position   : relative; 
 top        : 3px
}
#logo {
	background: #0073a7;
}

#menu_bar ul#menu {
 margin     :  0em   0em   0em   0em; 
 padding    :    0.4em   0em   0em   0em;
 width      : 100%; 
 text-align : left;
 display    : block;
}
#menu_bar ul#menu li {
 margin     :    0em;  
 padding    :    0em;
 display    : inline;  
 list-style-type: none;
}

#menu_bar ul#menu li a    {                                 
 padding    :   0.4em   0.5em 0.3em   0.5em;
 position   : relative;
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
}

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    :   .4em   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    :    0.3em  .2em   0.3em  .2em;
 font-family: Arial, Helvetica,sans-serif;
 font-size: 13px;
 font-weight: bold;
}

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

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

/* FOOTER */
#ft {
 width: 950px;
 margin:    2em   auto   0em   auto;
 clear:both;
}

/* 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%;
} 
.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;
}

.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 {
 padding: 0em .3em 0em 0em;
 font-size: 180%;
 text-decoration: none;
}

.title {
 border-bottom: 3px solid #4a81de;
 color: orange;
 margin: 2em 2em 0em 2em;
}

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;
}

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; 
}
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 {
 border: 1px solid 
 margin:    0em; 
 padding:   0px;
 display : inline;
 line-height: 10px;  
 font-size  : 9pt;
 vertical-align: middle;
 height: 22px;
}
input.search_button {
 margin:    0em   0px  .5em   0px; 
 padding:   0px;
 display : inline;
 line-height: 10px;  
 font-size  : 9pt;
 border: none;
 background: none;
 vertical-align: middle;
}
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;
 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: 0em .2em .1em .5em ;
 background-color: #ddd;
 
}

div.grippie {
	background:#F3F3F3 url(/index.lua?p=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(/index.lua?p=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;
}

.box {
  border: 1px solid green;
  background-color: #efe;
}


body                  {                          background: #F0F0F0;                                                     }

#bd                   {                          background: white;               BORDER:        1px solid  #262626;   }
#sidebar              {
}

H1                    {  background: #e3ebef; color: #4a81de;                          }
H2                    {  background: #e3ebef; color: #4a81de;    }
H3                    {  background: #e3ebef; color: #4a81de;  }

#menu 
{
	background: #0e0e0e;
//	border-top: 1px solid #46a0ca;
}

#menu_bar
{
//	padding-top: 1.5em;
	background: #0073a7;
}

ul#menu li a            { color: #cccccc;       background: #0e0e0e;                                                  }

/*
#sidebar ul#menu li.level1 > a:hover    {
 color: yellow;       
}*/

#menu_bar ul#menu li a:hover    {
 color: #0c0c0c;
}

#menu_bar ul#menu li.back a:hover    {
 color: white;
}

#menu_bar ul#menu li.front a:hover    {
 color: white;
}

ul#menu li.front a    { color: white; background: #4a4a4a; 
						-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; 
						-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;					
					  }

/*
ul#menu li.back a 
{
 color: #EEEEEE;
}
*/

#menu_bar ul#menu li ul            { background: #4a4a4a;  }
#menu_bar ul#menu li ul li { background: #4a4a4a; border-right:1px solid #cccccc; }
#menu_bar ul#menu li ul li.front a { background: #e5e5e5; color: #black;  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#menu_bar ul#menu li ul li.back a  { background: #4a4a4a; color: #cccccc;  }
#menu_bar ul#menu li ul li a:hover { color: #0073A7;  }
/* #menu_bar ul#menu li ul li.front a:hover { color: black; } */

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


DEL                   { COLOR: black;            background: #dadada;                                                  }
INS                   { COLOR: black;            background: #cfc;                                                         }
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:     1px solid #233dc4 ; 
}
input.readonly {
 background: #d2d4e1;
}

input.submit {
 background: #5f77ee;
}

.active_input {
  border: 2px solid #233dc4;
  background: #ffffd6;
}



A.button              {                          background: #5f77ee;      BORDER:        1px outset #2644da; 
    color: black; text-decoration: none;                                                                               
}
INPUT.small_submit    {                          background: #5f77ee;      BORDER:        1px outset #2644da; }
.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 #233dc4;
  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 li {
   padding-bottom: 10px;
}

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

ol.discussion div.header {
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    padding-bottom: 5px;
}

ol.discussion ul.toolbar {
    float:right;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 1em;
}

ol.discussion ul.toolbar li {
    float: left;
    margin: 0;
    padding: 0;
    padding-left: 8px;
}

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