Difference between revisions of "User:Fweik/vector.css"

From ICPWiki
Jump to: navigation, search
(Created page with "/* * ----------------------------------------------------- * 'simbio' style sheet for CSS2-capable browsers. * Redesigned by Moritz Otten and Olaf Lenz (2007) * Thi...")
 
Line 424: Line 424:
 
   margin-right:inherit;
 
   margin-right:inherit;
 
}
 
}
 +
/*
 +
** IE5.0 Fix Stylesheet
 +
*/
 +
    #column-content {
 +
        margin: 0 !important;
 +
        float: none;
 +
    }
 +
    #column-content #content {
 +
        margin-top: 3em;
 +
        height: 1%;
 +
    }
 +
    #column-one {
 +
        position: absolute;
 +
        overflow: visible;
 +
        top: 0;
 +
        left: 0;
 +
        z-index: 3;
 +
    }
 +
    #footer {
 +
        margin: 0 0 0 13.6em;
 +
    }
 +
/*
 +
** IE 5 & 5.5 interpret keyword sizes one off
 +
*/
 +
    body { font-size: xx-small; }
 +
/*
 +
** the edit tabs
 +
*/
 +
    #p-cactions li {
 +
        float: left;
 +
        padding-top: 0;
 +
        padding-bottom: 0 !important;
 +
        height: 0.9em;
 +
    }
 +
    #p-cactions li a {
 +
        display: block;
 +
        padding-bottom: 0.045em;
 +
    }
 +
    #p-cactions li.selected a {
 +
        padding-bottom: 0.17em;
 +
    }
 +
    #p-cactions li a:hover {
 +
        padding-bottom: 0.17em;
 +
    }
 +
/*
 +
** IE 5.0 doesn't like the background icon for external links and user
 +
*/
 +
    .link-external,
 +
    .external {
 +
        background: none;
 +
        padding: 0;
 +
    }
 +
    #p-personal ul { float: right }
 +
    #p-personal li { float: left }
 +
    li#pt-userpage,
 +
    li#pt-anonuserpage,
 +
    li#pt-login,
 +
    li#pt-logout {
 +
        background: none;
 +
        padding-left: none;
 +
    }
 +
    .visualClear {
 +
        width: 100%;
 +
        height: 0px;
 +
        padding:0;
 +
        margin: 0;
 +
    }
 +
    .firstHeading { margin-bottom: .3em; }
 +
/*
 +
** The end
 +
*//*
 +
** IE5.5/win- only fixes
 +
*/
 +
    #column-content {
 +
        float: none;
 +
        margin-left: 0;
 +
        height: 1%;
 +
    }
 +
    #column-content #content {
 +
        position: relative;
 +
        z-index: 5;
 +
        margin-left: 12.2em;
 +
        margin-top: 3em;
 +
        height: 1%;
 +
    }
 +
    #column-one {
 +
        position: absolute;
 +
        top: 0;
 +
        left: 0;
 +
        z-index: 4;
 +
        width: 100%;
 +
    }
 +
    #footer {
 +
        margin-left: 13.6em;
 +
        border-left: 1px solid #fabd23;
 +
    }
 +
    #p-personal { padding-bottom: .1em; }
 +
    body { font-size: xx-small; }
 +
    #p-cactions {
 +
        width: 76% !important;
 +
        z-index: 3 !important;
 +
        float: none;
 +
    }
 +
    #p-cactions li {
 +
        padding-bottom: 0 !important;
 +
        border: none;
 +
        background-color: transparent;
 +
        cursor: default;
 +
        float: none !important;
 +
    }
 +
    #p-cactions li a {
 +
        display: inline-block !important;
 +
        vertical-align: top;
 +
        padding-bottom: 0;
 +
        border: solid #aaa;
 +
        border-width: 1px 1px 0;
 +
    }
 +
    #p-cactions li.selected a {
 +
        border-color: #fabd23;
 +
        padding-bottom: 0.17em;
 +
    }
 +
    #p-cactions li a:hover {
 +
        padding-bottom: 0.17em;
 +
    }
 +
    #p-navigation a {
 +
        display: inline-block;
 +
        width: 100%;
 +
    }
 +
    .portlet {
 +
        overflow: hidden;
 +
    }
 +
    #bodyContent a.external {
 +
        background: url(external.png) center right no-repeat;
 +
        padding-right: 13px;
 +
    }
 +
/*
 +
** show the hand
 +
*/
 +
    #p-logo a,
 +
    #p-logo a:hover {
 +
        cursor: pointer;
 +
    }
 +
    .visualClear {
 +
        width: 90%;
 +
        height: 1px;
 +
        padding: 0;
 +
        margin: 0;
 +
    }
 +
    #editform {
 +
        width: 100%;
 +
    }
 +
/*
 +
** The end
 +
*//*
 +
* 6.0 - only fixes
 +
** content area
 +
** workaround for various ie float bugs
 +
*/
 +
 +
/*
 +
** Logo picture - PNG Files Do Not Show Transparency in Internet Explorer
 +
*/
 +
#column-content {
 +
  float: none;
 +
  margin-left: 0;
 +
  height: 1%;
 +
}
 +
#column-content #content {
 +
  margin-left: 12.2em;
 +
  margin-top: 3em;
 +
  height: 1%;
 +
}
 +
#column-one {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  z-index: 4;
 +
}
 +
/*
 +
  ** the tabs
 +
  */
 +
#p-cactions {
 +
  z-index: 3;
 +
}
 +
#p-cactions li {
 +
  padding-bottom: 0 !important;
 +
  border: none;
 +
  background-color: transparent;
 +
  cursor: default;
 +
  float: none !important;
 +
}
 +
#p-cactions li a {
 +
  display: inline-block !important;
 +
  vertical-align: top;
 +
  padding-bottom: 0;
 +
  border: solid #aaa;
 +
  border-width: 1px 1px 0;
 +
}
 +
#p-cactions li.selected a {
 +
  border-color: #fabd23;
 +
  padding-bottom: 0.17em;
 +
}
 +
#p-cactions li a:hover {
 +
  padding-bottom: 0.17em;
 +
}
 +
#p-navigation a {
 +
  display: inline-block;
 +
  width: 100%;
 +
}
 +
#portal-personaltools {
 +
  padding-bottom: 0.1em;
 +
}
 +
/*
 +
  ** fix external icon
 +
  */
 +
#mainContent a.external {
 +
  background: url(external.png) center right no-repeat;
 +
  padding-right: 13px;
 +
}
 +
