/*
  used colors:

  background-color: #f8f8f8;
  background: #253e78;   

  color: #081572;
  color: #1F1F1F;
  color: #253e78;
  color: #506594;
*/


/*
  The star selector is used to target every element.  This is
  often used to zero out the margin and padding.  This
  creates some common ground from which to begin.
*/
* {
  margin: 0;
  padding: 0; 
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  line-height: inherit;
  text-align: left;
  vertical-align: top; }


/*
  body is used to provide basic page styles meant to be inherited
  by nearly all of the page's children: font-face, size, alignment,
  etc. Some use the html selector, but I have never done that so
  it's not listed.
*/
html, body {
  height: 100.01%; } 

body {
  font: normal normal normal 9pt/1em "Arial", "Helvetica Neue", "Helvetica", "sans-serif"; 
  color: #1F1F1F;
  background-color: #f8f8f8; }


/*
  Most pages will have links. Let?s style them using a anchor
  element. Some will write this as a:link. I don?t ? I don?t
  see the need
*/
a {
  color: #253e78;
  text-decoration: none; }
  a:link {
    color: #253e78;
    text-decoration: none; }
  a:visited {
    color: #081572; }
  a:hover {
    color: #506594; }
  a:active {
    color: #506594; }


/*
  In addition to background images, most web pages will offer
  embedded images (img), so I will offer them here. Mostly this
  is used to remove borders and text-decoration
  (if the image is a link).
*/
img, a img {
  border: 0; }


ul, ol {
  list-style: none; }


/*-----------------------------------------------------------------------------
  wrapper

  ,-body, header, menu, container---------------------------------------------,
  | | actionview                                |   | logoutview              |
  | '-------------------------------------------'   '-------------------------|
  |-menuview------------------------------------------------------------------|
  |                                                                           | 
  |-header, menu, menuview----------------------------------------------------|
  |                                                                           |
  |                                                                           |
  |                                                                           |
  |                                                                           |
  |-container-----------------------------------------------------------------|
  |                                                                           | 
  |-footer--------------------------------------------------------------------|
  |                                                                           | 
  '---------------------------------------------------------------------------'

-----------------------------------------------------------------------------*/
#container {
  width: 100%;
  height: 100%; 
  position: relative;
  min-width: 1008px;
  line-height: 1.4; }

#header {
  width: 100%;
  min-width: 1008px;
  min-height: 240px;
  position: relative;
  /* background: #253e78 url("../images/menu_style_background.png") repeat-x left top;  */   
  border-bottom: 1px solid #FFFFFF; }


/*-----------------------------------------------------------------------------
  TabLinkAndActionView
-----------------------------------------------------------------------------*/
#TabLinkAndActionView {
  min-width: 1008px;
  min-height: 59px;
  position: relative;
  z-index: 0;
  
  width: 100%;
  background: #e2e3e2; /* Old browsers */
  background: -moz-linear-gradient(top,  #e2e3e2 0%, #bbbbbb 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #e2e3e2 0%,#bbbbbb 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #e2e3e2 0%,#bbbbbb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e3e2', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
  /* background-color: #f8f8f8; */ }

/*-----------------------------------------------------------------------------
  actionview
-----------------------------------------------------------------------------*/
#actionview {
  position: absolute; 
  top: 30px;
  left: 395px;
  min-width: 320px;
  height: 22px; 
   /* background-color: #3c5690; */  }

#poolactionview a.actionlink {
  line-height: 22px;
  color: #FFFFFF;
  text-transform: uppercase; 
  margin: 0px 1.5em 0px 1.5em;
  padding: 0px 0.5em 0 0.5em;
  display: inline-block;
  position: relative; } 

/*#poolactionview a.actionlink span { */
#poolactionview  a.actionlink span  {
  height: 22px;  
  width: 22px;
  position: absolute;  
  left: -23px;
  top: 0px; }

#poolactionview a.but_publishpool, #poolactionview a.but_publishpool.active {
  background-color: #7cba42; }
  #poolactionview a.but_publishpool span, #poolactionview a.but_publishpool.active span {
    background: transparent url("../images/AGF_Jr_WebGUI_Uebernehmen_140916.png") no-repeat top; }
