/*
 * ----------------------------------------------------------------------------
 * 'gumax' style sheet for CSS2-capable browsers.
 *     Loosely based on the monobook style
 *
 * @Version 3.5.1
 * @Author Paul Y. Gu, <gu.paul@gmail.com>
 * @Copyright paulgu.com 2006 - http://www.paulgu.com/
 * @License: GPL (http://www.gnu.org/copyleft/gpl.html)
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program 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 this program; if not, write to the Free Software Foundation, Inc.,
 * 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
 * http://www.gnu.org/copyleft/gpl.html
 * ----------------------------------------------------------------------------
 */

/* Basic Structure
-----------------------------------------------------------------------------*/

	body {
		font-size: x-small;
		margin: 0; padding: 0;
		min-width: 800px;
		/* background: #fafafa url('headbg.jpg') top left no-repeat fixed; /**/
		/* background: #999999 url(images/topbg.jpg) top center repeat-x; /**/
		/* background: #b8b8b8 url(images/background_pixel.gif) top center repeat-x; /**/
		/* background: #999999 url(images/greybg.jpg) top center repeat-y; /**/
		/* background: transparent url('images/lightgray.gif') top left repeat; /**/
		/* background: #F3F2E7; /**/
		/* background: #0C2A4C url(images/body-bg.gif) top center repeat-y; /**/
		background: #436088 url(images/background.jpg) top center repeat-x; /**/
	}

	body, td, th, input, textarea, pre, h1, h2, h3, h4, h5, h6 { color: #222; }
	body, td, th, input, textarea { font-family: Verdana, Arial, 'Trebuchet MS'; }
	pre { font-family: Monospace, Courier, Arial; }

	#gumax-wrapper
	{
		/* border: 1px solid #FF9900; /**/
		width: 999px;  /* page width */
		margin: 0 auto;
		background-color: transparent;
		font-size: 110%; /* web page font size */
	}

	#gumax-page {
		background-color: #fefefe; /* web page background */
		/* background: #fefefe url('images/footerBackground.jpg') bottom center repeat-x; /**/
	}

	#gumax-body {
		margin: 0;
		padding: 2px 20px; /* content padding */
		position: relative;
	}

	/*
	<div class="visualClear"></div>
	*/
	.visualClear { clear: both; }

/* general style
-----------------------------------------------------------------------------*/
	table {
		background: none;
		background-color: transparent;
		}


/* page shadow
-----------------------------------------------------------------------------*/
	#gumax-page-table {
		border-collapse: collapse;
		padding: 0; margin: 0;
	}

	#gumax-page-table-center {  }

	#gumax-page-table-left img,
	#gumax-page-table-right img {
		width: 10px; /* width of the left and right border */
		height: 1px;
		border:none;
	}
	#gumax-page-table-left {
		padding: 0; margin: 0;
		background: transparent url('images/gm_shadow_l.png') top right repeat-y;
		}
	#gumax-page-table-right {
		padding: 0; margin: 0;
		background: transparent url('images/gm_shadow_r.png') top left repeat-y;
		}


/* Header
-----------------------------------------------------------------------------*/
	/* gumax-header */
	#gumax-header
	{
		z-index: 100;  /* make logo visible over content */
		padding: 0 20px; /* same as content padding */
		margin: 0;
		overflow: visible;
	}

/* Login
-----------------------------------------------------------------------------*/
	#gumax-p-login {
		font-size: 95%;
		position: relative;
		float: none;
		text-align: right;
		margin: 0;
		padding: 2px 0 0;
	}

	#gumax-p-login ul {
		position: relative;
		width: auto;
		list-style: none;
		padding: 0; margin: 0;
	}

	#gumax-p-login ul li {
		position: relative;
		display: inline;
		margin: 0; padding: 0;
		font-size: 100%;
		color: #999;
	}

	#gumax-p-login ul li a {
		color: #777;
		padding: 2px 3px;
		background: none;
		text-decoration: none; 
	}

	#gumax-p-login ul li a:hover { color: #333; }

	li#pt-userpage,
	li#pt-anonuserpage,
	li#pt-login {
		background: none;
		font-weight: bold;
	}