/*
 +
  ** show the hand
 +
  */
 +
#p-logo a,
 +
#p-logo a:hover {
 +
  cursor: pointer;
 +
}
 +
div.visualClear {
 +
  width:100%;
 +
  line-height: 0;
 +
}
 +
textarea {
 +
  width: 100%;
 +
}
 +
 +
div.editsection,
 +
#catlinks,
 +
div.tright,
 +
div.tleft {
 +
  position: relative;
 +
}
 +
/*
 +
  ** The end
 +
  */
 +
/*
 +
** 7.0 - only fixes
 +
** content area
 +
** workaround for various ie float bugs
 +
*/
 +
/*
 +
** This bit is needed to make links clickable
 +
*/
 +
    #column-content #content {
 +
        margin-left: 12.2em;
 +
        margin-top: 3em;
 +
        height: 1%;
 +
    }
 +
    .rtl #column-one {
 +
        padding-top: 0;
 +
    }
 +
    .rtl #column-one #p-navigation {
 +
        margin-top: 160px;
 +
    }
 +
/*
 +
** the tabs
 +
*/
 +
    #p-cactions {
 +
        z-index: 3;
 +
    }
 +
    #p-cactions li {
 +
        padding-bottom: 0 !important;
 +
        border: none;
 +
        background-color: transparent;
 +
        cursor: default;
 +
        float: none !important;
 +
    }
 +
    #p-cactions li a {
 +
        display: inline-block !important;
 +
        vertical-align: top;
 +
        padding-bottom: 0;
 +
        border: solid #aaa;
 +
        border-width: 1px 1px 0;
 +
    }
 +
    #p-cactions li.selected a {
 +
        border-color: #fabd23;
 +
        padding-bottom: 0.17em;
 +
    }
 +
    #p-cactions li a:hover {
 +
        padding-bottom: 0.17em;
 +
    }
 +
    #p-navigation a {
 +
        display: inline-block;
 +
        width: 100%;
 +
    }
 +
    #portal-personaltools {
 +
        padding-bottom: 0.1em;
 +
    }
 +
    textarea {
 +
        width: 96%;
 +
    }
 +
    #footer li {
 +
        margin-right: 0; /* Work around bug with inline <li> tags with right margins and nowrap */
 +
    }
 +
/*
 +
** The end
 +
*//*
 +
** IE/Mac only fix stylesheet
 +
** imported from main.css
 +
*/
 +
    #portal-column-content {
 +
        margin: 0 0 4.8em 0;
 +
        float: none;
 +
    }
 +
    #portal-column-content #content {
 +
        z-index: 0;
 +
    }
 +
    #portal-column-one {
 +
        position: absolute;
 +
        top: 0;
 +
        left: 0;
 +
        z-index: 3;
 +
    }
 +
    #portal-footer {
 +
        margin-left: 12em;
 +
    }
 +
    #portlet-contentViews li,
 +
    #portlet-contentViews .selected {
 +
        border: none !important;
 +
    }
 +
    #portlet-contentViews li a  {
 +
        border: 1px solid #aaaaaa;
 +
        border-bottom: none;
 +
    }
 +
    #portlet-contentViews li.selected a {
 +
        border: 1px solid #fabd23;
 +
        border-bottom: none;
 +
    }
 +
/*
 +
** no background images
 +
*/
 +
    li#personaltools-userpage,
 +
    li#personaltools-login/* */ {
 +
        background: none;
 +
        padding-left: none;
 +
    }
 +
    #mactest {
 +
        color: green;
 +
    }
 +
/*
 +
** The end
 +
*//* KHTML fix stylesheet */
 +
/* work around the horizontal scrollbars */
 +
#column-content { margin-left: 0; }
 +
/*
 +
  * -----------------------------------------------------
 +
  * 'simbio' style sheet for CSS2-capable browsers.
 +
  * Redesigned by Moritz Otten and Olaf Lenz (2007)
 +
*/
 +
 +
@import url("template.css");
 +
@import url("contents.css");
 +
/*
 +
** opera 6 fixes
 +
*/
 +
#column-one {
 +
position: relative;
 +
max-width: 11.7em;
 +
}
 +
#p-personal {
 +
width: 45em;
 +
margin-left: 8.6em;
 +
right: 0;
 +
}
 +
#bodyContent a.external {
 +
background: url(external.png) center right no-repeat;
 +
padding-right: 13px;
 +
}
 +
/*
 +
** The end
 +
*//*
 +
** opera 7 fixes
 +
*/
 +
#p-cactions {
 +
margin-top: .1em;
 +
}
 +
#p-cactions li a {
 +
top: 2px;
 +
}
 +
#bodyContent a.external {
 +
background: url(external.png) center right no-repeat;
 +
padding-right: 13px;
 +
}
 +
/*
 +
** The end
 +
*//*
 +
Right-to-left fixes for MonoBook.
 +
Places sidebar on right, tweaks various alignment issues.
 +
 +
Works mostly ok nicely on Safari 1.2.1; fine in Mozilla.
 +
 +
Safari bugs (1.2.1):
 +
* Tabs are still appearing in left-to-right order. (Try after localizing)
 +
 +
Opera bugs (7.23 linux):
 +
* Some bits of ltr text (sidebar box titles) have forward and backward versions overlapping each other
 +
 +
IE/mac bugs:
 +
* The thing barfs on Hebrew and Arabic anyway, so no point testing.
 +
 +
Missing features due to lack of support:
 +
* external link icons
 +
 +
To test:
 +
* Opera6
 +
* IE 5.0
 +
* etc
 +
*/
 +
 +
body {
 +
direction: rtl;
 +
    /* unicode-bidi: bidi-override; */
 +
unicode-bidi: embed;
 +
    }
 +
    #column-content {
 +
        margin: 0 -12.2em 0 0;
 +
        float: left;
 +
    }
 +
    #column-content #content{
 +
        margin-left: 0;
 +
        margin-right: 12.2em;
 +
        border-right: 1px solid #aaaaaa;
 +
        border-left: none;
 +
    }
 +
    html>body .portlet {
 +
        float: right;
 +
        clear: right;
 +
    }
 +
/*
 +
** recover IEMac (might be fine with the float, but usually it's close to IE
 +
*/
 +
    *>body .portlet {
 +
        float: none;
 +
        clear: none;
 +
    }
 +
    .pBody {
 +
        padding-right: 0.8em;
 +
        padding-left: 0.5em;
 +
    }
 +
