/************** Skin 1 *********************/
.dd {
    /*display:inline-block !important;*/
    text-align:left;
    background: none;
    font-family: 'Arial', 'Verdana', 'Lato', 'Quattrocento Sans', sans-serif;
    font-size:12px;
    position:relative;
    float: left;
    border-right: 1px solid #aeaeae;
    color: #5a5a5a;
}
.dd .ddTitle {
    background: url("../img/customDropDown_bgr.png") no-repeat left top;
    padding:0 3px;
    text-indent:0;
    cursor:default;
    overflow:hidden;
    height:28px;
    text-align: left;
    color: #5a5a5a;
}
.dd .ddTitle span.arrow {
    background:url(../img/arrowDropDown.png) no-repeat 0 0;
    float:right;
    display:inline-block;
    width: 10px;
    height: 17px;
    cursor:pointer;
    margin-top: 11px;
}

.dd .ddTitle span.ddTitleText {
    text-indent:1px;
    overflow:hidden;
    line-height:28px;
    text-shadow:1px 1px 0px #eaeaea;
    padding-left: 3px;
    color: #5a5a5a;
}
.dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
    padding:0 3px 0 0;
    vertical-align:middle;
}
.dd .ddChild {
    position:absolute;
    border:1px solid #999999;
    webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    border-top:none;
    display:none;
    margin-top: -3px;
    width:auto;
    overflow:auto;
    overflow-x:hidden !important;
    background-color:#cecece;
    z-index: 9999 !important;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:12px}
.dd .ddChild a {
    display:block;
    padding:7px;
    text-decoration:none;
    color:#5a5a5a;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    text-shadow: 1px 1px 0px #eaeaea;
}
.dd .ddChild a:hover {
    background-color:#c0c0c0;
    opacity: 0.7;
}
.dd .ddChild a img {
    border:0;
    padding:0 2px 0 0;
    vertical-align:middle;
}
.dd .ddChild a.selected {
    background-color:#c0c0c0;

}
.hidden {display:none;}

.dd .borderTop{border-top:1px solid #c3c3c3 !important;margin-top: -3px; padding-right: 1px;}
.dd .noBorderTop{border-top:none 0  !important; margin-top: -3px; padding-right: 1px;}

/************** Skin 2 *********************/
.inputHolder .dd {
    /*display:inline-block !important;*/
    text-align:left;
    background: none;
    font-family: 'Arimo','PT Sans','Lato','Quattrocento Sans', sans-serif;
    font-size:12px;
    position:relative;
    float: none;
    border-right: 0 none;
    width: 380px !important;
    border: 1px solid #dbdbdb;
    display: inline-block;
    margin: 5px 0;
    vertical-align: middle;
}
.inputHolder .dd .ddTitle {
    background: #fff;
    padding:0;
    text-indent:0;
    cursor:default;
    overflow:hidden;
    height:20px;
    text-align: left;
}
.inputHolder .dd .ddTitle span.arrow {
    background:url(../img/drop-arrow.png) no-repeat 0 0;
    float:right;
    display:inline-block;
    width: 23px;
    height: 20px;
    cursor:pointer;
    margin-top: 0;
    margin-right: -1px;
}

.inputHolder .dd .ddTitle span.ddTitleText {
    text-indent:1px;
    overflow:hidden;
    line-height:20px;
    text-shadow:1px 1px 0px #eaeaea;
    padding-left: 3px;
}
.inputHolder .dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0}
.inputHolder .dd .ddTitle img.selected {
    padding:0 3px 0 0;
    vertical-align:middle;
}
.inputHolder .dd .ddChild {
    position:absolute;
    border: 1px solid #dbdbdb;
    display:none;
    margin: 0 0 0 -1px;
    width: 380px !important;
    overflow:auto;
    overflow-x:hidden !important;
    background-color: #fff;
    z-index: 9999 !important;
}
.inputHolder .dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.inputHolder .dd .ddChild a {
    display:block;
    padding:5px;
    text-decoration:none;
    color:#5a5a5a;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    text-shadow:1px 1px 0px #eaeaea;
}
.inputHolder .dd .ddChild a:hover {
    background-color:#ccc;
    opacity: 0.7;
}
.inputHolder .dd .ddChild a img {
    border:0;
    padding:0 2px 0 0;
    vertical-align:middle;
}
.inputHolder .dd .ddChild a.selected {
    background-color:#ccc;

}
.inputHolder .hidden {display:none;}

.inputHolder .dd .borderTop{border-top:1px solid #dbdbdb !important;}
.inputHolder .dd .noBorderTop{border-top: 1px solid #dbdbdb !important;}

/************** Skin 3 *********************/
.smallHolder .dd {
    /*display:inline-block !important;*/
    text-align:left;
    background: none;
    font-family: 'Arimo','PT Sans','Lato','Quattrocento Sans', sans-serif;
    font-size:12px;
    position:relative;
    float: none;
    border-right: 0 none;
    width: 80px !important;
    border: 1px solid #dbdbdb;
    display: inline-block;
    margin: 5px 0;
    vertical-align: middle;
}
.smallHolder .dd .ddTitle {
    background: #fff;
    padding:0;
    text-indent:0;
    cursor:default;
    overflow:hidden;
    height:20px;
    text-align: left;
}
.smallHolder .dd .ddTitle span.arrow {
    background:url(../img/drop-arrow.png) no-repeat 0 0;
    float:right;
    display:inline-block;
    width: 23px;
    height: 20px;
    cursor:pointer;
    margin-top: 0;
    margin-right: -1px;
}

.smallHolder .dd .ddTitle span.ddTitleText {
    text-indent:1px;
    overflow:hidden;
    line-height:20px;
    text-shadow:1px 1px 0px #eaeaea;
    padding-left: 3px;
}
.smallHolder .dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0}
.smallHolder .dd .ddTitle img.selected {
    padding:0 3px 0 0;
    vertical-align:middle;
}
.smallHolder .dd .ddChild {
    position:absolute;
    border: 1px solid #dbdbdb;
    display:none;
    margin: 0 0 0 -1px;
    width: 80px !important;
    overflow:auto;
    overflow-x:hidden !important;
    background-color: #fff;
    z-index: 9999 !important;
}
.smallHolder .dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.smallHolder .dd .ddChild a {
    display:block;
    padding:5px;
    text-decoration:none;
    color:#5a5a5a;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    text-shadow:1px 1px 0px #eaeaea;
}
.smallHolder .dd .ddChild a:hover {
    background-color:#ccc;
    opacity: 0.7;
}
.smallHolder .dd .ddChild a img {
    border:0;
    padding:0 2px 0 0;
    vertical-align:middle;
}
.smallHolder .dd .ddChild a.selected {
    background-color:#ccc;

}
.smallHolder .hidden {display:none;}

.smallHolder .dd .borderTop{border-top:1px solid #dbdbdb !important;}
.smallHolder .dd .noBorderTop{border-top: 1px solid #dbdbdb !important;}

.noselect {
    cursor: default;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

.noselect:focus {
    outline: none;
}

.report_exporter_div h3 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
}