/**********************************************************/
/*  WM_JooRoos_J1.6                                       */
/*  copyright (C) 2011 - WebMasher                        */
/*  license GNU/GPL http://www.gnu.org/copyleft/gpl.html  */
/**********************************************************/

pre, .code {
background: #EDEDED;
border: 1px solid #D3D3D3;
border-left: 5px solid #888888;
font: 1em/1.5 "Courier News", monospace;
margin: 5px 0 15px;
padding: 10px 15px;

}

p.note {
background: url(../images/typo/sticky-bg.png) no-repeat 5px center #FFFFFF;
border: 1px solid #CCCCCC;
padding: 10px 0px 15px 50px;
}

p.download {
background: url(../images/typo/download-bg.png) no-repeat 5px center #FFFFFF;
border: 1px solid #CCCCCC;
padding: 10px 0px 15px 50px;
}

p.info {
background: url(../images/typo/info.png) no-repeat 5px center #FFFFFF;
border: 1px solid #CCCCCC;
padding: 10px 0px 15px 50px;
}

p.error {
background: url(../images/typo/error.png) no-repeat 5px center #FFFFFF;
border: 1px solid #CCCCCC;
padding: 10px 0px 15px 50px;
}

p.music{
background: url(../images/typo/music.png) no-repeat 5px center #FFFFFF;
border: 1px solid #CCCCCC;
padding: 10px 0px 15px 50px;
}

.highlight {
line-height:30px;
padding-left:15px;
border-top:1px solid #FFF700;
border-bottom:1px solid #FFF700;
background: #FFFFCC;
font-weight: bold;
margin: 10px 0;
}
.highlight_grey {
line-height:30px;
padding-left:15px;
border-top:1px solid #777;
border-bottom:1px solid #777;
background: #999;
font-weight: bold;
margin: 10px 0;
color: #eee;
}

/*	List  */
ul.normal, ul.check, ul.arrow, ul.normal_red, ul.check_red, ul.arrow_red  {
margin-left:6px;
margin-top:10px;
padding-left:0;
}
.normal li, .check li, .arrow li, .normal_red li, .check_red li, .arrow_red li {
background: url(../images/typo/list_normal.png) 0 0px no-repeat;
padding-left: 21px;
list-style:none;
margin:5px 0;
}
.check li {
background: url(../images/typo/list_check.png) 0 2px no-repeat;
}
.arrow li {
background: url(../images/typo/list_arrow.png) 0 1px no-repeat;
}
.normal_red li {
background: url(../images/typo/list_normal_red.png) 0 0px no-repeat;
}
.arrow_red li {
background: url(../images/typo/list_arrow_red.png) 0 1px no-repeat;
}
.check_red li {
background: url(../images/typo/list_check_red.png) 0 2px no-repeat;
}

.normal li:hover, .check li:hover, .arrow li:hover, .normal_red li:hover, .check_red li:hover, .arrow_red li:hover, ol li:hover  {
color: #222;
cursor:default;
}

ul.normal ul, ul.check ul, ul.arrow ul, ul.normal_red ul, ul.check_red ul, ul.arrow_red ul {
margin-left: 0px;
margin-top:4px;
padding-left:0;
}

.normal li li, .check li li, .arrow li li, .normal_red li li, .check_red li li , .arrow_red li li  {
background: url(../images/typo/list_normal.png) 0 2px no-repeat;
padding-left: 18px;
list-style:none;
margin:5px 0;
}

ol {
margin: 5px 0;
background-color: transparent;
padding: 0 0 0 20px;
}

ol li {
margin: 0;
padding: 1px 5px;
font-weight: normal;
}

blockquote.black, blockquote.red, blockquote.big {
margin: 10px 30px 10px 30px;
padding: 10px 35px 10px 35px;
border: none;
text-align:justify;
font-style:italic;
font-size:105%;
line-height:35px;
}

blockquote.black {
background: url(../images/typo/quote_black.png) 0 5px no-repeat;
}

blockquote.red {
background: url(../images/typo/quote_red.png) 0 5px no-repeat;
}

blockquote.big {
background: url(../images/typo/quote_big.gif) 0 5px no-repeat;
padding-left: 50px;
}

blockquote.black p , blockquote.red p {
margin: 0px -35px -10px 0px;
padding: 0px 35px 10px 0px;
color: #444;
}

blockquote.black p {
background: url(../images/typo/quote_black_end.png) 100%  no-repeat;
color: #000;
}

blockquote.red p {
background: url(../images/typo/quote_red_end.png) 100%  no-repeat;
color: #a93232;
}

blockquote.big p {
background: url(../images/typo/quote_big_end.gif) 100%  no-repeat;
color: #888;
padding-right:50px;
}

.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

#system-message{ 
margin-bottom: 10px; 
margin-left:10px;
padding: 0;
}

#system-message dt { 
font-weight: bold; 
}

#system-message dd { 
margin: 0; 
font-weight: bold; 
text-indent: 30px; 
}

#system-message dd ul { 
color: #292929; 
margin-bottom: 10px; 
list-style: none; 
padding: 10px; 
border-top: 3px solid #84A7DB; 
border-bottom: 3px solid #84A7DB; 
list-style: none;
}

#system-message dd.message ul { 
background: #888; 
border: 0; 
}

#system-message dd.error ul { 
background: #888; 
border: 0; 
color:#fff;
}

#system-message dd.notice ul { 
background: #333; 
border: 0;
}

#system-debug{ 
color: #ccc; 
background-color: #fff; 
padding: 10px; 
margin: 10px;
}

#system-debug div { 
font-size: 11px;
}

p#vtip { 
display: none; 
position: absolute; 
padding: 10px; 
left: 5px; 
font-weight: bold;
font-size: 11px;
margin: 0;
color: #9FD4FF;
background: url(../images/bubble.png) repeat top left; 
z-index: 9999 
}