/*
	Tab layout based on concept and code described at:
		http://unraveled.com/projects/css_tabs/
*/

.NoScreen {display: none;}

#FrontPageTitle {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 38px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -3px;
	position: relative;
	margin: 0;
	padding: 0;
	width: 50%;
}

#FrontPageTitle a {
	text-decoration: none;
	color: #000;
	border: 1px solid #fff;
}

#FrontPageTitle a:hover {border-bottom: 1px dotted #f55;}

#FrontPageEnd {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	padding: 10px;
	color: #000;
}

body {
	min-width: 600px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

#DocCenter p {line-height: 1.38em; color: #222; margin-bottom: 1.18em;}

#DocCenter ul li {
	list-style-image: url("a.gif");
	list-style-type: square;
	margin: 0.1em;
	margin-left: -1.3em;
	margin-bottom: 0.38em;
	line-height: 118%;
}

#DocCenter ol li {
	margin: 0.1em;
	margin-left: -1.3em;
	margin-bottom: 0.38em;
	line-height: 118%;
}

#DocCenter a {color: #008;}

#DocCenter a.external { 
	background: url("e.gif") no-repeat bottom right;
	margin: 1px; /* fix IE breaking link background image */
	color: #006;
	padding: 0;
	padding-right: 20px;
}

#DocCenter a[href ^="mailto:"], .link-mailto { 
	background: url("m.gif") no-repeat bottom right;
	margin: 1px; /* fix IE breaking link background image */
	color: #58d;
	padding: 0;
	padding-right: 20px;
}

#DocCenter a:visited {color: #866;}
#DocCenter a:hover {color: #080; text-decoration: none; border-bottom: 1px dashed #080;}

a.image {border: 0 !important;}

.mainbody {
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	empty-cells: show;
	border-spacing: 0px;
	border-collapse: separate;
}

.column {vertical-align: top; padding: 10px; }

/* tabs code start */
#Navi {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	list-style-type: none;
	padding: 0 10px 25px 0;
	border-bottom: 1px solid #aaa;
	margin: 10px 0 0 0;
}

#Navi li {
	float: right;
	height: 22px;
	background: #fff;
	color: #000;
	margin: 2px 1px 0 3px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #fefefe;
	border-right: 1px solid #aaa;
}

#Navi a {
	display: block;
	text-decoration: none;
	padding: 3px 10px 3px 10px;
	color: #000;
	background: #fff;
}

#Navi a:hover {color: #f55; background: #eee;}

#Tab1 li.NaviTab1, #Tab2 li.NaviTab2, 
#Tab3 li.NaviTab3, #Tab4 li.NaviTab4 {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #333;
}

#Tab1 li.NaviTab1 a, #Tab2 li.NaviTab2 a, 
#Tab3 li.NaviTab3 a, #Tab4 li.NaviTab4 a {
	font-weight: bold;
	color: #888;
	background: #fff;
}

#Tab1 li.NaviTab1 a:hover, #Tab2 li.NaviTab2 a:hover, 
#Tab3 li.NaviTab3 a:hover, #Tab4 li.NaviTab4 a:hover {
	font-weight: bold;
	color: #888;
	background: #eee;
}

#Navi #NaviTab2Sub, #Navi #NaviTab3Sub, #Navi #NaviTab4Sub {display: none;}

#Tab2 #Navi #NaviTab2Sub {
	list-style-type: none;
	display: inline;
	font-size: 10px;
	position: absolute;
	right: 58px;
	top: 42px;
	margin: 1px;
}

#Tab3 #Navi #NaviTab3Sub {
	list-style-type: none;
	display: inline;
	font-size: 10px;
	position: absolute;
	right: 118px;
	top: 42px;
	margin: 1px;
}

#Tab4 #Navi #NaviTab4Sub {
	list-style-type: none;
	display: inline;
	font-size: 10px;
	position: absolute;
	right: 168px;
	top: 42px;
	margin: 1px;
}

#NaviTab2Sub li, #NaviTab3Sub li, #NaviTab4Sub li { 
	height: 15px;
	margin: 0;
	border-left: 1px solid #ccc;
	border-right: 0;
	border-bottom: 0;
	border-top: 0;
}

#NaviTab2Sub li.NaviSubLast, 
#NaviTab3Sub li.NaviSubLast, 
#NaviTab4Sub li.NaviSubLast {border-left: 1px solid #fff;}