/*
 +
** Fix alignment
 +
*/
 +
    .documentByLine,
 +
    .portletDetails,
 +
    .portletMore,
 +
    #p-personal {
 +
        text-align: left;
 +
    }
 +
 +
    div div.thumbcaption {
 +
        text-align: right;
 +
    }
 +
 +
    div.magnify,
 +
    #div.townBox,
 +
    #p-logo {
 +
        left: auto;
 +
        right: 0;
 +
    }
 +
    #p-personal {
 +
        left: auto;
 +
        right: 0;
 +
    }
 +
 +
    #p-cactions {
 +
        left: auto;
 +
        right: 11.5em;
 +
        padding-left: 0;
 +
        padding-right: 1em;
 +
    }
 +
    #p-cactions li {
 +
        margin-left: 0.3em;
 +
        margin-right: 0;
 +
        float: right;
 +
    }
 +
    * html #p-cactions li a {
 +
        display: block;
 +
        padding-bottom: 0;
 +
    }
 +
    * html #p-cactions li a:hover {
 +
        padding-bottom: 0.2em;
 +
    }
 +
/*
 +
** offsets to distinguish the tab groups
 +
*/
 +
    li#ca-talk {
 +
        margin-right: auto;
 +
        margin-left: 1.6em;
 +
    }
 +
    li#ca-watch,li#ca-unwatch {
 +
        margin-right: 1.6em !important;
 +
    }
 +
/*
 +
** --- Fix margins for non-css2 browsers  ---
 +
*/
 +
/*
 +
** top right bottom left
 +
*/
 +
    ul {
 +
        margin-left: 0;
 +
        margin-right: 1.5em;
 +
    }
 +
    ol {
 +
        margin-left: 0;
 +
        margin-right: 2.4em;
 +
    }
 +
    dd {
 +
        margin-left: 0;
 +
        margin-right: 1.6em;
 +
    }
 +
    #contentSub {
 +
        margin-right: 1em;
 +
        margin-left: 0;
 +
    }
 +
    .tocindent {
 +
        margin-left: 0;
 +
        margin-right: 2em;
 +
    }
 +
    div.tright, div.floatright, table.floatright {
 +
        clear: none;
 +
    }
 +
    div.tleft, div.floatleft, table.floatleft {
 +
        clear: left;
 +
    }
 +
    div.townBox {
 +
        margin-left: 0;
 +
        margin-right: 1em;
 +
    }
 +
    div.townBox dl dd {
 +
        margin-left: 0;
 +
        margin-right: 1.1em;
 +
    }
 +
    #p-personal li {
 +
        margin-left: 0;
 +
        margin-right: 1em;
 +
    }
 +
 +
    li#ca-talk,
 +
    li#ca-watch {
 +
        margin-right: auto;
 +
        margin-left: 1.6em;
 +
    }
 +
 +
    #p-personal li {
 +
        float: left;
 +
    }
 +
/*
 +
** Fix link icons
 +
*/
 +
    .external {
 +
        padding: 0 !important;
 +
        background: none !important;
 +
    }
 +
    #footer {
 +
        clear: both;
 +
    }
 +
    * html #footer {
 +
        margin-left: 0;
 +
        margin-right: 13.6em;
 +
        border-left: 0;
 +
        border-right: 1px solid #fabd23;
 +
    }
 +
    * html #column-content {
 +
        float: none;
 +
        margin-left: 0;
 +
        margin-right: 0;
 +
    }
 +
    * html #column-content #content {
 +
        margin-left: 0;
 +
        margin-top: 3em;
 +
    }
 +
    * html #column-one { right: 0; }
 +
/*
 +
** js pref toc
 +
*/
 +
    #preftoc {
 +
        margin-right: 1em;
 +
    }
 +
 +
    .errorbox, .successbox, #preftoc li, .prefsection fieldset {
 +
        float: right;
 +
    }
 +
 +
    .prefsection {
 +
        padding-right: 2em;
 +
    }
 +
/*
 +
** workaround for moz bug, displayed bullets on left side
 +
*/
 +
    #toc ul {
 +
        text-align: right;
 +
    }
 +
    #toc ul ul {
 +
        margin: 0 2em 0 0;
 +
    }
 +
    input#wpSave, input#wpDiff {
 +
        margin-right: 0;
 +
        margin-left: .33em;
 +
    }
 +
    #userlogin {
 +
        float: right;
 +
        margin: 0 0 1em 3em;
 +
    }
 +
/*
 +
** The end
 +
*//*
 +
  * -----------------------------------------------------
 +
  * 'simbio' style sheet for CSS2-capable browsers.
 +
  * Redesigned by Moritz Otten and Olaf Lenz (2007)
 +
 +
  * This file contains the css rules for the layout of the
 +
  * navigational elements (header, footer...)
 +
*/
 +
 +
/*
 +
  ** body background
 +
  */
 +
body {
 +
  font-size: x-small;
 +
  font-size: small;
 +
  background: #d6c5b0;
 +
  margin: 15px;
 +
  padding: 0;
 +
}
 +
 +
/* -----------------------------------------------------
 +
  * -- header tweaks
 +
  * -----------------------------------------------------
 +
  */
 +
div#header {
 +
  position: relative;
 +
  font-size: x-small;
 +
  font-size: small;
 +
  clear: both;
 +
  background: white url("top_bg.png") repeat-x;
 +
  padding: 20px 0;
 +
  margin: 0;
 +
  min-height: 39px;
 +
  height: 3em;
 +
  border-top: thin solid #2c1c5c;
 +
  border-right: thin solid #2c1c5c;
 +
  border-left: thin solid #2c1c5c;
 +
}
 +
 +
/* Logo */
 +
div#logo {
 +
  position: absolute;
 +
  top: 5px;
 +
  left: 5px;
 +
  z-index: 90; /* below the UL */
 +
}
 +
#logo a {
 +
  display: block;
 +
  border: none;
 +
  width: 69px;
 +
  height: 69px;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 +
/* Navigation tabs */
 +
#header ul {
 +
  width: auto;
 +
  position: absolute;
 +
  top: 0;
 +
  right: 0;
 +
  list-style: none;
 +
  z-index: 90; /* below the logo */
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
#header ul li {
 +
  display: inline;
 +
  float: left;
 +
  padding: 0;
 +
  margin: 0 0 -1px 2px;
 +
}
 +
#header ul li a {
 +
  padding: 4px 6px;
 +
  display: block;
 +
  float: left;
 +
  font-weight: bold;
 +
  text-decoration: none;
 +
  color: black;
 +
  margin: 1px;
 +
  border: none;
 +
}
 +
