/* 
    Document   : moodal
    Created on : 04.03.2010, 11:16:49
    Author     : stefan
    Description:
        Stuff for moodal box.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* moodalbox CSS */

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
z-index: 9999;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
z-index: 9999;
}

div#mb_center {
background-color: #FFF;
z-index: 9999;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 1px solid #DDD;
overflow: auto;
background-color: #000;
visibility: hidden;
z-index: 9999;
}

.mb_loading {
background: #DDD url(images/loading.gif) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
z-index: 9999;
}

#mb_error em {
font-size: 0.8em;
z-index: 9999;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border-bottom:10px solid #DDDDDD;
border-right:2px solid #DDDDDD;
border-top:10px none #DDDDDD;
border-top-style: none;
z-index: 9999;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(images/abbruch.png) no-repeat center;
margin: 5px 0;
z-index: 9999;
}

div#mb_caption {
margin-right: 71px;
z-index: 9999;
}