/*  common.css
   Copyright (c) 2007, 2008 adopted to ExplorerTheme by Wolfgang Fischer
*/

/* Based on modern theme */
@import url("modern_common.css");

html {
    font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt;
}

a.www:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
a.http:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
a.https:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
a.file:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}
a.ftp:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}
a.nntp:before {content: url(../img/moin-news.png); margin: 0 0.2em;}
a.news:before {content: url(../img/moin-news.png); margin: 0 0.2em;}
a.telnet:before, a.ssh:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;}
a.irc:before, a.ircs:before  {content: url(../img/moin-telnet.png); margin: 0 0.2em;}
a.mailto:before {content: url(../img/moin-email.png); margin: 0 0.2em;}
a.attachment:before {content: url(../img/moin-attach.png); margin: 0 0.2em;}
a.badinterwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}
a.interwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}

/* header */
h1 {
    margin-top: 1.5em; padding-bottom: .1em;
    border-bottom: 2px #6080c0 dotted;
    font-size: 1.6em;
}
h2 { margin-top: 1em; font-size: 1.5em; }
h3 { margin-top: 1em; font-size: 1.3em; }
h4, h5, h6 { margin-top: 1em; font-size: 1em; }


#interwiki { display: inline; }
#interwiki span:after { content: ":"; }
#pagelocation { display: inline; margin: 0px; padding: 0px; font-size: 2em; }
#pagelocation li { display: inline; margin: 0px; }
#pagelocation li:before { content: "/ "; }
*[dir="rtl"] #pagelocation li:before { content: " \\ "; }
#pagelocation li:first-child:before { content: ""; }

tt, pre {
    color: #000066;
    font-family: 'Courier New', Courier, monospace;
    font-size: 1.2em;
}

pre {
    border: 1px solid #D0E0F0;
    background-color: #F8FAFF;
    padding: .5em;
}

.comment {
    color: black;
    background: #FFF3C6 url("../img/gradient-L.png") top repeat-x;
    border: 1px solid #FFF3C6; padding: 0px .5em;
}
pre.comment:before {
    content: url(../img/attention.png);
}

#content div.caution, #content div.important, #content div.note, #content div.tip, #content div.warning {
    background-color: #F8FAFF;
    border: 1px solid #D0E0F0;
    margin: 0px; padding-left: 48px;
    min-height: 48px; /*48=32+8+8 but doesn't work with IE*/
}

#content div.tip { background-image: url("../img/admon-tip.png"); }
#content div.note { background-image: url("../img/admon-note.png"); }
#content div.important { background-image: url("../img/admon-important.png"); }
#content div.caution { background-image: url("../img/admon-caution.png"); }
#content div.warning { background-image: url("../img/admon-warning.png"); }

.red { background-color: #FFCCCC; }
.green { background-color: #CCFFCC; }
.blue { background-color: #D0E0F0; }

.solid { border: 2px solid #6080c0; padding: .2em; }
.dashed { border: 2px dashed #6080c0; padding: .2em; }
.dotted { border: 2px dotted #6080c0; padding: .2em; }

table {
    background: #F8FAFF url("../img/gradient-L.png") top repeat-x;
    border-top: 1px solid #D0E0F0;
    border-right: none;
    border-bottom: 1px solid #D0E0F0;
    border-left: 2px solid #FFFFFF; 
}

td {
    vertical-align: top;
    border-top: 1px solid #D0E0F0; border-bottom: none;
    border-left: 2px solid #FFFFFF; border-right: none;
}


form table, .invisible, .layout { margin: 0px; background: none; border: none; }
form td, .invisible > tbody > tr > td, .layout > tbody > tr > td { border: none; }
.layout > td { padding: 0px; }


/* TableOfContents macro */
.table-of-contents {
    display: table;
    border: 1px solid #D0E0F0;
    background: #F8FAFF url("../img/gradient-L.png") top repeat-x;
    padding: .2em 2em .2em .2em;
    font-size: 1em; width: auto;
    margin: .5em;
}

.table-of-contents ol { margin: 0px; }

.table-of-contents-heading {
    margin: 0px 0px .4em 0px; text-align: center;
}


.footnotes div {
    border-top: 1px solid #D0E0F0;
}

.footnotes ul {
    padding: 0 2em;
    margin: 0 0 1em 0;
    list-style: none;
}

.info { font-size: 1em; }

#pageinfo { clear: right; }

.seperator { color: #D0E0F0; }

/* standard rule ---- */
hr {
    height: 1px; text-align:left; left:0px;
    background-color: #D0E0F0;
}

/* custom rules ----- to ---------- */
.hr1 { height: 2px; }
.hr2 { height: 3px; }
.hr3 { height: 4px; }
.hr4 { height: 5px; }
.hr5 { height: 6px; }
.hr6 { height: 7px; }

strong.highlight {
    background-color: #D0E0F0;
}


/* Recent changes */
.recentchanges td {
    border-top: 1px solid #D0E0F0; border-bottom: none;
    border-left: 2px solid #FFFFFF; border-right: none;
    background: #F8FAFF;
}
.rcdaybreak td { background: #D0E0F0; }
.rctime, .rceditor, .rccomment, .rcdaybreak td a { font-size: 1em; }


/* CSS for new code_area markup used by Colorizer and ParserBase */
div.codearea { /* the div makes the border */
    border: 1px solid #D0E0F0;
    background: #F8FAFF url("../img/gradient-L.png") top repeat-x;
}

div.codearea pre { /* the pre has no border and is inside the div */
    padding: 0 1em;
}

a.codenumbers { /* format of the line numbering link */
    margin: 0 1em;
    font-size: 1em;
}


/* Search results */
.searchresults dd, .searchresults p {
    font-size: 1em;
}

p.searchstats {
    font-size: 1em;
    background-color: #D0E0F0;
    border-top: 1px solid #D0E0F0;
    padding: .2em;
}


/* MonthCalendar css */
a.cal-usedday {
    font-weight: normal;
}
/* general stuff: workdays, weekend, today */
td.cal-workday {
    background-color: #D0E0F0;
}
td.cal-today {
    text-align: left;
    background-color: #D0E0F0;
    border-top: 1px solid red; border-left: none;
    border-bottom: 1px solid red; border-right: none;
}
/* invalid places on the monthly calendar sheet */
td.cal-invalidday {
    background-color: #F8FAFF;
}
/* links to prev/next month/year */
th.cal-header {
    background-color: #D0E0F0;
}

/* for MonthCalendar mouseover info boxes */
table.tip {
    color: InfoText;
    background-color: InfoBackground;
    border: InfoBackground 2px outset;
    font-size: 1em;
}
th.tip {
    color: InfoText;
    background-color: InfoBackground;
    font-weight: bold;
    text-align: center;
}
td.tip { border: none; }
/* end MonthCalendar stuff */

#message a.clear-link { font-size: 1em; }