﻿
/* filters' section */

/* common blue head taped box */

/*little firlter*/
.filtersTitle_little
{
    height: 20px;
    width: 440px;
}
.filtersM_little
{
    background: url(../images/bluebg.gif) repeat-x;
    height: 18px;
    width: 423px;
    padding: 2px 4px 0px 5px;
    float: left;
    font: bold 12px  Arial, Helvetica, sans-serif;
    color: #FFF;
}

/*little filter*/

.filters
{
    padding-bottom: 0px; /* 20 */
}
.filtersTitle
{
    height: 20px;
    width: 872px;
}
.filtersL
{
    background: url(../images/butmenleft2.png) no-repeat;
    height: 23px;
    width: 5px;
    float: left;
}
.filtersM
{
    background: url(../images/butmenbg2.png) repeat-x;
    height: 23px;
    width: 853px;
    padding: 2px 4px 0px 5px;
    float: left;
    font: bold 14px  Arial, Helvetica, sans-serif;
    color: #FFF;
}
.filtersR
{
    background: url(../images/butmenright2.png) no-repeat;
    height: 23px;
    width: 5px;
    float: left;
}
.filtersContent, .narrowFilter
{
    padding: 10px;
    border: 1px solid #666666;
    text-align: center;
}

.filtersContentLeft
{
    padding: 10px;
    border: 1px solid #3880C3;
    text-align: left;
}

/* filters - table version */
.filterstable
{
    width: 99%;
    border-style: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}
.bottom
{
    vertical-align: bottom;
}
.filterstable td
{
    border-style: none;
}
.filterstable td.padTop
{
    padding-top: 6px;
}
.filterstable td.padBottom
{
    padding-bottom: 6px;
}
.filterstable td.right
{
    text-align: right;
    padding-right: 2px;
    padding-left: 5px;
}
.filterstable td.left
{
    text-align: left;
}
.filterstable input
{
    border: 1px solid #8c8c8c !important;
    background-color: white;
    color: #333333;
    font: normal normal 14px  Arial, Helvetica, sans-serif;
    padding: 1px 1px 1px 3px;
    width: 150px;
    float: left; /*width: 96%;*/ /*width: 94% */
}
.filterstable input.checkbox
{
    border-style: none !important;
    background-color: inherit;
    color: #333333;
    font: normal normal 11px  Arial, Helvetica, sans-serif;
    padding: 1px 1px 1px 3px;
    width: 14px !important;
    float: left;
}
.filterstable input.date
{
    border: 1px solid #ccdef0 !important;
    background-color: white;
    color: #333333;
    font: normal normal 11px  Arial, Helvetica, sans-serif;
    padding: 1px 1px 1px 3px;
    width: 172px; /*width: 96%;*/ /*width: 94% */
}
.filterstable input.historyFilter
{
    border-width: 0 !important;
    padding: 1px !important;
    margin: 1px !important;
    width: 15px !important;
}
.filterstable select
{
    border: 1px solid #c8c8c8 !important;
    background-color: white;
    color: #333333;
    font: normal normal 14px  Arial, Helvetica, sans-serif; /* width: 99%; */
    width: 157px;
    float: left; /* height: 15px; */
}
select.statistics
{
    width: 200px !important;
}

select.large 
{
    width: 350px !important;
}

.filterstable .labelsel
{
    padding-right: 8px;
    text-align: right;
}
.filterstable option
{
    margin: 1px;
}

.filterstable td.left a.button
{
    float: left;
    margin-right: 8px;
    text-decoration: none;
}
.filterstable td.right a.button
{
    float: right;
    margin-left: 8px;
    text-decoration: none;
}
.filterstable td.right a.button1
{
    float: left;
    margin-left: 8px;
    text-decoration: none;
}
.filterstable td.right a.button1a
{
    float: left;
    margin-left: 165px;
    text-decoration: none;
}

/************/
/* common table listing */

.listtable
{
    border: 0px solid #cccccc;
    width: 100%;
}

.innerlisttable
{
    background-color: White;
}

