/* Basic Structure
-----------------------------------------------------------------------------*/
/*
 * page width
 */
#pmd85-rbox
{
    width: 850px;     /* width of the web page */
    /* border-left:  3px solid #ccc; /**/
    /* border-right: 3px solid #ccc;  /**/
}

.pmd85
{
    background: #fff;  /* content background: white */
    width:      100%;  /* need for IE6 win */
}

/*
 * Setting for the Website: font style, font size
 */

body, td, th, input, textarea, pre, h1, h2, h3, h4, h5, h6 { color: #222; }

body, td, th, input, textarea
{
    font-family: Verdana, Georgia, Sans-serif, Arial, 'Trebuchet MS', 'Times New Roman';
}

body
{
    font-size: 11px;
    margin: 0; padding: 0;
    min-width: 800px;
    background: #fff;  /* web site background */
    background: url("images/backfill.gif") repeat;   /* web site background */
}

/* Logo properties and style
-----------------------------------------------------------------------------*/

#p-logo
{
    z-index: 5;
    position: absolute; /*needed to use z-index */
    top:  0px;
    left: 0px; /* left margin of the logo, which is same as content margin */
    background: url("images/header.portal.gif") no-repeat;
    width:  517px;
    height: 91px;
    overflow: visible;
}

/* Header Style
-----------------------------------------------------------------------------*/
/*
 * --- pmd85-header ---
 */
#pmd85-header
{
    background: url("images/header_fill.gif") top left repeat-x;   /* web site background */
    position: relative;
    z-index: 100;     /* make logo visible over content*/
    min-height: 91px; /* height of header */
    height:     91px; /* need for IE */
    margin: 0 auto;
    padding: 0;
}

/*
 * --- Login ---
 */
#pmd85-p-login {
    /* border:  1px solid #fff; /* debuging */
    margin-left: 0;
    padding-left: 0;
    text-transform: none;
    position: absolute;
    top:   0px;
    right: 0;
    z-index: 255;
}

#pmd85-p-login ul {
    position: relative;
    width: auto;
    list-style: none;
    margin: 0 10px; /* left and right margin of the list */
}

#pmd85-p-login li {
    position: relative;
    display: inline;    /* display in line  */
    margin: 0;
    z-index: 90; /* below the H1 */
    color: #fff; /* color of "|" */
    font-size: 90%; /* font size of items */
}
#pmd85-p-login ul li a {
    margin: 0;
    color: #fff;
    padding: 0 5px; /* margin betwen items */
}
#pmd85-p-login ul li a:hover
{
    color: #fff;
    border-bottom: 1px solid #acf;
    text-decoration: none;
}


/*
 * --- Search ---
 */
#pmd85-p-search {
    /* border:  1px solid #FFCC00; /* debuging */
    position: absolute;
    z-index: 3;
    top: 50px;
    right: 0;
}

#pmd85-p-languageselector {
    /* border:  1px solid #FFCC00; /* debuging */
    position: absolute;
    z-index: 4;
    top: 30px;
    right: 0;
}

#pmd85-p-search .pmd85-pBody,
#pmd85-searchBody,
#pmd85-p-languageselector .pmd85-pBody,
#pmd85-languageselectorBody {
    /* border: 1px solid #99FF00;  /* testing */
    background: none;
    position: relative;
    padding: 0;
    margin-right:  14px;   /* right side margin of search, same as content margin */
    text-align: left;
    white-space: nowrap;    /* for Opera */
    vertical-align: middle;
}

#pmd85-p-search form #searchInput {
    font-size: 100%;
    width: 11em;   /* text field width */
    text-align: left;
    vertical-align: middle;
    border: 1px solid #999; /* text field border style */
    background: #ddd; /* background color of the text field */
}

#pmd85-p-search form #searchGoButton,
#pmd85-p-search form #mw-searchButton {
    font-family: Verdana, Sans-serif, Arial;
    vertical-align: middle;
    background: #ddd; /* button background */
    color: #555;  /* font color */
    border: 1px outset #999; /* border: 1px inset #777; */
    text-decoration: none;
    text-transform: uppercase;
    font-size: 80%;
}

#searchGoButton:link, #searchGoButton:visited, #searchGoButton:hover, #searchGoButton:active,
#mw-searchButton:link, #mw-searchButton:visited, #mw-searchButton:hover, #mw-searchButton:active
{
    background: #FFCC00;
    cursor: pointer;
}

/* dynamic site logo style
-----------------------------------------------------------------------------*/
#pmd85-site-logo,
#pmd85-site-logo a,
#pmd85-site-logo a:hover {
    /* border: 3px solid #99FF00;  /* testing */
    height:     148px;
    min-height: 148px; /* height of header */
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    text-decoration: none;
}

