a.interwiki { background: transparent url(/lib/images/interwiki.png) 0px 1px no-repeat; padding-left: 16px;}a.iw_wp {  background-image: url(/lib/images/interwiki/wp.gif)}a.iw_wpfr {  background-image: url(/lib/images/interwiki/wpfr.gif)}a.iw_wpde {  background-image: url(/lib/images/interwiki/wpde.gif)}a.iw_wpes {  background-image: url(/lib/images/interwiki/wpes.gif)}a.iw_wppl {  background-image: url(/lib/images/interwiki/wppl.gif)}a.iw_wpjp {  background-image: url(/lib/images/interwiki/wpjp.gif)}a.iw_wpmeta {  background-image: url(/lib/images/interwiki/wpmeta.gif)}a.iw_doku {  background-image: url(/lib/images/interwiki/doku.gif)}a.iw_dokubug {  background-image: url(/lib/images/interwiki/dokubug.gif)}a.iw_amazon {  background-image: url(/lib/images/interwiki/amazon.gif)}a.iw_amazon_de {  background-image: url(/lib/images/interwiki/amazon.de.gif)}a.iw_amazon_uk {  background-image: url(/lib/images/interwiki/amazon.uk.gif)}a.iw_phpfn {  background-image: url(/lib/images/interwiki/phpfn.gif)}a.iw_coral {  background-image: url(/lib/images/interwiki/coral.gif)}a.iw_sb {  background-image: url(/lib/images/interwiki/sb.gif)}a.iw_google {  background-image: url(/lib/images/interwiki/google.gif)}a.iw_meatball {  background-image: url(/lib/images/interwiki/meatball.gif)}a.iw_wiki {  background-image: url(/lib/images/interwiki/wiki.gif)}a.mediafile { background: transparent url(/lib/images/fileicons/file.png) 0px 1px no-repeat; padding-left: 18px; padding-bottom: 1px;}a.mf_tar {  background-image: url(/lib/images/fileicons/tar.png)}a.mf_ram {  background-image: url(/lib/images/fileicons/ram.png)}a.mf_pgp {  background-image: url(/lib/images/fileicons/pgp.png)}a.mf_bz2 {  background-image: url(/lib/images/fileicons/bz2.png)}a.mf_chm {  background-image: url(/lib/images/fileicons/chm.png)}a.mf_ods {  background-image: url(/lib/images/fileicons/ods.png)}a.mf_aiff {  background-image: url(/lib/images/fileicons/aiff.png)}a.mf_csv {  background-image: url(/lib/images/fileicons/csv.png)}a.mf_swf {  background-image: url(/lib/images/fileicons/swf.png)}a.mf_odc {  background-image: url(/lib/images/fileicons/odc.png)}a.mf_jpeg {  background-image: url(/lib/images/fileicons/jpeg.png)}a.mf_mov {  background-image: url(/lib/images/fileicons/mov.png)}a.mf_sxd {  background-image: url(/lib/images/fileicons/sxd.png)}a.mf_sig {  background-image: url(/lib/images/fileicons/sig.png)}a.mf_java {  background-image: url(/lib/images/fileicons/java.png)}a.mf_wav {  background-image: url(/lib/images/fileicons/wav.png)}a.mf_conf {  background-image: url(/lib/images/fileicons/conf.png)}a.mf_mpg {  background-image: url(/lib/images/fileicons/mpg.png)}a.mf_rtf {  background-image: url(/lib/images/fileicons/rtf.png)}a.mf_htm {  background-image: url(/lib/images/fileicons/htm.png)}a.mf_gif {  background-image: url(/lib/images/fileicons/gif.png)}a.mf_php {  background-image: url(/lib/images/fileicons/php.png)}a.mf_tgz {  background-image: url(/lib/images/fileicons/tgz.png)}a.mf_odt {  background-image: url(/lib/images/fileicons/odt.png)}a.mf_xml {  background-image: url(/lib/images/fileicons/xml.png)}a.mf_audio {  background-image: url(/lib/images/fileicons/audio.png)}a.mf_xpi {  background-image: url(/lib/images/fileicons/xpi.png)}a.mf_cfc {  background-image: url(/lib/images/fileicons/cfc.png)}a.mf_png {  background-image: url(/lib/images/fileicons/png.png)}a.mf_rm {  background-image: url(/lib/images/fileicons/rm.png)}a.mf_html {  background-image: url(/lib/images/fileicons/html.png)}a.mf_xlsx {  background-image: url(/lib/images/fileicons/xlsx.png)}a.mf_pptx {  background-image: url(/lib/images/fileicons/pptx.png)}a.mf_odi {  background-image: url(/lib/images/fileicons/odi.png)}a.mf_xls {  background-image: url(/lib/images/fileicons/xls.png)}a.mf_pl {  background-image: url(/lib/images/fileicons/pl.png)}a.mf_bin {  background-image: url(/lib/images/fileicons/bin.png)}a.mf_xvid {  background-image: url(/lib/images/fileicons/xvid.png)}a.mf_divx {  background-image: url(/lib/images/fileicons/divx.png)}a.mf_odp {  background-image: url(/lib/images/fileicons/odp.png)}a.mf_class {  background-image: url(/lib/images/fileicons/class.png)}a.mf_video {  background-image: url(/lib/images/fileicons/video.png)}a.mf_odf {  background-image: url(/lib/images/fileicons/odf.png)}a.mf_wma {  background-image: url(/lib/images/fileicons/wma.png)}a.mf_dot {  background-image: url(/lib/images/fileicons/dot.png)}a.mf_wmv {  background-image: url(/lib/images/fileicons/wmv.png)}a.mf_ps {  background-image: url(/lib/images/fileicons/ps.png)}a.mf_mm {  background-image: url(/lib/images/fileicons/mm.png)}a.mf_odg {  background-image: url(/lib/images/fileicons/odg.png)}a.mf_zip {  background-image: url(/lib/images/fileicons/zip.png)}a.mf_ai {  background-image: url(/lib/images/fileicons/ai.png)}a.mf_m {  background-image: url(/lib/images/fileicons/m.png)}a.mf_c {  background-image: url(/lib/images/fileicons/c.png)}a.mf_sxc {  background-image: url(/lib/images/fileicons/sxc.png)}a.mf_eml {  background-image: url(/lib/images/fileicons/eml.png)}a.mf_deb {  background-image: url(/lib/images/fileicons/deb.png)}a.mf_7z {  background-image: url(/lib/images/fileicons/7z.png)}a.mf_cfm {  background-image: url(/lib/images/fileicons/cfm.png)}a.mf_image {  background-image: url(/lib/images/fileicons/image.png)}a.mf_css {  background-image: url(/lib/images/fileicons/css.png)}a.mf_py {  background-image: url(/lib/images/fileicons/py.png)}a.mf_cpp {  background-image: url(/lib/images/fileicons/cpp.png)}a.mf_doc {  background-image: url(/lib/images/fileicons/doc.png)}a.mf_js {  background-image: url(/lib/images/fileicons/js.png)}a.mf_iso {  background-image: url(/lib/images/fileicons/iso.png)}a.mf_vcf {  background-image: url(/lib/images/fileicons/vcf.png)}a.mf_pdf {  background-image: url(/lib/images/fileicons/pdf.png)}a.mf_docx {  background-image: url(/lib/images/fileicons/docx.png)}a.mf_rar {  background-image: url(/lib/images/fileicons/rar.png)}a.mf_sql {  background-image: url(/lib/images/fileicons/sql.png)}a.mf_enc {  background-image: url(/lib/images/fileicons/enc.png)}a.mf_sxw {  background-image: url(/lib/images/fileicons/sxw.png)}a.mf_tex {  background-image: url(/lib/images/fileicons/tex.png)}a.mf_rb {  background-image: url(/lib/images/fileicons/rb.png)}a.mf_hlp {  background-image: url(/lib/images/fileicons/hlp.png)}a.mf_lua {  background-image: url(/lib/images/fileicons/lua.png)}a.mf_jar {  background-image: url(/lib/images/fileicons/jar.png)}a.mf_vsd {  background-image: url(/lib/images/fileicons/vsd.png)}a.mf_gz {  background-image: url(/lib/images/fileicons/gz.png)}a.mf_rpm {  background-image: url(/lib/images/fileicons/rpm.png)}a.mf_ogg {  background-image: url(/lib/images/fileicons/ogg.png)}a.mf_txt {  background-image: url(/lib/images/fileicons/txt.png)}a.mf_ppt {  background-image: url(/lib/images/fileicons/ppt.png)}a.mf_sxi {  background-image: url(/lib/images/fileicons/sxi.png)}a.mf_jpg {  background-image: url(/lib/images/fileicons/jpg.png)}a.mf_mp3 {  background-image: url(/lib/images/fileicons/mp3.png)}a.mf_asc {  background-image: url(/lib/images/fileicons/asc.png)}a.mf_cs {  background-image: url(/lib/images/fileicons/cs.png)}/**
 * Basic styles. These styles are needed for basic DokuWiki functions
 * regardless of the used template. Templates can override them of course
 */

div.clearer {
  clear: both;
  line-height: 0;
  height: 0;
  overflow: hidden;
}

div.no {
  display: inline;
  margin: 0;
  padding: 0;
}

.hidden {
  display: none;
}

