/* Dialog */
div.dialog
{
    background-color: Transparent; /* Hintergrundfarbe Panel */
    margin: 0px;
    border: none 0px;
    color: #000;
    padding: 0px;
}

/* Überschrift */
.dialog H2, .dialog H2 span
{
    margin: 0;
    padding: 0;
    color: #ffffff;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}

/* Normaler Text */
div.dialog p
{
    margin: 0;
    padding: 20px 20px 0px 20px;
    color: #564b47;
}

/* Button */
div.dialog input[type=submit], div.dialog input[type=reset], div.dialog input[type=button]
{
    padding: 0px;
    width: 100px;
    height: 22px;
    border: 1px solid #AAAAAA;
    background: #F6F6F6;
    color: #565656;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 10px;
    cursor: pointer;
    text-align: center;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bolder;
}


div.dialog input[type=submit]:hover, div.dialog input[type=reset]:hover, div.dialog input[type=button]:hover
{
    background: #B0C171;
    color: #FFFFFF;
}

/* Validierungshinweise */
.Validation
{
    margin-left: 0px;
}

/* Felderliste */
div.validation ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: square;
}

/* Eine Zeile */
div.validation ul li
{
    list-style-type: square;
    margin: 0px; /* Abstand zwischen den Zeilen */
    padding: 0px;
    display: block;
}

/* Eingabebereich mit Labels und Eingabefeldern */
.Lbl, .LblR
{
    text-align: right;
    color: Navy;
}
.LblR
{
    font-weight: bolder;
}
.FldBox
{
    padding-right: 10px;
}
.Fld
{
    width: 100%;
}

/* Bei Dialogen den Hintergrund ausblenden */
.modalBackground    
{
    background-color: Gray;
    filter: alpha(opacity=40);
    opacity: 0.4;
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;   
}

.grid
{
    width: 99.9%;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: small;
}
.grid .mid
{
    font-size: small;
    padding: 3px 0px 0px 0px;
}
.grid .datatable
{
    font-size: small;
    width: 100%;
    color: #666;
    border-bottom: solid 1px #D0D0D0;
}
.grid .datatable TH
{
    font-size: small;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: left;
    padding: 2px 4px;
    color: #333333;
    border-bottom: solid 2px #D0D0D0;
}
.grid .datatable TH A
{
    text-decoration: none;
    padding-right: 18px;
    color: #000000;
}
.grid .datatable TH.sortasc A
{
    background: url(imgDialog/asc.gif) right center no-repeat;
}
.grid .datatable TH.sortdesc A
{
    background: url(imgDialog/desc.gif) right center no-repeat;
}
.grid .datatable TD
{
    font-size: small;
    text-align: left;
    padding: 6px 4px;
    border-bottom: solid 1px #D0D0D0;
}
.grid .datatable .row:hover
{
    background-color: #F0F0F0;
    color: #000;
}
.grid .datatable .first
{
    padding-left: 10px;
}
/* Data Pager Styles */
.grid .pager
{
    font-family: Arial, Helvetica, Sans-Serif;
    text-align: right;
    padding: 6px;
}
.grid .pager SPAN.command, .grid .pager SPAN.current, .grid .pager A.command
{
    color: #5a90ce;
    padding: 0px 5px;
    text-decoration: none;
    border: none;
}
.grid .pager A.command:hover
{
    border: solid 2px #408BB6;
    background-color: #59A5D1;
    color: #fff;
    padding: 0px 3px;
    text-decoration: none;
}
.grid .pager SPAN.current
{
    border: none;
    font-weight: bold;
    color: #3e3e3e;
    padding: 0px 6px;
    font-size: 18px;
}

div.rounded {
    clear:both;
    max-width:2400px;
}

div.rounded div.top-outer {
    background:url(imgDialog/tl.gif) no-repeat left bottom;
    padding:0px;
    width:100%;
}

div.rounded div.top-outer div.top-inner {
    background:url(imgDialog/tr.gif) no-repeat right bottom;
    margin-left:8px;
}

div.rounded div.top-outer div.top-inner div.top {
    background:url(imgDialog/tm.gif) repeat;
    height:23px;
    margin-right:8px;
    font-size:.01em;
}

div.rounded div.mid-outer {
    background:url(imgDialog/l.gif) left repeat-y;
    clear:both;
    width:100%;
}

div.rounded div.mid-outer div.mid-inner {
    background:url(imgDialog/r.gif) right repeat-y;
    margin-left:8px;    
}

div.rounded div.mid-outer div.mid-inner div.mid {
	background-color:#ffffff;
    margin-right:8px;
    height: 100%;
}

/* Hack für IE8 - sonst gibt es eine Lücke oben */
div.mid 
{
    border: solid 1px white;
}

div.rounded div.bottom-outer {
    background:url(imgDialog/bl.gif) no-repeat left top;
    clear:both;
    padding:0px;
    width:100%;
}

div.rounded div.bottom-outer div.bottom-inner {
    background:url(imgDialog/br.gif) no-repeat right top;
    margin-left:8px;
}

div.rounded div.bottom-outer div.bottom-inner div.bottom {
    background:url(imgDialog/bm.gif) repeat;
    height:8px;
    margin-right:8px;
    font-size:.01em;
}