#header ul li:hover a {
 +
  margin: 0;
 +
  border: 1px dotted #2c1c5c;
 +
}
 +
#header ul li.active a {
 +
  background: #5374a9;
 +
  color: #F7DF74;
 +
}
 +
 +
#header div.pageTitle {
 +
  position: absolute;
 +
  top: 35px;
 +
  right: 5px;
 +
  margin: 0;
 +
  font-size: small;
 +
  color: #d6d6d6;
 +
  text-align: right;
 +
}
 +
/* -----------------------------------------------------
 +
  * -- contents tweaks
 +
  * -----------------------------------------------------
 +
  */
 +
 +
/*
 +
  ** the size and background of the main body
 +
  */
 +
#container {
 +
  background: #D6C5B0;
 +
  width: 90%;
 +
  max-width: 60em;
 +
  min-width: 600px;
 +
  margin: 0 auto;
 +
}
 +
/*
 +
  ** body margin
 +
  */
 +
#mBody {
 +
  clear: both;
 +
  padding: 0;
 +
  margin: 0;
 +
}
 +
/*
 +
  ** main content background
 +
  */
 +
#mainContent {
 +
  float: none;
 +
  background: white;
 +
  max-width: 100%;
 +
  margin: 0;
 +
  padding: 0 4em 2em 4em;
 +
  border-right: thin solid #2c1c5c;
 +
  border-left: thin solid #2c1c5c;
 +
}
 +
 +
 +
/* -----------------------------------------------------
 +
  * -- toolbox tweaks
 +
  * -----------------------------------------------------
 +
  */
 +
#toolMenu {
 +
  font-size: 90%;
 +
  margin: 0;
 +
  padding: 0;
 +
  background: white;
 +
  border-right: thin solid #2c1c5c;
 +
  border-left: thin solid #2c1c5c;
 +
  border-bottom: thin solid #2c1c5c;
 +
}
 +
#toolMenu ul {
 +
  text-align: center;
 +
  list-style: none;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
#toolMenu li {
 +
  display: inline;
 +
  border: none;
 +
  padding: 0;
 +
  margin: 0;
 +
  overflow: visible;
 +
  background: none;
 +
}
 +
#toolMenu ul li a {
 +
  text-decoration: none;
 +
  font-size: 90%;
 +
  border: none:
 +
  margin: 1px;
 +
}
 +
#toolMenu ul li a:hover {
 +
  border: 1px dotted #2c1c5c;
 +
  maring: 0;
 +
}
 +
 +
/* Content actions (Article, Discussion, Edit, ...) */
 +
#contentActions {
 +
  background: #B1CED7 url("content_actions_bg.png") repeat-x;
 +
  margin: 0;
 +
  padding-top:    15px;
 +
  padding-bottom: 0.7em;
 +
}
 +
#contentActions ul li a {
 +
  color: #000000;
 +
}
 +
#contentActions ul li.selected a {
 +
  background: #5374a9;
 +
  color: #F7DF74;
 +
}
 +
 +
/* Personal Tools */
 +
#tools {
 +
  background: #5374A9 url("personal_tools_bg.png") repeat-x;
 +
  margin: 0;
 +
  padding-top:    15px;
 +
  padding-bottom: 0.7em;
 +
}
 +
#tools ul li a {
 +
  color: #F7DF74;
 +
}
 +
 +
/* Search form */
 +
#search { 
 +
  padding-top: 5px;
 +
  text-align: center;
 +
}
 +
#search form {
 +
  padding: 0;
 +
  margin: 12px 0 0 0; /* need for IE Mac */
 +
  text-align: right; /* need for IE Mac */
 +
  white-space: nowrap; /* for Opera */
 +
  vertical-align: middle;
 +
}
 +
#search form #q {
 +
  border: 2px inset #5374a9;
 +
  text-align: left;
 +
  padding: 0;
 +
  margin: 0 3px 2px 0; /* fix the position, align with button image */
 +
  width: 200px; /* text field width */
 +
  background: #b4d1da;
 +
}
 +
 +
#search form #q:hover, #search form #q:focus {
 +
  background: #ffffff;
 +
}
 +
#search form input.searchButton {
 +
  border: 2px outset #5374a9;
 +
  color: #F7DF74;
 +
  background: #5374a9;
 +
  font-weight: bold;
 +
  padding: 0;
 +
  margin: 2px 0 0 3px;
 +
}
 +
#search form input.searchButton:hover {
 +
  background: #b4d1da;
 +
}
 +
 +
/* -----------------------------------------------------
 +
  * -- footer tweaks
 +
  * -----------------------------------------------------
 +
  */
 +
/*
 +
  ** footer margin
 +
  */
 +
#footer {
 +
  margin: 0 0 2em 0;
 +
  padding: 1em 0;
 +
  text-align: center;
 +
}
 +
/*
 +
  ** footer padding
 +
  */
 +
#footer ul {
 +
  margin: 0;
 +
  padding: 0.3em;
 +
  list-style: none;
 +
}
 +
/*
 +
  ** footer font size
 +
  */
 +
#footer td {
 +
  font-size: 85%;
 +
}
 +
/*
 +
  ** link style
 +
  */
 +
#footer li a {
 +
  color: #666666;
 +
}
 +
#mBody #poweredbyico a {
 +
  background: none;
 +
  margin: 0;
 +
}
 +
/*
 +
  ** The end
 +
  */

Revision as of 15:37, 20 October 2010

/* 
   * -----------------------------------------------------
   * 'simbio' style sheet for CSS2-capable browsers.
   * Redesigned by Moritz Otten and Olaf Lenz (2007)

   * This file contains the css rules for the layout of the
   * contents
*/

body,td,th,input { /* redundant rules for bad browsers  */
  font-family: Lucida, 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
  color: black;
}

#mainContent {
  line-height: 1.3; /* value other than 'normal' needed for WinIE */
  color: #000000;
}


/* -----------------------------------------------------
   Title style
   
   content page title format 
   */
#mainContent h1 {
  margin-top: 0;
  font-size: 2em;
  font-weight: bold;
  font-variant: small-caps;
  color: #2c1c5c;
}
h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 0.2em 0;
  border-bottom: 1px solid #d9d9d9;
  font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; 
}
h1 { font-size: 160%; font-weight: normal; }
h2 { font-size: 150%; font-weight: normal; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }
h6 { font-size: 90%; border: 0; }