div.error {
  background: #fcc url(/lib/styles/../images/error.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #faa;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}

div.info {
  background: #ccf url(/lib/styles/../images/info.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #aaf;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}

div.success {
  background: #cfc url(/lib/styles/../images/success.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #afa;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}

div.notify {
  background: #ffc url(/lib/styles/../images/notify.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #ffa;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}


/* image alignment */
.medialeft {
  float: left;
}
.mediaright {
  float: right;
}
.mediacenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.leftalign { text-align: left; }
.centeralign { text-align: center; }
.rightalign { text-align: right; }

em.u {
  font-style: normal;
  text-decoration: underline;
}
em em.u {
  font-style: italic;
}


/* syntax highlighting code */
.code .br0  { color: #66cc66; }
.code .co0  { color: #808080; font-style: italic; }
.code .co1  { color: #808080; font-style: italic; }
.code .co2  { color: #808080; font-style: italic; }
.code .co3  { color: #808080; }
.code .coMULTI  { color: #808080; font-style: italic; }
.code .es0  { color: #000099; font-weight: bold; }
.code .kw1  { color: #b1b100; }
.code .kw2  { color: #000000; font-weight: bold; }
.code .kw3  { color: #000066; }
.code .kw4  { color: #993333; }
.code .kw5  { color: #0000ff; }
.code .me1  { color: #006600; }
.code .me2  { color: #006600; }
.code .nu0  { color: #cc66cc; }
.code .re0  { color: #0000ff; }
.code .re1  { color: #0000ff; }
.code .re2  { color: #0000ff; }
.code .re3  { color: #ff3333; font-weight:bold; }
.code .re4  { color: #009999; }
.code .st0  { color: #ff0000; }
.code .sy0  { color: #66cc66; }

/* Table edit toolbar */
div.toolbar #tool__bar_table button.selected {
    background: #fff url(/lib/plugins/edittable/images/buttonshadow_toggled.png) repeat-x bottom;
}

div.toolbar #tool__bar_table button.disabled {
    background: #fff url(/lib/plugins/edittable/images/buttonshadow_toggled2.png) repeat-x bottom;
    opacity: 0.4;
}

div.toolbar #tool__bar_table button.separator {
    margin-left: 0.5em;
}

div.toolbar #tool__bar_table {
    margin-bottom: 0.5em;
}

#dw__editform #edit__wrap {
    margin-top: 1.5em;
    overflow: auto;
    border: 1px solid #ababab;
}

div.dokuwiki table.edit {
    margin: -1px;
}

div.dokuwiki table.edit th,
div.dokuwiki table.edit td {
    min-width: 5em;
}

div.dokuwiki table.edit input {
    border: none;
    background: transparent;
    font: inherit;
    width: 100%;
}

/* nice alphatransparency background except for IE <7 */
html>body div.dokuwiki table.edit th,
html>body div.dokuwiki table.edit td {
    background-image: url(/lib/plugins/edittable/images/inputshadow.png);
    background-repeat: repeat-x;
    background-position: top;
}

/* ----------- Row and col handles ------------- */

div.dokuwiki table.edit td.handle {
    color: #000;
    background-color: #fff;
    padding: 0;
    vertical-align: bottom;
    /* For the handle dropdowns */
    position: relative;
}

div.dokuwiki table.edit td.rowhandle {
    width: 3em;
}

div.dokuwiki table.edit td.handle {
    cursor: move;
}

div.dokuwiki table.edit td.curhandle {
    background-color: #f6f6f6;
}

div.dokuwiki table.edit td.disabledhandle {
    background-image: none;
    background-color: #c0c0c0;
    cursor: no-drop;
}

/* nice alphatransparency background except for IE <7 */
html>body div.dokuwiki table.edit td.handle {
    background-image: url(/lib/plugins/edittable/images/buttonshadow.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

#table__dragmarker {
    display:block;
    height:100%;
    width:100%;
    position:relative;
}

#table__dragmarker .dragmarker_topright {
    position: absolute;
    top: -0.5em;
    right: 0px;
}

#table__dragmarker .dragmarker_bottomright {
    position: absolute;
    top: 0.5em;
    right: 0px;
}

#table__dragmarker .dragmarker_bottomleft {
    position: absolute;
    top: 0.5em;
    left: 0px;
}

.handle .handle_dropdown {
    float: right;
    margin-top: 3px;
}

.handle .handle_dropdown img {
    padding: 4px 2px 1px;
    cursor: pointer;
}

#dw__editform .handle .handle_dropdown div {
    position: absolute;
    z-index: 25;
}

#dw__editform .handle .handle_dropdown div ul {
    background:#fff none repeat scroll 0 0;
    border:1px solid;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    opacity:0.9;
    padding:0.3em;
    margin:0;
    cursor: auto;
    font-size: 0.9em;
}

#dw__editform .handle .handle_dropdown div ul li {
    width: 100%;
    text-align: left;
}

#dw__editform .handle .handle_dropdown div ul li a {
    width: 100%;
    display: block;
    cursor: pointer;
}

#dw__editform .handle .handle_dropdown div ul li a:hover {
    background: #f6f6f6;
}

/* the section edit button - yes, it's not the most beautiful CSS you've ever seen */
div.dokuwiki div.editbutton_table {
    margin-top: -1em; /* depends on the table margin in template */
}

div.dokuwiki div.editbutton_table form input.button {
    float: none;
    margin-left: 0.6em;
    padding: 0 0.3em;
    background-image: none;
    border-top: none;

    border-bottom-right-radius: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;

    border-bottom-left-radius: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
}

/* Section highlighting fix */
div.dokuwiki div.section_highlight table {
  background-color: #f6f6f6;
}

div.dokuwiki div.table.section_highlight {
  background-color: transparent !important;
}
/* blockquote */
blockquote.blockquote-plugin {
	margin: 1em 3em 1em 3em !important;
	border: 1px dotted #ababab !important;
	background: #fff url(/lib/plugins/blockquote/images/blockquote.gif) no-repeat 0.3em 0.3em !important;
	padding: 1em !important;
}

blockquote.blockquote-plugin[cite]:after {
	font-style: italic;
	text-align: right;
	display: block;
	content: "—" attr(cite);
}

/* cite */
cite.blockquote-plugin {
	font-style: italic;
	text-align: right;
	display: block;
}

cite.blockquote-plugin:before {
	content: "—";
}div.dokuwiki div.include div.secedit {
  float: right;
  margin-left: 1em;
  margin-top: -18px;
}

div.dokuwiki div.inclmeta {
  border-top: 1px dotted #ababab;
  padding-top: 0.2em;
  color: #000;
  font-size: 80%;
  line-height: 1.25;
  margin-top: 0.5em;
  margin-bottom: 2em;
}

div.dokuwiki div.inclmeta a.permalink {
  background: transparent url(/lib/plugins/include/images/link.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

div.dokuwiki div.inclmeta abbr.published {
  background: transparent url(/lib/plugins/include/images/date.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
  border-bottom: 0;
}

div.dokuwiki div.inclmeta span.author {
  background: transparent url(/lib/plugins/include/images/user.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

div.dokuwiki div.inclmeta span.comment {
  background: transparent url(/lib/plugins/include/images/comment.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

div.dokuwiki div.inclmeta div.tags {
  border-top: 0;
  font-size: 100%;
  float: right;
  clear: none;
}div.dokuwiki div#cloud { margin-bottom: 1em; }

div.dokuwiki div#cloud a { padding: 0.5em; }

div.dokuwiki div#cloud a.cloud1 { font-size: 10px; color: #D3E0F5; }
div.dokuwiki div#cloud a.cloud2 { font-size: 12px; color: #AEC4E5; }
div.dokuwiki div#cloud a.cloud3 { font-size: 14px; color: #88A9DB; }
div.dokuwiki div#cloud a.cloud4 { font-size: 16px; color: #4A7AC2; }
div.dokuwiki div#cloud a.cloud5 { font-size: 18px; color: #003F9E; }

div.dokuwiki div#cloud a.cloud1_tag1 { font-size: 10px; color: #CEF0D0; }
div.dokuwiki div#cloud a.cloud2_tag1 { font-size: 12px; color: #AEE5B1; }
div.dokuwiki div#cloud a.cloud3_tag1 { font-size: 14px; color: #88DB8C; }
div.dokuwiki div#cloud a.cloud4_tag1 { font-size: 16px; color: #4AC250; }
div.dokuwiki div#cloud a.cloud5_tag1 { font-size: 18px; color: #009E08; }

div.dokuwiki div#cloud a.cloud1_tag2 { font-size: 10px; color: #f4daa3; }
div.dokuwiki div#cloud a.cloud2_tag2 { font-size: 12px; color: #f4ce7b; }
div.dokuwiki div#cloud a.cloud3_tag2 { font-size: 14px; color: #f4c153; }
div.dokuwiki div#cloud a.cloud4_tag2 { font-size: 16px; color: #f4b62f; }
div.dokuwiki div#cloud a.cloud5_tag2 { font-size: 18px; color: #f4a600; }
table.icalevents {
 width: 100%;
}
table.icalevents th.when {
 width: 7.5em;
}

table.icalevents acronym {
 border-bottom: 1px dotted #aaa !important;
}

span.icaltime {
  font-size: 70%;
  color: #999;
}
div.dokuwiki div.tags {
  border-bottom: 1px dotted #ababab;
  font-size: 95%;
  text-align: right;
  margin-bottom: 0.8em;
}

div.dokuwiki div.tags span {
  background: transparent url(/lib/plugins/tag/images/tag.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}
/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landro               |
|--------------------------------------------------*/
/*
 a.nodeFdUrl	        Namespace with url link (headpage)	        js
 a.node 	        Namespace without url link        	        js
 a.nodeUrl	        Page	                                        js
 a.nodeSel 	        Last visited page            	                js
 a.navSel 	        Current page            	                js
 a.indexmenu_idx_head	link style of a namespace with url (headpage)	nojs
 a.indexmenu_idx	link style of a namespace without url	        nojs
 */ 

/* dtree properties. No need to change*/

.dtree {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  white-space: nowrap;
  line-height: normal;
}

.dtree img {
  border: 0px;
  vertical-align: top;
}

/*Properties that can be edit*/

/*Link properties*/
.dtree a {
  color: #002bb8;
  text-decoration: none;
}

/*Link properties*/
.dtree a.node, .dtree a.nodeSel a.navSel {
  white-space: nowrap;
  padding: 1px 2px 1px 2px;
}
/* Last visited page highlighting*/
.dtree a.nodeSel {
  background-color:  #f6f6f6;
}
/* Current page highlighting*/
.dtree a.navSel {
  background-color: #ff9;
}

/*
.dtree .clip {
}
*/

/*nojs tree div*/
.indexmenu_nojs {
  display: block;
}

/*Namespace without page link in nojs mode. !important has to be used*/
div.li a.indexmenu_idx {
  color: #ba0000 !important;
  text-decoration: none !important;
  font-weight: bold;
}

/*Namespace with page link (headpage) in nojs mode. !important has to be used*/

div.li a.indexmenu_idx_head {
  font-weight: bold;
}


/*Style for admin panel interface*/
div.dokuwiki div.indexmenu_list_themes { 
  clear: both;
  border-top: 2px solid #ababab;
  padding-left: 1em;
}

/*Mouseover property*/
.dtree a.nodeFdUrl:hover, .dtree a.nodeSel:hover, a.navSel:hover, .dtree a.nodeUrl:hover {
  color: #002bb8;
  text-decoration: underline;
  background-color:  #f6f6f6;
}
/*Mouseover property*/
.dtree a.node:hover {
  text-decoration: none;
}

/*tocbullet property*/
.dtree .indexmenu_tocbullet {
  position:absolute;
  background: transparent url(/lib/plugins/indexmenu/images/toc_bullet.gif) no-repeat scroll;
  vertical-align: middle;
  width: 11px;
  height: 11px;
}

/*scrolling arrow property*/
.dtree .indexmenu_larrow {
  position:absolute;
  filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
  background:transparent url(/lib/plugins/indexmenu/images/larrow.gif) repeat-y scroll;
  padding-left:22px;
  z-index:100;
}

/*toc property*/
.indexmenu_toc {
  font-size: 80%;
  line-height: 1.2em;
  white-space: normal;
  overflow: hidden;
  width: 200px !important;
  z-index:100 !important;
  word-wrap: break-word;
}

.indexmenu_toc .indexmenu_toc_inside {
  border: 1px solid #ababab;
  background-color: #fff;
  text-align: left;
  padding: 0.5em 0 0.7em 0;
  max-height: 300px;
  height: expression( this.scrollHeight > 300 ? "300px" : "auto" );
  overflow: auto;
}

.dtree .indexmenu_rarrow {
  position:absolute;
  background:white url(/lib/plugins/indexmenu/images/rarrow.gif) no-repeat scroll;
  width:11px;
  height:15px;
}

.indexmenu_rmenu {
  position: absolute;
  z-index: 100;
  background-color: #fff;
  border: 1px solid black;
  font-size: 80%;
  line-height: 100%;
  padding-bottom: 5px;
}

.indexmenu_rmenuhead {
  background-color: #CCFFCC;
  border-bottom: 1px solid #000;
  color: #000;
  font-size: 90%;
  margin: 0pt;
  text-align: center;
  padding: 1px 5px;
  vertical-align: middle;                       
  overflow: hidden;
  width: 80px;
}

.indexmenu_rmenu ul,.indexmenu_rmenu li {
  list-style-type: none !important;
  list-style-image: none !important;
  color: #000 !important;
  margin: 2px !important;
  text-align: center;
}

.indexmenu_rmenu a:hover {
  background-color: #000 !important;
  color: #fff !important;
}

.indexmenu_opts {
  font-size: 80%;
}

.dtree .emptynode {
  background: transparent url(/lib/plugins/indexmenu/images/empty.gif) no-repeat scroll;
  display: inline;
  padding: 1px 8px;
  width: 16px;
  height: 16px;
  vertical-align: top;
  /* needed by ie7 */
  zoom: 1;
}

div.menu {
    text-align:left;
}

div.menucenter {
    margin:auto;
}

div.menuleft {
    margin:0;
    float:left
}

div.menuright {
    margin:0;
    float:right
}

div.menuitem {
    float:left;
    padding:5px 5px 0 0;
}

div.menu p.caption {
    font-size:120%;
    font-weight:bold;
    margin:0;
}

div.menu img {
    float:left;
    margin:3px;
    padding-right:3px;
}

div.menu span.menutext {
    font-size:140%;
    line-height:1em;
    margin:0;
    padding-top:5px;
}

div.menu p.menudesc {
    color:#000;
    font-size:90%;
    line-height:1em;
    margin:0;
}

div#menu ul.menubar {
    padding:0;
    margin:0;
    list-style:none !important;
}

div#menu ul.menubar li {
    border:none;
    float:left;
    margin-right:8px;
}

div#menu ul.menubar li a {
    text-decoration:none;
}
div.dokuwiki table.pagelist,
div.dokuwiki table.ul {
  border: 0;
  padding: 0;
  border-spacing: 0;
  margin-bottom: 1em;
  border-collapse: collapse;
}

div.dokuwiki table.pagelist tr {
  border-top: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
}

div.dokuwiki table.pagelist th,
div.dokuwiki table.pagelist td {
  padding: 1px 1em 1px 0;
}

div.dokuwiki table.ul th,
div.dokuwiki table.ul td {
  padding: 0 1em 0 0;
}

div.dokuwiki table.ul ul {
  margin: 0 0 0 1.5em;
}

div.dokuwiki table.pagelist th,
div.dokuwiki table.ul th {
  background-color: #f6f6f6;
}

div.dokuwiki th.page,
div.dokuwiki th.date,
div.dokuwiki th.user,
div.dokuwiki th.desc,
div.dokuwiki th.comments,
div.dokuwiki th.linkbacks,
div.dokuwiki th.tags,
div.dokuwiki td.date,
div.dokuwiki td.user,
div.dokuwiki td.desc,
div.dokuwiki td.comments,
div.dokuwiki td.linkbacks,
div.dokuwiki td.tags {
  color: #000;
  font-size: 80%;
}

div.dokuwiki td.date {
  text-align: right;
}/* User Manager specific styles */
#user__manager tr.disabled {
  color: #6f6f6f;
  background: #e4e4e4;
}
#user__manager tr.user_info {
  vertical-align: top;
}
#user__manager div.edit_user {
  width: 46%;
  float: left;
}
#user__manager table {
  margin-bottom: 1em;
}
#user__manager input.button[disabled] {
  color: #ccc!important;
  border-color: #ccc!important;
}
/* IE won't understand but doesn't require it */

div#acl_manager div#acl__tree {
    font-size: 90%;
    width: 25%;
    height: 300px;
    float: left;
    overflow: auto;
    border: 1px solid #ababab;
    text-align: left;
}

div#acl_manager div#acl__tree a.cur {
    background-color: #ff9;
    font-weight: bold;
}

div#acl_manager div#acl__tree ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#acl_manager div#acl__tree li {
    padding-left: 1em;
}

div#acl_manager div#acl__tree ul img {
    margin-right: 0.25em;
    cursor: pointer;
}

div#acl_manager div#acl__detail {
    width: 73%;
    height: 300px;
    float: right;
    overflow: auto;
}

div#acl_manager div#acl__detail fieldset {
    width: 90%;
}

div#acl_manager div#acl__detail div#acl__user {
    border: 1px solid #ababab;
    padding: 0.5em;
    margin-bottom: 0.6em;
}

div#acl_manager table.inline {
    width: 100%;
    margin: 0;
}

div#acl_manager .aclgroup {
    background: transparent url(/lib/plugins/acl/pix/group.png) 0px 1px no-repeat;
    padding: 1px 0px 1px 18px;
}

div#acl_manager .acluser {
    background: transparent url(/lib/plugins/acl/pix/user.png) 0px 1px no-repeat;
    padding: 1px 0px 1px 18px;
}

div#acl_manager .aclpage {
    background: transparent url(/lib/plugins/acl/pix/page.png) 0px 1px no-repeat;
    padding: 1px 0px 1px 18px;
}

div#acl_manager .aclns {
    background: transparent url(/lib/plugins/acl/pix/ns.png) 0px 1px no-repeat;
    padding: 1px 0px 1px 18px;
}

div#acl_manager label.disabled {
  color: #000!important;
}

#acl_manager label {
  text-align: left;
  font-weight: normal;
  display: inline;
}

