/* 
    Created on : 21 Oct, 2013, 10:39:12 PM
    Author     : Deb
*/
.tooltips{
    /*background: url(../images/help.png) left no-repeat;*/
    background-image: url(../images/sprites.png);
    background-position: 16px 1600px;
    width:16px;
    height: 15px;
    float: left;
    cursor:help;
    border-radius: 80px 80px 80px 80px;
    -webkit-border-radius: 80px 80px 80px 80px;
    margin: 3px 2px;
}
div.tooltips{cursor: pointer;}
#tooltips{
    background:#000000;
    color:#ffffff;
    min-width:180px;
    max-width:300px;
    min-height: 30px;
    height:auto;
    max-height: 120px;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    padding: 2px 10px;
    position:absolute;
    text-align: left;
    z-index: 1000000000;
    font-size: 13px;
    line-height: 15px;
    overflow: hidden;
    font-style: italic;
    /*-webkit-writing-mode: horizontal-tb;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    -webkit-appearance: push-button;
    align-items: flex-start;*/
}
#tooltips:before {
    content: "";
    position: absolute;
    z-index: 1000000000;
    /*border-bottom: 20px solid rgba(10, 10, 10, 0.8);
    top: -20px;
    /*border-left: 10px solid transparent;*/
    /*border-right: 10px solid transparent;
    left: 10px;*/
}

#tooltip{
    background:#000000;
    color:#ffffff;
    width:10px;
    height:auto;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    /*padding: 5px 10px;*/
    position:absolute;
    z-index: 1000000000;
    /*-webkit-writing-mode: horizontal-tb;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    -webkit-appearance: push-button;
    align-items: flex-start;*/
}
/*#tooltip:before {
        content: "";
        position: absolute;
        border-right: 10px solid transparent;
        /*border-left: 0;*/
/*border-bottom: 10px solid #000000;
border-bottom: 10px solid rgba(0, 0, 0, 0.8);
left: 10px;
top: -10px;
}*/
#tooltip:before {
    content: "";
    position: absolute;
    border-bottom: 20px solid rgba(10, 10, 10, 1);
    top: -20px;
    border-left:6px solid transparent;
    border-right: 6px solid transparent;
    left: 8px;
    z-index: 1000000000;
}
/*.le {
content: "";
position: absolute;
border-bottom: 20px solid rgba(10, 10, 10, 0.5);
top: -20px;
border-left: 10px solid transparent;
left: 190px;
}*/
#preview{
    position:absolute;
    border:1px solid #e0e0e0;
    background:#cccccc;
    padding:5px;
    display:none;
    color: #000;
    text-align:center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
/*
#preview img{border:none;}
#preview ul,#preview li{
    margin:0;
    padding:0;
}
#preview li{
    list-style:none;
    float:left;
    display:inline;
    margin-right:10px;
}
*/