/* -----------------------------------------------------
** user notification stuff
*/
.usermessage {
  background-color: #ffce7b;
  border: 1px solid #ffa500;
  color: black;
  font-weight: bold;
  margin: 2em 0em 1em 0em;
  padding: 0.5em 1em;
  vertical-align: middle;
}
#siteNotice {
  text-align: center;
  font-size: 95%;
  padding: 0 0.9em 0 0.9em;
}
#siteNotice p {
  margin: 0;
  padding: 0;
}
.error {
  color: red;
  font-size: larger;
}
#catlinks {
  border:1px solid #aaaaaa;
  background-color:#d6d6d6;
  padding: 3px 5px 3px 5px;
  margin-top: 1em;
  clear: both;
}
p.catlinks {
  padding: 0;
  display: inline;
}

/* -----------------------------------------------------
** table of contents styles
*/
#toc {
  border:1px solid #aaaaaa;
  background-color:#f9f9f9;
  padding:5px;
  font-size: 95%;
}
#toc .tocindent { margin-left: 2em; }
#toc .tocline { margin-bottom: 0px; }
#toc p { margin: 0 }
#toc .toctoggle { font-size: 94%; }
#toc .editsection {
  margin-top: 0.7em;
  font-size: 94%;
}
/* fix toc top margin */
#toctitle h2 {
  border: 0;
  margin: 0;
}

/* -----------------------------------------------------
   Navigation tweaks 
   */
/* 
   ** internal navigation style 
   */

a { 
  text-decoration: underline; 
  border: none;
}
a:link {
  color: #1C0C4C; 
  margin: 1px;
}
a:visited {
  color: #537499;
  margin: 1px;
}
a:hover {
  border: 1px dotted #2c1c5c;
  margin: 0;
}
a:active { 
  color: #FF9900; 
  margin: 1px;
}
a img {
  border: none;
}

/*
   ** keep the whitespace in front of the ^=, hides rule from konqueror
   ** this is css3, the validator doesn't like it when validating as css2
   */
#mBody a[href ^="http://"],
#mBody a[href ^="gopher://"] {
  background: url(external.png) center right no-repeat;
  padding-right: 13px;
}
#mBody a[href ^="https://"],
.link-https {
  background: url("lock_icon.gif") center right no-repeat;
  padding-right: 16px;
}
#mBody a[href ^="mailto:"],
.link-mailto {
  background: url("mail_icon.gif") center right no-repeat;
  padding-right: 18px;
}
#mBody a[href ^="news://"] {
  background: url("news_icon.png") center right no-repeat;
  padding-right: 18px;
}
#mBody a[href ^="ftp://"],
.link-ftp {
  background: url("file_icon.gif") center right no-repeat;
  padding-right: 18px;
}
#mBody a[href ^="irc://"],
.link-irc {
  background: url("discussionitem_icon.gif")  center right no-repeat;
  padding-right: 18px;
}

/* special links */
/* wikipedia */
#mBody a[href ^="http://en.wikipedia.org"] {
  background: url(wikipedia.png) center right no-repeat;
  padding-right: 18px;
}
#mBody a[href $=".png"].download { 
}

/* this can be used in the content area to switch off
special external link styling */
#mBody .plainlinks a {
	background: none !important;
	padding: 0 !important;
}

/* 
   ** edit selection position 
   */
.editsection {
  font-size: smaller; 
}
/* emulate center */
.center {
  width: 100%;
  text-align: center;
}
*.center * {
  margin-left: auto;
  margin-right: auto;
}

/* 
   ** images style
   */
div.floatright, table.floatright {
  clear: right;
  float: right;
  position: relative;
  margin: 0 0 0.5em 0.5em;
  border: 0
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
  float: left;
  position: relative;
  margin: 0 0.5em 0.5em 0;
  border: 0
}
div.floatleft p { font-style: italic; }

/* 
   ** thumbnails stuff
   */
div.thumb {
  margin-bottom: 0.5em;
  border: thin solid white;
  width: auto;
}
div.thumb div {
  border:1px solid #cccccc;
  padding: 3px !important;
  background-color:#f9f9f9;
  font-size: 94%;
  text-align: center;
  overflow: hidden;
}
div.thumb div a img {
  border:1px solid #cccccc;
}
div.thumb div div.thumbcaption {
  border: none;
  text-align: left;
  line-height: 1.4em;
  padding: 0.3em 0 0.1em 0;
}
div.magnify {
  float: right;
  border: none !important;
  background: none !important;
}
div.magnify a, div.magnify img {
  display: block;
  border: none !important;
  background: none !important;
}
div.tright {
  clear: right;
  float: right;
  border-width: 0.5em 0 0.8em 1.4em;
}
div.tleft {
  float: left;
  margin-right:0.5em;
  border-width: 0.5em 1.4em 0.8em 0;
}
.urlexpansion,
.hiddenStructure {
  display: none;
}
img.tex { vertical-align: middle; }
span.texhtml { font-family: serif; }
/*
   ** table standards
   */
table.rimage {
  float:right;
  position:relative;
  margin-left:1em;
  margin-bottom:1em;
  text-align:center;
}
.toccolours {
  border:1px solid #aaaaaa;
  background-color:#f9f9f9;
  padding:5px;
  font-size: 95%;
}
div.townBox {
  position:relative;
  float:right;
  background:White;
  margin-left:1em;
  border: 1px solid gray;
  padding:0.3em;
  width: 200px;
  overflow: hidden;
  clear: right;
}
div.townBox dl {
  padding: 0;
  margin: 0 0 0.3em 0;
  font-size: 96%;
}
div.townBox dl dt {
  background: none;
  margin: 0.4em 0 0 0;
}
div.townBox dl dd {
  margin: 0.1em 0 0 1.1em;
  background-color: #f3f3f3;
}
/* 
   ** Page history styling 
   */
.autocomment { color: gray; } /* the auto-generated edit comments */
#pagehistory span.user {
  margin-left: 1.4em;
  margin-right: 0.4em;
}
#pagehistory span.minor { font-weight: bold; }
#pagehistory li { border: 1px solid White; }
#pagehistory li.selected {
  background-color:#f9f9f9;
  border:1px dashed #aaaaaa;
}
/*
   ** Diff rendering
   */