#acl_manager table {
  margin-left: 10%;
  width: 80%;
}

#acl_manager table tr {
    background-color: inherit;
}

#acl_manager table tr:hover {
    background-color: #f6f6f6;
}

/* plugin: definitionlist */
 
dl, dt, dd {margin: 0; padding: 0}

dl {
  font-size: 90%;
  padding-top: 1px;
}

html>body dl {
  padding-bottom: 0.5em;
  border-bottom: 1px dashed #e0e0e0;
}

dl:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

dt {
  clear: left;
  margin-top: 0.5em;
}

dt+dt {
  margin-top: 0;
}

dd+dt {
  border-top: 1px dashed #e0e0e0;
  padding-top: 0.5em;
}

dt span.term {
  float: left;
  width: 10em;
}

dd {
  margin-left: 10.3em;
  padding-left: 0.8em;
  background: url(/lib/plugins/definitionlist/images/bullet.gif) no-repeat 0 0.4em;
}
 
dd p {
  margin: 0;
  padding: 0;
}

* html dl { height: 1px; }

/* reset above style to prevent messing up plugin manager */
#plugin_manager dd { background-image: none;}


/* end plugin: definitionlist */
/* plugin:configmanager */
#config__manager div.success,
#config__manager div.error,
#config__manager div.info {
  background-position: 0.5em;
  padding: 0.5em;
  text-align: center;
}

#config__manager fieldset {
  margin: 1em;
  width: auto;
  margin-bottom: 2em;
  background-color: #f6f6f6;
  color: #000;
  padding: 0 1em;
}
#config__manager legend {
    font-size: 1.25em;
}

#config__manager form { }
#config__manager table {
    margin: 1em 0;
    width: 100%;
}

#config__manager fieldset td {
    text-align: left;
}
#config__manager fieldset td.value {
    /* fixed data column width */
    width: 31em;
}

#config__manager td.label {
    padding: 0.8em 0 0.6em 1em;
    vertical-align: top;
}

#config__manager td.label label {
    clear: left;
    display: block;
}
#config__manager td.label img {
    padding: 0 10px;
    vertical-align: middle;
    float: right;
}

#config__manager td.label span.outkey {
    font-size: 70%;
    margin-top: -1.7em;
    margin-left: -1em;
    display: block;
    background-color: #fff;
    color: #000;
    float: left;
    padding: 0 0.1em;
    position: relative;
    z-index: 1;
}

#config__manager td input.edit {
    width: 30em;
}
#config__manager td .input {
    width: 30.8em;
}
#config__manager td select.edit { }
#config__manager td textarea.edit {
    width: 27.5em;
    height: 4em;
}

#config__manager tr .input,
#config__manager tr input,
#config__manager tr textarea,
#config__manager tr select {
  background-color: #fff;
  color: #000;
}

#config__manager tr.default .input,
#config__manager tr.default input,
#config__manager tr.default textarea,
#config__manager tr.default select,
#config__manager .selectiondefault {
  background-color: #ccddff;
  color: #000;
}

#config__manager tr.protected .input,
#config__manager tr.protected input,
#config__manager tr.protected textarea,
#config__manager tr.protected select,
#config__manager tr.protected .selection {
  background-color: #ffcccc!important;
  color: #000 !important;
}

#config__manager td.error  { background-color: red; color: #000; }

#config__manager .selection {
  width: 14.8em;
  float: left;
  margin: 0 0.3em 2px 0;
}

#config__manager .selection label {
  float: right;
  width: 14em;
  font-size: 90%;
}


/* IE6 correction */
* html #config__manager .selection label {
  padding-top: 2px;
}

#config__manager .selection input.checkbox {
  padding-left: 0.7em;
}

#config__manager .other {
  clear: both;
  padding-top: 0.5em;
}

#config__manager .other label {
  padding-left: 2px;
  font-size: 90%;
}

/* end plugin:configmanager */
div.filelist-toolbar {
    margin-bottom: 3px;
}

div.filelist-toolbar a.filelist-editfiles {
    padding: 2px 0 4px 20px;
    margin-right: 8px;
    text-align: left;
    color: #454545 !important;
    background: transparent url("/lib/plugins/filelist/img/folder.png") top left no-repeat;
}
a.filelist-refresh {
    padding: 2px 0 2px 20px;
    text-align: left;
    color: #454545 !important;
    background: transparent url("/lib/plugins/filelist/img/reload.png") top left no-repeat;
}
.noteclassic, .noteimportant, .notewarning, .notetip {
  margin: 2em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  width: 70% !important;
  min-height: 40px;
  text-align: justify;
  vertical-align: middle;
  border-collapse: collapse;
  padding: 15px 20px 15px 80px;
  background-position: 20px 50%;
  background-repeat: no-repeat;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
}
 
.noteclassic {
  /*border: 1px solid #99D;*/
  background-color: #eef;
  background-image: url(/lib/plugins/note/images/note.png);
}
 
.noteimportant {
  /*border: 1px solid #ff0;*/
  background-color: #ffc;
  background-image: url(/lib/plugins/note/images/important.png);
}
 
.notewarning {
  /*border: 1px solid #d99;*/
  background-color: #fdd;
  background-image: url(/lib/plugins/note/images/warning.png);
}
 
.notetip {
  /*border: 1px solid #9d9;*/
  background-color: #dfd;
  background-image: url(/lib/plugins/note/images/tip.png);
}
.ospok {
    color: green;
    font-weight: bold;
}
.ospnext {
    border: 1px solid red;
    padding: 4px;
    margin: 10px;
}
.settingsbox {
    border: 2px solid #ccc;
    background-color: #efefef;
    margin: 2px 10px 12px 10px;
    padding: 0 10px;
}
/*
 * admin plugin extension - style additions
 *
 * @author  Christopher Smith  chris@jalakai.co.uk
 * @link    http://wiki.jalakai.co.uk/dokuwiki/doku.php/tutorials/adminplugin
 */

#plugin__manager h2 {
    margin-left: 0;
}

#plugin__manager form {
    display: block;
    margin: 0;
    padding: 0;
}

#plugin__manager legend {
    display: none;
}

#plugin__manager fieldset {
    width: auto;
}

#plugin__manager .button {
    margin: 0;
}

#plugin__manager p,
#plugin__manager label {
    text-align: left;
}

#plugin__manager .hidden {
    display: none;
}

#plugin__manager .new {
    background: #dee7ec;
}

/* IE won't understand but doesn't require it */
#plugin__manager input[disabled] {
    color: #ccc;
    border-color: #ccc;
}

#plugin__manager .pm_menu,
#plugin__manager .pm_info {
    margin-left: 0;
    text-align: left;
}

#plugin__manager .pm_menu {
    float: left;
    width: 48%;
}

#plugin__manager .pm_info {
    float: right;
    width: 50%;
}

#plugin__manager .common fieldset {
    margin: 0;
    padding: 0 0 1.0em 0;
    text-align: left;
    border: none;
}

#plugin__manager .common label {
    padding: 0 0 0.5em 0;
}

#plugin__manager .common input.edit {
    width: 24em;
    margin: 0.5em;
}

#plugin__manager .plugins fieldset {
    color: #000;
    background: #fff;
    text-align: right;
    border-top: none;
    border-right: none;
    border-left: none;
}

#plugin__manager .plugins fieldset.protected {
    background: #fdd;
    color: #000;
}

#plugin__manager .plugins fieldset.disabled {
    background: #e0e0e0;
    color: #a8a8a8;
}

#plugin__manager .plugins .legend {
    color: #000;
    background: inherit;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 1.4em;
    font-weight: normal;
    text-align: left;
    float: left;
    padding: 0;
    clear: none;
}

#plugin__manager .plugins .button {
    font-size: 95%;
}

#plugin__manager .plugins fieldset.buttons {
    border: none;
}

#plugin__manager .plugins fieldset.buttons .button {
    float: left;
}

#plugin__manager .pm_info h3 {
    margin-left: 0;
}

#plugin__manager .pm_info dl {
    margin: 1em 0;
    padding: 0;
}

#plugin__manager .pm_info dt {
    width: 6em;
    float: left;
    clear: left;
    margin: 0;
    padding: 0;
}

#plugin__manager .pm_info dd {
    margin: 0 0 0 7em;
    padding: 0;
    background: none;
}

#plugin__manager .plugins .enable {
    float: left;
    width: auto;
    margin-right: 0.5em;
}

/* end admin plugin styles */
div.dokuwiki div.pl_ti{
}
/**
 * Container
 */
div.dokuwiki div.pl_ti div.tabcontainer{
  width:99%;
}

/**
 * Tabs
 */
div.dokuwiki div.pl_ti div.tabcontainer div.tabs{
  border-top:  solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-right:solid 2px #aaa;
  padding:5px;
  margin-left:10px;
  float:left;
  font-size:90%;
  cursor:pointer;
  background-color:#EEF;
}
div.dokuwiki div.pl_ti div.tabcontainer div.tabs:hover{
  background-color:#69F;
  color:#FFF;
}

div.dokuwiki div.pl_ti div.container{
  border-top:  solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-right:solid 2px #aaa;
  border-bottom:solid 2px #aaa;
}
/**
 * Including content
 */
div.dokuwiki div.pl_ti div#ti_content{
  overflow:auto;
  padding:0 10px 10px 10px;
}
/**
 * AJAX loading
 */
div.dokuwiki div.pl_ti div#ti_loading{
  background:url('/lib/plugins/tabinclude/img/loading.gif') no-repeat;
  padding-left:20px;
  display:none;
}
/**
 * Page name if allowdebug is set true
 */
div.dokuwiki div.pl_ti div.ti_source{
  float:right;
  clear:both;
  padding:2px;
}
div.dokuwiki div.pl_ti span.ti_source_page{
  font-size:90%;
  padding-left:15px;
  background:url('/lib/plugins/tabinclude/img/page_go.png') no-repeat;
}
#infomail_box {
    position:fixed;
    width: 50%;
    left: 25%;
    top: 25%;
    background: white;
    border: 1px solid #ccc;
    z-index: 4;
}

#infomail_box fieldset {
    background: white;
    margin: 20px;
}

div.infomail_plugin {
    width: 50%;
    text-align: center;
    font-size: 120%;
    padding: 2em;
}

form#infomail_plugin {
    width: 100%;
    text-align: center;
    padding: 0;
}

form#infomail_plugin p {
    font-size: 90%;
    text-align: left;
}

.infomailok {
 background-color: #efffef;
}

form#infomail_plugin fieldset legend {
font-size: 120%;
}
form#infomail_plugin fieldset {
    border:1px dotted #aaa;
    padding: 6px;
    width: 91%;
}

form#infomail_plugin label {
    display: block;
    overflow: auto;
    margin: 5px;
}

form#infomail_plugin label span {
    width: 25%;
    text-align: right;
    display: block;
    float: left;
}

form#infomail_plugin label input, form#infomail_plugin label select {
    float: left;
    margin-left: 5px;
}

form#infomail_plugin label textarea.edit,
form#infomail_plugin label input.edit {
    width: 72%;
    display: block;
    float: left;
    margin-left: 5px;
}
div.dokuwiki div.newtask_form {
  text-align: center;
  margin-bottom: 1em;
}

div.dokuwiki #task__newtask_form input.edit {
  width: 95%;
}

div.dokuwiki div.vcalendar {
  margin-bottom: 1em;
}

div.dokuwiki div.vcalendar fieldset {
  padding: 0 0.5em 0.5em 0.5em;
  border: 1px solid #ffc561;
  width: 90%;
}

div.dokuwiki div.vcalendar img.summary {
  vertical-align: middle;
}

div.dokuwiki div.vcalendar abbr {
  border-bottom: 0;
}

div.dokuwiki div.newtask_form table.blind,
div.dokuwiki div.vcalendar table.blind {
  border: 0;
  padding: 0;
  border-spacing: 3px;
  margin: 1px;
}

div.dokuwiki div.newtask_form table.blind th,
div.dokuwiki div.vcalendar table.blind th {
  text-align: right;
  color: #000;
  font-weight: normal;
  background-color: transparent;
}

div.dokuwiki div.newtask_form table.blind td,
div.dokuwiki div.vcalendar table.blind td {
  width: 50%;
  text-align: left;
}