#pmd85-site-logo {
    /* background: #fff; */
    border:  1px solid #ccc;
    background: #fff;
    text-align: center;
    padding: 0;
    margin: 2px 15px; /* same margin as content */
    /* display: none; /* disable site logo */
}

/* main content and navigation style
-----------------------------------------------------------------------------*/
/*
 * --- Navigation ---
 */

#pmd85-p-navigation-wrapper
{
    /* border: 1px solid red; /* debuging */
    background: url("images/header_fill.gif") bottom left repeat-x;   /* web site background */
    height:     29px;
    padding-right: 1px;
}

#pmd85-p-navigation {
    /* border: 1px solid #000; /* debuging */
    padding: 6px 0px 0px 14px;
    float: none;
}

#pmd85-p-navigation ul {
    /* border: 1px solid red; /* debuging */
    margin: 0;
}

#pmd85-p-navigation ul li {
     float: left; /* fix the gap between <li> list */
    /* display: inline;  /* display in one line with gaps */
    margin: 0;
    z-index: 100;
    padding: 0px 6px 0px 6px;
    font-weight: normal;
    color: #fff;
    list-style: none;
}

#pmd85-p-navigation ul li a {
    padding: 0px; /* padding inside the tab */
    margin: 0;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    font-family: 'Trebuchet MS', Georgia, Verdana, Sans-serif, Arial;
}


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

#main_menu_spacer
{
    height: 4px;
    border: 0px;
}

/*
 * --- content style ---
 */
#pmd85-content-body {
    /* border:  1px solid #CC6600;  /* debuging */
    padding: 0;
    margin: 0;
    /* border-left:  1px solid #ddd;  /**/
    /* border-right:  1px solid #ddd;  /**/
    text-align: justify;
}

#pmd85-content-body {
    width: 100%;
}

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

/*
 * --- content page title format ---
 */
.page-Home .firstHeading { display: none; } /* Hide Home Page title */

#content .firstHeading
{
    font-size: 150%;
    color: #aaa;
    font-weight: bolder;
    padding: 1em 0 0 0;    /* position of the title */
    margin: 0;
    border: none;    /* No border for page title */
    text-transform: capitalize;
    display: none; /* disable papge title */
}

/*
 * ---  breadcrumbs ---
 */
div.breadcrumbs                          { margin: 0 0 30px 0; }
* html div.breadcrumbs                   { margin: 10px 0 30px 0; } /* IE fix */
div.breadcrumbs a.breadcrumbs            { text-decoration: none; }
div.breadcrumbs span.breadcrumbs         { font-weight: normal; }
div.breadcrumbs span.breadcrumbs_current { font-weight: normal; }

#bodyContent {
    /* border:  1px solid #ddd;  /* debuging */
    width: 100%;
}

/*
 * --- AJax search style ---
 */
div#searchTargetContainer {
    left:       0px;
    top:        0px;
    width:      100%;
    background: white;
    overflow-x: visible;    /* need for Firefox, extreme long string :( */
    word-wrap: break-word;  /* need for IE, 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 #AAAAAA;
    background-color: #F5F5F5;
    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%; }

#toc .editsection {
    margin-top: .3em;
    font-size: 90%;
}

/*
 * --- body content ---
 */
h1, h2 {
    padding: 1em 0 0 0;
    border-bottom: 1px solid #999;
    font-weight: bold;
    line-height: 1.5;
}
h1 .editsection, h2 .editsection { font-weight: normal; }

h3 { padding: 1em 0 .5em 0; }


ul {
    margin: .3em 0 0 1.5em;
    list-style-image: url(arrow.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-family: "Courier New", Courier, monospace;
    font-size: 130%;
    width: 99%;     /* fix the textarea oversize in IE */
    padding: 5px 0 0 5px;
    margin: 0;
    border: 1px solid #3399FF;
}

/* 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) */
/* word-wrap: break-word;       /* IE */
/* } */

pre {
    font-family: 'Courier New',Courier,monospace;
    white-space: -moz-pre-wrap;     /* need for Firefox */
    /* overflow-x: auto;    need for Firefox, extreme long string :( */
    font-size: 120%;
    padding: 1em 2em;
    border: 1px dashed #2f6fab;
    color: black;
    background: #fefefe;
    line-height: 1.2em;
}
* html pre {
    word-wrap: break-word;       /* IE */
}
.visualClear { clear: both;}

.errorbox, .successbox {
    margin-top:     .2em;
    margin-bottom:  1em;
}

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

/* edit section
-----------------------------------------------------------------------------*/
* html div.editsection {
    font-size: 90%;
}
.editsection {
    font-size: 90%;
    margin-top: 2px;
}

/* category style
-----------------------------------------------------------------------------*/
#catlinks {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    padding: .3em;
    margin-top: 1em;
    clear: both;
}
#catlinks p, .catlinks {
    margin:  0;
    padding: 0;
}