table.diff { background:#ffffff; }
td.diff-otitle { background:#ffffff; }
td.diff-ntitle { background:#ffffff; }
td.diff-addedline {
  background:#ccffcc;
  font-size: smaller;
}
td.diff-deletedline {
  background:#ffffaa;
  font-size: smaller;
}
td.diff-context {
  background:#eeeeee;
  font-size: smaller;
}
span.diffchange { color: red; font-weight: bold; }


/* other things */

/* "Retrieved from ..." message */
.printfooter {
  display: none;
}
/* sub heading (e.g. query string) */
#contentSub {
  font-size: smaller;
  line-height: 1.2em;
  margin: 0 0 1.4em 1em;
  color: #7d7d7d;
  width: auto;
}
pre {
  background: #EEEEEE;
  border: dashed #666666 1px;
  padding: 15px 20px 15px 20px;
  overflow: auto;
}
hr {
  height: 1px;
  background-color: #000000;
  color: #000000;
  margin: 2em 0;
}
input[type="submit"] {
  font-weight: bold;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 0 1em 1em;
}
li {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
sup {
  font-size: 70%;
}
form {
  margin: 0;
  display: inline;
}
label {
  font-weight: bold;
}
textarea { width: 100%; }
/*****
** Table formatting
*****/

table.wikitable,
table.prettytable {
  margin:1em 1em 1em 0;
  background:#F9F9F9;
  border:1px #AAA solid;
  border-collapse:collapse;
}

table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  border:1px #AAA solid;
  padding:0.2em;
}

table.wikitable th,
table.prettytable th {
  background:#F2F2F2;
  text-align:center;
}

table.wikitable caption,
table.prettytable caption {
  margin-left:inherit;
  margin-right:inherit;
}
/*
** IE5.0 Fix Stylesheet
*/
    #column-content {
        margin: 0 !important;
        float: none;
    }
    #column-content #content { 
        margin-top: 3em; 
        height: 1%;
    }
    #column-one {
        position: absolute;
        overflow: visible;
        top: 0;
        left: 0;
        z-index: 3;
    }
    #footer {
        margin: 0 0 0 13.6em;
    }
/* 
** IE 5 & 5.5 interpret keyword sizes one off 
*/
    body { font-size: xx-small; }
/*
** the edit tabs
*/
    #p-cactions li {
        float: left;
        padding-top: 0;
        padding-bottom: 0 !important;
        height: 0.9em;
    }
    #p-cactions li a {
        display: block;
        padding-bottom: 0.045em;
    }
    #p-cactions li.selected a {
        padding-bottom: 0.17em;
    }
    #p-cactions li a:hover {
        padding-bottom: 0.17em;
    }
/* 
** IE 5.0 doesn't like the background icon for external links and user 
*/
    .link-external,
    .external {
        background: none;
        padding: 0;
    }
    #p-personal ul { float: right }
    #p-personal li { float: left }
    li#pt-userpage,
    li#pt-anonuserpage,
    li#pt-login,
    li#pt-logout {
        background: none;
        padding-left: none;
    }
    .visualClear {
        width: 100%;
        height: 0px;
        padding:0;
        margin: 0;
    }
    .firstHeading { margin-bottom: .3em; }
/* 
** The end 
*//* 
** IE5.5/win- only fixes 
*/
    #column-content { 
        float: none; 
        margin-left: 0;
        height: 1%;
    }
    #column-content #content {
        position: relative;
        z-index: 5;
        margin-left: 12.2em;
        margin-top: 3em;
        height: 1%;
    }
    #column-one {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;
        width: 100%;
    }
    #footer {
        margin-left: 13.6em;
        border-left: 1px solid #fabd23;
    }
    #p-personal { padding-bottom: .1em; }
    body { font-size: xx-small; }
    #p-cactions {
        width: 76% !important;
        z-index: 3 !important;
        float: none;
    }
    #p-cactions li {
        padding-bottom: 0 !important;
        border: none;
        background-color: transparent;
        cursor: default;
        float: none !important;
    }
    #p-cactions li a {
        display: inline-block !important;
        vertical-align: top;
        padding-bottom: 0;
        border: solid #aaa;
        border-width: 1px 1px 0;
    }
    #p-cactions li.selected a {
        border-color: #fabd23;
        padding-bottom: 0.17em;
    }
    #p-cactions li a:hover {
        padding-bottom: 0.17em;
    }
    #p-navigation a {
        display: inline-block;
        width: 100%;
    }
    .portlet {
        overflow: hidden;
    }
    #bodyContent a.external {
        background: url(external.png) center right no-repeat;
        padding-right: 13px;
    }
/* 
** show the hand 
*/
    #p-logo a,
    #p-logo a:hover {
        cursor: pointer;
    }
    .visualClear {
        width: 90%;
        height: 1px;
        padding: 0;
        margin: 0;
    }
    #editform {
        width: 100%;
    }
/* 
** The end 
*//* 
* 6.0 - only fixes
** content area 
** workaround for various ie float bugs 
*/

/* 
** Logo picture - PNG Files Do Not Show Transparency in Internet Explorer
*/
#column-content { 
  float: none; 
  margin-left: 0;
  height: 1%;
}
#column-content #content {
  margin-left: 12.2em;
  margin-top: 3em;
  height: 1%;
}
#column-one {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}
/* 
   ** the tabs 
   */
#p-cactions {
  z-index: 3;
}
#p-cactions li {
  padding-bottom: 0 !important;
  border: none;
  background-color: transparent;
  cursor: default;
  float: none !important;
}
#p-cactions li a {
  display: inline-block !important;
  vertical-align: top;
  padding-bottom: 0;
  border: solid #aaa;
  border-width: 1px 1px 0;
}
#p-cactions li.selected a {
  border-color: #fabd23;
  padding-bottom: 0.17em;
}
#p-cactions li a:hover {
  padding-bottom: 0.17em;
}
#p-navigation a {
  display: inline-block;
  width: 100%;
}
#portal-personaltools {
  padding-bottom: 0.1em;
}
/* 
   ** fix external icon 
   */
#mainContent a.external {
  background: url(external.png) center right no-repeat;
  padding-right: 13px;
}
/* 
   ** show the hand 
   */
#p-logo a,
#p-logo a:hover {
  cursor: pointer;
}
div.visualClear {
  width:100%;
  line-height: 0;
}
textarea {
  width: 100%;
}

div.editsection,
#catlinks,
div.tright,
div.tleft {
  position: relative;
}
/* 
   ** The end 
   */
/* 
** 7.0 - only fixes 
** content area
** workaround for various ie float bugs 
*/
/* 
** This bit is needed to make links clickable
*/
    #column-content #content {
        margin-left: 12.2em;
        margin-top: 3em;
        height: 1%;
    }
    .rtl #column-one {
        padding-top: 0;
    }
    .rtl #column-one #p-navigation {
        margin-top: 160px;
    }