.action
{
    padding: 1px;
    text-align: center;
    vertical-align: middle;
}
.action a
{
    margin: 5px 2px 4px 2px;
}
.data
{
    padding: 1px 2px;
    vertical-align: top;
}

.tdSeparator
{
    background-color: #c8c8c8;
    padding: 0;
    width: 1px;
}

.tdSeparatorHeader
{
    background-color: #ffffff;
    padding: 0;
    width: 1px;
}

.sep
{
    background-color: #c8c8c8;
    width: 1px;
}
.even
{
    background-color: #e6e6e6;
}
th, th a
{
    background-color: #d7e3e9;
    color: #012e56;
    font: bold 14px  Arial, Helvetica, sans-serif;

}
/*
th a {
	margin-left:5px;
}
*/
/* tree table */
.cat0
{
    text-align: left;
    padding: 2px 5px;
}
.cat0 a, .cat1 a, .cat2 a, .cat3 a, .cat4 a
{
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}
.subcat, .cat1, .cat2, .cat3, .cat4
{
    background: #f5f8e3 url(../images/greenish.gif) repeat-x top;
}
.cat1
{
    text-indent: 20px;
    text-align: left;
}
.cat2
{
    text-indent: 40px;
    text-align: left;
}
.cat3
{
    text-indent: 60px;
    text-align: left;
}
.cat4
{
    text-indent: 80px;
    text-align: left;
}
.itemID
{
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
/* add new button */
.addItems
{
    clear: both;
    display: block;
    margin: 5px auto;
    width: 100%;
}
.addItems a
{
    background: transparent url(../images/add-new-small.gif) no-repeat 6px 5px;
    color: #0083cc;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 18px;
    padding: 4px 0 0 24px;
    text-decoration: none;
}



/* Emo 21.10.2008 - Customers -> Sites values add edit */

.customerFiltersContent
{
    width: 832px;
}
.customerFiltersTitle
{
    width: 872px;
}
.customerFiltersTitle .filtersM
{
    width: 837px;
}

/* Fix for opera - align the function buttons. For example - search and reset */

.alignedRight, x:-moz-any-link
{
    padding-right: 22px !important;
}
.alignedRight2, x:-moz-any-link
{
    padding-right: 17px !important;
}
.alignedRight3, x:-moz-any-link
{
    padding-right: 31px !important;
}
.alignedRight4, x:-moz-any-link
{
    padding-right: 10px !important;
}
.alignedRight8, x:-moz-any-link
{
    padding-right: 12px !important;
}
.alignedRight6, x:-moz-any-link
{
    padding-right: 54px !important;
}
.alignedRight7, x:-moz-any-link
{
    padding-right: 34px !important;
}
.alignedRight5
{
    padding-right: 90px !important;
}


/* Fix for opera - align the function buttons. For example - search and reset */

.actionsRight
{
    text-align: right;
    width: 49px;
}
.actionsLeft
{
    text-align: left !important;
}

/* /Emo 21.10.2008 - Customers -> Sites values add edit */

/* Trayan 2009-04-01 - Allart Categories */
.addAllarmCatItems
{
    clear: both;
    display: block;
    margin: 5px auto;
    float: left;
}
.addAllarmCatItems a
{
    background: transparent url(../images/add-new.gif) no-repeat 6px 5px;
    color: #3880c3;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 18px;
    padding: 4px 0 0 24px;
    text-decoration: none;
}

.filtersTitleInline_little
{
    height: 20px;
    width: 430px;
}
.filtersInlineM_little
{
    background: url(../images/bluebg.gif) repeat-x;
    height: 18px;
    width: 413px;
    padding: 2px 4px 0px 5px;
    float: left;
    font: bold 12px  Arial, Helvetica, sans-serif;
    color: #FFF;
}

.filtersInline
{
    padding-bottom: 0px; /* 20 */
    width: 430px;
}
.filtersInlineContent
{
    padding: 0px;
    border: 1px solid #3880C3;
    text-align: center;
    width: 428px;
    height: 75px;
}
.filterValidator
{
   float: left;
    margin-left: 5px;
}