#NaviTab2Sub a, #NaviTab3Sub a, #NaviTab4Sub a {padding: 1px 2px 1px 2px;}

#NaviTab2Sub a:hover, #NaviTab3Sub a:hover, #NaviTab4Sub a:hover {
	border-bottom: 1px solid #aaa;
	color: #588;
	background: #eee;
}
/* tabs code end */

#DocHeaderDecor {
	font-size: 3px;
	height: 3px;
	margin-top: 26px;
	padding: 0;
	border-bottom: 1px solid #888;
}

#Tab2 #DocHeaderDecor {
	border-top: 15px solid #dfa;
	background: #9f3;
	color: #000;
}

#Tab3 #DocHeaderDecor {
	border-top: 15px solid #cdf;
	background: #69f;
	color: #000;
}

#Tab4 #DocHeaderDecor {
	border-top: 15px solid #fdd;
	background: #f88;
	color: #000;
}

#Tab1 #DocHeaderDecor {
	border-top: 15px solid #ffd;
	background: #ff8;
	color: #000;
}

#Tab0 #DocHeaderDecor {
	border-top: 15px solid #bbb;
	background: #888;
	color: #000;
}

#DocTitle {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: -0.03em;
	float: left;
	position: absolute;
	top: 10px;
	left: 10px;
	margin: 0;
	width: 50%;
	color: #223;
	z-index: 88;
}

#DocLeftLow, #DocLeft {
	width: 100px;
	border-left: 1px solid #bbb;
	background: #fff;
	color: #000;
}

#DocCenter {
	background: #fff;
	color: #000;
	min-width: 380px;
	width: 100%;
	border-right: 1px solid #888;
}

#Tab0 {background: url("g.gray.jpg") top right repeat-y;}
#Tab1 {background: url("g.yellow.jpg") top right repeat-y;}
#Tab2 {background: url("g.green.jpg") top right repeat-y;}
#Tab3 {background: url("g.blue.jpg") top right repeat-y;}
#Tab4 {background: url("g.red.jpg") top right repeat-y;}

#Tab0 #DocHeader {
	color: #000; background: #fff url("g.gray.jpg") top right no-repeat;}
#Tab1 #DocHeader {
	color: #000; background: #fff url("g.yellow.jpg") top right no-repeat;}
#Tab2 #DocHeader {
	color: #000; background: #fff url("g.green.jpg") top right no-repeat;}
#Tab3 #DocHeader {
	color: #000; background: #fff url("g.blue.jpg") top right no-repeat;}
#Tab4 #DocHeader {
	color: #000; background: #fff url("g.red.jpg") top right no-repeat;}

#DocRightLow, #DocRight {
	width: 100px;
	background: #fff url("g.gray.jpg") repeat-y top right;
	color: #000;
	border-left: 1px solid #fefefe;
}
#DocRightLow  {
	vertical-align: bottom;
	text-align: center;
	padding: 10px;
}

#DocRight {border-top: 1px solid #fff;}

#DocEnd {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	padding: 0.3em 0;
	background: #fff url("g.gray.jpg") repeat-y top right;
	color: #000;
	border-top: 1px solid #eee;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #888;
	border-right: 1px solid #aaa;
}

#DocEnd a {text-decoration: none;}
#DocEnd a:hover {color: #080;}

#DocEnd ul {padding: 2px; margin: 0;}

#DocEnd li {
	list-style-type: none;
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
}

#Doc .column {padding-top: 0.8em;}

#Updated {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	float: left;
	position: absolute;
	top: 38px;
	left: 20px;
	margin: 0;
	width: 50%;
}

#SearchTool {
	border-top: 1px solid #fefefe;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #bbb;
	border-right: 1px solid #aaa;
	background: #fff url("g.gray.jpg") repeat-y top right;
	color: #000;
	padding: 5px;
	text-align: center;
}

#SearchTool form {
	display: inline;
	padding: 5px 8px 5px 8px;
}