/* 
** the tabs 
*/
    #p-cactions {
        z-index: 3;
    }
    #p-cactions li {
        padding-bottom: 0 !important;
        border: none;
        background-color: transparent;
        cursor: default;
        float: none !important;
    }
    #p-cactions li a {
        display: inline-block !important;
        vertical-align: top;
        padding-bottom: 0;
        border: solid #aaa;
        border-width: 1px 1px 0;
    }
    #p-cactions li.selected a {
        border-color: #fabd23;
        padding-bottom: 0.17em;
    }
    #p-cactions li a:hover {
        padding-bottom: 0.17em;
    }
    #p-navigation a {
        display: inline-block;
        width: 100%;
    }
    #portal-personaltools {
        padding-bottom: 0.1em;
    }
    textarea {
        width: 96%;
    }
    #footer li {
        margin-right: 0; /* Work around bug with inline <li> tags with right margins and nowrap */
    }
/* 
** The end 
*//* 
** IE/Mac only fix stylesheet
** imported from main.css 
*/
    #portal-column-content {
        margin: 0 0 4.8em 0;
        float: none;
    }
    #portal-column-content #content {
        z-index: 0;
    }
    #portal-column-one {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
    }
    #portal-footer {
        margin-left: 12em; 
    }
    #portlet-contentViews li,
    #portlet-contentViews .selected {
        border: none !important;
    }
    #portlet-contentViews li a   {
        border: 1px solid #aaaaaa;
        border-bottom: none;
    }
    #portlet-contentViews li.selected a {
        border: 1px solid #fabd23;
        border-bottom: none;
    }
/* 
** no background images 
*/
    li#personaltools-userpage,
    li#personaltools-login/* */ {
        background: none;
        padding-left: none;
    }
    #mactest {
        color: green;
    }
/* 
** The end 
*//* KHTML fix stylesheet */
/* work around the horizontal scrollbars */
#column-content { margin-left: 0; }
/* 
   * -----------------------------------------------------
   * 'simbio' style sheet for CSS2-capable browsers.
   * Redesigned by Moritz Otten and Olaf Lenz (2007)
*/

@import url("template.css");
@import url("contents.css");
/* 
** opera 6 fixes 
*/
#column-one {
	position: relative;
	max-width: 11.7em;
}
#p-personal {
	width: 45em;
	margin-left: 8.6em;
	right: 0;
}
#bodyContent a.external {
	background: url(external.png) center right no-repeat;
	padding-right: 13px;
}
/* 
** The end 
*//* 
** opera 7 fixes 
*/
#p-cactions {
	margin-top: .1em;
}
#p-cactions li a {
	top: 2px;
}
#bodyContent a.external {
	background: url(external.png) center right no-repeat;
	padding-right: 13px;
}
/* 
** The end 
*//*
Right-to-left fixes for MonoBook.
Places sidebar on right, tweaks various alignment issues.

Works mostly ok nicely on Safari 1.2.1; fine in Mozilla.

Safari bugs (1.2.1):
* Tabs are still appearing in left-to-right order. (Try after localizing)

Opera bugs (7.23 linux):
* Some bits of ltr text (sidebar box titles) have forward and backward versions overlapping each other

IE/mac bugs:
* The thing barfs on Hebrew and Arabic anyway, so no point testing.

Missing features due to lack of support:
* external link icons

To test:
* Opera6
* IE 5.0
* etc
*/

body {
	direction: rtl;
    /* unicode-bidi: bidi-override; */
	unicode-bidi: embed;
    }
    #column-content {
        margin: 0 -12.2em 0 0;
        float: left;
    }
    #column-content #content{
        margin-left: 0;
        margin-right: 12.2em;
        border-right: 1px solid #aaaaaa;
        border-left: none;
    }
    html>body .portlet {
        float: right;
        clear: right;
    }
/* 
** recover IEMac (might be fine with the float, but usually it's close to IE 
*/
    *>body .portlet {
        float: none;
        clear: none;
    }
    .pBody {
        padding-right: 0.8em;
        padding-left: 0.5em;
    }
/* 
** Fix alignment 
*/
    .documentByLine,
    .portletDetails,
    .portletMore,
    #p-personal {
        text-align: left;
    }

    div div.thumbcaption {
        text-align: right;
    }

    div.magnify,
    #div.townBox,
    #p-logo {
        left: auto;
        right: 0;
    }
    #p-personal {
        left: auto;
        right: 0;
    }

    #p-cactions {
        left: auto;
        right: 11.5em;
        padding-left: 0;
        padding-right: 1em;
    }
    #p-cactions li {
        margin-left: 0.3em;
        margin-right: 0;
        float: right;
    }
    * html #p-cactions li a {
        display: block;
        padding-bottom: 0;
    }
    * html #p-cactions li a:hover {
        padding-bottom: 0.2em;
    }
/* 
** offsets to distinguish the tab groups 
*/
    li#ca-talk {
        margin-right: auto;
        margin-left: 1.6em;
    }
    li#ca-watch,li#ca-unwatch {
        margin-right: 1.6em !important;
    }
/* 
** --- Fix margins for non-css2 browsers  ---
*/
/* 
** top right bottom left 
*/
    ul {
        margin-left: 0;
        margin-right: 1.5em;
    }
    ol {
        margin-left: 0;
        margin-right: 2.4em;
    }
    dd {
        margin-left: 0;
        margin-right: 1.6em;
    }
    #contentSub {
        margin-right: 1em;
        margin-left: 0;
    }
    .tocindent {
        margin-left: 0;
        margin-right: 2em;
    }
    div.tright, div.floatright, table.floatright {
        clear: none;
    }
    div.tleft, div.floatleft, table.floatleft {
        clear: left;
    }
    div.townBox {
        margin-left: 0;
        margin-right: 1em;
    }
    div.townBox dl dd {
        margin-left: 0;
        margin-right: 1.1em;
    }
    #p-personal li {
        margin-left: 0;
        margin-right: 1em;
    }

    li#ca-talk,
    li#ca-watch {
        margin-right: auto;
        margin-left: 1.6em;
    }

    #p-personal li {
        float: left;
    }
