BODY {
    margin: 0px 0px 0px 0px;
    color : #444444;
    background-color: #eeeeee; 
    font-family: Verdana,Tahoma;
    font-size: 12px;
}

div#container {
    width: 1024px;
    display: block; 
    margin: 0px auto;
    padding: 0px;
    background-color: #FFFFFF;
}

div.top {
    width: 100%;
    height: 100px;
    padding-bottom: 0px;
    text-align: center;
      
}

div.logo {
    float: left;
    padding-left: 25px;
    background: url(../images/bqsystems280.gif) no-repeat;
    width: 240px;
    height: 80px;
}



div.top-line {
    background: url(../images/top-line.jpg) repeat-x;  
    height: 4px;
}

td.top img {
    
} 

div#container a,a:link,a:visited  {
    color: #AA4531; 
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;  
    vertical-align: baseline;
}

div#container  a:hover,a:active {
    color: #AA4531;  
    text-decoration: underline;
    font-weight: bold;
    font-size: 12px;
}



.inputbox {
    color: blue;
    background: #FDF5E6;
    font-family: Courier, Helvetica, sans-serif;
    z-index: -13;
    font-size: 11px;
}

INPUT, TEXTAREA, SELECT {
    color : blue;
    font-size: 11px;
    z-index:-1000;
}

td {
    font-size: 12px;
}

.pageHeader {
    color: white;
    font-size: 40px;
    font-family: Courier,Helvetica, sans-serif;
    font-weight: bold;
}

.Table {

    background-color: #FFFFFF;
    color: #444444;
    font-family: Verdana,Tahoma;    
}

  .ThRows { 
            background-color: #336699;
            color: #FFFFFF;
            font-weight: bold; text-align: center;
            font-family: Arial;
  }
  .TrEven {
            background-color: #FFFFFF;
            color: #000000;
            font-family: Arial;
  }
  .TrOdd  {
            background-color: #FFFFCF;
            color: #000000;
            font-family: Arial;
  }
  .Header  {
            color: #000000;
            font-family: Verdana;
            font-size: 14pt;
            font-weight: bold;
  }
  div.Footer  {
    background: #31404e;
    color: #EAEAEA;
    font-family: verdana,arial;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    height: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
  }
  
  div.Footer .links {
    width: 400px;
    float: left;
    
  }
  
  div.Footer a {
    color: #eaeaea !important;
    font-family: verdana,arial !important;
    font-weight: normal !important;
    padding-right: 5px;
    padding-left: 5px;
  }
  
  
  div.right-text {
    float: right;
    width: 300px;
    text-align: left;
  }
  
div#container div.menu {
    background: #31404e;
    width: 100%;
    border-color: #AFBEC7;
    
    border-width: 1px;
    font-size: 11px;
    height: 80px;
}

div#container div.menu a {
    color: #ffffff;
    text-decoration: none; 
    padding-left: 5px;
    padding-right: 5px;
    background-color: #31404e;    
}

div#container div.menu a:hover {
    display: block;
    color: #ffffff;
    text-decoration: underline;
    background-color: #31404e;  
    padding-left: 10px;
    padding-right: 10px;        
}
  
.TableStatusHeader {
    background-color: #EEEEEE;
    color: #444444;
    font-family: Verdana;    
    text-align: center;
}  
  
  .StatusHeader { 
            background-color: #336699;
            color: #FFFFFF;
            font-weight: bold; text-align: center;
            font-family: Verdana;
            font-size: 14px;
  }
  .NoErrorStatusMessage {
    color: #111111;
    background-color: #EEEEEE;
    font-family: Tahoma;
    font-size: 11pt;
    font-weight: bold;
  } 
  
  .IsErrorStatusMessage {
    color: red;
    background-color:#EEEEEE;
    font-family: Tahoma;
    font-size: 13pt;
    font-weight: bold;
    
  }  
  
  
  
      
  .FormHeader { 
            background-color: #336699;
            color: #FFFFFF;
            font-weight: bold; text-align: center;
            font-family: Verdana;
            font-size: 14px;
  }
  .FormMessage {
    color: #111111;
    background-color: #EEEEEE;
    font-family: Tahoma;
    font-size: 11pt;
    font-weight: bold;
  }
  
  
  
  .loginTableBkg {
    background-color: #FFFFFF;
    color: #444444;
    font-family: Tahoma;
    font-weight:bold;    
}

  .loginTable {
    background-color: #FFFFFF;
    color: #111111;
    font-size: 14px;
    font-weight: bold;
    font-family: Tahoma;
    border: 1px solid #000000;   
      
}

.inputlabel {
    font-weight: bold;
    text-align: left;
    font-size: 12px;
    color: #336699;
    }

.inputbox {
    font-family : Arial, Helvetica, sans-serif;
    color: #000000;
    width: 150px;
    margin: 0 0 4px 0;
    border: 1px solid #cccccc;
    font-size: 12px;
    }  
    
.button {
    z-index:50;
    background-color: #FFFFFF;
    border : solid 1px #cccccc;
    color : #000000;
    font-weight : bold;
    font-size : 14px;
    padding: 2px 12px 2px 12px;
    width: 75px;
    margin-top: 4px;
}    


  .Test {
    background-color: #000000;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    font-family: Tahoma;
    border: 1px solid #000000;    
}

td.content {
    width: 100%;
    padding: 10px;
    text-align: left;
}

div#content {
    display: block;
    padding: 0px;
}