#poolactionview a.but_publishpool:hover, #poolactionview a.but_publishpool.inactive {
  background-color: #7f7f7f; }
  #poolactionview a.but_publishpool span, #poolactionview a.but_publishpool.inactive span {
    background: #7cba42 url("../images/AGF_Jr_WebGUI_Uebernehmen_140916.png") no-repeat top; }

#poolactionview a.but_resetpool, #poolactionview a.but_resetpool.active {
  background-color: #d5552a; }
  #poolactionview a.but_resetpool span, #poolactionview a.but_resetpool.active span {
    background: transparent url("../images/AGF_Jr_WebGUI_Verwerfen_140916.png") no-repeat top; }
#poolactionview a.but_resetpool:hover, #poolactionview a.but_resetpool.inactive {
  background-color: #7f7f7f; }
  #poolactionview a.but_resetpool span, #poolactionview a.but_resetpool.inactive span {
    background: #d5552a url("../images/AGF_Jr_WebGUI_Verwerfen_140916.png") no-repeat top; }

#poolactionview a.inactive {
  cursor: default; }


/*-----------------------------------------------------------------------------
  logoutview (status)
-----------------------------------------------------------------------------*/
#logoutview {
  /*  background: transparent url("../images/menu_style_background_logout.png") repeat left top; */
  background-color: #7B7B7B;  
  border-top: 4px solid #e5001b;
  padding: 0.1em 182px 0.1em 0.5em;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  border-bottom-left-radius: 4px;
  cursor: default; }
  #logoutview > span {
    display: inline-block;
    color: #FFFFFF;
    border-left: 1px solid white;
    margin: 0 0 0 0.5em;
    padding-left: 0.5em;
    float: left; }

#statusline {
    color: #FFFFFF;
    border: 0px solid white;
}

#statusline td {
    padding: 0px 4px 0px 4px;
}

#statusline td img {
    margin: 2px 0px 0px 2px ; 
}

#statusline td.seperator {
    border-left: 1px solid white;
}

#statusline .fTime2Timeout {
    width: 60px;
    color: #bcbcbc;
}


/*-----------------------------------------------------------------------------
  loginscreen
-----------------------------------------------------------------------------*/
body#loginscreen {
  background-color: #253e78; }
  body#loginscreen #container, body#loginscreen #header, body#loginscreen #mainview {
    min-width: 576px; }
  body#loginscreen #information {
    width: auto;
    height: auto;
    margin: 0 0 2em 0;
    color: #FFFFFF;
    font-weight: normal;
    -webkit-text-shadow: 1px 1px 0px #253e78;
    -moz-text-shadow: 1px 1px 0px #253e78;
    text-shadow: 1px 1px 0px #253e78; }
  body#loginscreen #logoutview span {
    border: none;
    margin-left: 0; }
  body#loginscreen #header {
    border-bottom: none; }
  body#loginscreen #footer {
    border-top: none; }
  body#loginscreen #loginmain {
    margin: -4em auto 0 auto;
    width: 24em;
    font-size: 16pt;
    position: relative;
    z-index: 2; }
    body#loginscreen #loginmain fieldset {
      float: left; }
    body#loginscreen #loginmain label {
      width: 6em;
      margin: 0.4em 0;
      color: white;
      display: block;
      float: left; }
    body#loginscreen #loginmain input {
      width: 17em;
      color: #2b2b2b;
      display: block;
      float: left; }
      body#loginscreen #loginmain input#login, body#loginscreen #loginmain input#password {
        padding: 0.4em;
        border: 1px solid #253e78; }
        body#loginscreen #loginmain input#login:focus, body#loginscreen #loginmain input#password:focus {
          -webkit-box-shadow: 0px 0px 8px white;
          -moz-box-shadow: 0px 0px 8px white;
          box-shadow: 0px 0px 8px white; }
      body#loginscreen #loginmain input#submit {
        width: auto;
        height: auto;
        text-align: center;
        padding: 0.2em 0.2em 0.2em 56px;
        color: #FFFFFF;
        background: transparent url("../images/ico_login.png") no-repeat left top;
        border: none;
        float: right; }
        body#loginscreen #loginmain input#submit:hover {
          color: #000000;
          background-position: left -64px; }