/* Logo
-----------------------------------------------------------------------------*/
	#p-logo h5 { display: none; }

	#p-logo,
	#p-logo a,
	#p-logo a:hover {
		width:  180px;
		height: 72px;
	}

	#p-logo {
		z-index: 200;
		position: relative; /*needed to use z-index */
		float: left;
		text-align: left;
		margin: 10px 0 20px 0;
		overflow: visible;
		display: block;
		padding: 0;
	}

	#p-logo a,
	#p-logo a:hover {
		display: block;
		background-repeat: no-repeat;
		background-position: 35% 50% !important;
		text-decoration: none;
	}

/* Search
-----------------------------------------------------------------------------*/
	#gumax-p-search h5 { display: none }

	/*
	 * --- Two Buttons Search ---
	 */
	#gumax-searchBody {
		position: relative;
		float: right;
		z-index: 3;
		padding: 0;
		margin: 40px 0;
		text-align: right;
		vertical-align: middle;
	}

	input.searchButton {
		font-size: 100%;
	}

	#searchInput {
		width: 15em;
		height:1.2em;
		margin: 0;
		font-size: 100%;
		border: 1px solid #777;
	}

	.os-suggest {
		font-size: 100%; /* search suggest font */
	}

	/*
	 * --- Simple Search ---
	 */
	#simpleSearch {
		margin-top: 0.5em;
		position: relative;
		border: solid 1px #AAAAAA;
		background-color: white;
		background-image: url(images/search-fade.png);
		background-position: top left;
		background-repeat: repeat-x;
	}
	#simpleSearch label {
		font-size: 0.8em;
		top: 0.25em;
	}
	#simpleSearch input#searchInput {
		margin: 0;
		border-width: 0;
		padding: 0.25em;
		line-height: 1em;
		font-size: 1.1em;
		width: 13em;
		background-color: transparent;
	}
	/* OVERRIDDEN BY COMPLIANT BROWSERS */
	#simpleSearch button#searchButton {
		margin: 0;
		padding: 0;
		width: 1.75em;
		height: 1.4em;
		border: none;
		cursor: pointer;
		background-color: transparent;
		background-image: url(images/searchbutton.gif);
		background-position: center center;
		background-repeat: no-repeat;
	}
	/* IGNORED BY IE6 */
	#simpleSearch > button#searchButton {
		height: 100%;
	}
	.suggestions-special .special-label {
		font-size: 1.1em;
		color: gray;
	}
	.suggestions-special .special-query {
		color: black;
		font-style: italic;
	}
	.suggestions-special .special-hover {
		background-color: silver;
	}


/* Top Navigation Menu
-----------------------------------------------------------------------------*/
	.gumax-portlet h5 { display: none; } /* hide menu title */
	#gumax-p-navigation {}

	.gumax-portlet {
		margin: 0; padding: 0;
		overflow: hidden; /* make height for FF */
		}
	.gumax-pbody {
		float: left;
		width: 100%;
		background: #fff;
		border-bottom: 4px solid #92C546;
		overflow:hidden;
		position:relative;
		margin: 0; padding: 0;
		overflow: hidden; /* make height for FF */
		position:relative;
		}
	.gumax-pbody ul { 
		line-height: 100%;
		clear:left;
		float:left;
		list-style:none;
		margin:0; padding:0;
		position:relative;
		left:50%;
		text-align:center;
		}
	.gumax-pbody ul li {
		display: block;
		float: left;
		margin: 0; padding: 0;
		font-size: 130%;   /* the font size of the navigation menu */
		list-style: none;
		line-height: 120%;
		position:relative;
		right:50%;
	}

	.gumax-pbody ul li a,
	.gumax-pbody ul li a:visited {
		font-family: 'Trebuchet MS', Georgia, Verdana, Sans-serif, Arial;
		font-weight: bold;
		margin: 0 0 0 1px; padding: 5px 11px 3px 11px; /* padding inside the tab */
		color: #555;
		text-decoration: none;
		display: block;
		background: #92C546;
	}

	/* need for IE to display as block */
	* html .gumax-pbody ul li a {
		display: block; /* Make the hyperlinks as a block element, sort of a hover effect */
		position: relative; /* need for IE */
	}

	.gumax-pbody ul li a:hover,
	.gumax-pbody ul li:active a {
		color: #fff;
		text-decoration: none;
		background: #005FA3;
	}

	.gumax-p-navigation-spacer {
		height: 7px;
		font-size: 0;
	}

