source: trunk/prototype/modules/mail/css/label.css @ 7750

.label-configure-win fieldset { border: 1px solid #CCC; border-radius:5px; margin:5px;}
.label-configure-win legend { color: #707070; }
.label-configure-win ul{text-align:left; margin: 0; padding: 0;}

#windowLabels.label-configure-win { margin: 5px; padding:0;}
.label-configure-win .input-nome { width: 135px; outline:0; background:#FFF;}
.label-configure-win .lebals-colorpicker { border: 1px solid #CCC; height: 210px; } 
.label-configure-win .label-conf { float: left;}
.label-configure-win .buttons { float:right; margin:5px 5px 0 0; }
.label-configure-win .button-close-window { float:right; margin:6px 5px 0 0; }
.label-configure-win .colorpicker { float: right; margin: 0 30px 0 0; } 
.label-configure-win .preview-label-inner { margin: 2px 0 0 10px; float: left; }

.label-configure-win .preview-label-outer { 
        margin: 5px; 
        float:left; 
        width: 151px; 
        height: 20px;  
        margin: 20px 0 0 130px; 
        -moz-border-radius: 4px; 
        -webkit-border-radius: 4px; 
        border: 1px solid #333;
}
.label-configure-win .colorwell { margin: 0; outline: 0; width: 151px; }
.label-configure-win .label-cor { float:left; width: 130px;} 
.label-configure-win .imgTriangle { width: 5px; height: 5px; background: #333;}

.acc-list {
        font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; 
        font-size:11px;
        color:#555; 
}

.acc-list h3{
        margin-top: 2px;
        font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; 
        font-size:11px; 
        color:#555; 
        padding:3px 3px; 
        background-color:#fff;
}

.acc-list ul{ margin:5px 0;}
.acc-list ul li{ border-radius:3px; padding:3px;}
.label-configure-win .acc-list ul li:hover {background-color:#DDD;}
.label-configure-win .acc-list ul li.active {background-color:#EB8F00;}
.label-configure-win .acc-list ul li strong {display:block;}
.label-configure-win .acc-list ul li em {display:block;}

.label-configure-win .configure-label-content {
        width:590px;
        height:335px;
        float:left;
        border: 1px solid #A6C9E2; 
        margin:2px 0 0 0;
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px;
}
.label-configure-win .acc-list.list-label-content{
        width:190px;
        height:368px;
        float:left;
        margin:2px 10px 0 5px;
        border: 1px solid #A6C9E2;
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px;
}
.label-configure-win .acc-list.list-label{
        width:150px; 
        height:70%; 
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px; 
        margin:10px 0 0 0;
}

.label-configure-win .label-list-container .label-list { overflow: auto; height: 293px; margin:0px;}
.label-configure-win .label-list-container .label-list li{ background: #FFF; margin:3px 2px 0 2px; border:1px solid #CCC; width: 162px; height:18px;}
.label-configure-win .label-list-container .label-list .acc-list ul li{ border-radius:3px; padding:2px;}
.label-configure-win .label-list-container .label-list li:hover { cursor:pointer; background:#ECEDFF}
.label-configure-win .label-list-container .label-list li.empty-item { border:0px;}
.label-configure-win .label-list-container .label-list li.empty-item:hover { cursor : auto; background:white;}
.label-configure-win .label-list li .button { display:none;}
.label-configure-win .label-list li:hover .button { display:block; }

#MyMarckersList.list-label .my-labels { 
        margin: 10px 0 0 20px; 
        text-align:left; 
        position: relative; 
}
#MyMarckersList.list-label .title-my-labels {
        margin:0 0 0 5px;       
        font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; 
        font-size:11px;
        color:#000000; 
        cursor:pointer;
}
#MyMarckersList.list-label .title-my-labels:hover {     
        color:red !important;   
        text-decoration: none !important;
}
#MyMarckersList.list-label .status-list-labels{display:inline-block; position: absolute;}
#MyMarckersList.list-label ul {height: auto; margin: 5px 0 0 6px; padding:0; list-style:none; }
#MyMarckersList.list-label.acc-list ul li{ border-radius:3px;  padding:2px 2px 3px 2px;}

#MyMarckersList.list-label li.label-item{ 
        cursor:pointer; 
        background: #FFF; 
        margin:2px 2px 0 12px; 
        border:1px solid #CCC; 
        width: 150px; 
        height:13px; 
}

.label-configure-win .insert-label{width: 200px; outline:0; background:#FFF;}
.label-configure-win .attendee-list-add fieldset { height:15px; width: 174px; background:#FFF; margin:5px 2px 20px 2px;}
.label-configure-win .attendee-list-add fieldset .insert-label{ width:130px; border:#FFF; outline: 0 none; margin:0; }
.label-configure-win .color-suggestions { margin: 10px 0 30px 0; }
.label-configure-win .form-item { margin: 5px 0;}
.label-configure-win .selectedDefault { background: #fed4b4; border: 1px solid #fb8c37; -moz-border-radius: 5px; -webkit-border-radius:5px; }
.label-configure-win .edit-value-list { opacity:0.65; margin-top:0; width:115px;}

#listMarkers{width: 800px !important;}
.label-configure-win .add-label-button { float:right; cursor: pointer; }

.configure-zebra-dialog {z-index:1007 !important;}

span.removeLabeled {margin:0 5px 0 5px;font-weight: bold; float:right;}
span.removeLabeled:hover {color: #CCC;}

span.removeLabeledMsg {margin:0 5px 0 5px;font-weight: bold;}
span.removeLabeledMsg:hover {cursor: pointer;}