.SearchToolStart {border-right: 1px solid #aaa;}

.SearchToolMiddle {
	border-left: 1px solid #fff;
	border-right: 1px solid #aaa;
}

.SearchToolEnd {border-left: 1px solid #fff;}

.FormInput {
	background: #eee;
	color: #000;
	border-left: 1px solid #888;
	border-top: 1px solid #888;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.FormInput:hover {
	background: #fff;
	color: #000;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.FormButton {
	background: #e0e0e0;
	color: #888;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}

.FormButton:hover {background: #eee; color: #666;}

/* Calendar */
.calendar {
	width: 100px;
	border: 1px solid #aaa; 
	border-top: 1px solid #eee; 
	border-left: 1px solid #eee;
}

.calendarbody {width: 100%; border: 1px;}
.month {background-color: #aaa; font:bold 9px verdana; color: #fff; white-space: nowrap;}
.daysofweek {background-color: #c0c0c0; font: 8px verdana; color: #fff;}
.daysofweek#today {background-color: #f80; font-weight: bold; color: #fff;}

.days {
	font-size: 8px;
	font-family: verdana;
	color: #000;
	padding: 1px;
	padding-top: 0;
	padding-bottom: 0;
}

.days#today{background-color: #f80; font-weight: bold; color: #fff;}

/* MediaWiki stuff */
.catlinks {
	border: 1px solid #ddd;
	color: #000;
	padding: 5px;
	margin: 0;
	margin-top: 5px;
}

.printfooter {display: none;}

.portlet {
	width: 100px;
	display: block;
	color: #888;
	font-size: 11px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #bbb;
}

.portlet p {
	font-weight: bold;
	margin: 0;
}

.portlet a {
	padding: 3px;
	display: block;
	text-decoration: none;
	color: #888;
}

.portlet a:hover {background: #eee;}

#NavList, #ActList {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-bottom: -1px;
}

#NavList li, #ActList li {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #aaa;
}

#NavList a, #ActList a {	
	display: block;
	margin: 0;
	padding: 1px 5px 1px 13px;
	text-decoration: none;
	background: #ccc;
	color: #383838;
}

#NavList a:hover, #ActList a:hover { background: #eee; color: #f55;}

#pt-userpage a {font-weight: bold; font-style: italic; color: #080;}
#pt-logout, #t-upload, #ca-edit {font-weight: bold;}
#pt-phelp a {font-weight: bold; background: url("g.gray.jpg") repeat-y top left;}
#pt-phelp a:hover {background: url("g.gray.jpg") repeat-y top left;}

#preftoc {
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}

#preftoc li {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	top: 2px;
  margin: 0 !important;
  float: left;
	margin-left: 3px !important;
  border: 1px solid #aaa;
  border-bottom: 0;
  position: relative;
  white-space: nowrap;
  list-style-type: none;
  list-style-image: none;
  z-index: 3;
}

#preftoc li.selected {
  font-weight: bold;
  background-color: #fff;
  border: 1px solid #aaa;
  border-bottom: 1px solid #fff;
  cursor: default;
}

#preftoc > li.selected {top: 1px;}

#preftoc a, #preftoc a:active {
  display: block;
  color: #aaa;
  padding: 3px 8px 3px 8px;
  position: relative;
  text-decoration: none;
}

#preftoc li.selected a {
  cursor: default;
	color: #000;
  text-decoration: none;
}

#preftoc a:hover {background: #eee; color: #f55; border: 0;}
#preftoc li.selected a:hover {background: #fff; color: #aaa; border: 0;}
#prefcontrol {padding: 1em; clear: both;}

#preferences {
  margin: 0;
  border: 1px solid #aaa;
  clear: both;
  padding: 18px;
  background-color: #fff;
}

.prefsection {border: none; padding: 0; margin: 0;}

.prefsection fieldset {
  border: 1px solid #aaa;
	padding: 5px;
  float: left;
  margin-right: 2em;
}

.prefsection legend {font-weight: bold;}