/* Sidebar Navigation Menu
-----------------------------------------------------------------------------*/
	#gumax-content-table  {
		border-collapse: collapse;
		padding: 0; margin: 0;
		position: relative; /* WTF, IE */
	}

	.gumax-portlet-sidebar {
		width: 180px;
		border: none;
		margin: 10px 0 0 0;
		padding: 0 15px 0 0;
		float: none;
		overflow: hidden;
	}
	.gumax-portlet-sidebar h5 {
		font-family: Tahoma, Arial, sans-serif;
		text-transform: capitalize;
		color:#669900; /* #92C546; */
		font-weight: bold;
		font-size: 120%;
		white-space: nowrap;
		margin: 0;
		padding: 0 0 0 10px;
		background: url(images/h5.gif) top left no-repeat;
		line-height: 2.2em;
		height: 27px;
		border-collapse: collapse;
	}
	* html .gumax-portlet-sidebar h5 { margin-bottom: -2px; /* WTF, IE fix */ } 

	.gumax-pBody-sidebar {
		font-family: Verdana, Tahoma, sans-serif;
		font-size: 100%;
		background: #F4F5F5;
		color: #777;
		border-collapse: collapse;/**/
		border-top: 1px solid #e7e7e7;
		border-left: 1px solid #E7E8EA;
		border-right: 1px solid #E7E8EA;
		padding: 0 .8em 0 .8em;
	}
	.gumax-pBody-sidebar a {
		color: #777;
	}

	.feautured-links .gumax-pBody-sidebar {
		
	}

	.gumax-portlet-sidebar-bottom{
		height: 10px;
		background: #F4F5F5 url(images/menu_bottom.gif) bottom center no-repeat;
		padding: 0; margin: 0;
	}

	.gumax-pBody-sidebar ul {
		line-height: 1.5em;
		list-style-type: square;
		list-style-image: url(images/menu_row_ie.gif);
		font-weight: normal;
	}

	.gumax-pBody-sidebar li {
		padding: 0; margin: 0;
		line-height: 150%;
	}

	.gumax-pBody-sidebar li a,
	.gumax-pBody-sidebar li a:visited {
		color: #555;
	}
	.gumax-pBody-sidebar li a:hover {
		color: #333;
	}

	li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
		margin-left: 0;
	}


/* dynamic article picture
-----------------------------------------------------------------------------*/
	#gumax-article-picture {
		background-color: #fff;
		text-align: left;
		padding: 0; margin: 0;
	}

	#gumax-article-picture,
	#gumax-article-picture a,
	#gumax-article-picture a:hover {
		height: 115px;
		min-height: 115px;
		display: block;
		background-repeat: no-repeat;
		background-position: center center;
		text-decoration: none;
		color: #eee;
		font-weight: bolder;
		font-size: 102%;
	}

	.gumax-article-picture-spacer {
		height: 3px;
		font-size: 0;
	}

/* site Notice
-----------------------------------------------------------------------------*/
	#siteNotice
	{
		border: 1px solid #FF9933;
		background-color: #FFFFCC;
		margin: 0; padding: .9em;
		font-size: 100%;
	}
	#siteNotice p {
		margin: 0; padding: 0;
	}
	#siteNotice table {
		background-color: transparent;
		margin: 0; padding: 0;
	}