div.dokuwiki div.vcalendar table.blind tr.due { color: #ffa200; font-weight: bold; }
div.dokuwiki div.vcalendar table.blind tr.overdue { color: #ff0040; font-weight: bold; }

div.dokuwiki div.vcalendar fieldset.priority1 { background-color: #fff7e8; }
div.dokuwiki div.vcalendar fieldset.priority2 { background-color: #fff1d9; }
div.dokuwiki div.vcalendar fieldset.priority3 { background-color: #ffe9c2; }

div.dokuwiki tr.priority1 { background-color: #fff7e8; }
div.dokuwiki tr.priority2 { background-color: #fff1d9; }
div.dokuwiki tr.priority3 { background-color: #ffe9c2; }

div.dokuwiki div.vcalendar fieldset.due { border: 1px solid #ffa200; }
div.dokuwiki div.vcalendar fieldset.overdue { border: 1px solid #ff0040; }

div.dokuwiki div.task_viewmenu {
  margin-bottom: 0.5em;
}

div.dokuwiki form#task__changeview_form label {
  float: left;
  margin-right: 0.5em;
}

div.dokuwiki form#task__changeview_form input {
  margin: 0.3em;
}

div.dokuwiki form#task__changeview_form input.button {
  margin: 0;
}

div.dokuwiki th.status,
div.dokuwiki td.status {
  color: #000;
  font-size: 80%;
}
/**
 * Tableless Layout for default template
 *
 * @author Andreas Gohr <andi@splitbrain.org>
 * @author moraes <moraes@tipos.com.br>
 */

/* -------------- top row --------------- */
div.dokuwiki .header {
  padding: 3px 0 0 2px;
}

div.dokuwiki .pagename {
  float: left;
  font-size: 200%;
  font-weight: bolder;
  color: #f6f6f6;
  text-align: left;
  vertical-align: middle;
}

div.dokuwiki .pagename a {
  color: #002bb8 !important;
  text-decoration: none !important;
}

div.dokuwiki .logo {
  float: right;
  font-size: 220%;
  font-weight: bolder;
  text-align: right;
  vertical-align: middle;
}

div.dokuwiki .logo a {
  color: #f6f6f6 !important;
  text-decoration: none !important;
  font-variant: small-caps;
  letter-spacing: 2pt;
}

/* ---------------  top and bottom bar ---------------- */
div.dokuwiki .bar {
  border-top: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
  background: #f6f6f6;
  padding: 0.1em 0.15em;
  clear: both;
}

div.dokuwiki .bar-left {
  float: left;
}

div.dokuwiki .bar-right {
  float: right;
  text-align: right;
}

div.dokuwiki #bar__bottom {
  margin-bottom: 3px;
}

/* ------------- File Metadata ----------------------- */

div.dokuwiki div.meta {
  clear: both;
  margin-top: 1em;
  color: #000;
  font-size: 70%;
}

div.dokuwiki div.meta div.user {
  float: left;
}

div.dokuwiki div.meta div.doc {
  text-align: right;
}
/* ATTENTION: This file was edited for the "vector template for DokuWiki".
            - All url(/lib/tpl/portfolio/) rules where changed.
             See README for details. */


/**
 * Design elements for default Template
 *
 * @author Andreas Gohr <andi@splitbrain.org>
 * @author Anika Henke <anika@selfthinker.org>
 */

/* -------------- general elements --------------- */

* { padding: 0; margin: 0; }

body {
  font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  background-color: #fff;
  color: #000;
}

/* the document */
div.dokuwiki div.page {
  margin: 4px 2em 0 1em;
  text-align: justify;
}

div.dokuwiki table {
  font-size: 100%;
}

div.dokuwiki tr,
div.dokuwiki td,
div.dokuwiki th {
}

div.dokuwiki img {
  border: 0;
}

div.dokuwiki p,
div.dokuwiki blockquote,
div.dokuwiki table,
div.dokuwiki pre {
  margin: 0 0 1.0em 0;
}

div.dokuwiki hr {
  border: 0px;
  border-top: 1px solid #ababab;
  text-align: center;
  height: 0px;
}

div.dokuwiki div.nothing {
  text-align: center;
  margin: 2em;
}

/* ---------------- forms ------------------------ */

div.dokuwiki form {
  border: none;
  display: inline;
}

div.dokuwiki label.block {
  display: block;
  text-align: right;
  font-weight: bold;
}

div.dokuwiki label.simple {
  display: block;
  text-align: left;
  font-weight: normal;
}

div.dokuwiki label.block input.edit {
  width: 50%;
}

div.dokuwiki fieldset {
  width: 300px;
  text-align: center;
  border: 1px solid #ababab;
  padding: 0.5em;
  margin: auto;
}

div.dokuwiki textarea.edit {
  font-family: monospace;
  font-size: 14px;
  color: #000;
  background-color: #fff;
  border: 1px solid #ababab;
  padding: 0.3em 0 0 0.3em;
  width: 100%;
}

/* nice alphatransparency background except for IE <7 */
html>body div.dokuwiki textarea.edit {
  background:  #fff url(/lib/tpl/portfolio/static/3rd/dokuwiki/inputshadow.png) repeat-x top;
}

div.dokuwiki input.edit,
div.dokuwiki select.edit {
  font-size: 100%;
  border: 1px solid #ababab;
  color: #000;
  background-color: #fff;
  vertical-align: middle;
  margin: 1px;
  padding: 0.20em 0.3em;
  display: inline;
}

/* nice alphatransparency background except for IE <7 */
html>body div.dokuwiki input.edit,
html>body div.dokuwiki select.edit {
  background:  #fff url(/lib/tpl/portfolio/static/3rd/dokuwiki/inputshadow.png) repeat-x top;
}

div.dokuwiki select.edit {
  padding: 0.1em 0;
}

div.dokuwiki input.missing {
  font-size: 100%;
  border: 1px solid #ababab;
  color: #000;
  background-color: #ffcccc;
  vertical-align: middle;
  margin: 1px;
  padding: 0.20em 0.3em;
  display: inline;
}

/* disabled style - not understood by IE */
div.dokuwiki textarea.edit[disabled],
div.dokuwiki textarea.edit[readonly],
div.dokuwiki input.edit[disabled],
div.dokuwiki input.edit[readonly],
div.dokuwiki input.button[disabled],
div.dokuwiki select.edit[disabled] {
  background-color: #fff!important;
  color: #000!important;
}

/* edit form */
div.dokuwiki div.toolbar,
div.dokuwiki div#wiki__editbar {
   margin: 2px 0;
   text-align: left;
}
div.dokuwiki div#size__ctl {
   float: right;
   width: 60px;
   height: 2.7em;
}
div.dokuwiki #size__ctl img {
   cursor: pointer;
}
div.dokuwiki div#wiki__editbar div.editButtons {
   float: left;
   padding: 0 1.0em 0.7em 0;
}
div.dokuwiki div#wiki__editbar div.summary {
   float: left;
}
div.dokuwiki .nowrap {
   white-space: nowrap;
}
div.dokuwiki div#draft__status {
  float: right;
  color: #000;
}

div.dokuwiki div.license {
  padding: 0.5em;
  font-size: 90%;
  text-align: center;
}

div.dokuwiki form#dw__editform div.license {
  clear: left;
  font-size: 90%;
}

/* --------- buttons ------------------- */

div.dokuwiki input.button,
div.dokuwiki button.button {
  border: 1px solid #ababab;
  color: #000;
  background-color: #fff;
  vertical-align: middle;
  text-decoration: none;
  font-size: 100%;
  cursor: pointer;
  margin: 1px;
  padding: 0.125em 0.4em;
}

/* nice alphatransparency background except for IE <7 */
html>body div.dokuwiki input.button,
html>body div.dokuwiki button.button {
  background:  #fff url(/lib/tpl/portfolio/static/3rd/dokuwiki/buttonshadow.png) repeat-x bottom;
}

* html div.dokuwiki input.button,
* html div.dokuwiki button.button {
  height: 1.8em;
}

div.dokuwiki div.secedit input.button {
  border: 1px solid #ababab;
  color: #000;
  background-color: #fff;
  vertical-align: middle;
  text-decoration: none;
  margin: 0;
  padding: 0;
  font-size: 10px;
  cursor: pointer;
  float: right;
  display: inline;
}

/* ----------- page navigator ------------- */

div.dokuwiki div.pagenav {
    margin: 1em 0 0 0;
}

div.dokuwiki div.pagenav-prev {
    text-align: right;
    float: left;
    width: 49%
}

div.dokuwiki div.pagenav-next {
    text-align: left;
    float: right;
    width: 49%
}

/* --------------- Links ------------------ */

div.dokuwiki a:link,
div.dokuwiki a:visited {
  color: #002bb8;
  text-decoration: none;
}
div.dokuwiki a:hover,
div.dokuwiki a:active {
  color: #000;
  text-decoration: underline;
}

div.dokuwiki h1 a,
div.dokuwiki h2 a,
div.dokuwiki h3 a,
div.dokuwiki h4 a,
div.dokuwiki h5 a,
div.dokuwiki a.nolink {
  color: #000 !important;
  text-decoration: none !important;
}

