/**
 * Uniweb widgets
 * Version 1.0
 *
 */

/*      Layouts         */
#modal_layout {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.6;
    z-index: 1000;
    top: 0;
    text-align: center;
    vertical-align: middle;
}

/*      Globals     */
a {
    text-decoration: none;
}
a.close_popup {
    display: inline-block;
    float: right;
    margin: 0 5px;
    background-color: #78aeba;
    border: 1px solid #ccc;
    color: #b72713;
    font: bold 0.9em/20px arial;
    border-radius: 3px;
    padding: 0 5px;
}
.uw_element ul, .uw_element ol, .uw_element img, .uw_element p, .uw_element h1, .uw_element h2, .uw_element h3, .uw_element h4, .uw_element h5 {
    list-style-image: none;
    list-style-position: inside;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font: normal 0.95em arial;
}

.uw_element table, .uw_element table th, .uw_element table td {
    font: normal 0.9em arial;
    text-align: center;
    vertical-align: middle;
}
.uw_element_on_top {
    position: absolute;
    z-index: 1005;
    background-color: #fff;
}
.padding_ {
    height: 300px;
}

.uw_element {
    max-height: 90%;
    clear: both;
    overflow: auto;
    border: 5px solid #DEDEDE;
    box-shadow: 0 0 15px -5px #0070A3;
    margin: 5px auto;
}

.uw_element h2 {
    margin: 0 0 5px 0;
    padding: 0 15px;
    background-color: #014D68;
    background-color: #DEDEDE;
    font: bold 1em/1.6em arial;
    border-bottom: 1px solid #ccc;
}

.uw_element .uw-toolbar {
}

.uw-toolbar ul li {
    display: inline-block;
}

.uw-button {
    border: none;
    display: inline-block;
    min-width: 50px;
    height: 20px;
    font: normal 0.9em/20px arial;
    background-color: #014Dfe;
    padding: 0 5px;
    color: #fff;
    outline: none;
    margin: 0 1px 0 0;
}

.pane {
    overflow: hidden;
    vertical-align: top;
    display: inline-block;
    min-height: 100px;
    margin: 2px 0;
}

.pane h3 {
    display: block;
    border-bottom: 4px solid #ABC;
    text-align: center;
    font: normal 0.9em/1.4em arial;
    margin: 0 3px;
    background-color: #D0D0D0
}

.pane .dynamic-content {

}

/**
 *     FILTERS
 */

.filters {
    margin: 5px;
    border: 1px solid #DDD;
    padding: 1px;
    border-top: none;
}
.filters h4 {
    border: 1px solid #EEE;
    text-indent: 5px;
    font: small-caps 700 0.85em arial;
}
.filters .filter {
    width: 50%;
    padding: 2px 0;
    margin: 1px 0;
    background-color: #EFEFEF;
    display: inline-block;
}
.filters .full-row {
    display: block;
    width: auto;
}

.filters .filter label, .filters .filter input[type=text] {
    display: inline-block;
    font: normal 0.9em /1.2em arial;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}
.filters .filter label {
    font: normal 0.9em arial;
    padding: 0 3px;
}
.filters .filter input[type=text] {
    border: 1px solid #DDD;
    text-align: center;
}
.filters .numeric-3digits input[type=text] {
    width: 30%;
}
.filters .numeric-3digits label {
    text-align: right;
    max-width: none;
}
.filters label:after {

}

.filters .long-text label {
    width: 40%;
}
.filters .long-text input[type=text] {
    width: 55%;
}
/*************************/

/******************************
 *      PANE FOOTER
 ******************************/
.status-bar {

}
.status-bar .full-row {
    display: block;
    clear: both;
}
.stats-bar .stats {
    background-color: #E0E0E0;
}

/******************************************************************
 *          BOX  ELEMENTS
 ******************************************************************/
.pane ul.box-elements li.element {
    display: block;
    clear: both;
    padding: 3px;
    margin: 10px;
    border: 2px solid transparent;
}

.pane ul.box-elements li.selected-element {
    box-shadow: 0 0 10px -5px #FC3;
    background-color: #FDFDEE;
}
.pane ul.box-elements li.element h4 {
    background-color: #366097;
    color: #fff;
    line-height: 130%;
    padding: 0 5px;
}

