/*
REFU
*/

/*html
{
    height: 100%;
}*/

body
{
    font: 75% Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #28343B;
}

h1
{
    margin: 0;
    padding: 0;
    font-size: 200%;
}

h2
{
    margin: 0;
    padding: 0;
    font-size: 150%;
}

h3
{
    background-image: url(Images/itemdot.gif);
    background-position: 0 2px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 0 0 17px;
    font-size: 12px;
    vertical-align: middle;
}

h4
{
    margin: 0;
    padding: 0;
    font-size: 100%;
}

.pro
{
    vertical-align: text-top;
}

.prologo
{
    width: 32px;
    height: 16px;
    border: none;
    vertical-align: baseline;
}

a
{
    text-decoration: underline;
    color: #28343B;
}

a:hover, a:visited:hover
{
    text-decoration: underline;
    color: #58646B;
}

a i
{
    display: none;
}

.lighttext
{
    color: #E1E0DE;
}

.lighttext:hover
{
    color: #B3C2D0;
}

.subscript
{
    font-size: 60%;
    vertical-align: sub;
}

.superscript
{
    font-size: 50%;
    vertical-align: super;
}

ul
{
    margin: 0 0 0 5px;
    padding: 0 0 0 1em;
    list-style-type: circle;
    list-style-image: url(Images/bullet.gif);
}

/** Vertical separator **/
.vertsep
{
    width: 5px;
}

