/* iCalamus colors:
   Blue:   #2E4793;
   Red:    #DD0052;
   Yellow: #FFFFEE;
*/

body {
   background: #ffffff;
   color: #000000;
   margin: 8px;
   font-family: sans-serif;
   font-size: 14px;
   line-height: 1.5em;
}

q:lang(cs) { quotes: "\201E"      "\201C"      "\201A"      "\2018"      }
q:lang(da) { quotes: "\00BB"      "\00AB"      "\203A"      "\2039"      }
q:lang(de) { quotes: "\201E"      "\201C"      "\201A"      "\2018"      }
q:lang(en) { quotes: "\201C"      "\201D"      "\2018"      "\2019"      }
q:lang(es) { quotes: "\00AB"      "\00BB"      "\2039"      "\203A"      }
q:lang(fr) { quotes: "\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A" }
q:lang(it) { quotes: "\00AB"      "\00BB"      "\2039"      "\203A"      }
q:lang(lv) { quotes: "\201D"      "\201C"      "\201D"      "\201C"      }
q:lang(nl) { quotes: "\201E"      "\201D"      "\201A"      "\2019"      }
q:lang(pl) { quotes: "\201E"      "\201C"      "\00AB"      "\00BB"      }
q:lang(sv) { quotes: "\201D"      "\201D"      "\2019"      "\2019"      }

q:before   { content:open-quote;  color:#2E4793; }
q:after    { content:close-quote; color:#2E4793; }
q q:before { content:open-quote;  color:Red;     }
q q:after  { content:close-quote; color:Red;     }

hr {
   width: 100%;
   height :1px;
   border-width: 0 0 0 0;
   color: #2E4793;
   background-color: #2E4793;
   margin: 12px 0px 12px 0px;
}

a {
   text-decoration: none;
   color: #2E4793;
   border-bottom-width: 1px;
   border-bottom-color: #2E4793;
}

a:hover {
   text-decoration: underline;
   color: #DD0052;
}

a.elink {
	padding-left:		16px;
	background-image:	url("elink.gif");
	background-position:	left;
	background-repeat:	no-repeat;
	font-weight : bold;
}

/* add more space between enumeration items */
ol li {
   padding-bottom: 12px;
}



table {
	font-family: sans-serif;
	background-color: #eeeeff;
}

tr, td {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #ccceee;
	padding: 4px 8px 4px 8px;
}

dt {
	background-color: #eeeeff;
	padding: 4px 4px 4px 8px;
}

dd {
	padding: 4px;
	margin-bottom: 8px;
}


/* UDO HTML5 classes */
.UDO_caption_valign_bottom {
   /* <http://www.w3.org/wiki/CSS/Properties/vertical-align>
    * baseline, sub, super, top, text-top, middle,
    * bottom, text-bottom, length, or a value in percentage
    */
    vertical-align:text-bottom;
}

.UDO_div_align_left {}

.UDO_div_align_center {
   margin-left:auto;
   margin-right:auto;
   text-align:center;
}

.UDO_div_align_right {
   text-align:right;
}

.UDO_span_tt {
	font-size: 16px;
   font-family: Courier, monospace;
	color: #2E4793;
}

.UDO_h1_align_center,
.UDO_h2_align_center,
.UDO_p_align_center,
.UDO_td_align_center {
   /* <http://www.w3.org/wiki/CSS/Properties/text-align>
    * left, right, center, justify, inherit
    */
   text-align:center;
}

.UDO_p_align_right,
.UDO_td_align_right {
   /* <http://www.w3.org/wiki/CSS/Properties/text-align>
    * left, right, center, justify, inherit
    */
   text-align:right;
}

.UDO_td_nowrap {
   white-space:nowrap;
}

.UDO_td_valign_top {
   /* <http://www.w3.org/wiki/CSS/Properties/vertical-align>
    * baseline, sub, super, top, text-top, middle,
    * bottom, text-bottom, length, or a value in percentage
    */
    vertical-align: top;
}


.UDO_index_list {
	background-color: #eeeeff;
   font-size: 1.5em;
   color: Gray;
	padding: 4px 4px 8px 8px;
}

.UDO_index_name {
	background-color: #eeeeff;
	padding: 0 98% 0 1%;
	border-width: 0 0 1px 0;
	border-color : #2e4793;
	border-style : solid;
}

.UDO_nav_index {
   position: absolute;
   right: 12px;
   padding: 0 8px;
   border-width: 1px;
   border-style: solid;
   border-color: #2e4793;
}

.notebox {
   border:1px solid #5088C5;
   background-color:#EEE;
   margin:12px 0 12px 0;
   padding:6px 16px;
   text-align:left;
   clear:right
}
.hintbox {
   border:1px solid #5088C5;
   background-color:#EEE;
   margin:12px 0 12px 0;
   padding:6px 16px;
   text-align:left;
   clear:right
}
.importantbox {
   border:1px solid #DD0052;
   background-color:#EEE;
   margin:12px 0 12px 0;
   padding:6px 16px;
   text-align:left;
   clear:right
}