.pane ul.box-elements li.element p {
    display: inline-block;
    width: 48%;
}
.pane ul.box-elements li.element fieldset {
    display: block;
    border: none;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.pane ul.box-elements li.element table {
    border: 1px solid #D2E0E6;
    width: 100%;
    font: normal 0.9em arial;
}
.pane ul.box-elements li.element table th {
    background-color: #BBBBBB;
    color: #fff;
    text-transform: capitalize;
}
.pane ul.box-elements li.element table td {
    border: 1px solid #D2E0E6;
}
.pane ul.box-elements li.element div.inlined {
    vertical-align: middle;
    display: inline-block;
}

.uw-dynamic-content-header {
    display: block;
    clear: both;
    height: 15%;
}

.uw-dynamic-content-header p {
    font: normal 0.95em arial;
}
.uw-dynamic-content-header p span {
    display: inline-block;
    margin: 0;
    text-align: center;
    width: 49%;
}

.uw-dynamic-content-header table.header-stats {
    width: 100%;
}
table.header-stats th {
    width: 80px;
    font: bold 0.9em/1.6em arial;
    background-color: #E1E1E1;
}
table.header-stats th, table.header-stats td {
    border: 1px solid #DDD;
}
table.header-stats {
}

/*******************************************************
 *######################################################
 *      UW_POINTS_SELECTOR
 *######################################################
 *******************************************************/
#uw_device_list, #uw_io_list {
    height: 90%;
    overflow: auto;
}
.io-toolbar {
    border: 1px solid #DDD;
    background-color: #c9c8b6;
    padding: 4px;
}
.io-toolbar .control {
    color: #996600;
    background-color: #F0F0EE;
    padding: 0 5px;
    margin: 0 3px;
}
a.control:hover {
    text-decoration: none;
    color: #408080
}
.control-right-float {

}

#uw_io_list .points-header {
    margin: 0 10px;
}
#uw_io_list .points-header p {
    background: #EEE;
    display: inline-block;
    width: 48%;
    text-indent: 1em;
    font: normal 0.9em arial;
    margin: 5px 1% 0 0;
}
#uw_io_list .points-header span {
    display: inline-block;
    margin: 3px 5px;
    background: #FFF;
    padding: 0 5px;
    text-indent: 0;
}
#uw_io_list ul.box-elements li.element {
    display: block;
    margin: 5px;
}
.pane ul.box-elements li.element fieldset {
    display: inline-block;
    width: 30px;
}
#uw_io_list ul.box-elements li.element label {
    display: block;
    text-align: center;
}
#uw_io_list ul.box-elements li.element div {
    width: 80%;
}
#uw_io_list ul.box-elements li.element table {
    width: 100%;
    border-collapse: collapse
}

/**
 *     Devices
 */
#uw_device_list {
    width: 35%;
}
.pane ul.box-elements li.device_element-rtl,.pane ul.box-elements li.device_element-ltr {
    border: 1px solid #DDD;
    text-align: center;
    border-radius: 6px;
    border-bottom-width: 4px;
}
.pane ul.box-elements li.device_element-ltr {
    background: url('../images/icons/cpu32trans.png') left center no-repeat;
    padding-left: 40px;
}
.pane ul.box-elements li.device_element-rtl {
    background: url('../images/icons/cpu32trans.png') right center no-repeat;
    padding-right: 40px;
}
#uw_device_list ul.box-elements li.selected-element-rtl {
    border-color: #CCC;
    padding-left: 40px;
    background: #EEa url('../images/icons/cpu32.png') left center no-repeat;
}
#uw_device_list ul.box-elements li.selected-element-ltr {
    border-color: #CCC;
    padding-right: 40px;
    background: #EEa url('../images/icons/cpu32.png') right center no-repeat;
}

#uw_device_list ul.box-elements li.device_element h4 {
    background-color: #AED0EA;
    border-radius: 0 4px 0 0;
    color: #234;
    font: bold 0.8em arial;
}
#uw_device_list ul.box-elements li.device_element p.left-border {
    border-left: 1px solid #CCC;
}
#uw_device_list ul.box-elements li.device_element p sup {
    float: left;
    margin: 0 5px;
}
.devices_filter {
    width: 40px;
}
#filter_device_title {
    width: 140px;
}
/**
 *      .uw_points_selection_panel
 */
#uw_io_list {
    width: 60%;
}
.header-stats {
    width: 100%
}
#uw_io_list .header-stats .filters td {
    width: 100%;
    padding-bottom: 5px;
}
#uw_io_list .header-stats .filters td label, #uw_io_list .header-stats .filters td input[type=text] {
    width: 100px;
}

#uw_io_list li.point_element-ltr {
    padding-left: 30px;
    background: url('../images/icons/point24trans.png') left center no-repeat;
}
#uw_io_list li.point_element-rtl {
    padding-right: 30px;
    background: url('../images/icons/point24trans.png') right center no-repeat;
}
#uw_io_list li.selected-element-rtl {
    background: url('../images/icons/point24.png') left center no-repeat;
}
#uw_io_list li.selected-element-ltr {
    background: url('../images/icons/point24.png') right center no-repeat;
}

/***********************************
 *      IO GALLERY
 **********************************/
.io-gallery li {
    width: 99%;
}
.io-gallery li * {
    width: auto;
}

/*****************************************
 *      Globals - must come last (specifities)
 */

/* ---------------------------------------------------------------
 Clearfix
 --------------------------------------------------------------- */
.clearfix {
    display: block;
    clear: both;
}

.clearfix {
}