/* external link */
div.dokuwiki a.urlextern {
  background: transparent url(/lib/tpl/portfolio/static/3rd/dokuwiki/link_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

/* windows share */
div.dokuwiki a.windows {
  background: transparent url(/lib/tpl/portfolio/static/3rd/dokuwiki/windows.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

/* interwiki link (icon are set by dokuwiki) */
div.dokuwiki a.interwiki {
}

/* link to some embedded media */
div.dokuwiki a.media {
}

div.dokuwiki a.urlextern:link,
div.dokuwiki a.windows:link,
div.dokuwiki a.interwiki:link {
  color: #002bb8;
}

div.dokuwiki a.urlextern:visited,
div.dokuwiki a.windows:visited,
div.dokuwiki a.interwiki:visited {
  color: purple;
}
div.dokuwiki a.urlextern:hover,
div.dokuwiki a.urlextern:active,
div.dokuwiki a.windows:hover,
div.dokuwiki a.windows:active,
div.dokuwiki a.interwiki:hover,
div.dokuwiki a.interwiki:active {
  color: #000;
}

/* email link */
div.dokuwiki a.mail {
  background: transparent url(/lib/tpl/portfolio/static/3rd/dokuwiki/mail_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

/* existing wikipage */
div.dokuwiki a.wikilink1 {
  color: #002bb8 !important;
}

/* not existing wikipage */
div.dokuwiki a.wikilink2 {
  color: #ba0000 !important;
  text-decoration: none !important;
  border-bottom: dashed 1px #ba0000 !important;
}

/* ------------- Page elements ----------------- */

div.dokuwiki div.preview {
  background-color: #fff;
  margin: 0 0 0 2em;
  padding: 4px;
  border: 1px dashed #000;
}

div.dokuwiki div.breadcrumbs {
  background-color: #fff;
  color: #000;
  font-size: 80%;
  padding: 0 0 0 4px;
}

div.dokuwiki span.user {
  color: #ccc;
  font-size: 90%;
}

div.dokuwiki li.minor {
  color: #000;
  font-style: italic;
}

/* embedded images */
div.dokuwiki img.media {
  margin: 3px;
}

div.dokuwiki img.medialeft {
  border: 0;
  float: left;
  margin: 0 1.5em 0 0;
}

div.dokuwiki img.mediaright {
  border: 0;
  float: right;
  margin: 0 0 0 1.5em;
}

div.dokuwiki img.mediacenter {
  border: 0;
  display: block;
  margin: 0 auto;
}

/* smileys */
div.dokuwiki img.middle {
  vertical-align: middle;
}

div.dokuwiki acronym {
  cursor: help;
  border-bottom: 1px dotted #000;
}

/* general headline setup */
div.dokuwiki h1,
div.dokuwiki h2,
div.dokuwiki h3,
div.dokuwiki h4,
div.dokuwiki h5 {
    color: #000;
    background-color: inherit;
    font-size: 100%;
    font-weight: normal;
    margin: 0 0 1em 0;
    padding: 0.5em 0 0 0;
    border-bottom: 1px solid #ababab;
    clear: left;
}

/* special headlines */
div.dokuwiki h1 {font-size: 160%; margin-left: 0px; font-weight: bold;}
div.dokuwiki h2 {font-size: 150%; margin-left: 20px;}
div.dokuwiki h3 {font-size: 140%; margin-left: 40px; border-bottom: none; font-weight: bold;}
div.dokuwiki h4 {font-size: 120%; margin-left: 60px; border-bottom: none; font-weight: bold;}
div.dokuwiki h5 {font-size: 100%; margin-left: 80px; border-bottom: none; font-weight: bold;}

/* indent different sections */
div.dokuwiki div.level1 { margin-left: 3px; }
div.dokuwiki div.level2 { margin-left: 23px; }
div.dokuwiki div.level3 { margin-left: 43px; }
div.dokuwiki div.level4 { margin-left: 63px; }
div.dokuwiki div.level5 { margin-left: 83px; }

/* unordered lists */
div.dokuwiki ul {
  line-height: 1.5em;
  list-style-type: square;
  list-style-image: none;
  margin: 0 0 1em 3.5em;
  color: #000;
}

/* ordered lists */
div.dokuwiki ol {
  line-height: 1.5em;
  list-style-image: none;
  margin: 0 0 1em 3.5em;
  color: #000;
  font-weight: bold;
}

/* no bottom gap in between and smaller left margin for nested lists */
div.dokuwiki li ul,
div.dokuwiki li ol {
  margin: 0 0 0 1.5em;
}

/* the list items overriding the ul/ol definition */
div.dokuwiki .li {
  color: #000;
  font-weight: normal;
}

div.dokuwiki ol { list-style-type: decimal; }
div.dokuwiki ol ol { list-style-type: upper-roman; }
div.dokuwiki ol ol ol { list-style-type: lower-alpha; }
div.dokuwiki ol ol ol ol { list-style-type: lower-greek; }

div.dokuwiki li.open {
  list-style-image: url(/lib/tpl/portfolio/static/3rd/dokuwiki/open.gif);
    /*list-style-type: circle;*/
}

div.dokuwiki li.closed {
  list-style-image: url(/lib/tpl/portfolio/static/3rd/dokuwiki/closed.gif);
    /*list-style-type: disc;*/
}

div.dokuwiki blockquote {
  border-left: 2px solid #ababab;
  padding-left: 3px;
}

div.dokuwiki pre {
  font-size: 120%;
  padding: 0.5em;
  border: 1px dashed #ababab;
  color: #000;
  overflow: auto;
}

/* code blocks by indention */
div.dokuwiki pre.pre {
  background-color: #f9f9f9;
}

/* code blocks by code tag */
div.dokuwiki pre.code {
  background-color: #f9f9f9;
}

/* code blocks by file tag */
div.dokuwiki pre.file {
  background-color: #f6f6f6;
}

/* filenames for file and code blocks */
div.dokuwiki dl.file,
div.dokuwiki dl.code {
    margin-top: 2em;
    margin-bottom: 2.5em;
}

div.dokuwiki dl.file dt,
div.dokuwiki dl.code dt {
    border: 1px dashed #ababab;
    display: inline;
    padding: 0.1em 1em;
    margin-left: 2em;
}

div.dokuwiki dl.code dt a,
div.dokuwiki dl.file dt a {
    color: #000;
}

div.dokuwiki dl.code dt {
    background-color: #f9f9f9;
    border-bottom: 1px solid #f9f9f9;
}

div.dokuwiki dl.file dt {
    background-color: #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
}


/* inline code words */
div.dokuwiki code {
  font-size: 120%;
}

/* inline tables */
div.dokuwiki table.inline {
  background-color: #fff;
  border-spacing: 0px;
  border-collapse: collapse;
}

div.dokuwiki table.inline th {
  padding: 3px;
  border: 1px solid #ababab;
  background-color: #f6f6f6;
}

div.dokuwiki table.inline td {
  padding: 3px;
  border: 1px solid #ababab;
}

/* ---------- table of contents ------------------- */

div.dokuwiki div.toc {
  margin: 1.2em 0 0 2em;
  float: right;
  width: 200px;
  font-size: 80%;
  clear: both;
}

div.dokuwiki div.tocheader {
  border: 1px solid #ababab;
  background-color: #f6f6f6;
  text-align: left;
  font-weight: bold;
  padding: 3px;
  margin-bottom: 2px;
}

div.dokuwiki span.toc_open,
div.dokuwiki span.toc_close {
    border: 0.4em solid #f6f6f6;
    float: right;
    display: block;
    margin: 0.4em 3px 0 0;
}

div.dokuwiki span.toc_open span,
div.dokuwiki span.toc_close span {
    display: none;
}

div.dokuwiki span.toc_open {
    margin-top: 0.4em;
    border-top: 0.4em solid #000;
}

div.dokuwiki span.toc_close {
    margin-top: 0;
    border-bottom: 0.4em solid #000;
}

div.dokuwiki #toc__inside {
  border: 1px solid #ababab;
  background-color: #fff;
  text-align: left;
  padding: 0.5em 0 0.7em 0;
}

div.dokuwiki ul.toc {
  list-style-type: none;
  list-style-image: none;
  line-height: 1.2em;
  padding-left: 1em;
  margin: 0;
}

div.dokuwiki ul.toc li {
  background: transparent url(/lib/tpl/portfolio/static/3rd/dokuwiki/tocdot2.gif) 0 0.6em no-repeat;
  padding-left: 0.4em;
}

div.dokuwiki ul.toc li.clear {
  background-image: none;
  padding-left: 0.4em;
}

div.dokuwiki a.toc:link,
div.dokuwiki a.toc:visited {
  color: #002bb8;
}

div.dokuwiki a.toc:hover,
div.dokuwiki a.toc:active {
  color: #000;
}

/* ---------------------------- Diff rendering --------------------------*/
div.dokuwiki table.diff {
  background-color: #fff;
  width: 100%;
}
div.dokuwiki td.diff-blockheader {
  font-weight: bold;
}
div.dokuwiki table.diff th {
  border-bottom: 1px solid #ababab;
  font-size: 110%;
  width: 50%;
  font-weight: normal;
  text-align: left;
}
div.dokuwiki table.diff th a {
    font-weight: bold;
}
div.dokuwiki table.diff th span.user {
    color: #000;
    font-size: 80%;
}
div.dokuwiki table.diff th span.sum {
    font-size: 80%;
    font-weight: bold;
}
div.dokuwiki table.diff th.minor {
  font-style: italic;
}
div.dokuwiki table.diff td {
  font-family: monospace;
  font-size: 100%;
}
div.dokuwiki td.diff-addedline {
  background-color: #ddffdd;
}
div.dokuwiki td.diff-deletedline {
    background-color: #ffffbb;
}
div.dokuwiki td.diff-context {
    background-color: #fff;
}
div.dokuwiki table.diff td.diff-addedline strong,
div.dokuwiki table.diff td.diff-deletedline strong {
    color: red;
}

/* --------------------- footnotes -------------------------------- */

div.dokuwiki div.footnotes {
  clear: both;
  border-top: 1px solid #ababab;
  padding-left: 1em;
  margin-top: 1em;
}

div.dokuwiki div.fn {
  font-size: 90%;
}

div.dokuwiki a.fn_bot {
  font-weight: bold;
}

/* insitu-footnotes */
div.insitu-footnote {
  font-size: 80%;
  line-height: 1.2em;
  border: 1px solid #ababab;
  background-color: #f9f9f9;
  text-align: left;
  padding: 4px;
  max-width: 40%;    /* IE's width is handled in javascript */
}

/* overcome IE issue with one line code or file boxes which require h. scrolling */
* html .insitu-footnote pre.code,
* html .insitu-footnote pre.file {
  padding-bottom: 18px;
}

/* --------------- search result formating --------------- */
div.dokuwiki .search_result {
  margin-bottom: 6px;
  padding: 0 10px 0 30px;
}

div.dokuwiki .search_snippet {
  color: #ccc;
  font-size: 12px;
  margin-left: 20px;
}

div.dokuwiki .search_sep {
  color: #000;
}

div.dokuwiki .search_hit {
  color: #000;
  background-color: #ff9;
}
div.dokuwiki strong.search_hit {
  font-weight: normal;
}

div.dokuwiki div.search_quickresult {
  margin: 0 0 15px 30px;
  padding: 0 10px 10px 0;
  border-bottom: 1px dashed #ababab;
}
div.dokuwiki div.search_quickresult h3 {
  margin: 0 0 1.0em 0;
  font-size: 1em;
  font-weight: bold;
}

div.dokuwiki ul.search_quickhits {
  margin: 0 0 0.5em 1.0em;
}

div.dokuwiki ul.search_quickhits li {
  margin: 0 1.0em 0 1.0em;
  float: left;
  width: 30%;
}

div.dokuwiki div.section_highlight {
  background-color: #f6f6f6;
}

/* ------------------ Additional ---------------------- */

div.footerinc {
    text-align: center;
}
.footerinc a img {
    opacity: 0.5;
    border: 0;
}

.footerinc a:hover img {
    opacity: 1;
}

/* ---------- AJAX quicksearch ----------- */

div.dokuwiki div.ajax_qsearch {
  position: absolute;
  right: 237px;;
  width: 200px;
  opacity: 0.9;
  display: none;
  font-size: 80%;
  line-height: 1.2em;
  border: 1px solid #ababab;
  background-color: #f9f9f9;
  text-align: left;
  padding: 4px;
}

/* --------- Toolbar -------------------- */
button.toolbutton {
  background-color: #fff;
  padding: 0px;
  margin: 0 1px 0 0;
  border: 1px solid #ababab;
  cursor: pointer;
}

/* nice alphatransparency background except for IE <7 */
html>body button.toolbutton {
  background:  #fff url(/lib/tpl/portfolio/static/3rd/dokuwiki/buttonshadow.png) repeat-x bottom;
}

div.picker {
  width: 250px;
  border: 1px solid #ababab;
  background-color: #f6f6f6;
}

div.pk_hl {
  width: 125px;
}

button.pickerbutton {
  padding: 0px;
  margin: 0 1px 1px 0;
  border: 0;
  background-color: transparent;
  font-size: 80%;
  cursor: pointer;
}

/* ---------------  Image Details  ----------------- */

div.dokuwiki div.img_big {
  float: left;
  margin-right: 0.5em;
}

div.dokuwiki dl.img_tags dt {
  font-weight: bold;
  background-color: #f6f6f6;
}
div.dokuwiki dl.img_tags dd {
  background-color: #fff;
}

div.dokuwiki div.imagemeta {
  color: #000;
  font-size: 70%;
  line-height: 95%;
}

div.dokuwiki div.imagemeta img.thumb {
  float: left;
  margin-right: 0.1em;
}
/**
 * The CSS in here cotrols the appearance of the media manager
 */

#media__manager {
    height: 100%;
    overflow: hidden;
}

#media__left {
    width: 30%;
    border-right: solid 1px #ababab;

    height: 100%;
    overflow: auto;
    position: absolute;
    left: 0;
}

#media__right {
    width: 69.7%;

    height: 100%;
    overflow: auto;
    position: absolute;
    right: 0;
}

#media__manager h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 0.5em;
}

/* --- Tree formatting --- */

#media__tree img {
    float: left;
    padding: 0.5em 0.3em 0 0;
}

#media__tree ul {
    list-style-type: none;
    list-style-image: none;
    margin-left: 1.5em;
}

#media__tree li {
    clear: left;
    list-style-type: none;
    list-style-image: none;
}
*+html #media__tree li,
* html #media__tree li {
    border: 1px solid #fff;
}/* I don't understand this, but this fixes a style bug in IE;
it's dirty, so any "real" fixes are welcome */

/* --- options --- */

#media__opts {
    padding-left: 1em;
    margin-bottom: 0.5em;
}

#media__opts input {
    float: left;
    display: block;
    margin-top: 4px;
    position: absolute;
}
*+html #media__opts input,
* html #media__opts input {
    position: static;
}

#media__opts label {
    display: block;
    float: left;
    margin-left: 20px;
    margin-bottom: 4px;
}
*+html #media__opts label,
* html #media__opts label {
    margin-left: 10px;
}

#media__opts br {
    clear: left;
}

/* --- file list --- */

#media__content img.load {
    margin: 1em auto;
}

#media__content #scroll__here {
    border: 1px dashed #ababab;
}

#media__content .odd {
    background-color: #f9f9f9;
    padding: 0.4em;
}

#media__content .even {
    padding: 0.4em;
}

#media__content a.mediafile {
    margin-right: 1.5em;
    font-weight: bold;
}

#media__content div.detail {
    padding: 0.3em 0 0.3em 2em;
}

#media__content div.detail div.thumb {
    float: left;
    width: 130px;
    text-align: center;
    margin-right: 0.4em;
}


#media__content img.btn {
    vertical-align: text-bottom;
}

#media__content div.example {
    color: #000;
    margin-left: 1em;
}

/* --- upload form --- */

#media__content div.upload {
    font-size: 90%;
    padding: 0 0.5em 0.5em 0.5em;
}

#media__content form#dw__upload,
#media__content div#dw__flashupload {
    display: block;
    border-bottom: solid 1px #ababab;
    padding: 0 0.5em 1em 0.5em;
}
#media__content form#dw__upload fieldset {
    padding: 0;
    margin: 0;
    border: none;
    width: auto;
}
#media__content form#dw__upload p {
    text-align: left;
    padding: 0.25em 0;
    margin: 0;
    line-height: 1.0em;
}
#media__content form#dw__upload label.check {
    float: none;
    width: auto;
    margin-left: 11.5em;
}

/* --- meta edit form --- */

#media__content form.meta {
    display: block;
    padding: 0 0 1em 0;
}

#media__content form.meta label {
    display: block;
    width: 25%;
    float: left;
    font-weight: bold;
    margin-left: 1em;
    clear: left;
}

#media__content form.meta .edit {
    font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    float: left;
    width: 70%;
    padding-right: 0;
    padding-left: 0.2em;
    margin: 2px;
}

#media__content form.meta textarea.edit {
    height: 8em;
}

#media__content form.meta div.metafield {
    clear: left;
}

#media__content form.meta div.buttons {
    clear: left;
    margin-left: 20%;
    padding-left: 1em;
}

.dokuwiki ul.admin_tasks {
    font-size: 115%;
    float: left;
    width: 40%;
    list-style-type: none;
}

.dokuwiki ul.admin_tasks li {
    line-height: 22px;
    padding-left: 35px;
    margin: 1em 0;
    background: transparent none no-repeat scroll 0 0;
    text-align: left;
}

.dokuwiki ul.admin_tasks li div.li {
    font-weight: bold;
}

.dokuwiki ul.admin_tasks li.admin_acl {
    background-image: url(/lib/tpl/portfolio/../../images/admin/acl.png);
}

.dokuwiki ul.admin_tasks li.admin_usermanager {
    background-image: url(/lib/tpl/portfolio/../../images/admin/usermanager.png);
}

.dokuwiki ul.admin_tasks li.admin_plugin {
    background-image: url(/lib/tpl/portfolio/../../images/admin/plugin.png);
}

.dokuwiki ul.admin_tasks li.admin_config {
    background-image: url(/lib/tpl/portfolio/../../images/admin/config.png);
}

.dokuwiki ul.admin_tasks li.admin_revert {
    background-image: url(/lib/tpl/portfolio/../../images/admin/revert.png);
}

.dokuwiki ul.admin_tasks li.admin_popularity {
    background-image: url(/lib/tpl/portfolio/../../images/admin/popularity.png);
}
#link__wiz {
    position: absolute;
    display: block;
    z-index: 99;
    width:   300px;
    height:  250px;
    padding: 0;
    margin:  0;
    overflow: hidden;
    border: 1px solid #ababab;
    background-color: #fff;
    text-align: center;
}

#link__wiz_header {
    background-color: #f6f6f6;
    height: 16px;
    margin-bottom: 5px;
}

#link__wiz_close {
    cursor: pointer;
    margin: 0;
}

#link__wiz_result {
    background-color: #fff;
    width:  293px;
    height: 193px;
    overflow: auto;
    border: 1px solid #ababab;
    margin: 3px auto;
    text-align: left;
}

#link__wiz_result div.type_u {
    padding: 3px 3px 3px 22px;
    background: transparent url(/lib/tpl/portfolio/../../images/up.png) 3px 3px no-repeat;
}

#link__wiz_result div.type_f {
    padding: 3px 3px 3px 22px;
    background: transparent url(/lib/tpl/portfolio/../../images/page.png) 3px 3px no-repeat;
}

#link__wiz_result div.type_d {
    padding: 3px 3px 3px 22px;
    background: transparent url(/lib/tpl/portfolio/../../images/ns.png) 3px 3px no-repeat;
}

#link__wiz_result div.even {
    background-color: #fff;
}

#link__wiz_result div.selected {
    background-color: #f6f6f6;
}

#link__wiz_result span {
    display: block;
    color: #000;
}

/*FIXME maybe move to a more general style sheet*/
.ondrag {
    cursor: move;
    opacity: 0.8;
}
/* ATTENTION: This file was edited for the "vector template for DokuWiki".
              - All url(/lib/tpl/portfolio/) rules where changed.
               See README for details. */