.clear {
  clear: both;
  display: block; }
fieldset {
  border: none; }
p {
  margin: 0 0 1em 0; }


#information {
  width: 280px;
  height: 30px;
  margin: 0;
  color: #4B4B4B;
  font-size: 130%;
  font-weight: bold; }
  #information .notifyWrap {
    font-size: 64%;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none;
    background-image: none !important; }
    #information .notifyWrap.notifyHint h2 {
      background-image: none !important; }
    #information .notifyWrap.notifyHint h2, #information .notifyWrap.notifyHint p {
      margin-left: 0 !important; }

/*-----------------------------------------------------------------------------
  menuview
-----------------------------------------------------------------------------*/
#menuview {
  width: 100%;
  min-height: 200px;
  width: 100%;
  background: #3F5892; /* Old browsers */
  background: -moz-linear-gradient(top,  #3F5892 0%, #253e78 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #3F5892 0%,#253e78 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #3F5892 0%,#253e78 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3F5892', endColorstr='#253e78',GradientType=0 ); /* IE6-9 */
  }


/*-----------------------------------------------------------------------------
  navigationview
-----------------------------------------------------------------------------*/
#navigationview {
  min-width: 960px;
  display: inline-block;
  position: relative;
  z-index: 12; }


/*-----------------------------------------------------------------------------
  mainview
-----------------------------------------------------------------------------*/
#stock {
  height: 100%; }

#mainview {
  height: calc(100% - 285px); 
  padding: 0 0 5em 0;
  min-width: 1008px; }

#mainview h1 {
  font-size: 14pt;
}

#mainview h2 {
  font-size: 12pt;
}

#mainviewcontainer {
  margin: 1em 32px 0 32px;
  height: 100%; }


/*-----------------------------------------------------------------------------
  logoview
-----------------------------------------------------------------------------*/
#logoview {
  width: 195px;
  height: 59px;
  background: transparent url("../images/menu_style_logo_ci-line.png") no-repeat right top;
  background-size: 195px 62px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10; }

a.logoutbutton {
  color: #FFFFFF;
  margin: 0; 
  padding-left: 18px; 
  background: transparent url("../images/menu_logout.png") no-repeat left top;
  text-indent: 0;
  float: left; }

a.logoutbutton:hover {
  color: #333333;
  background-position: 0px -32px; }


a.buttontkset {
  color: #FFFFFF;
  margin: 0;  
  padding-left: 18px; 
  background: transparent url("../images/tkset.png") no-repeat left top;  
  text-indent: 0;
  float: left; 
   }

a.buttontkset:hover {
  color: #333333;
  /* background-position: 0px -32px; */
   }



/*-----------------------------------------------------------------------------
  navigationmenu
-----------------------------------------------------------------------------*/
ul#navigationmenu {
  padding: 1.5em 0 1em 32px; }
  ul#navigationmenu > li.pagelistgroup {
    vertical-align: top;
/*    min-width: 176px; */
    min-width: 150px;
    min-height: 172px;
    text-align: left;
    float: left; }
    ul#navigationmenu > li.pagelistgroup > span.pagelisttoggler {
      color: #FFFFFF;
      margin: 0.1em 0 0.35em 0.375em;
      font-size: 11pt;
      text-transform: uppercase;
      display: inline-block; }
    ul#navigationmenu > li.pagelistgroup > a.pagelisttoggler {
      color: #FFFFFF;
      margin: 0.1em 0 0.35em 0.375em;
      font-size: 11pt;
      text-transform: uppercase;
      display: inline-block; }
    ul#navigationmenu > li.pagelistgroup > .pagelistelement {
      margin: 0 1em 0 0;
      display: block;
      text-align: left;
      color: #ffffff; }
      ul#navigationmenu > li.pagelistgroup > .pagelistelement > li.pagelist {
        display: block;
        margin: 0;
        color: #ffffff; }
      ul#navigationmenu > li.pagelistgroup > .pagelistelement > li.pagelistlast {
        border-bottom: 0px; }
      ul#navigationmenu > li.pagelistgroup > .pagelistelement > li > a {
        display: block;
        font-size: 10pt;
        color: #FFFFFF;
        padding: 0.1em 0.5em; }
        ul#navigationmenu > li.pagelistgroup > .pagelistelement > li > a:hover {
          background-color: #506594; }
        ul#navigationmenu > li.pagelistgroup > .pagelistelement > li > a.active {
          color: #253e78;
          background-color: #cdcdcd; }
        ul#navigationmenu > li.pagelistgroup > .pagelistelement > li > a.pagerpagelink {
          font-weight: normal; }
        ul#navigationmenu > li.pagelistgroup > .pagelistelement > li > a.pagerpagelinkactive {
          font-weight: bold; }