/* content action
-----------------------------------------------------------------------------*/
/*
 * --- content actions  ---
 */

#pmd85-content-actions
{
    text-align: left;
    height: 1em;   /* need for IE win */
    font-size: 95%;
    padding: 5px 10px 5px 10px;
    margin: 0;
}

#pmd85-content-actions ul
{
    list-style: none;
    margin: 0;
}
#pmd85-content-actions ul li
{
    /* display: inline;  /* display in line */
    float: left;
    overflow: visible;
    color: #bbb; /* the font color of '|' */
    margin: 0;
    list-style: none;
}

#pmd85-content-actions ul li a
{
    padding: 2px 5px; /* padding of the menu item */
}


/* Page footer
-----------------------------------------------------------------------------*/
#footer_spacer
{
    height: 10px;
}

#pmd85-page-footer li {
    display: inline;
    margin: 0;
}

#pmd85-personal-tools,
#pmd85-personal-tools ul li,
#pmd85-footer,
#pmd85-footer ul li,
#pmd85-f-message,
#pmd85-f-message ul li{
    font-size: 95%; /* font size of page footer */
    color: #333;
}

#pmd85-personal-tools {
    padding: 0px 10px 5px 10px;
    margin: 0;
}
#pmd85-personal-tools ul {
    list-style: none;
    margin: 0;
}
#pmd85-personal-tools li {
    display: inline;
    margin: 0;
    overflow: visible;
    color: #bbb; /* the font color of '|' */
}

#pmd85-personal-tools ul li a,
#pmd85-footer ul li a
{
    padding: 2px 5px; /* padding of the menu item */
}

/*
 * --- pmd85-footer ---
 */
#pmd85-footer {
    background: transparent url("images/footer_fill.gif") top left repeat-x;  /* footer spacer background */
    clear: both;
    padding: 5px 10px 5px 10px;
    border: 0px;
}
#pmd85-footer ul {
    list-style: none;
    margin: 0;
}
#pmd85-footer ul li {
    display: inline;
    margin: 0;
    white-space: nowrap;
    color: #000; /* the font color of '|' */
}

/* Special:Specialpages
-----------------------------------------------------------------------------*/
#allmessagestable { /* system message table fix */
    table-layout: fixed;
    width:     100%;
    max-width: 100%;
    margin-top: 20px;
}
#allmessagestable.left td {
    width: 30%;
}

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

/* file gallery fix */
/*
table.gallery {
    margin: 2px 0;
    padding: 2px 0;
}
div.gallerybox {
    margin: 2px 1px;
    width:  125px;
}
div.gallerybox div.thumb {
    margin: 2px 0;
}
*/
.wikitable.centered {
	margin: 0 auto;
}
.wikitable.centered td {
	text-align: center;
}

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

input[type="submit"] { font-weight: bold; }

/* for margin between paragraphs */
.cc {
    font-size: 10%;
    padding: 0.2em 0 0.2em 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;
}

/* IE/Mac fixes
-----------------------------------------------------------------------------*/
/* fix for position of image inside table */
table {
    /* position: none !important;  /* positioning, except IE */
    /* position: relative;         /* positioning for IE */
}

/* the positioning of preferences */
/* float/negative margin brokenness */
* html #preferences {
    width: 90%;
}

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

/* Google Map
-----------------------------------------------------------------------------*/
#google_maps_show_link,
#google_maps_toggle_link {
    /* border:  1px solid #CC0033; /* debuging */
    font-size: 120%;
    display: inline;
    float: right;
    padding: 0 0 2px 0;
}

/* page shadow
-----------------------------------------------------------------------------*/
.pmd85-rbcontentwrap { background: transparent url('images/margin_left.gif') top left repeat-y; }
.pmd85-rbcontent     { background: transparent url('images/margin_right.gif') top right repeat-y; }
.pmd85-rbcontent     { padding: 0px 12px; }

/* IE fix
* html .pmd85-rbcontentwrap { background: none; }
* html .pmd85-rbcontent     { background: none; }
* html .pmd85 { border-left:  3px solid #e7e7e7; border-right:  3px solid #e7e7e7; }
*/

/* The end
-----------------------------------------------------------------------------*/