/*
 * main-rtl.css is automatically generated using CSSJanus, a python script for
 * creating RTL versions of otherwise LTR stylesheets.
 *
 * You may download the tool to rebuild this stylesheet
 * http://code.google.com/p/cssjanus/
 *
 * An online version of this tool can be used at:
 * http://cssjanus.commoner.com/
 *
 * The following command is used to generate the RTL version of this file
 * ./cssjanus.py --swap_ltr_rtl_in_url < main-ltr.css > main-rtl.css
 *
 * Any rules which should not be flipped should be prepended with @noflip in
 * a comment block.
 */
/* Framework */
html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    font-size: 1em;
}
body {
    background-color: #f3f3f3;
    background-image: url(/lib/tpl/portfolio/static/3rd/vector/page-base.png);
}
/* OSP */
#pf-container {
  max-width:1038px;
}

/* Admin Lazy Sunday: Version */
#admin__version {
 clear:left;
 text-align: right;
 font-size: 80%;
 color: #888;
}

/* Compatibility for old top menu, styles in vektor not needed */
#siteNotice ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
    }

#siteNotice ul li {
     float: left;
     margin-right: 8px;
     border: none;
}

/* shadow*/
div#shadowleft {
    border: 0;
    margin 0;
    padding: 0;
    margin-left: 11em;
    background: transparent url(/lib/tpl/portfolio/static/3rd/vector/shadowleft.png) top left repeat-y;
}
div#shadowright {
    border: 0;
    margin 0;
    padding: 0;
    padding-right: 9px;
    background: transparent url(/lib/tpl/portfolio/static/3rd/vector/shadowright.png) top right repeat-y;
}

/* Content */
div#content {
    margin-left: 9px;
    padding: 1em;
    background-color: white;
    color: black;
}
/* Head */
#page-base {
    height: 5em;
    background-color: white;
    background-image: url(/lib/tpl/portfolio/static/3rd/vector/page-fade.png);
    background-position: bottom left;
    background-repeat: repeat-x;
}
#head-base {
    margin-top: -5em;
    margin-left: 1.3em;
    height: 5em;
    background-image: url(/lib/tpl/portfolio/static/3rd/vector/border.png);
    background-position: bottom left;
    background-repeat: repeat-x;
}
div#head {
    height: 5em;
}

div#sitetitle {
    width: 45%;
    float: left;
    padding-top: 6px;
}

div#sitetitle  h1 {
    font-size: 18px;
    font-weight: bold;
    color: #7a7a7a;
    border:none;
    display: inline;

}
div#sitetitle span {
        margin-left: 15px;
    font-size: 8px;

}

span.pagename {
    font-weight: bold;
}

div#head h5 {
    margin: 0;
    padding: 0;
}
    /* Hide empty portlets */
    div.emptyPortlet {
        display: none;
    }
    /* Personal */
    #p-personal {
        height: 2.5em;
        padding-right: 0.75em;
    }
    #p-personal h5 {
        display: none;
    }
    #p-personal ul {
            float: right;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    /* @noflip */
    #p-personal li {
        line-height: 1.125em;
        float: left;
    }
    #p-personal li {
        margin-left: 0.75em;
        margin-top: 0.5em;
        font-size: 0.75em;
    }
    /* Navigation Containers */
    #left-navigation {
        position: absolute;
        left: 11em;
        padding-left: 9px;
        top: 2.5em;
    }
    #right-navigation {
        float: right;
    }
    /* Navigation Labels */
    div.vectorTabs h5,
    div.vectorMenu h5 span {
        display: none;
    }
    /* Namespaces and Views */
    /* @noflip */
    div.vectorTabs {
        float: left;
    }
    div.vectorTabs {
        background-image: url(/lib/tpl/portfolio/static/3rd/vector/tab-break.png);
        background-position: bottom left;
        background-repeat: no-repeat;
        padding-left: 1px;
    }
    div#left-navigation div.vectorTabs {
        background: transparent;
    }
    /* @noflip */
    div.vectorTabs ul {
        float: left;
    }
    div.vectorTabs ul {
        height: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    /* @noflip */
    div.vectorTabs ul li {
        float: left;
    }
    /* OVERRIDDEN BY COMPLIANT BROWSERS */
    div.vectorTabs ul li {
        line-height: 1.125em;
        display: inline-block;
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: #f3f3f3;
        background-image: url(/lib/tpl/portfolio/static/3rd/vector/tab-normal-fade.png);
        background-position: bottom left;
        background-repeat: repeat-x;
        white-space:nowrap;
    }
    /* IGNORED BY IE6 */
    div.vectorTabs ul > li {
        display: block;
    }
    div.vectorTabs li.selected {
        background-image: url(/lib/tpl/portfolio/static/3rd/vector/tab-current-fade.png);
    }
    /* OVERRIDDEN BY COMPLIANT BROWSERS */
    div.vectorTabs li a {
        display: inline-block;
        height: 2.5em;
        padding-left: 0.4em;
        padding-right: 0.4em;
        background-image: url(/lib/tpl/portfolio/static/3rd/vector/tab-break.png);
        background-position: bottom right;
        background-repeat: no-repeat;
    }
    div.vectorTabs li a,
    div.vectorTabs li a span {
        color: #0645ad;
        cursor: pointer;
    }
    div.vectorTabs li a span {
        font-size: 0.8em;
    }
    /* IGNORED BY IE6 */
    div.vectorTabs li > a {
        display: block;
    }
    /* OVERRIDDEN BY COMPLIANT BROWSERS */
    div.vectorTabs a span {
        display: inline-block;
        padding-top: 1.25em;
    }
    /* IGNORED BY IE6 */
    /* @noflip */
    div.vectorTabs a > span {
        float: left;
        display: block;
    }
    div.vectorTabs li.selected a,
    div.vectorTabs li.selected a span,
    div.vectorTabs li.selected a:visited
    div.vectorTabs li.selected a:visited span {
        color: #333333;
        text-decoration: none;
    }
    div.vectorTabs li.new a,
    div.vectorTabs li.new a span,
    div.vectorTabs li.new a:visited,
    div.vectorTabs li.new a:visited span {
        color: #a55858;
    }
    /* Variants and Actions */
    /* @noflip */
    div.vectorMenu {
        direction: ltr;
        float: left;
        background-image: url(/lib/tpl/portfolio/static/3rd/vector/arrow-down-icon.png);
        background-position: 100% 60%;
        background-repeat: no-repeat;
        cursor: pointer;
    }
    /* @noflip */
    body.rtl div.vectorMenu {
        direction: rtl;
    }
    /* OVERRIDDEN BY COMPLIANT BROWSERS */
    /* @noflip */
    div#head div.vectorMenu h5 {
        float: left;
        background-image: url(/lib/tpl/portfolio/static/3rd/vector/tab-break.png);
        background-repeat: no-repeat;
    }
    /* IGNORED BY IE6 */
    div#head div.vectorMenu > h5 {
        background-image: none;
    }
    div#head div.vectorMenu h5 {
        background-position: bottom left;
        margin-left: -1px;
    }
    div#head div.vectorMenu h4 {
        display: inline-block;
        float: left;
        font-size: 0.8em;
        padding-left: 0.5em;
        padding-top: 1.375em;
        font-weight: normal;
        border: none;
    }
    /* OVERRIDDEN BY COMPLIANT BROWSERS */
    /* @noflip */
    div.vectorMenu h5 a {
        display: inline-block;
        width: 24px;
        height: 2.5em;
        text-decoration: none;
        background-image: url(/lib/tpl/portfolio/static/3rd/vector/tab-break.png);
        background-repeat: no-repeat;
    }
    div.vectorMenu h5 a{
        background-position: bottom right;
    }
    /* IGNORED BY IE6 */
    div.vectorMenu h5 > a {
        display: block;
    }
    div.vectorMenu div.menu {
        position: relative;
        display: none;
        clear: both;
        text-align: left;
    }
    /* OVERRIDDEN BY COMPLIANT BROWSERS */
    /* @noflip */
    body.rtl div.vectorMenu div.menu {
        margin-left: 24px;
    }
    /* IGNORED BY IE6 */
    /* @noflip */
    body.rtl div.vectorMenu > div.menu {
        margin-left: auto;
    }
    /* Fixes old versions of FireFox */
    /* @noflip */
    body.rtl div.vectorMenu > div.menu,
    x:-moz-any-link {
        margin-left: 23px;
    }
    div.vectorMenu:hover div.menu {
        display: block;
    }
    div.vectorMenu ul {
        position: absolute;
        background-color: white;
        border: solid 1px silver;
        border-top-width: 0;
        list-style: none;
        list-style-image: none;
        list-style-type: none;
        padding: 0;
        margin: 0;
        margin-left: -1px;
        text-align: left;
    }
    /* Fixes old versions of FireFox */
    div.vectorMenu ul,
    x:-moz-any-link {
        min-width: 5em;
    }
    /* Returns things back to normal in modern versions of FireFox */
    div.vectorMenu ul,
    x:-moz-any-link,
    x:default {
        min-width: 0;
    }
    div.vectorMenu li {
        padding: 0;
        margin: 0;
        text-align: left;
        line-height: 1em;
    }
    /* OVERRIDDEN BY COMPLIANT BROWSERS */
    div.vectorMenu li a {
        display: inline-block;
        padding: 0.5em;
        white-space: nowrap;
    }
    /* IGNORED BY IE6 */
    div.vectorMenu li > a {
        display: block;
    }
    div.vectorMenu li a {
        color: #0645ad;
        cursor: pointer;
        font-size: 0.8em;
    }
    div.vectorMenu li.selected a,
    div.vectorMenu li.selected a:visited {
        color: #333333;
        text-decoration: none;
    }
    /* Search */
    #p-search h5 {
        display: none;
    }
    /* @noflip */
    #p-search {
        float: left;
    }
    #p-search {
        margin-right: 0.5em;
        margin-left: 0.5em;
    }
    #p-search form,
    #p-search input {
        margin: 0;
        margin-top: 0.4em;
    }
    div#simpleSearch {
        margin-top: 0.5em;
        position: relative;
        border: solid 1px #AAAAAA;
        background-color: white;
        background-image: url(/lib/tpl/portfolio/static/3rd/vector/search-fade.png);
        background-position: top left;
        background-repeat: repeat-x;
    }
    div#simpleSearch label {
        font-size: 0.8em;
        top: 0.25em;
    }
    div#simpleSearch input#searchInput {
        margin: 0;
        border-width: 0;
        padding: 0.25em;
        line-height: 1em;
        font-size: 0.8em;
        width: 14em;
        background-color: transparent;
    }
    /* OVERRIDDEN BY COMPLIANT BROWSERS */
    div#simpleSearch button#searchButton {
        margin: 0;
        padding: 0;
        width: 1.75em;
        height: 1.5em;
        border: none;
        cursor: pointer;
        background-color: transparent;
        background-image: url(/lib/tpl/portfolio/static/3rd/vector/search-ltr.png);
        background-position: center center;
        background-repeat: no-repeat;
    }
/* IGNORED BY IE6 */
div#simpleSearch > button#searchButton {
    height: 100%;
}
/* Panel */
div#panel {
    position: absolute;
    top: 100px;
    padding-top: 1em;
    width: 11em;
    left: 0;
}
div#panel div#ospversionpic {
    background: transparent url(/lib/tpl/portfolio/static/3rd/vector/ospversion.png) top center no-repeat;
    height: 45px;
    margin-top: 40px;
}
    div#panel div#ospversion {
        font-size: 0.5em;
        color: #aaa;
        text-align: center;
    }


    div#panel div.portal {
        padding-bottom: 1.5em;
    }
    div#panel div.portal h5 {
        font-weight: normal;
        color: #444444;
        padding: 0.25em;
        padding-top: 0;
        padding-left: 1.75em;
        cursor: default;
        border: none;
        font-size: 0.75em;
    }
    div#panel div.portal div.body {
        margin: 0;
        padding-top: 0.5em;
        margin-left: 1.25em;
        background-image: url(/lib/tpl/portfolio/static/3rd/vector/portal-break.png);
        background-repeat: no-repeat;
        background-position: top left;
    }
    div#panel div.portal div.body ul {
        list-style: none;
        list-style-image: none;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    div#panel div.portal div.body ul li {
        line-height: 1.125em;
        padding: 0;
        padding-bottom: 0.5em;
        margin: 0;
        overflow: hidden;
        font-size: 0.75em;
    }
    div#panel div.portal div.body ul li a {
        color: #0645ad;
    }
    div#panel div.portal div.body ul li a:visited {
        color: #0b0080;
    }
/* Footer */
div#footer {
    margin-left: 11em;
    margin-top: 0;
    padding: 0.75em;
    background-position: top left;
    background-repeat: repeat-x;
}
div#footer ul {
    list-style: none;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#footer ul li {
    margin: 0;
    padding: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    color: #333333;
    font-size: 0.7em;
}
div#footer #footer-icons {
    float: right;
}
/* @noflip */
body.ltr div#footer #footer-places {
    float: left;
}
div#footer #footer-info li {
    line-height: 1.4em;
}
div#footer #footer-icons li {
    float: left;
    margin-left: 0.5em;
    line-height: 2em;
}
div#footer #footer-places li {
    float: left;
    margin-right: 1em;
    line-height: 2em;
}
/* Logo */
#p-logo {
    position: absolute;
    background: #f6f6f6;
    top: -100px;
    left: 0;
    width: 11em;
    height: 100px;
}
#p-logo a {
    display: block;
    width: 11em;
    height: 95px;
    background-repeat: no-repeat;
    background-position: center center;
    text-decoration: none;
}

/*
 *
 * The following code is highly modified from monobook. It would be nice if the
 * preftoc id was more human readable like preferences-toc for instance,
 * howerver this would require backporting the other skins.
 */