/* content
-----------------------------------------------------------------------------*/
	/* total count message */
	.gumax-p-message {
		text-align: right;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 95%;
		padding: 2px 5px 0 0;
		color: #999;
	}
	.gumax-p-message a,
	.gumax-p-message a:visited {
		color: #669900;
		font-size: 95%;
		text-decoration: none;
	}
	.gumax-p-message a:hover {
		color: #FF9900;
	}

	/* main content */
	#content {
		border: none;
		background: transparent;
		margin: 10px 0 0 0; padding: 0 0 10px 0;  /* content margin */
		position: static; /* need for IE positioning problem */
		z-index: 2;
		clear: both;
		line-height: 1.4em; /* value other than 'normal' needed for WinIE */
		overflow-x: visible; /* need for Firefox, extreme long string :( */
	}

	.deepLevel #mainContent :link img,
	.deepLevel #mainContent :visited img {
		border: medium solid;
	}
	.deepLevel #mainContent #buttons :link img,
	.deepLevel #mainContent #buttons :visited img {
		border: 0;
	}

	#gumax-column-content { padding: 0; margin: 0; width: 100%; }

	/* content page title */
	.gumax-firstHeading {
		font-family: 'Trebuchet MS', Arial, Verdana;
		color: #0099CC;
		margin: 0;
		padding: 0;
	}
	.page-Home .gumax-firstHeading {
		display: none;
	}

	#bodyContent { width: 100%; padding: 0; margin: 0; }

	/* AJax search style */
	div#searchTargetContainer {
		left: 0px; top: 0px;
		width: 100%;
		background-color: white;
		overflow-x: visible;  /* need for Firefox, extreme long string :( */
	}

	div#searchTarget {
		padding:	10px;
		margin:	 5px;
		background: #fefefe;
		border: solid 1px #FFCC00;
	}

	div#searchTarget h2 {
		padding-top: 1em;
		margin-bottom: .5em;
	}

	div#searchTarget a {
		position: relative;
		z-index: 300; /* fix the hide link button */
	}

	/* table of content styles */

	#toc, .toc, .mw-warning {
		font-size: 100%;
		border: 1px solid #ddd;
		background-color: #f7f7f7;
		padding: .5em;
		margin-bottom: 1.2em;
	}

	#toc h2, .toc h2 {
		font-size: 110%;
		border: none;
		margin: 0;  /* fix toc top margin */
		padding-right: .2em;  /* margin between title and hide/show link */
		display: inline;  /* display the hide/show link after Contents */
	}

	#toc #toctitle,
	.toc #toctitle,
	#toc .toctitle,
	.toc .toctitle {
		text-align: left; /* left adjust of title */
	}

	#toc ul, .toc ul {
		list-style-type: none;
		list-style-image: none;
		margin: 0; padding: .3em 0 0 .7em; /* margin of the item list */
		text-align: left;
	}
	#toc ul ul, .toc ul ul,
	#toc ul ul ul, .toc ul ul ul {
		margin: 0 0 0 .7em; /* toclevel-2 margin */
	}

	#toc .tocindent  { margin-left: 1em; }
	#toc .tocline { margin-bottom: 0; }
	#toc p { margin: 0 }
	#toc .toctoggle { font-size: 90%; }

	/*
	 * --- body content ---
	 */

	h1, h2 {
		margin-top: 1.32em;
		padding: .35em .1em .3em 0;
		border-bottom: 1px solid #ddd;
	}
	h3, h4, h5, h6 {
		margin-top: 1em;
		padding: .2em .1em .3em 0;
		border-bottom: none;
	}

	ul {
		list-style-image: url('bullet_ie.gif');
	}
	li {
		/*margin-left: .5em;
		margin-bottom: .1em;
		/*padding: 0; /* margin between bullet and content */
	}

	#editform { width: 100%; }  /* prevent overflow in IE when editing */

	textarea {
		font-size: 100%;
		width: 99%;	 /* fix the textarea oversize in IE */
		padding: 2px 0 0 2px;
		margin: 0;
		border: 1px solid #3399FF;
		/* height: 500px; */
	}

	pre {
		overflow-x: visible;  /* need for Firefox, extreme long string :( */
		padding: 10px; margin: 12px 0;
		border: 1px dashed #bbb;
		color: #444;
		background-color: #FFFFF7;
		line-height: 1.2em;
	}

	pre {
		white-space: pre; /* CSS2 */
		white-space: -moz-pre-wrap; /* Mozilla */
		white-space: -hp-pre-wrap; /* HP printers */
		white-space: -o-pre-wrap; /* Opera 7 */
		white-space: -pre-wrap; /* Opera 4-6 */
		white-space: pre-wrap; /* CSS 2.1 */
		white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	}
	* html pre {
		white-space: normal;
		word-wrap: break-word; /* IE */
	}


	.errorbox, .successbox {
		margin-top: 2px;
		margin-bottom: 10px;
	}

	#contentSub, #contentSub2 { font-size: 90%; line-height: 1.2em; margin: 0.5em 0 1.4em 0; color: #7d7d7d; width: auto; }