/*-----------------------------------------------------------------------------
  footer
-----------------------------------------------------------------------------*/
#footer {
  /* background-color: #253e78; */
  background: transparent url("../images/footer_background.png") repeat no-repeat;
  border-top: 0px solid #000000;
  /* opacity: 0.8; */
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 6;
  color: #2F2F2F; }
  #footer a {
    color: #2F2F2F; }
    #footer a:hover {
      text-decoration: underline; }

#status {
  margin: 0.5em 1em;
  float: left; }

#copyrightnote {
  margin: 0.5em 0 0 2.5em; }

#companylink {
  border-left: 1px solid #FFFFFF;
  margin: 0.5em 1em 0.5em 0.5em;
  padding-left: 0.5em; }

#companylink, #copyrightnote {
  float: left;
}

#userdiv {
  height: 100%; }

#userdiv.locations {
  width: 544px; }
  #userdiv.locations ul.locationlistview {
    width: 100%; }

#userdiv.usersystelacousticslistview {
  min-width: 1088px;
  margin-top: 64px; }

#userdiv.usercallprofile {
  min-width: 1144px; }

#userdiv.usersysteldisplay {
  min-width: 1068px;
  margin-top: 64px; }

#userdiv.deviceView {
  min-width: 992px; }



#loadingview {
/*  width: 80px; */
/*  height: 40px; */
/*  background: #d5552a url("../images/ajax-loader.gif") no-repeat center center; */
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-box-shadow: 4px 4px 8px #afafaf;
  -moz-box-shadow: 4px 4px 8px #afafaf;
  box-shadow: 4px 4px 8px #afafaf;
  position: absolute;
  top: 288px;
  right: 0px;
  background: #d5552a url("../images/ajax-loader.gif") no-repeat 15px center;;
  padding: 0px 10px 0px 50px;  
  font-size: 14pt;
  line-height: 40px;   
  color: #eeeeec; }