div.content-left {
    width: 32%;
    float: left;
    display:  block;
    background: #f8f8f8;
    padding: 5px;
}
div.content-right {
    width: 950px;
   
    display: block;
    padding: 15px;
    padding-right: 40px;
    padding-left: 40px;
}

div.content-right h1 {
    font-size: 18px;
    font-weight: bold;
}  

div#content h2 {
    font-size: 14px;
    font-weight: bold;
}

div h2 {
    font-size: 14px;
    font-weight: bold;    
} 

table.tab-data {
    width: 100%;
    border: 1px solid #AFBEC7; 
    margin: 0px;
} 

table.tab-data td {
    border-bottom: 1px solid #AFBEC7; 
}

table.tab-data td.hour {
    font-weight: bold;
}  

table.tab-data td.person {
    font-style:italic;
}  

table.tab-data tr {
    border-bottom: 1px solid #AFBEC7;  
}

div.akt-list {
    width: 100%;
    display: block;
    padding-bottom: 5px; 
}

div.akt-list div.header {
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    background: url(../images/belka-red.jpg) no-repeat bottom; 
}

div.akt-elem {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #032262;
       
}

div.akt-elem div.title {
    font-size: 12px;
    font-weight: bold;
}

div.akt-elem div.summary {
    font-size: 10px;
    font-weight: normal;
}

div.akt-elem a,a:link,a:visited {
    color: #D37901; 
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
}

div.akt-elem a:hover,a:active {
    color: #D37901; 
    text-decoration: underline;
    font-weight: normal;
    font-size: 11px;  
} 

div.content-right div.news {
    padding: 5px;
    color: #333333; 
    font-size: 12px;
    font-family: Verdana, Helvetica,sans-serif;
    width:100%;   
}

div.content-right div.news div.news-title {
    font-size: 20px;
    margin-bottom: 10px;
}

/*--------------------------------------------------------dotyczy menu w stopce---------------------------------------------*/


/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontalFooter
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 700px;
    font: 11px Verdana,Tahoma; 
    background-color: #31404e;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
    z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontalFooter li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    float: left;
    display: block;
    background-color: #31404e !important;  
    
    
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontalFooter ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    position: absolute;
    left: -1000em;
    background-color: #31404e !important; 
    display: block;
    border: 1px solid #C6C3BD;
    white-space: nowrap;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontalFooter ul.MenuBarSubmenuVisible
{   
    display: block;
    left: auto; 
}


/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontalFooter ul li
{
    clear: both;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontalFooter ul ul
{
    display: block;
    position: absolute;
    margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontalFooter ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
    left: auto;
    top: 0; 
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontalFooter ul li
{
        
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontalFooter a
{
    display: block;
    cursor: pointer;
    
    color: #EAEAEA;
    text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontalFooter a:hover, ul.MenuBarHorizontalFooter a:focus
{
    text-decoration: underline;
    color: #EAEAEA;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontalFooter a.MenuBarItemHover
{
    text-decoration: underline;
    color: #EAEAEA;
}

ul.MenuBarHorizontalFooter a.MenuBarItemSubmenuHover
{
    text-decoration: underline; 
    
    color: #EAEAEA;
}

ul.MenuBarHorizontalFooter ul.MenuBarSubmenuVisible
{
    background-color: #fafafa;
    color: #EAEAEA;
}



/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontalFooter a.MenuBarItemSubmenu
{
    /*background-image: url(SpryMenuBarDown.gif);*/
    background-repeat: no-repeat;
    background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontalFooter ul a.MenuBarItemSubmenu
{
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    margin-right: 10px;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontalFooter a.MenuBarItemSubmenuHover
{
    /*background-image: url(SpryMenuBarDownHover.gif);*/
    background-repeat: no-repeat;
    background-position: 100% 50%;

}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontalFooter ul a.MenuBarItemSubmenuHover
{
    text-decoration: underline;
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontalFooter iframe
{
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
    ul.MenuBarHorizontalFooter li.MenuBarItemIE
    {
        display: inline;
        f\loat: left;
        background: #FFF;
    }
}


/*---------------------------------------------dotyczy mapy witryny---------------------------------------------*/

.sitemap ul {
    display        : block;
    list-style    : none;
    margin        : 0;
    padding        : 0;
}

.sitemap a {
    font-weight: normal !important;
}
.sitemap ul li {
    margin        : 0;
    padding        : 0;
    white-space    : nowrap;
    background    : transparent;
}
.sitemap a img {
    border        : none;
}
.sitemap ul.level_0 ul {
    list-style    : inside square;
    padding        : 0;
}
.sitemap ul.level_1 li {
    padding        : 0 0 0 2em;
    white-space    : nowrap;
}
.sitemap .active {
    font-style    : italic;
}

/*-----------------------------------------------dotyczy pathway-------------------------------------------------------*/

div .pathway {
    display: block;
    width: 100%;
    padding-left:15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

div .pathway a  {
    font-size: 12px !important;
    font-weight: normal !important;
    color: #444444 !important; 
}

div .pathway a:link,a:visited {
    text-decoration: none;
}

div .pathway a:hover,a:active {
    text-decoration: underline;
}

/* -------------------------------------------------------------------------------------------------------------------*/ 

div.left-box {
    width: 350px;
    display: block;
    padding-bottom: 5px; 
    float: left;
    
}

div.left-box div.left-box-header {
    padding: 2px;
    font-size: 2;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #2696b8;
    text-align: center;
}

div.left-box div.left-box-content {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
       
}