/* thumbnails
-----------------------------------------------------------------------------*/
	div.thumb { border: none; }

/* edit section
-----------------------------------------------------------------------------*/
	.editsection { font-size: 90%; margin-top: 1px; color: #ddd; /* color for [] */ }
	* html div.editsection { font-size: 90%; }
	.editsection a, .editsection a:visited { color: #777; }
	.editsection a:hover { color: #555; }


/* content actions
-----------------------------------------------------------------------------*/
	#gumax-p-cactions h5 { display: none }

	#gumax-p-cactions {
		text-align: left;
		margin: 10px 0 3px 0;
	}

	#gumax-p-cactions ul {
		list-style: none;
		margin: 0; padding: 9px 10px 5px 10px;
		background: #F1F1F1;
		border: 1px solid #CCC;
		border-bottom: none;
	}
	#gumax-p-cactions ul li {
		display: inline;
		overflow: visible;
		margin: 0; padding: 0;
	}

	#gumax-p-cactions ul li a {
		font-family: Tahoma, Arial, sans-serif;
		font-size: 100%;
		color: #999;
		padding: 4px 9px 7px 9px;
		margin: 0;
		font-weight: bold;
		text-decoration: none;
	}
	#gumax-p-cactions ul li a:hover,
	#gumax-p-cactions ul li.selected a {
		color: #FF9900;
		background-color: #fff;
	}

	#ca-edit {
		
	}
	#gumax-p-cactions #ca-edit a {
		color: #003399;
		font-style:italic;
	}

/* Footer
-----------------------------------------------------------------------------*/
	.gumax-footer-spacer {
		height: 20px;
		background: transparent url("images/three_dot.gif") center center repeat-x;  /* footer spacer background */
		font-size: 0;
	}

	#gumax-footer {
		font-size: 90%;
		text-align: right; /* page footer location */
		margin: 0;
		padding: 2px 0 30px 0; /* same as content padding */
	}

	#gumax-footer ul { 
		list-style: none; 
	}
	#gumax-footer ul li {
		display: inline;
		overflow: visible;
		color: #999; /* the font color of '|' */
		margin: 0;
	}
	#gumax-footer ul li a {
		padding: 2px 3px;
	}
	#gumax-footer,
	#gumax-footer ul li a {
		color: #555;
		text-decoration: none;
	}
	#gumax-footer ul li a:hover {
		color: #333;
	}
	#gumax-footer a { white-space: nowrap; }

	#gumax-f-list ul {
		padding: 0;
		margin: 0;
	}

	#gumax-f-message {
		padding-top: 3px;
		padding-right: 8px;
		color: #999;
	}