/* 
** Fix link icons 
*/
    .external {
        padding: 0 !important;
        background: none !important;
    }
    #footer {
        clear: both;
    }
    * html #footer {
        margin-left: 0;
        margin-right: 13.6em;
        border-left: 0;
        border-right: 1px solid #fabd23;
    } 
    * html #column-content { 
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    * html #column-content #content {
        margin-left: 0;
        margin-top: 3em;
    }
    * html #column-one { right: 0; }
/* 
** js pref toc 
*/
    #preftoc {
        margin-right: 1em;
    }

    .errorbox, .successbox, #preftoc li, .prefsection fieldset {
        float: right;
    }

    .prefsection {
        padding-right: 2em;
    }
/* 
** workaround for moz bug, displayed bullets on left side 
*/
    #toc ul {
        text-align: right;
    }
    #toc ul ul {
        margin: 0 2em 0 0;
    }
    input#wpSave, input#wpDiff {
        margin-right: 0;
        margin-left: .33em;
    }
    #userlogin {
        float: right;
        margin: 0 0 1em 3em;
    }
/* 
** The end 
*//* 
   * -----------------------------------------------------
   * 'simbio' style sheet for CSS2-capable browsers.
   * Redesigned by Moritz Otten and Olaf Lenz (2007)

   * This file contains the css rules for the layout of the
   * navigational elements (header, footer...)
*/

/* 
   ** body background 
   */
body {
  font-size: x-small;
  font-size: small;
  background: #d6c5b0;
  margin: 15px;
  padding: 0;
}

/* -----------------------------------------------------
   * -- header tweaks
   * -----------------------------------------------------
   */
div#header {
  position: relative;
  font-size: x-small;
  font-size: small;
  clear: both;
  background: white url("top_bg.png") repeat-x;
  padding: 20px 0;
  margin: 0;
  min-height: 39px;
  height: 3em;
  border-top: thin solid #2c1c5c;
  border-right: thin solid #2c1c5c;
  border-left: thin solid #2c1c5c;
} 

/* Logo */
div#logo {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 90; /* below the UL */
}
#logo a {
  display: block;
  border: none;
  width: 69px;
  height: 69px;
  margin: 0;
  padding: 0;
}

/* Navigation tabs */
#header ul { 
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
  list-style: none;
  z-index: 90; /* below the logo */
  margin: 0;
  padding: 0;
}
#header ul li {
  display: inline;
  float: left;
  padding: 0;
  margin: 0 0 -1px 2px;
}
#header ul li a {
  padding: 4px 6px;
  display: block;
  float: left;
  font-weight: bold; 
  text-decoration: none;
  color: black;
  margin: 1px;
  border: none;
}
#header ul li:hover a {
  margin: 0;
  border: 1px dotted #2c1c5c;
}
#header ul li.active a { 
  background: #5374a9;
  color: #F7DF74;
}

#header div.pageTitle { 
  position: absolute;
  top: 35px;
  right: 5px;
  margin: 0;
  font-size: small;
  color: #d6d6d6;
  text-align: right;
}
/* -----------------------------------------------------
   * -- contents tweaks
   * -----------------------------------------------------
   */

/* 
   ** the size and background of the main body 
   */
#container {
  background: #D6C5B0;
  width: 90%;
  max-width: 60em;
  min-width: 600px;
  margin: 0 auto;
}
/* 
   ** body margin 
   */
#mBody {
  clear: both;
  padding: 0;
  margin: 0;
}
/* 
   ** main content background 
   */
#mainContent {
  float: none;
  background: white;
  max-width: 100%;
  margin: 0;
  padding: 0 4em 2em 4em;
  border-right: thin solid #2c1c5c;
  border-left: thin solid #2c1c5c;
}


/* -----------------------------------------------------
   * -- toolbox tweaks
   * -----------------------------------------------------
   */
#toolMenu {
  font-size: 90%;
  margin: 0;
  padding: 0;
  background: white;
  border-right: thin solid #2c1c5c;
  border-left: thin solid #2c1c5c;
  border-bottom: thin solid #2c1c5c;
}
#toolMenu ul { 
  text-align: center;
  list-style: none;
  margin: 0; 
  padding: 0;
}
#toolMenu li { 
  display: inline;
  border: none;
  padding: 0;
  margin: 0;
  overflow: visible;
  background: none;
}
#toolMenu ul li a {
  text-decoration: none;
  font-size: 90%;
  border: none:
  margin: 1px;
}
#toolMenu ul li a:hover {
  border: 1px dotted #2c1c5c;
  maring: 0;
}

/* Content actions (Article, Discussion, Edit, ...) */
#contentActions {
  background: #B1CED7 url("content_actions_bg.png") repeat-x;
  margin: 0;
  padding-top:    15px;
  padding-bottom: 0.7em;
}
#contentActions ul li a { 
  color: #000000;
}
#contentActions ul li.selected a { 
  background: #5374a9;
  color: #F7DF74;
}

/* Personal Tools */
#tools {
  background: #5374A9 url("personal_tools_bg.png") repeat-x;
  margin: 0;
  padding-top:    15px;
  padding-bottom: 0.7em;
}
#tools ul li a {
  color: #F7DF74;
}

/* Search form */
#search {  
  padding-top: 5px;
  text-align: center;
}
#search form {
  padding: 0; 
  margin: 12px 0 0 0; /* need for IE Mac */
  text-align: right; /* need for IE Mac */
  white-space: nowrap; /* for Opera */
  vertical-align: middle;
}
#search form #q {
  border: 2px inset #5374a9;
  text-align: left;
  padding: 0;
  margin: 0 3px 2px 0; /* fix the position, align with button image */
  width: 200px; /* text field width */
  background: #b4d1da;
}

#search form #q:hover, #search form #q:focus {
  background: #ffffff;
}
#search form input.searchButton {
  border: 2px outset #5374a9; 
  color: #F7DF74;
  background: #5374a9;
  font-weight: bold;
  padding: 0;
  margin: 2px 0 0 3px;
}
#search form input.searchButton:hover {
  background: #b4d1da;
}

/* -----------------------------------------------------
   * -- footer tweaks
   * -----------------------------------------------------
   */
/* 
   ** footer margin 
   */
#footer {
  margin: 0 0 2em 0;
  padding: 1em 0;
  text-align: center;
}
/* 
   ** footer padding 
   */
#footer ul {
  margin: 0;
  padding: 0.3em;
  list-style: none;
}
/* 
   ** footer font size 
   */
#footer td {
  font-size: 85%;
}
/* 
   ** link style 
   */
#footer li a {
  color: #666666;
}
#mBody #poweredbyico a { 
  background: none;
  margin: 0;
}
/* 
   ** The end 
   */