﻿.cos-ctl-dialog-overlay
{
    background-color: #000; 
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    filter:Alpha(opacity=25); 
    -moz-opacity: 0.25; 
    opacity: 0.25;
    z-index: 30;
}

.cos-ctl-dialog {position: absolute; z-index: 100}

.cos-ctl-dialog ul
{
    clear: both;
}

.cos-ctl-dialog ul.header p.titel {
			margin-top: 5px;
			margin-left: 10px;
			font-size: .85em;
			color: #fff;
			line-height: 29px;
		}

.cos-ctl-dialog > ul > li {float: left;}
.cos-ctl-dialog ul li.left { width: 13px;}
.cos-ctl-dialog ul li.right { width: 12px;}

.cos-ctl-dialog ul.header { height: 35px; overflow:hidden;}
.cos-ctl-dialog ul.header li { height: 35px;}
.cos-ctl-dialog ul.header li.left { background: url(../images/interface/dialog-top-left.png);}
.cos-ctl-dialog ul.header li.content { background: url(../images/interface/dialog-top-content.png) no-repeat right;}
.cos-ctl-dialog ul.header li.right { background: url(../images/interface/dialog-top-right.png);}

.cos-ctl-dialog ul.body {overflow: hidden;}
.cos-ctl-dialog ul.body li {overflow: hidden;}
.cos-ctl-dialog ul.body li.left { background: url(../images/interface/dialog-body-left.png);}

.cos-ctl-dialog ul.body li.content div.inner-content { background-color: #fff; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; overflow: hidden; position:relative}
.cos-ctl-dialog ul.body li.content div.inner-content h2 { font-size: 1em; margin: 0px;}
.cos-ctl-dialog ul.body li.content div.inner-content p { font-size: 0.8em; margin: 0px; padding: 0px;}

.cos-ctl-dialog ul.body li.content div.inner-content .form
{
   /*padding: 20px;*/  
}

.cos-ctl-dialog ul.body li.content div.inner-content input,
.cos-ctl-dialog ul.body li.content div.inner-content label
{
    font-family: arial;
    font-size: 1em;
    /*width: 95%;*/
    /*display: block;*/
    /*margin: auto;*/
}

.cos-ctl-dialog ul.body li.content div.inner-content label
{
    /*padding-top: 20px;*/
    margin-bottom: 5px;
}

.cos-ctl-dialog ul.body li.content div.inner-overlay { position: absolute; background-color: #000; opacity: 0.4; filter: alpha(opacity=40); border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc;}
.cos-ctl-dialog ul.body li.content h2.inner-overlay-text { position: absolute; color: #fff; font-size: 0.8em; width: 200px; height: 40px; top: 50%; left: 50%; margin-left: -100px; margin-top: -20px; }
.cos-ctl-dialog ul.body li.content div.content-menu-bottom { height: 40px; background-color: #f4f4f4; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999;}
.cos-ctl-dialog ul.body li.right { background: url(../images/interface/dialog-body-right.png);}

.cos-ctl-dialog ul.footer {height: 12px;}
.cos-ctl-dialog ul.footer li {height: 12px;}
.cos-ctl-dialog ul.footer li.right { }
.cos-ctl-dialog ul.footer li.left { background: url(../images/interface/dialog-footer-left.png);}
.cos-ctl-dialog ul.footer li.content { background: url(../images/interface/dialog-footer-content.png);}
.cos-ctl-dialog ul.footer li.right { background: url(../images/interface/dialog-footer-right.png);}

.cos-ctl-button { float: right; padding-top: 8px;}
.cos-ctl-button li {float: left;}
.cos-ctl-button li a { display: block; height: 20px; width: 70px; line-height: 18px; margin-right: 5px; padding: 0 10px; font-size: .75em; color: #333; border: 1px solid #f4f4f4;}
.cos-ctl-button li a:hover { background-color: #DEF7ED; border: 1px solid #00CCFF;}
.cos-ctl-button li a.btn1 { width: 125px; margin-right: 5px; padding-left: 5px;}
.cos-ctl-button li a.btn2 { width: 64px; margin-right: 8px; padding: 0 6px;}    
.cos-ctl-button li input { font-family: arial; font-size: 0.7em; }
.cos-ctl-button li input.btn1 { width: 125px; margin-right: 5px}
.cos-ctl-button li input.btn2 { width: 125px; margin-right: 8px}    


#overlay { display: none; position: absolute; z-index: 999; filter: alpha(opacity=60);
  bottom: 100px; left: 200px; height: 200px; width: 200px; background-color: #DEF7ED; border: 1px solid #00CCFF;}     
        