/* Special:Specialpages
-----------------------------------------------------------------------------*/

	/* system message table fix */
	#allmessagestable { table-layout: fixed; width: 100%; max-width: 100%; margin-top: 20px; border-collapse: collapse; }
	#allmessagestable.left td { width: 30%; }
	#allmessagestable, #allmessagestable th, #allmessagestable td { border: 1px solid #336699; padding: 3px 5px; }

	/* image list table fix */
	table.imagelist, table.TablePager {/* table-layout: fixed; /**/ width: 100%; max-width: 100%; margin-top: 0.3em; }
	.TablePager td, .TablePager th { border: 1px solid #777; }
	.imagelist td, .imagelist th { white-space: normal; }
	/* remove line wrapping for TablePager_col_links */
	.imagelist .TablePager_col_links { white-space: nowrap; }

	h4.mw-specialpagesgroup {
		background: none; /**/
		border-bottom: 2px solid #FFCC66;
	}

/* Table pager (e.g. Special:Imagelist)
-----------------------------------------------------------------------------*/
	.TablePager_nav a	{ text-decoration: none; }
	.TablePager th		{ background-color: #eeeeff; }
	.TablePager td		{ background-color: #ffffff; }
	.TablePager tr:hover td { background-color: #eeeeff; }


/* Random HTML
-----------------------------------------------------------------------------*/
	hr {
		height: 1px; color: #aaa;
		background-color: #aaa;
		border: 0; margin: 2px 0;
	}

	/* for margin between paragraphs */
	.cc { font-size: 10%; padding: 3px 0; margin: 0; }

	/*-------------------------------------
		<div class="cc">&nbsp;</div>
	-------------------------------------*/

	/*
	 * Force Opera / Moz / Netscape
	 * to display an _IN_active vertical scrollbar (like IE).
	 */
	html { overflow-y: scroll; }

	/*
	make a few corners round
	only supported by moz/firefox/other gecko browsers for now
	-----------------------------------------------------------
	*/
	div.breadcrumbs {
		-moz-border-radius-topleft: 0.5em;
		-moz-border-radius-topright: 0.5em;
		-moz-border-radius-bottomleft: 0.5em;
		-moz-border-radius-bottomright: 0.5em;
	}

/* IE/Mac fixes
-----------------------------------------------------------------------------*/
	/* fix for position of image inside table */
	* html #preferences { width: 90%; }

	/* login form fix */
	div#userloginForm form, form#userlogin2 { width: 420px; }



/* IE/Mac fixes
-----------------------------------------------------------------------------*/
	/***** BACKGROUND COLORS FOR CONTENT ACTIONS *****/

	/* Colour of pseudo NS Special (light grey) */

	.ns--2 #p-cactions li, .ns--2 #p-cactions li a { background: #f4f4f4; }

	/* Colour of NS Project + Project_talk (light sky blue) */

	.ns-4 #p-cactions li, .ns-4 #p-cactions li a { background: #f8fcff; }

	.ns-5 #p-cactions li, .ns-5 #p-cactions li a { background: #f8fcff; }

	/* Colour of NS MediaWiki + MediaWiki_talk (light grey) */

	.ns-8 #p-cactions li, .ns-8 #p-cactions li a { background: #f4f4f4; }

	.ns-9 #p-cactions li, .ns-9 #p-cactions li a { background: #f4f4f4; }

	/* Colour of NS Manual + Manual_talk (light bluish violet) */

	.ns-100 #p-cactions li, .ns-100 #p-cactions li a { background: #f3f3ff; }

	.ns-101 #p-cactions li, .ns-101 #p-cactions li a { background: #f3f3ff; }

	table.border-collapse td {
		border: 1px solid #ccc;
	}


/* Rounded Corners
-----------------------------------------------------------------------------*/
	#simpleSearch, #searchInput
	{
		-moz-border-radius: 0.5em;
		-webkit-border-radius: 0.5em;
		border-radius: 0.5em;

		/*behavior: url(border-radius.htc);/**/
	}

	#toc
	{
		-moz-border-radius: 0.7em;
		-webkit-border-radius: 0.7em;
		border-radius: 0.7em;

		/*behavior: url(border-radius.htc);/**/
	}

	.gumax-pbody ul li a,
	.gumax-pbody ul li a:visited,
	#gumax-p-cactions ul {
		-moz-border-radius-topleft: 0.5em;
		-moz-border-radius-topright: 0.5em;
		-webkit-border-top-left-radius: 0.5em;
		-webkit-border-top-right-radius: 0.5em;
		border-top-left-radius: 0.5em;
		border-top-right-radius: 0.5em;
	}