.prefsection table, .prefsection legend {background-color: #fff;}

#pt-anonuserpage, #pt-anontalk, .mainLegend {display: none;}

div.prefsectiontip {
  font-size: 88%;
  margin-top: 3px;
  background-color: #fff;
	color: #888;
  padding: 5px;
  clear: both;
}

.btnSavePrefs {
  font-weight: bold;
  padding-left: .3em;
  padding-right: .3em;
}
                                                                                
.preferences-login {clear: both; margin-bottom: 1.5em;}
.prefcache {font-size: 90%; margin-top: 2em;}
.error {color: red; font-size: larger;}

.errorbox, .successbox {
	display: block;
	clear: both;
  border: 1px solid;
  padding: .5em;
  margin-bottom: 2em;
  color: #000;
}

.errorbox {border-color: red; background-color: #fff2f2;}
.successbox {border-color: green; background-color: #dfd;}

a.new, #p-personal a.new {color: #c55 !important;}

.editsection, .editsection a {font-size: 88%; color: #ddd;}

.diff-deletedline {color: #f88;}
.diff-addedline {color: #6b6;}
.diff-context {color: #ccc;}

.InfoTable, .mw_metadata {
	border-collapse: collapse;
	border: 1px solid #000;
	margin: 0;
	padding: 0;
}

.mw_metadata { 
	border-collapse: separate !important; 
	border-spacing: 1px;
}

.InfoTable th, .mw_metadata th {
	text-align: left;
	vertical-align: top;
	font-size: smaller;
	background: #ddd;
	padding: 3px;
}

.InfoTable th p, .mw_metadata th p {display: inline;}

.InfoTable tr.r0 th {background: #eee;}
.InfoTable tr.r1 th {background: #ddf;}

.InfoTable tr.r0:hover th {background: #ded;}
.InfoTable tr.r1:hover th {background: #ded;}

table.collapsed .collapsable {display: none;}

.InfoTable td, .mw_metadata td {
	text-align: left;
	vertical-align: top;
	background: #eee;
	padding: 3px;
}

.InfoTable tr.r0 td {background: #fff;}
.InfoTable tr.r1 td {background: #eef;}
.InfoTable tr.r0:hover td {background: #efe;}
.InfoTable tr.r1:hover td {background: #efe;}
.InfoTable td p {margin: 0; padding: 0;}

.InfoTable tr.tt td {background: #000;}
.InfoTable tr.tt td {color: #fff !important; font-weight: bold;}
.InfoTable tr.tt td p {color: #fff !important; font-weight: bold;}

h1 {font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-weight: bold;
	font-size: 1.68em; color: #686; letter-spacing: -0.03em;}
h2 {font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-weight: bold;
	font-size: 1.38em; color: #686; letter-spacing: -0.03em;}
h3 {font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-weight: bold;
	font-size: 1.1em; color: #686; letter-spacing: -0.01em;}
h4 {font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-weight: bold;
	font-size: 1.0em; color: #686;}
h5 {font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 1.0em; color: #686;}
h6 {font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 1.0em; color: #686;}

code {
	font-family: "Courier New", Courier, fixed;
	white-space: nowrap;
	color: #696;
}

.Terminal {
	/* width: 88%; */
	margin-left: 2em;
	padding: 5px;
	background: #000;
	color: #fff;
	font-family: Courier New, Courier, fixed;
}

.BoxedText {
	/* width: 88%; */
	margin-left: 2em;
	padding: 5px;
	border: 1px solid #ccc;
}

.IndentedText {
	/* width: 88%; */
	margin-left: 2em;
	padding: 5px;
}

.Blog {
	margin: 0;
	margin-bottom: 5px;
	padding: 10px;
	background: #fff url("g.gray.jpg") repeat-y top right;
}

div.Blog div.lang {
	display: none;
}

.Blog:hover {background: #fff url("g.green.jpg") repeat-y top right;}
.Blog p {padding-left: 10px; padding-right: 10px;}

.Blog h2
{
	display: inline;
	margin: 3px;
	padding: 2px;
}

.NewsDate, .BlogDate {
	display: block;
	font-size: smaller;
	margin: 0;
	border: 0;
	padding-left: 5px;
}

.BlogDate {color: #686;}
.NewsDate {color: #888;}

.BlogMore, .BlogMore a {
	margin: 0;
	margin-top: -10px;
	padding: 0;
	font-size: 88%;
	text-align: right;
}

.BackGray {background: #ddd url("g.gray.jpg") repeat-y top left;}
.BackGreen {background: #9f3 url("g.green.jpg") repeat-y top left;}
.BackRed {background: #fcc url("g.red.jpg") repeat-y top left;}
.BackBlue {background: #69f url("g.blue.jpg") repeat-y top left;}
.BackYellow {background: #ff9 url("g.yellow.jpg") repeat-y top left;}
.WhiteOnBlack {background: #000; color: #fff;}

.wip {
	width: 320px;
	border: 1px solid #ccf;
	background: #fff url("door.gif") no-repeat 3px 3px;
	text-align: center;
	padding: 5px;
	padding-left: 38px;
	margin: 0;
	margin-bottom: 3px;
}

.wip a {color: #33a !important; text-decoration: none;}

.dip {
	width: 320px;
	border: 1px solid #fcc;
	background: #fff url("toilet.gif") no-repeat 3px 3px;
	text-align: center;
	padding: 5px;
	padding-left: 38px;
	margin: 0;
	margin-bottom: 3px;
}

.dip a {color: #a33 !important; text-decoration: none;}

.purge {
	text-align: center;
	background: #f0f0f0;
	width: 100%;
	margin: 0;
	padding: 0;
}

.purge:hover {background: #fff0f0;}
.purge a {
	font-size: 11px;
	display: block;
	width: 88%;
	color: #000;
	text-decoration: none;
}
.purge a:hover {color: #f88 !important; border: 0 !important;}

#toc, .toc {
	float: right;
	border-right: 5px solid #fff;
	border-left: 38px solid #fff;
	border: 1px solid #888;
	background: #ddd url("g.gray.jpg") repeat-y top left;
	padding: 2px;
	font-size: 88%;
	margin-left: 38px;
}

#toc h2, .toc h2 {display: inline; color: #888;}

#toc ul, #toc ul li, .toc ul, .toc ul li {
	list-style-type: none;
	list-style-image: none;
	text-align: left;
	margin-left: 0;
	padding-left: 0.2em;
}

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

#toc .toctoggle, .toc .toctoggle {
	font-size: 88%;
	margin-left: 8px;
}

.tocnumber {font-weight: bold; color: #000;}

.plainlinks a {
	background: none !important;
	padding: 0 !important;
}

.plainlinks a img { border: 0;}

.PrintCat { font-size: 88%; background: #ddd url("g.gray.jpg") repeat-y top left;}

.gallery {
	font-size: 80%;
	border-spacing: 3px;
	empty-cells: show;
}

/*
.gallery td {
	vertical-align: top;
	text-align: center;
	width: 126px;
	padding: 8px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #eee;
	border-right: 1px solid #888;
	border-bottom: 1px solid #666;
	background: #ddd url("g.gray.jpg") repeat-y top left;
}
*/

.gallery td {padding: 1px;}

.gallerybox {
	margin: 0;
	text-align: center;
	background: #ddd;
	padding: 8px;
}

.gallerytext p {
	width: 126px;
	text-align: left;
	line-height: 118% !important;
}

.thumb {padding: 0 !important;}

.thumb a {border: 0 !important;}
.thumb a:hover {border: 0 !important;}

.thumb a img {
	text-align: center;
	padding: 2px;
	border: 1px solid #fff;
}

.thumb a:hover img {border: 1px solid #080;}

.thumbcaption {
	border: 0;
	font-size: smaller;
	padding: 5px;
	text-align: left;
}

hr {height: 1px; color: #888;}

div.tright {
	clear: right;
	float: right;
	border: 5px solid #fff;
}

div.tleft {
	float: left;
	margin-right: .8em;
	border: 5px solid #fff;
}

div.magnify {
	border: 0 !important;
	background: 0 !important;
}

#DocCenter ul#filetoc {
	margin-bottom: 8px;
	text-align: left;
}

#filetoc {display: none;}

#Credits {
	width: 320px;
	border: 1px solid #ddd;
	color: #888;
	padding: 5px;
	padding-left: 38px;
	background: #fff url("script.gif") no-repeat 3px 3px;
	margin: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 80%;
}

#contentSub {
	color: #888;
	padding: 2px;
	margin: 0;
	font-size: 80%;
	top: 38px;
	left: 10px;
	position: absolute;
	z-index: 80;
}

.lang {
	width: 320px;
	border: 1px solid #8b8;
	background: #fff url("earth.gif") no-repeat 3px 3px;
	text-align: center;
	padding: 5px;
	padding-left: 38px;
	margin: 0;
	margin-bottom: 3px;
}

.lang a {color: #383 !important; text-decoration: none;}

.image img {border: 0 !important;}

.LaTeX {margin: 2px; margin-top: 5px; margin-bottom: -3px;}