/* Preferences */
#preftoc {
    /* Tabs */
    width: 100%;
    float: left;
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
    background-image: url(/lib/tpl/portfolio/static/3rd/vector/preferences-break.png);
    background-position: bottom left;
    background-repeat: no-repeat;
}
    #preftoc li {
        /* Tab */
        float: left;
        margin: 0;
        padding: 0;
        padding-right: 1px;
        height: 2.25em;
        white-space: nowrap;
        list-style-type: none;
        list-style-image: none;
        background-image: url(/lib/tpl/portfolio/static/3rd/vector/preferences-break.png);
        background-position: bottom right;
        background-repeat: no-repeat;
    }
    /* IGNORED BY IE6 */
    #preftoc li:first-child {
        margin-left: 1px;
    }
    #preftoc a,
    #preftoc a:active {
        display: inline-block;
        position: relative;
        color: #0645ad;
        padding: 0.5em;
        text-decoration: none;
        background-image: none;
        font-size: 0.9em;
    }
    #preftoc a:hover {
        text-decoration: underline;
    }
    #preftoc li.selected a {
        background-image: url(/lib/tpl/portfolio/static/3rd/vector/preferences-fade.png);
        background-position: bottom;
        background-repeat: repeat-x;
        color: #333333;
        text-decoration: none;
    }
#preferences {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: -2px;
    clear: both;
    border: solid 1px #cccccc;
    background-color: #f9f9f9;
    background-image: url(/lib/tpl/portfolio/static/3rd/vector/preferences-base.png);
}
#preferences fieldset.prefsection {
    border: none;
    padding: 0;
    margin: 1em;
}
#preferences fieldset.prefsection fieldset {
    border: none;
    border-top: solid 1px #cccccc;
}
#preferences legend {
    color: #666666;
}
#preferences fieldset.prefsection legend.mainLegend {
    display: none;
}
#preferences td {
    padding-left: 0.5em;
    padding-right: 0.5em;
}
#preferences td.htmlform-tip {
    font-size: x-small;
    padding: .2em 2em;
    color: #666666;
}
#preferences div.mw-prefs-buttons {
    padding: 1em;
}
#preferences div.mw-prefs-buttons input {
    margin-right: 0.25em;
}

/*
 * Styles for the user login and create account forms
 */
#userlogin, #userloginForm {
    border: solid 1px #cccccc;
    padding: 1.2em;
    margin: .5em;
    float: left;
}

#userlogin {
    min-width: 20em;
    max-width: 90%;
    width: 40em;
}

/*
 *
 * The following code is slightly modified from monobook
 *
 */
div#content {
    line-height: 1.5em;
}
#bodyContent {
    font-size: 0.9em;
}
/* Links */
a {
    text-decoration: none;
    color: #0645ad;
    background: none;
}
a:visited {
    color: #0b0080;
}
a:active {
    color: #faa700;
}
a:hover {
    text-decoration: underline;
}
a.stub {
    color: #772233;
}
a.new, #p-personal a.new {
    color: #ba0000;
}
a.new:visited, #p-personal a.new:visited {
    color: #a55858;
}

/* Inline Elements */
img {
    border: none;
    vertical-align: middle;
}
hr {
    height: 1px;
    color: #aaa;
    background-color: #aaa;
    border: 0;
    margin: .2em 0 .2em 0;
}

/* Structural Elements */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: black;
    background: none;
    font-weight: normal;
    margin: 0;
    padding-top: .5em;
    padding-bottom: .17em;
    border-bottom: 1px solid #aaa;
    width: auto;
}
h1 { font-size: 188%; }
h1 .editsection { font-size: 53%; }
h2 { font-size: 150%; }
h2 .editsection { font-size: 67%; }
h3,
h4,
h5,
h6 {
    border-bottom: none;
    font-weight: bold;
}
h3 { font-size: 132%; }
h3 .editsection { font-size: 76%; font-weight: normal; }
h4 { font-size: 116%; }
h4 .editsection { font-size: 86%; font-weight: normal; }
h5 { font-size: 100%; }
h5 .editsection { font-weight: normal; }
h6 { font-size: 80%;  }
h6 .editsection { font-size: 125%; font-weight: normal; }
p {
    margin: .4em 0 .5em 0;
    line-height: 1.5em;
}
    p img {
        margin: 0;
    }
abbr,
acronym,
.explain {
    border-bottom: 1px dotted black;
    color: black;
    background: none;
    cursor: help;
}
q {
    font-family: Times, "Times New Roman", serif;
    font-style: italic;
}
/* Disabled for now
blockquote {
    font-family: Times, "Times New Roman", serif;
    font-style: italic;
}*/
pre, code, tt {
    font-family: monospace, sans-serif;
}
code {
    background-color: #f9f9f9;
}
pre {
    padding: 1em;
    border: 1px dashed #2f6fab;
    color: black;
    background-color: #f9f9f9;
    line-height: 1.1em;
}
ul {
    line-height: 1.5em;
    list-style-type: square;
    margin: .3em 0 0 1.5em;
    padding: 0;
    list-style-image: url(/lib/tpl/portfolio/static/3rd/vector/bullet-icon.png);
}
ol {
    line-height: 1.5em;
    margin: .3em 0 0 3.2em;
    padding: 0;
    list-style-image: none;
}
li {
    margin-bottom: .1em;
}
dt {
    font-weight: bold;
    margin-bottom: .1em;
}
dl {
    margin-top: .2em;
    margin-bottom: .5em;
}
dd {
    line-height: 1.5em;
    margin-left: 2em;
    margin-bottom: .1em;
}
/* Tables */
table {
    font-size: 100%;
    color: black;
    /* we don't want the bottom borders of <h2>s to be visible through
     * floated tables */
    background-color: white;
}
fieldset table {
    /* but keep table layouts in forms clean... */
    background: none;
}
/* Forms */
fieldset {
    border: 1px solid #2f6fab;
    margin: 1em 0 1em 0;
    padding: 0 1em 1em;
    line-height: 1.5em;
}
    fieldset.nested {
        margin: 0 0 0.5em 0;
        padding: 0 0.5em 0.5em;
    }
legend {
    padding: .5em;
    font-size: 95%;
}
form {
    border: none;
    margin: 0;
}
textarea {
    width: 100%;
    padding: .1em;
}
select {
    vertical-align: top;
}
/* Table of Contents */
#toc,
.toc,
.mw-warning {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    padding: 5px;
    font-size: 95%;
}
#toc h2,
.toc h2 {
    display: inline;
    border: none;
    padding: 0;
    font-size: 100%;
    font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
    text-align: center;
}
#toc ul,
.toc ul {
    list-style-type: none;
    list-style-image: none;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
}
#toc ul ul,
.toc ul ul {
    margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
    font-size: 94%;
}
/* Images */
div.floatright, table.floatright {
    clear: right;
    float: right;
    position: relative;
    margin: 0 0 .5em .5em;
    border: 0;
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
    float: left;
    clear: left;
    position: relative;
    margin: 0 .5em .5em 0;
    border: 0;
}
div.floatleft p { font-style: italic; }
/* Thumbnails */
div.thumb {
    margin-bottom: .5em;
    border-style: solid;
    border-color: white;
    width: auto;
    background-color: transparent;
}
div.thumbinner {
    border: 1px solid #ccc;
    padding: 3px !important;
    background-color: #f9f9f9;
    font-size: 94%;
    text-align: center;
    overflow: hidden;
}
html .thumbimage {
    border: 1px solid #ccc;
}
html .thumbcaption {
    border: none;
    text-align: left;
    line-height: 1.4em;
    padding: 3px !important;
    font-size: 94%;
}
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: .5em 0 .8em 1.4em;
}
div.tleft {
    float: left;
    clear: left;
    margin-right: .5em;
    border-width: .5em 1.4em .8em 0;
}
img.thumbborder {
    border: 1px solid #dddddd;
}
.hiddenStructure {
    display: none;
}
/* Warning */
.mw-warning {
    margin-left: 50px;
    margin-right: 50px;
    text-align: center;
}
/* User Message */
.usermessage {
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    color: black;
    font-weight: bold;
    margin: 2em 0 1em;
    padding: .5em 1em;
    vertical-align: middle;
}
/* Site Notice */
#siteNotice {
    text-align: center;
    font-size: 0.8em;
    margin: 0;
}
    #siteNotice div,
    #siteNotice p {
        margin: 0;
        padding: 0;
        margin-bottom: 0.9em;
    }
/* Categories */
.catlinks {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    padding: 5px;
    margin-top: 1em;
    clear: both;
}
/* Sub-navigation */
#siteSub {
    display: none;
}
#jump-to-nav {
    display: none;
}
#contentSub, #contentSub2 {
    font-size: 84%;
    line-height: 1.2em;
    margin: 0 0 1.4em 1em;
    color: #7d7d7d;
    width: auto;
}
span.subpages {
    display: block;
}
/* Emulate Center */
.center {
    width: 100%;
    text-align: center;
}
*.center * {
    margin-left: auto;
    margin-right: auto;
}
/* Small for tables and similar */
.small, .small * {
    font-size: 94%;
}
table.small {
    font-size: 100%;
}
/* Edge Cases for Content */
h1, h2 {
    margin-bottom: .6em;
}
h3, h4, h5 {
    margin-bottom: .3em;
}
#firstHeading {
    padding-top: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0.1em;
    line-height: 1.2em;
    font-size: 1.6em;
    padding-bottom: 0;
}
div#content a.external,
div#content a[href ^="gopher://"] {
    background: url(/lib/tpl/portfolio/static/3rd/vector/external-link-ltr-icon.png) center right no-repeat;
    padding: 0 13px 0 0;
}
div#content a[href ^="https://"],
.link-https {
    background: url(/lib/tpl/portfolio/static/3rd/vector/lock-icon.png) center right no-repeat;
    padding: 0 13px 0 0;
}
div#content div#menu a[href ^="https://"],
.link-https {
    background: transparent;
    padding: 0 13px 0 0;
}
div#content a[href ^="mailto:"],
.link-mailto {
    background: url(/lib/tpl/portfolio/static/3rd/vector/mail-icon.png) center right no-repeat;
    padding: 0 13px 0 0;
}
div#content a[href ^="news://"] {
    background: url(/lib/tpl/portfolio/static/3rd/vector/news-icon.png) center right no-repeat;
    padding: 0 13px 0 0;
}
div#content a[href ^="ftp://"],
.link-ftp {
    background: url(/lib/tpl/portfolio/static/3rd/vector/file-icon.png) center right no-repeat;
    padding: 0 13px 0 0;
}
div#content a[href ^="irc://"],
div#content a.extiw[href ^="irc://"],
.link-irc {
    background: url(/lib/tpl/portfolio/static/3rd/vector/talk-icon.png) center right no-repeat;
    padding: 0 13px 0 0;
}
div#content a.external[href $=".ogg"], div#content a.external[href $=".OGG"],
div#content a.external[href $=".mid"], div#content a.external[href $=".MID"],
div#content a.external[href $=".midi"], div#content a.external[href $=".MIDI"],
div#content a.external[href $=".mp3"], div#content a.external[href $=".MP3"],
div#content a.external[href $=".wav"], div#content a.external[href $=".WAV"],
div#content a.external[href $=".wma"], div#content a.external[href $=".WMA"],
.link-audio {
    background: url("/lib/tpl/portfolio/images/audio-icon.png") center right no-repeat;
    padding: 0 13px 0 0;
}
div#content a.external[href $=".ogm"], div#content a.external[href $=".OGM"],
div#content a.external[href $=".avi"], div#content a.external[href $=".AVI"],
div#content a.external[href $=".mpeg"], div#content a.external[href $=".MPEG"],
div#content a.external[href $=".mpg"], div#content a.external[href $=".MPG"],
.link-video {
    background: url("/lib/tpl/portfolio/images/video-icon.png") center right no-repeat;
    padding: 0 13px 0 0;
}
div#content a.external[href $=".pdf"], div#content a.external[href $=".PDF"],
div#content a.external[href *=".pdf#"], div#content a.external[href *=".PDF#"],
div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"],
.link-document {
    background: url("/lib/tpl/portfolio/images/document-icon.png") center right no-repeat;
    padding: 0 13px 0 0;
}
/* Interwiki Styling  (Disabled) */
div#content a.extiw,
div#content a.extiw:active {
    color: #36b;
    background: none;
    padding: 0;
}
div#content a.external {
    color: #36b;
}
div#content .printfooter {
    display: none;
}
/* Icon for Usernames */
#pt-userpage,
#pt-anonuserpage,
#pt-login {
    background: url(/lib/tpl/portfolio/static/3rd/vector/user-icon.png) left top no-repeat;
    padding-left: 15px !important;
    text-transform: none;
}

.toccolours {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    padding: 5px;
    font-size: 95%;
}
#bodyContent {
    position: relative;
    width: 100%;
}
#mw-js-message {
    font-size: 0.8em;
}
div#bodyContent {
    line-height: 1.5em;
}

/* Watch/Unwatch Icon Styling */
#ca-unwatch.icon,
#ca-watch.icon {
    margin-right:1px;
}
#ca-unwatch.icon a,
#ca-watch.icon a {
    margin: 0;
    padding: 0;
    outline: none;
    display: block;
    width: 26px;
    height: 2.5em;
}
#ca-unwatch.icon a {
    background-image: url(/lib/tpl/portfolio/static/3rd/vector/watch-icons.png);
    background-position: -43px 60%;
}
#ca-watch.icon a {
    background-image: url(/lib/tpl/portfolio/static/3rd/vector/watch-icons.png);
    background-position: 5px 60%;
}
#ca-unwatch.icon a:hover {
    background-image: url(/lib/tpl/portfolio/static/3rd/vector/watch-icons.png);
    background-position: -67px 60%;
}
#ca-watch.icon a:hover {
    background-image: url(/lib/tpl/portfolio/static/3rd/vector/watch-icons.png);
    background-position: -19px 60%;
}
#ca-unwatch.icon a.loading,
#ca-watch.icon a.loading {
    background-image: url(/lib/tpl/portfolio/static/3rd/vector/watch-icon-loading.gif);
    background-position: center 60%;
}
#ca-unwatch.icon a span,
#ca-watch.icon a span {
    display: none;
}
div.vectorTabs ul {
    background-image:url(/lib/tpl/portfolio/static/3rd/vector/tab-break.png);
    background-position:right bottom;
    background-repeat:no-repeat;
}