/*-----------------------------------------------------------------------------
  classes
-----------------------------------------------------------------------------*/
.bg_fade {
   background: #e2e3e2; /* Old browsers */
   background: -moz-linear-gradient(top,  #e2e3e2 0%, #bbbbbb 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  #e2e3e2 0%,#bbbbbb 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  #e2e3e2 0%,#bbbbbb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e3e2', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
   }

.fbutton2 {
/*  font-family: Tahoma,Arial,Helvetica,Verdana,Avantgarde; */
  font-size: 9pt;
  color: black;
  background-color: transparent;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  cursor: pointer; 
  outline: none;
  border: 0px solid transparent;
}


.missinglicence {
  background-color:#e5001b;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:0px;
  display: inline-block;
  color: #ffffff;
  padding: 0 1.0em 0 1.0em;
}

.missinglicence:hover {
  /* background-color:#ff4000; */
  color: #000000;
}


/*
.actionmenuview {
  border: 2px solid #FFFFFF;
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  background-color: #FFFFFF;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }
  .actionmenuview > div {
    background-color: #FFFFFF;
    opacity: 0.9; }
  .actionmenuview .actionseperator {
    background-color: rgba(240, 240, 240, 0.6);
    padding: 2px;
    font-weight: bold; }
    .actionmenuview .actionseperator span {
      padding: 0.2em 0.5em;
      display: block; }
  .actionmenuview .actionwrapper {
    background-color: rgba(240, 240, 240, 0.6);
    padding: 0px; }
    .actionmenuview .actionwrapper:hover {
      background-color: rgba(200, 200, 200, 0.6); }
  .actionmenuview .actionbutton:hover {
      background-color: rgba(200, 200, 200, 0.6); }
  .actionmenuview .actionbutton {
    text-decoration: none;
    white-space: nowrap;
    padding: 0.2em 0.5em;
    cursor: pointer;
    display: block; }
    .actionmenuview .actionbutton input {
      cursor: pointer;
      width: 20px;
      margin: 0; }
    .actionmenuview .actionbutton label {
      cursor: pointer;
      white-space: nowrap; }
  .actionmenuview .separatorLine, .actionmenuview .separatorDotted {
    margin: 0.2em 0.6em; }
    .actionmenuview .separatorLine:first-child, .actionmenuview .separatorDotted:first-child {
      display: none; }
*/

.importmenuview {
  border: 2px solid #FFFFFF;
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  background-color: #FFFFFF;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); 
  position: absolute;
  z-index: 10; }
.importmenuview tr:hover {
      background-color: rgba(200, 200, 200, 0.6); }

.importmenuview .fTableCell {
  padding: 1px; 
}

.importmenuview .fTableCellHeading {
    border-bottom-width: 2px; 
}


.fPosition {
    position: relative; }

.helpmenuview {
  border: 2px solid #FFFFFF;
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  background-color: #FFFFFF;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); 
  position: absolute;
  z-index: 10;
  opacity: 0.9;
  right:0px; }



/*#poolactionview a.actionlink span { */
#myButtonX span {
  display: inline-block;
  height: 22px;  
  width: 22px;
  background: #7cba42 url("../images/mydownload.svg") no-repeat top; 
  background-size: 100% 100%;}


button::-moz-focus-inner {
  border: 0;
}

.factorydefault {
  outline: 0; 
  border: 0;
  display: inline-block;
  height: 24px;  
  width: 24px;
  background-image: url('../images/factorydefault.svg');
  background-size: 100% 100%;
}
/*
.factorydefault:hover {
    outline: 0; 
    border: 0;
    background-image: url('../images/factorydefault_hover.svg');
}
*/

.factorydefault:active {
    outline: 0; 
    border: 0;
    background-image: url('../images/factorydefault_active.svg');
}

.backup {
  outline: 0; 
  border: 0;
  display: inline-block;
  height: 24px;  
  width: 24px;
  background-image: url('../images/backup.svg');
  background-size: 100% 100%;
}
/*
.backup:hover {
    outline: 0; 
    border: 0;
    background-image: url('../images/mybackup_hover.svg');
}
*/
.backup:active {
    outline: 0; 
    border: 0;
    background-image: url('../images/backup_active.svg');
}


.myopen {
  outline: 0; 
  border: 0;
  display: inline-block;
  height: 14px;  
  width: 14px;
  background-image: url('../images/myopen.svg');
  background-size: 100% 100%;
}

.myopen:hover {
    outline: 0; 
    border: 0;
    background-image: url('../images/myopen_hover.svg');
}


.mydelete {
  outline: 0; 
  border: 0;
  display: inline-block;
  height: 14px;  
  width: 14px;
  background-image: url('../images/mydelete.svg');
  background-size: 100% 100%;
}

.mydelete:hover {
    outline: 0; 
    border: 0;
    background-image: url('../images/mydelete_hover.svg');
}


.mylabel {
  outline: 0; 
  border: 0;
  display: inline-block;
  height: 16px;  
  width: 16px;
  background-image: url('../images/mylabel.svg');
  background-size: 100% 100%;
}

.mylabel:hover {
    outline: 0; 
    border: 0;
    background-image: url('../images/mylabel_hover.svg');
}



.chooseLanguageMenuView {
  border: 2px solid #7b7b7b;
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  color: #ffffff;
  background-color: #7b7b7b;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); 
  position: absolute;
  z-index: 10; }
.chooseLanguageMenuView tr:hover {
      background-color: rgba(200, 200, 200, 0.6); }

#chooseLanguage td {
    padding: 2px;
}