/* Vertical menu separator */
.vmenusep
{
    width: 9px;
    height: 24px;
    background-image: url(Images/vsep.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.hmenusep
{
    border-style: solid none none;
    border-width: 1px;
    border-color: #B3C2D0;
}

#maincontainer
{
    min-width: 1000px;
    margin: 0 auto;
    padding: 0 0 10px;
    max-width: 1260px;
    overflow: auto;
}

/** HEADER *******************************************************************/
#main #headertop
{
    border: none;
    background-color: #FF010C;
    height: 4px;
}

#main #header
{
    border-style: none solid;
    position: relative;
    overflow: hidden;
    padding: 0 5px 5px 0;
    background-color: #FFF;
    border-right-width: 1px;
    border-left-width: 1px;
    border-left-color: #FF010C;
    border-right-color: #B3C2D0;
    background-image: url(Images/headerbg.gif);
    background-position: right top;
    background-repeat: repeat-y;
    height: 70px;
}

.producttitleimage
{
    margin: 0;
    border: none;
    display: block;
    height: 90px;
}

.producttitle
{
    background-position: 0 0;
    margin: 0;
    text-decoration: none;
    display: block;
    background-image: url(Images/productlogohome.gif);
    background-repeat: no-repeat;
    height: 90px;
    overflow: hidden;
    max-width: 600px;
}

.producttitle:hover img
{
    display: inline;
    /* background-position: left -79px;*/
}

.producttitlehome
{
    margin: 0;
    border: none;
    display: none;
    position: absolute;
    top: 51px;
    left: 161px;
    /*height: 16px;*/
}

.aboutcompanylogo
{
    background-position: 0 0;
    margin: 0;
    text-decoration: none;
    display: block;
    background-image: url(Images/companylogo.gif);
    background-repeat: no-repeat;
    height: 60px;
    overflow: hidden;
    width: 132px;
}

#main #header #logininfo
{
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
}

.impersonate
{
    float: right;
    padding: 2px;
    background-color: #FDF1B7;
    border-style: dashed;
    border-color: #FFDE67;
    border-width: 1px;
    position: relative;
    overflow: auto;
}

/*This is necessary to prevent the updatePanel to behave like a div*/
.updatePanelImpersonate
{
    display: inline;
}

#main #header .menuholder
{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 5px 5px 0;
    width: 900px;
}

#main #header .menuholder .menuholderitem
{
    display: block;
    height: 15px;
    padding-top: 25px;
    overflow: hidden;
    float: right;
    background-position: center top;
    background-repeat: no-repeat;
    margin-left: 20px;
    text-decoration: none;
    font-weight: 700;
    min-width: 30px;
    text-align: center;
    border: 1px solid #FFF;
}

#main #header .menuholder .topcontact
{
    background-image: url(Images/topcontact.png);
}

#main #header .menuholder .topfaq
{
    background-image: url(Images/topfaq.png);
}

#main #header .menuholder .tophelp
{
    background-image: url(Images/tophelp.png);
}

/** END HEADER ***************************************************************/

/** MENU *********************************************************************/
#main #menu
{
    margin: 0;
    border-top-color: #B6BEC9;
    border-bottom-color: #1D2F39;
    border-left-color: #C0C0C0;
    border-top-width: 1px;
    border-bottom-width: 4px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    background-color: #525F67;
    background-image: url(Images/itembg.gif);
    background-repeat: repeat-x;
    overflow: visible;
    position: relative;
    height: 25px;
    z-index: 10000;
}

#main #menu .sf-menu, #main #menu .sf-menu *
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#main #menu .sf-menu
{
    line-height: 1.0;
}

#main #menu .sf-menu ul
{
    position: absolute;
    top: -999em;
    width: 200px; /* left offset of submenus need to match (see below) */
}

#main #menu .sf-menu ul li
{
    width: 100%;
}

#main #menu .sf-menu li:hover
{
    visibility: inherit; /* fixes IE7 'sticky bug' */
}

#main #menu .sf-menu li
{
    float: left;
    position: relative;
}

#main #menu .sf-menu a
{
    display: block;
    position: relative;
    background-position: 5px center;
    background-repeat: no-repeat;
}

#main #menu .sf-menu li:hover ul, #main #menu .sf-menu li.sfHover ul
{
    left: 0;
    top: 24px; /* match top ul list item height */
    z-index: 99;
}

#main #menu ul.sf-menu li:hover li ul, #main #menu ul.sf-menu li.sfHover li ul
{
    top: -999em;
}

#main #menu ul.sf-menu li li:hover ul, #main #menu ul.sf-menu li li.sfHover ul
{
    left: 200px; /* match ul width */
    top: 0;
}

#main #menu ul.sf-menu li li:hover li ul, #main #menu ul.sf-menu li li.sfHover li ul
{
    top: -999em;
}

#main #menu ul.sf-menu li li li:hover ul, #main #menu ul.sf-menu li li li.sfHover ul
{
    left: 200px; /* match ul width */
    top: 0;
}

/*
Skin
*/
#main #menu .sf-menu
{
    float: left;
}

#main #menu .sf-menu a.current
{
    padding-top: 3px;
    border-top: 3px solid #E20915;
}

#main #menu .sf-menu a
{
    padding: 6px 26px;
    text-decoration: none;
}

#main #menu .sf-menu a, #main #menu .sf-menu a:visited
{
    /* visited pseudo selector so IE6 applies text colour */
    color: #FFF;
    font-weight: 700;
}

#main #menu .sf-menu li
{
    background-color: #727C85;
    background-image: url("Images/itembg.gif");
    background-repeat: repeat-x;
}

#main #menu .sf-menu li li
{
    background: none;
    background-color: #727C85;
}

#main #menu .sf-menu li li li
{
    background-color: #727C85;
    border-left: 1px solid #FFF;
}

#main #menu .sf-menu li:hover, #main #menu .sf-menu li.sfHover /*#main #menu .sf-menu a:focus,  #main #menu .sf-menu a:hover,  #main #menu .sf-menu a:active*/
{
    background: none;
    background-color: #E20915;
    outline: 0;
}

/*
Icons
*/
#main #menu .sf-menu a.factoryicon
{
    background-image: url(Images/Menu/factory_outline.png);
}

#main #menu .sf-menu a.addicon
{
    background-image: url(Images/Menu/add_outline.png);
}

#main #menu .sf-menu a.mapicon
{
    background-image: url(Images/Menu/map_outline.png);
}

#main #menu .sf-menu a.usericon
{
    background-image: url(Images/Menu/user_outline.png);
}

#main #menu .sf-menu a.tableicon
{
    background-image: url(Images/Menu/table_outline.png);
}

#main #menu .sf-menu a.statsicon
{
    background-image: url(Images/Menu/stats_outline.png);
}

#main #menu .sf-menu a.invertericon
{
    background-image: url(Images/Menu/inverter_outline.png);
}

/*
Arrows
*/
#main #menu .sf-menu a.sf-with-ul
{
    padding-right: 2.25em;
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

#main #menu .sf-sub-indicator
{
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em; /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url('Images/Menu/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

#main #menu a > .sf-sub-indicator
{
    /* give all except IE6 the correct values */
    top: 8px;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
#main #menu a:focus > .sf-sub-indicator, #main #menu a:hover > .sf-sub-indicator, #main #menu a:active > .sf-sub-indicator, #main #menu li:hover > a > .sf-sub-indicator, #main #menu li.sfHover > a > .sf-sub-indicator
{
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#main #menu .sf-menu ul .sf-sub-indicator
{
    background-position: -10px 0;
}

#main #menu .sf-menu ul a > .sf-sub-indicator
{
    background-position: 0 0;
}

/* apply hovers to modern browsers */
#main #menu .sf-menu ul a:focus > .sf-sub-indicator, #main #menu .sf-menu ul a:hover > .sf-sub-indicator, #main #menu .sf-menu ul a:active > .sf-sub-indicator, #main #menu .sf-menu ul li:hover > a > .sf-sub-indicator, #main #menu .sf-menu ul li.sfHover > a > .sf-sub-indicator
{
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*
Shadows for all but IE6 
*/
#main #menu .sf-shadow ul
{
    background: url('Images/Menu/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}

#main #menu .sf-shadow ul.sf-shadow-off
{
    background: transparent;
}

#main #languagecontainer
{
    top: 0;
    right: 0;
    padding: 7px 7px 0 0;
    text-align: right;
    width: 200px;
    position: absolute;
}

.lang
{
    float: right;
    width: 16px;
    height: 11px;
    background: transparent url('Images/langsprite.gif') no-repeat 0 0;
    display: block;
    margin-left: 7px;
}

.lang_de
{
    background-position: 0 -16px;
}

.lang_en
{
    background-position: 0 -32px;
}

.lang_es
{
    background-position: 0 -48px;
}

.lang_fr
{
    background-position: 0 -64px;
}

.lang_it
{
    background-position: 0 -80px;
}

.lang_el
{
    background-position: 0 -96px;
}

.lang_ro
{
    background-position: 0 -112px;
}

#breadcrumbs
{
    text-align: right;
    padding: 2px 5px;
}

.rightaligned
{
    float: right;
    margin: 0 0 0 5px;
}

.leftaligned
{
    float: left;
    margin: 0 5px 0 0;
}

.hidden
{
    display: none;
}
/** END MENU *****************************************************************/

/* Element holding the sidebar and the content */
.middlecontent
{
    margin: 10px auto auto;
    border-collapse: collapse; /*position: relative;*/
    overflow: auto;
}

.sidebar
{
    width: 240px;
    float: left;
    margin-right: 10px;
    overflow: auto;
}

.vertsepcell
{
    width: 10px;
    min-width: 10px;
}

.contentcell
{
    /*position: relative;*/
    min-height: 500px;
    overflow: hidden;
}

/** Sorting gridview *********************************************************/
.sortimage
{
    padding-left: 5px;
}

/** Collapse *****************************************************************/
.collapsepanel
{
    overflow: auto;
}

.pointerable
{
    cursor: pointer;
}

.minimizebutton
{
    cursor: pointer;
    position: absolute;
    width: 12px;
    height: 12px;
    right: 5px;
    top: 3px;
}

.collapsetable
{
    width: 100%;
    overflow: auto;
    position: relative;
}

.collapsetable td
{
    vertical-align: top;
    position: relative;
}

.collapsetable .leftcell
{
    width: 370px;
}

/** CONTENT ******************************************************************/
#publiccontent
{
    min-height: 400px;
    position: relative;
    z-index: 1;
    margin: 0;
    overflow: auto;
    border-top: 1px solid #E20915;
    margin-top: 10px;
    padding-top: 10px;
}

.pagetitle
{
    overflow: auto; /*margin-bottom: 10px;*/
}

.redline
{
    height: 0;
    border-top: solid 1px #E20915;
}
/** END CONTENT **************************************************************/

/** ITEM *********************************************************************/
.item
{
    border-style: solid;
    border-width: 1px 1px 2px;
    border-color: #B3C2D0 #B3C2D0 #1D2F39;
    padding: 5px;
    margin-bottom: 10px;
    overflow: auto;
    background-color: #FFF; /*background: #FFF url(Images/gradientbottombg.gif) repeat-x left bottom;*/
}

.plantoverview
{
    border-style: solid;
    border-width: 1px 1px 2px;
    border-color: #B3C2D0 #B3C2D0 #1D2F39;
    margin-bottom: 10px;
    overflow: auto;
    background-color: #B3C2D0;
    background-image: url(Images/highlightbg.gif);
    background-repeat: repeat;
    border-width: 2px;
    padding: 5px;
}

.relative
{
    position: relative;
}

.columnholder
{
    overflow: auto;
    padding-bottom: 10px;
}

.leftcolumn
{
    width: 450px;
    float: left;
    margin: 0 10px 0 0;
    position: relative;
}

.rightcolumn
{
    position: relative;
    margin: 0;
    overflow: auto;
    width: 510px;
}

.itemtitle
{
    display: block;
    border-style: solid none none;
    padding: 2px 6px;
    font-weight: 700; /*overflow: hidden;*/
    border-top-width: 1px;
    border-top-color: #B3C2D0;
    background-image: url(Images/itembg.gif);
    background-repeat: repeat-x;
    background-color: #525F67;
    color: #FFF;
    position: relative;
}

.itemtitle a, .itemtitle a:visited, .itemtitle a:hover, .itemtitle a:hover:visited
{
    color: #FFF;
}

.error
{
    background-color: #FFE1D1;
    padding-left: 28px;
    background-image: url(Images/error.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    min-height: 15px;
    color: #600;
    border-width: 1px;
    border-color: #B3C2D0;
    position: relative;
}

.errorhighlight
{
    background-color: #FFD6D6;
}

.warning
{
    background-color: #FFC;
    min-height: 16px;
    color: #C60;
    border-width: 1px;
    border-color: #FFF;
}

.success
{
    background-color: #E6F8DD;
    padding-left: 28px;
    background-image: url(Images/success.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    min-height: 16px;
    color: #060;
    border-width: 1px;
    border-color: #B3C2D0;
    position: relative;
}

.info
{
    background-color: #E6F0F9 /*#DDE6F8*/;
    padding-left: 26px;
    background-image: url(Images/info.png);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    min-height: 16px;
    font-size: 85%;
    border-style: dashed;
    border-color: #A7C3D9 /*#B3C2D0*/;
    border-width: 1px;
}

.compact
{
    padding-top: 2px;
    padding-bottom: 2px;
    border-color: #B3C2D0;
}

.sardine
{
    margin-bottom: 0;
}

.borderless
{
    padding: 0;
    border: none;
    background-color: Transparent;
}

.highlight
{
    background-color: #B3C2D0;
    background-image: url(Images/highlightbg.gif);
    background-repeat: repeat;
    padding: 4px;
    border-width: 2px;
}

.darken
{
    background-color: #EDF0F9;
    background-image: url(Images/darkenbg.png);
    background-repeat: repeat;
}

.system
{
    background-color: #FDF1B7;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    min-height: 16px;
    border-style: dashed;
    border-color: #FFDE67;
    border-width: 1px;
}

.item .closelink
{
    display: block;
    position: absolute;
    right: 10px;
    bottom: 5px;
    width: 50px;
    text-align: right;
    text-decoration: none;
    min-height: 10px;
    vertical-align: bottom;
    overflow: auto;
}
/** END ITEM *****************************************************************/

/** TABLE ********************************************************************/
/*th
{
    white-space: nowrap;
}*/

.infotable
{
    border: none;
    border-collapse: collapse;
    font-size: 11px;
    position: relative;
}

.infotable td, .infotable th
{
    border: 1px solid #FFF;
    padding: 2px 5px;
}

.infotable td
{
    text-align: right;
}

.infotable th
{
    white-space: nowrap;
    text-align: left;
}

.sort
{
    background-position: right center;
    padding-right: 20px;
    background-repeat: no-repeat;
}

.descending
{
    background-image: url(Images/descending.gif);
}

.ascending
{
    background-image: url(Images/ascending.gif);
}

td.tight, th.tight
{
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden; /*position: relative;*/
}

td.measurementunit
{
    white-space: nowrap;
}

.infotable td.nr
{
    text-align: right;
}

.infotable tr
{
    background-color: #E7E7E7;
}

.infotable tr th
{
    font-weight: 700;
}

.infotable tr.alt
{
    background-color: #F4F4F4;
}

.infotable tr:hover
{
    background-color: #FFFFDF;
}

.buttoncolumncell
{
    width: 30px;
}

.nonwrapper
{
    white-space: nowrap;
}

.detailstable
{
    width: 100%;
}

.idealvaluestable
{
    width: 100%;
}

.idealvaluestable th
{
    background-color: #B3B5B9;
}

.idealvaluestable tr
{
    background-color: #E7E7E7;
}

.idealvaluestable td
{
    width: 1px;
    white-space: nowrap;
}

.imageholdersmall
{
    width: 75px;
}

.imageholderprev
{
    width: 100px;
}

.statsholder
{
    width: 100px;
}

.detailstable .infotablecell
{
    width: 50%;
}

.chartdetailstable
{
    width: 460px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.chartdetailstable td.right
{
    text-align: right;
}

.legendholder
{
    overflow: auto;
    position: relative;
    height: 200px;
}

html > body .legendholder
{
    height: auto;
}

.dateholdertable
{
    margin-bottom: 10px;
    position: relative;
    overflow: auto;
    width: 100%;
}

.dateholdertable .left
{
    text-align: left;
    width: 20px;
}

.dateholdertable .datetimecell
{
    width: 1px;
    white-space: nowrap;
}

.dateholdertable .right
{
    text-align: right;
    width: 30px;
    padding-left: 5px;
    position: relative;
    overflow: auto;
}

.dateholdertable .refresh
{
    text-align: right;
    width: 30px;
    position: relative;
    overflow: auto;
}

.submittable
{
    margin-top: 35px;
    margin-bottom: 10px;
}

/** END TABLE ****************************************************************/

/** FOOTER *******************************************************************/
#footer
{
    text-align: left;
    padding: 15px 10px 10px;
    color: #FFF;
    background-color: #A1A5A8;
    overflow: hidden;
    position: relative;
    min-height: 20px;
    vertical-align: middle;
    margin-top: 10px;
}

#footer a
{
    text-decoration: none;
}

#footer table td
{
    padding: 0 5px;
    height: 32px;
}
/** END FOOTER ***************************************************************/

/** POPUP CONTROL ************************************************************/
.coverall
{
    margin: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 20000;
    background-image: url(Images/opaquebg.gif);
}

.donotcoverall
{
    width: 0;
    height: 0;
    display: none;
}

.nonScrollable
{
    overflow: hidden;
}

#modalpopup
{
    margin: auto;    
    background-color: #FFF;
    border-style: solid;
    border-width: 1px 1px 2px;
    border-color: #1D2F39;
    position: relative;
    
    overflow: auto;
}

.modalpopupsmall
{
    width: 400px;
    top: 30%;
}

.modalpopupsmall #modalpopupframe
{
    width: 390px;
    height: 190px;
}

.modalpopuplarge
{
    width: 900px;
    top: 10%;
}

.modalpopuplarge #modalpopupframe
{
    
    width: 890px;
    height: 500px;
}

#modalpopupheader
{
    text-align: right;
    overflow: auto;
    background-color: #6A747D;
}

#modalpopupcontent
{
    padding: 5px;
}

#modalpopuptitle
{
    color: #FFF;
    font-weight: 700;
    margin: 5px 0 0 5px;
}
/** END POPUP CONTROL ********************************************************/

/** ICONEDLINK ***************************************************************/
.iconedlink
{
    padding: 4px 0 0 20px;
    display: block;
    background-position: 0 center;
    background-repeat: no-repeat;
    min-height: 18px;
    text-decoration: none; /*position: relative;*/
}

.iconedlinkcenterednotext
{    
    display: block;
    background-position: 0 center;
    background-repeat: no-repeat;    
    text-decoration: none; 
    margin: 0 auto;
    width: 16px;
    height: 16px;
}

.fixedheighticonedlink
{
    height: 18px;
}

.addicon
{
    background-image: url(Images/add.png);
}

.tableicon
{
    background-image: url(Images/table.png);
}

.tvicon
{
    background-image: url(Images/tv.png);
}

.factoryicon
{
    background-image: url(Images/factoryicon.gif);
}

.factorynormalicon
{
    background-image: url(Images/factory.gif);
}
.factoryerroricon
{
    background-image: url(Images/factory_error.gif);
}

.factorywarningicon
{
    background-image: url(Images/factory_warning.gif);
}

.factorynodataicon
{
    background-image: url(Images/factory_nodata.gif);
}

.factoriesicon
{
    background-image: url(Images/factories.png);
}

.subfactoryicon
{
    background-image: url(Images/subfactory.png);
}

.subfactorynormalicon
{
    background-image: url(Images/subfactory.gif);
}

.subfactoryerroricon
{
    background-image: url(Images/subfactory_error.gif);
}

.subfactorynodataicon
{
    background-image: url(Images/subfactory_nodata.gif);
}

.subfactorywarningicon
{
    background-image: url(Images/subfactory_warning.gif);
}

.invertericon
{
    background-image: url(Images/inverter.gif);
}

.inverternormalicon
{
    background-image: url(Images/inverternormal.gif);
}

.invertererroricon
{
    background-image: url(Images/inverter_error.gif);
}
.inverterewarningicon
{
    background-image: url(Images/inverter_warning.gif);
}

.inverternormaliconsmall
{
    background-image: url(Images/invertersmall.gif);
}

.inverterwarningiconsmall
{
    background-image: url(Images/invertersmall_warning.gif);
}

.invertererroriconsmall
{
    background-image: url(Images/invertersmall_error.gif);
}

.inverternodataiconsmall
{
    background-image: url(Images/invertersmall_nodata.gif);
}

.editicon
{
    background-image: url(Images/edit.png);
}

.deleteicon
{
    background-image: url(Images/delete.png);
}

.downloadicon
{
    background-image: url(Images/down.gif);
}

.floppyicon
{
    background-image: url(Images/floppy.gif);
}

.upicon
{
    background-image: url(Images/up.png);
    margin-right: 1px;
    margin-bottom: 1px;
}

.downicon
{
    background-image: url(Images/down.gif);
}

.mapicon
{
    background-image: url(Images/map.png);
}

.lefticon
{
    background-image: url(Images/left.gif);
}

.righticon
{
    background-image: url(Images/right.gif);
}

.rightarrowicon
{
    background-image: url(Images/rightarrow.gif);
}

.reloadicon
{
    background-image: url(Images/reload.png);
}

.moveinvertericon
{
    background-image: url(Images/moveinverter.gif);
}

.staricon
{
    background-image: url(Images/star.png);
}

.lockicon
{
    background-image: url(Images/lock.gif);
}

.mailicon
{
    background-image: url(Images/email.png);
}

.gearicon
{
    background-image: url(Images/gear.png);
}

.commandicon
{
    background-image: url(Images/command.gif);
}

.issuecommandicon
{
    background-image: url(Images/issuecommand.gif);
}

.detailsicon
{
    background-image: url(Images/details.gif);
}

.deactivateicon
{
    background-image: url(Images/delete.png);
}

.activateicon
{
    background-image: url(Images/reload.png);
}

.printicon
{
    background-image: url(Images/print.gif);
}

.treeviewicon
{
    background-image: url(Images/treeview.gif);
}

.contactemail:hover, .contactemail:visited:hover
{
    background-position: 0 -18px;
}

/** END ICONEDLINK ***********************************************************/

.small
{
    font-size: 75%;
}

.tinyinput
{
    width: 25px;
}

.smallinput
{
    width: 50px;
}

.mediuminput
{
    width: 100px;
}

.biginput
{
    width: 150px;
}

.maxbiginput
{
    max-width: 150px;
}

.largeinput
{
    width: 200px;
}

.xlargeinput
{
    width: 350px;
}

.hugeinput
{
    width: 500px;
}

.mandatoryinput:after
{
    content: "";
}

.multiline
{
    height: 50px;
}

.largemultiline
{
    height: 100px;
}


.hugemultiline
{
    height: 215px;
}

.doublehugemultiline
{
    height: 400px;
}

.inputlabel
{
    font-weight: 700;
}

.smallindent
{
    margin-left: 20px;
}

.mediumindent
{
    margin-left: 40px;
}

.largeindent
{
    margin-left: 60px;
}

.hugeindent
{
    margin-left: 80px;
}

.button, .button:hover, .button:visited:hover
{
    display: table-cell;
    height: 31px;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    font-size: 100%;
    margin: auto;
    color: #28343B;
}

.linkContainer
{
    margin-left: 30%;
}

.appLinksTable
{
    margin-left: auto;
    margin-right: auto;
}

.mediumbutton
{
    width: 150px;
    background-image: url(Images/medbtnbg.gif);
}

.disabledbutton, .disabledbutton:hover, .disabledbutton:visited:hover
{
    color: #6D6D6D;
}

.largebutton
{
    width: 175px;
    background-image: url(Images/largebtnbg.gif);
}

.hugebutton
{
    width: 200px;
    background-image: url(Images/hugebtnbg.gif);
}

.chartdetailslabel
{
    color: #F00;
    font-size: 16px;
    font-weight: 700;
}

.leftspace
{
    display: block;
    margin-left: 10px;
}

.limitedheight
{
    max-height: 200px;
    overflow: auto;
}

.limitedheighttall
{
    max-height: 300px;
    overflow: auto;
}

/** Statistics ***************************************************************/
.slighttopspace
{
    display: block;
    margin-top: 6px;
}

/* 
Holds the progresss indicator
Snaps to the right side of parent
*/
.progressimage
{
    position: absolute;
    top: 2px;
    right: 5px;
    width: 16px;
    height: 16px;
    background-image: url(Images/loading.gif);
    background-repeat: no-repeat;
    z-index: 99;
}

.impersonateprogress
{
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 99%;
    background: transparent url(Images/loading.gif) no-repeat right center;
    z-index: 99;
}

.specialprogressimage
{
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(Images/loading.gif);
    background-repeat: no-repeat;
    z-index: 99;
}

.progresswrapper
{
    position: relative;
    overflow: auto;
    display: inline;
    padding-right: 30px;
    padding-top: 2px;
}

.tabcontrolholder
{
    position: relative;
}

.channelConfigPanel
{
    min-width: 310px;
}

.channelConfigCommands
{
    width: 100px;
    overflow: auto;
    white-space: nowrap;
}

/** End Statistics ***********************************************************/

/** Errormessages ************************************************************/
.errorlist
{
    height: auto;
    overflow: auto;
}
/** File Upload **************************************************************/
.filedelete
{
    width: 3%;
}

.filesize
{
    width: 10%;
}

/* IE 6 hack: IE does not know max-height so we use height */
html > body .limitederrorlist
{
    height: auto;
}
/** END File Upload **********************************************************/

.hr
{
    display: block;
    height: 0;
}

.hrhigh
{
    display: block;
    height: 10px;
}

/* 
Used by links that are on the bottom of a container.
Leaves a distance between the container and the control 
so no scrollbars appear when the link is selected and sorrounded by dotted selection line
*/
.smallplaceholder
{
    margin-bottom: 2px;
}

/** Status control ***********************************************************/
/*.statusnormal
{
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(Images/normalstatus.gif);
    background-repeat: no-repeat;
    right: 0;
    position: absolute;
}

.statuserror
{
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(Images/errorstatus.gif);
    background-repeat: no-repeat;
    right: 0;
    position: absolute;
}

.statuswarning
{
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(Images/warningstatus.gif);
    background-repeat: no-repeat;
    right: 0;
    position: absolute;
}

.statusnodata
{
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(Images/nodatastatus.gif);
    background-repeat: no-repeat;
    right: 0;
    position: absolute;
}

.statusholder
{
    overflow: auto;
    position: relative;
    height: 16px;
}*/

/** Misc *********************************************************************/
/*
This class should be placed on a div or break element
and should be the final element before the close of a container
that should fully contain a float
*/
.clearfloat
{
    clear: both;
}

.inline
{
    display: inline;
}

.nopadding
{
    padding: 0;
    overflow: visible;
}

.companypicture
{
    background-image: url(Images/companypicture.jpg);
    background-repeat: no-repeat;
    width: 225px;
    height: 170px;
}

.printheader
{
    height: 50px;
}

.nooutline
{
    outline: 0;
}

/**GridCustomizationControl***************************************************/
.filterItem
{
    display: inline-block;
    margin-right: 10px;
}
.gridViewFilter
{
    margin-bottom: 10px;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**Custom tab*****************************************************************/
/* default layout */
.ajax__tab_default .ajax__tab_tab
{
    margin-right: 3px !important;
    overflow: hidden;
    text-align: center; /*display: -moz-inline-box;*/
    display: inline-block;
}

/* refu theme */
.refuTabContainer
{
    width: 100%;
}

.refuTabContainer .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: url(Images/TabContainer/tab-line.gif) repeat-x bottom;
}

.refuTabContainer .ajax__tab_outer
{
    margin-right: 2px;
    background: url(Images/TabContainer/tab-right.gif) no-repeat right;
    height: 21px;
}

.refuTabContainer .ajax__tab_inner
{
    padding-left: 3px;
    background: url(Images/TabContainer/tab-left.gif) no-repeat;
}

.refuTabContainer .ajax__tab_tab
{
    height: 13px;
    padding: 4px;
    margin: 0;
    background: url(Images/TabContainer/tab.gif) repeat-x;
}

.refuTabContainer .ajax__tab_hover .ajax__tab_outer
{
    cursor: pointer;
    background: url(Images/TabContainer/tab-hover-right.gif) no-repeat right;
}

.refuTabContainer .ajax__tab_hover .ajax__tab_inner
{
    cursor: pointer;
    background: url(Images/TabContainer/tab-hover-left.gif) no-repeat;
}

.refuTabContainer .ajax__tab_hover .ajax__tab_tab
{
    cursor: pointer;
    background: url(Images/TabContainer/tab-hover.gif) repeat-x;
}

.refuTabContainer .ajax__tab_active .ajax__tab_outer
{
    background: url(Images/TabContainer/tab-active-right.gif) no-repeat right;
}

.refuTabContainer .ajax__tab_active .ajax__tab_inner
{
    background: url(Images/TabContainer/tab-active-left.gif) no-repeat;
}

.refuTabContainer .ajax__tab_active .ajax__tab_tab
{
    background: url(Images/TabContainer/tab-active.gif) repeat-x;
}

.refuTabContainer .ajax__tab_body
{
    border: 1px solid #b3c2d0;
    border-top: 0;
    padding: 8px;
    background-color: #FFF;
}

/*Service overview************************************************************/
#serviceOverviewContainer
{
    width: 70%;
}
.widthHalf
{
    width: 49%;
}

.statusimage
{
    margin: 0 30px;
}

/*Tabular statistics**********************************************************/
.tabStatsGrid
{
    max-height: 413px;
    overflow: auto;
}

#lstDataTypeWrapper
{
    vertical-align: top;
}
.tabStatsList
{
    padding-bottom: 5px;
}
.tabStatsDoubleHugeMultiline
{
    height: 435px;
}
.tabStatsObjects
{
    margin-bottom: 5px;
}
.legendContainer
{
    padding: 5px 0;
    text-align: right;
}
#statisticsContentWrapper
{
    float: left;
    width: 100%;
}
#statisticsContentColumn
{
    margin-right: 350px;
}
#statisticsSelector
{
    float: left;
    margin-left: -350px;
    width: 350px;
}
.tabulargrid
{
    /*table-layout: fixed;*/
    border-collapse: separate;
}
.tabularcell
{
    min-width: 45px;
}
.gridOverall
{
    width: auto !important;
}
/*plants overview*************************************************************/
.gridScroller
{
    overflow: auto;
}

/*Statistics******************************************************************/
.chkTd
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

/*Terms of Use******************************************************************/
#termsOfUseContainer
{
    height: 600px;
    overflow: auto;
    border: solid 1px #000;
    padding: 5px;
}

#chkAgreeContainer
{
    margin-bottom: 10px;
    margin-top: 35px;
    display: inline-block;
}

.termsOfUseDisplay
{
    margin: 20px;
}

#tou_wrapper p
{
    margin-left: 40px;
    margin-top: 20px;
}

#tou_wrapper h3
{
    margin: 20px 0 0 0;
    background: none;
    padding: 0;
}

#tou_wrapper li
{
    margin: 20px 0 0 0;
}

#tou_wrapper ul li
{
    list-style-image: none;
    list-style-type: disc;
}

/*IE8 Issues******************************************************************/
.proMenuItemMarkerClass
{
}
/***********************************************************************************************/