div.vectorTabs form  {
    background-image:url(/lib/tpl/portfolio/static/3rd/vector/tab-break.png);
    background-position:right bottom;
    background-repeat:no-repeat;
    float:left;
    height: 2.5em;
    padding: 0;
    margin: 0;
}
div.vectorTabs form input.button {
    padding-left: 0.4em;
    padding-right: 0.4em;
    margin-top: 0.33em;
    color: #0645AD;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 80%;
    height: 100%;
    border: 0;
    background: transparent;
}
/******************************************************************************
 ********************************  ATTENTION  *********************************
         DO NOT MODIFY THIS FILE, IT WILL NOT BE PRESERVED ON UPDATES!
 ******************************************************************************
  If you want to add some own screen CSS, have a look at the README of this
  template and "/user/screen.css". You have been warned!
 *****************************************************************************/

/* Notes about how the template CSS works:

   - This template includes 3rd party CSS files:
     1) CSS from the "default" DokuWiki template by Andreas Gohr (brings
        important and basic styling for syntax and core features)
     2) CSS from the original "vector" skin for MediaWiki (brings the basic
        layout and overwrites some "default" styling)
     These files will be included BEFORE this specific CSS file. In this file,
     I just overwrite non fitting MediaWiki "vector" and DokuWiki "default" CSS
     + add some CSS for some exclusive objects of this template
   - Why I am doing this? Well, read <http://j.mp/jIyE2>. I followed the main
     principle described there and simply apply it to the two sources ("default"
     template and "vector" skin).
   - This way also ensures a painless update, if there are new versions of
     MediaWiki vector or DokuWiki CSS files. Cause these 3rd party components
     were not edited or partially copied, I do not have to track their changes
     in detail.

   Explanation of the different sections in here:
   - "Styles/corrections for the template itself"
     General CSS targeting the template structure. This section overwrites non
     fitting CSS of the "vector" MediaWiki skin and "default" DokuWiki template.
     Read the notes above and <http://j.mp/jIyE2> if you do not know why I am
     doing it this way.
   - "Browser Hacks and corrections"
     Section containing bigger hacks for browser specific problems.
*/


/******************************************************************************
 ************** Styles/corrections for the template itself ********************
 ******************************************************************************/
/* --------------- general styling --------------- */
/* missing page links outside rendered articles */
a.wikilink2,
a.wikilink2:link,
a.wikilink2:visited,
a.wikilink2:hover {
  color: #ba0000;
  border-bottom: 0 none;
  text-decoration: none;
}
a.wikilink2:hover {
  text-decoration: underline;
}

/* external links */
div#bodyContent a.urlextern {
  background: url(/lib/tpl/portfolio/static/3rd/vector/external-link-ltr-icon.png) center right no-repeat;
  padding: 0 13px 0 0;
}
div#bodyContent a.mail {
  background: transparent url(/lib/tpl/portfolio/static/3rd/vector/mail-icon.png) center right no-repeat;
  padding: 0 13px 0 0;
}

/* other links */
div.dokuwiki a.windows {
  background: transparent url(/lib/tpl/portfolio/static/3rd/dokuwiki/windows.gif) center right no-repeat;
  padding: 0 18px 1px 0;
}

/* interwiki links: place icons at the right side */
div.dokuwiki a.interwiki {
  background-position: center right;
  padding: 0 17px 0 0;
}

/* headlines */
div#content .dokuwiki h1,
div#content .dokuwiki h2,
div#content .dokuwiki h3,
div#content .dokuwiki h4,
div#content .dokuwiki h5,
div#content .dokuwiki h6 {
  border-bottom: 1px solid #aaa;
  color: #000;
  margin: 0;
  padding-bottom: 0.17em;
  padding-top: 0.5em;
}
div#content .dokuwiki h1,
div#content .dokuwiki h2 {
  margin-bottom:0.6em;
  font-weight: normal;
}
div#content .dokuwiki h3,
div#content .dokuwiki h4,
div#content .dokuwiki h5,
div#content .dokuwiki h6 {
  font-weight: bold;
  border-bottom: none;
  margin-bottom: 0.3em;
}
div#content .dokuwiki h3 {
  font-size: 132%;
}
div#content .dokuwiki h4 {
  font-size: 116%;
}
div#content .dokuwiki h5 {
  font-size: 100%;
}
div#content .dokuwiki h6 {
  font-size: 80%;
}

/* remove indent from different sections */
div#content .dokuwiki div.level1,
div#content .dokuwiki div.level2,
div#content .dokuwiki div.level3,
div#content .dokuwiki div.level4,
div#content .dokuwiki div.level5 {
  margin-left: 0;
}

/* lists */
div#content .dokuwiki ul {
  list-style-type: square;
  margin-top: .3em;
  margin-left: 1.5em;
  padding: 0;
  list-style-image: url(/lib/tpl/portfolio/static/3rd/vector/bullet-icon.png);
}
div#content .dokuwiki ol {
  margin-top: .3em;
  margin-left: 3.2em;
  padding: 0;
  list-style-image: none;
}

/* quotes */
div#content .dokuwiki blockquote {
  border-left: 2px solid #ababab;
  padding-left: 3px;
  margin-left: 0.2em;
}

/* preformatted stuff, source code */
div#content .dokuwiki code,
div#content .dokuwiki pre,
div#content .dokuwiki pre.code,
div#content .dokuwiki pre.file {
  font-size: 100%;
}
div#content .dokuwiki pre,
div#content .dokuwiki pre.code,
div#content .dokuwiki pre.file {
  line-height: 1.2em;
  background-color: #f9f9f9;
}
div#content .dokuwiki dl.file,
div#content .dokuwiki dl.file dd {
  margin-left: 0;
}
div#content .dokuwiki dl.file dt {
  background-color: #f9f9f9;
  border-bottom: 2px solid #f9f9f9;
}

/* "you are here" and "breadcrumbs" */
.catlinks {
  font-size: 80%;
  margin-bottom: 1em;
}
.catlinks p,
.catlinks div {
  margin: 0.3em 0;
}

/* section edit buttons */
div#content .dokuwiki div.secedit input.button {
  border: 0 none;
  text-transform: lowercase;
  color: #002bb8;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background: transparent none;
}

/* insitu-footnotes */
div.insitu-footnote code,
div.insitu-footnote pre {
  font-size: 80%;
}


/* --------------- sidebar --------------- */
div#panel .dokuwiki {
  font-size: 0.75em;
  line-height: 1.125em;
}
div#panel a.wikilink1,
div#panel a.wikilink2,
div#panel a.urlextern {
  padding-left: 0;
  background: transparent none;
  color: #002bb8;
}
div#panel .body {
  margin-right: 0.45em !important;
  padding-top: 0.25em !important;
}
div#panel .body .dokuwiki p {
  margin: 0;
}
/* div#panel .body .dokuwiki ul {
  line-height: 1.5em;
} */
div#panel .body .dokuwiki ul li {
  font-size: 1em !important;
  padding: 0.25em 0 !important;
}
div#panel .body .dokuwiki li ul {
  font-size: 95% !important;
  margin: 0.25em 0 0 1em !important;
}
div#panel .body .dokuwiki ol {
  margin: 0 0 0 1.65em;
}
/* translation plugin by Anreas Gohr */
div#panel .body .dokuwiki .plugin_translation span {
  display: none;
}
div#panel .body .dokuwiki .plugin_translation {
  padding-right: 0 !important;
}
div#panel .body .dokuwiki .plugin_translation,
div#panel .body .dokuwiki .plugin_translation ul,
div#panel .body .dokuwiki .plugin_translation li {
  float: none;
  margin: 0;
  padding-right: 0;
  line-height: 1.5em;
  font-size: 100%;
}
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:link,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:active,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:visited,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:link,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:active,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:visited {
  background-color: transparent;
  margin: 0;
  padding: 0;
}
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:before,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:before {
  content: attr(title) " (";
}
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:after,
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:after {
  content: ") ";
}
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1 {
  color: #002bb8 !important;
}
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2 {
  color: #ba0000 !important;
}
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink1:hover {
  text-decoration: underline;
}
div#panel .body .dokuwiki .plugin_translation ul li a.wikilink2:hover {
  text-decoration: underline !important;
}
div#panel .body .dokuwiki .plugin_translation select {
  width: 90%;
  margin: auto !important;
  text-align: left;
}
div#panel .body .dokuwiki .plugin_translation option,
div#panel .body .dokuwiki .plugin_translation option.wikilink1,
div#panel .body .dokuwiki .plugin_translation option.wikilink2 {
  padding: auto 5px !important;
  text-align: left;
}


/* --------------- search --------------- */
/* copy of the original vector id="searchInput" styles cause we have to use
   another id for DokuWiki */
div#simpleSearch input#qsearch__in {
  margin: 0;
  border-width: 0;
  padding: 0.25em;
  line-height: 1em;
  font-size: 0.8em;
  width: 14em;
  background-color: transparent;
}
/* Ajax quicksearch */
#qsearch__out {
  top: 72px;
  width: 100%;
  display: none;
  left: auto;
  right: 7.93335px;
  bottom: auto;
  height: auto;
  font-family: sans-serif;
  font-size: 0.8em;
  background-color: window;
  border: 1px solid #aaa;
}
#qsearch__out ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#qsearch__out li {
  color: windowtext;
  margin: 0;
  width: 100%;
  padding: 1px;
}
#qsearch__out li a {
  width: 97%; /* leave some space for browser rounding errors */
  display: block;
}
#qsearch__out li:hover {
  background-color: #bbb;
}
#qsearch__out li a,
#qsearch__out li a:link,
#qsearch__out li a:visited,
#qsearch__out li a:hover {
  color: windowtext;
  text-decoration: none;
}


/* --------------- footer --------------- */
div#footer a.wikilink1,
div#footer a.wikilink2,
div#footer a.urlextern {
  padding-left: 0;
  background: transparent none;
  color: #002bb8;
}
/* default copyright notice layout */
div#footer #footer-info li#footer-info-copyright .license {
  font-size: 100%;
  text-align: left;
  padding: 0;
}
div#footer #footer-info li#footer-info-copyright .license a.urlextern {
  margin-left: 0.4em;
}


/* --------------- Table of contents (TOC) --------------- */
#toc__header {
  line-height: 1.45em;
}
div.toc,
#toc__inside a.toc,
#toc__inside ul.toc {
  border: 0 none;
  background: transparent none;
  font-size: 100%;
}
#toc__inside ul.toc {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 1em !important;
  list-style-type: none !important;
  list-style-image: none !important;
  margin: 0 !important;
}
#toc__inside a.toc {
  padding: 0;
}


/* --------------- generic content classes --------------- */
div.error,
div.info,
div.success,
div.notify {
  font-size: 80%;
  line-height: 1.25em;
}


/* --------------- admin menu --------------- */
/* editing preview */
div#content .dokuwiki div.preview {
  margin-left: 0;
}
/* "remeber me" checkbox, login */
div.dokuwiki form#dw__login label.simple {
  text-align: center;
  padding-bottom: 0.4em;
}


/* --------------- media manager --------------- */
#media__manager {
  min-heigth: 550px;
}
#media__left,
#media__right {
  position: relative !important;
}
#media__right {
  padding-left: 0.2em;
  width: 98%;
}
/* make a "non-embedded"/fullpage manager possible trough hiding some stuff */
body.mmanagernotembedded .noprint,
body.mmanagernotembedded #siteNotice,
body.mmanagernotembedded #footer {
  display: none !important;
}
body.mmanagernotembedded #content {
  margin: 0 !important;
}





/******************************************************************************
 ********************* Browser Hacks and corrections **************************
 ******************************************************************************/
/* MSIE: fix textarea in admin menu (incl. jumping bug MSIE8) */
textarea,
.dokuwiki #dw__editform textarea.edit {
  /* fix scrollbar flickers in IE8 standards mode, see
     http://j.mp/bHExde and http://j.mp/ad7Abj for details */
  width: 450px\9;
  max-width: 100%\9;
  min-width: 100%\9;
  /* overwrite original vector with fixes for IE6/7 */
  #width: 100% !important;
  border: auto;
}
/* ajax quicksearch: MSIE 6/7 */
* html #qsearch__out {
  width: 206px;
}
#qsearch__out ul {
  #list-style: none !important;
  #list-style-image: none !important;
}
#qsearch__out li {
  #width: 206px;
}
/* admin menu icons: MSIE 6/7 */
.dokuwiki ul.admin_tasks li div.li {
  #border-left: 1px dashed #fff; /* invisible border triggers IE to render the stuff */
}
/* en: Place for user defined CSS rules (screen media) - this file can safely be
   preserved when updating. See README for details.
   
   de: Ort für benutzerdefinierte CSS-Regeln (screen media) - Diese Datei kann
   beim Durchführen von Updates ohne Risiko beibehalten werden. Konsultieren Sie
   die README für Detailinformationen. */
 
/* Anpassungen Oktober 2016, comformatik AG: Bestimmte Links sollen ausgeblendet werden, da sie stören. */
.dokuwiki li#t-special a[href="/portfolio/doku.php?id=bookcreator:start"] { visibility: hidden; height: 0; padding:0; overflow:hidden }
.dokuwiki li#coll-download-as-odt,
.dokuwiki li#coll-download-as-rl {visibility: hidden; height: 0; padding:0; overflow:hidden }