/* -------------------------------------------------------------------------
 *
 * @filename  menus.css
 *
 * @author    Active Pharma Sp. z o.o. [www.activepharma.pl]
 * @copyright (c) 2009 Copyright by Baxter Polska Sp. z o.o.
 *
 * ------------------------------------------------------------------------- */
 
 
   .menu {
     list-style:                  none;
   }
   
   .button {
     display:                     block;
   }
   
   .no-border {
     border:                      0 !important;
   }
 
 
/* --------------------------------- Header -- Content -- Service Menu ----- */
   .header .content .menu {
     float:                       right;
     
     padding:                     20px 0 15px 0;
   }
   
   .header .content .menu li {
     float:                       left;
   }
   
   .header .content .menu li .button {
     float:                       left;
   
     height:                      16px;
   
     padding:                     0 10px;
     
     border-right:                solid 1px #FFF;
     
     line-height:                 15px;
     color:                       #FFF;
     text-decoration:             none;
   }
   
   .header .content .menu li .button:hover {
     text-decoration:             underline;
   }
   
   .header .content .menu li .button.rss {
     padding:                     0 10px 0 23px;
     
     background:                  url(/var/img/icon/rss-16x16.png) 
                                  no-repeat 
                                  left center;
   }
   
   
/* ----------------------------------- Header -- Content -- User Panel ----- */
   .header .content #user-panel .menu {
     padding:                     5px 15px 0 0;
   }
   
   .header .content #user-panel .menu li {}
   
   .header .content #user-panel .menu li .button {
     border-right:                solid 1px #005D9D;
     
     color:                       #005D9D;
   }
   
   
/* ------------------------------------ Header -- Content -- Main Menu ----- */ /* TODO */


/* ---------------------------- Content -- Left Column -- Left -- Menu ----- */
   .content .column.left .left .menu {
     clear:                       both;
     
     height:                      20px;
     
     margin:                      0 0 25px 0;
   }
   
   .content .column.left .left .menu li {
     float:                       left;
     
     padding:                     0 5px;
   }
   
   .content .column.left .left .menu li .button {
     float:                       left;
     
     font-size:                   1em;
     color:                       #F7941E;
     text-decoration:             none;
     border-bottom:               1px dotted #F7941E;
   }
   
   .content .column.left .left .menu li .button:hover, 
   .content .column.left .left .menu li .button.on {
     color:                       #F7941E;
     text-decoration:             none;
     border-bottom:               1px solid #F7941E;

   }


/* ---------------------- Content -- Left Column -- Left -- Pagination ----- */
   .content .column.left .pagination {
     height:                      10px;
   
     margin:                      30px 0 0 80px;
   }
   
   .content .column.left .pagination li {
     float:                       left;
     
     padding:                     0;
   }
   
   .content .column.left .pagination li .button {
     float:                       left;
     
     padding:                     0 5px;
     
     border-right:                solid 1px #818181;
     
     line-height:                 1em;
     color:                       #818181;
     text-decoration:             none;
   }
   
   .content .column.left .pagination li .button:hover {
     color:                       #F7941E;
     text-decoration:             underline;
   }
   
   .content .column.left .pagination li .button.on {
     font-weight:                 bold;
     color:                       #F7941E;
     text-decoration:             none;
   }
   
   
/* ------------------------- Content -- Left Column -- Big Butons Menu ----- */
   .content .column.left .grid.buttons {
     margin:                      25px 0;
   }
   
   .content .column.left .grid.buttons li {
     float:                       left;
     
     width:                       377px;
     
     margin:                      0 3px 10px;
   }
   
   .content .column.left .grid.buttons li .button.big {
     float:                       left;
   
     width:                       377px;
     height:                      142px;
     
     text-indent:                 -9999px;
     outline:                     none;
   }
   
   .content .column.left .grid.buttons li .button.big#gry-zabawy {
     background:                  url(/var/img/button/content/left/gry-zabawy.png) 
                                  no-repeat;
   }
   
   .content .column.left .grid.buttons li .button.big#co-jest-grane {
     background:                  url(/var/img/button/content/left/co-jest-grane.png) 
                                  no-repeat;
   }
   
   .content .column.left .grid.buttons li .button.big#mobile {
     background:                  url(/var/img/button/content/left/mobile.png) 
                                  no-repeat;
   }
   
   .content .column.left .grid.buttons li .button.big#sport-team {
     background:                  url(/var/img/button/content/left/sport-team.png) 
                                  no-repeat;
   }
   
   
/* --------------------- Content -- Left Column -- Middle Buttons Menu ----- */
   .content .column.left .menu.buttons {
     clear:                       both;
     
     margin:                      25px 0 0 0;
   }
   
   .content .column.left .menu.buttons li {
     float:                       left;
     
     width:                       182px;
     height:                      53px;
     
     margin:                      0 2px;
   }
   
   .content .column.left .menu.buttons li .button.middle {
     width:                       182px;
     height:                      53px;
     
     border:                      solid 1px #E2EBF1;
     
     text-indent:                 -9999px;
     outline:                     none;
   }
   
   .content .column.left .menu.buttons li .button.middle:hover, 
   .content .column.left .menu.buttons li .button.middle.on {
     border:                      solid 1px #F89F35;
   }
   
   .content .column.left .menu.buttons li .button.middle#gry-zabawy-konkursy {
     background:                  url(/var/img/button/content/left/middle/gry-zabawy-konkursy.png)
                                  no-repeat;
   }
   
   .content .column.left .menu.buttons li .button.middle#co-jest-grane {
     background:                  url(/var/img/button/content/left/middle/co-jest-grane.png)
                                  no-repeat;
   }
   
   .content .column.left .menu.buttons li .button.middle#mobile {
     background:                  url(/var/img/button/content/left/middle/mobile.png)
                                  no-repeat;
   }
   
   .content .column.left .menu.buttons li .button.middle#sport-team {
     background:                  url(/var/img/button/content/left/middle/sport-team.png)
                                  no-repeat;
   }
   
   
/* ----------------------------- Content -- Left Column -- Bottom Menu ----- */
   .content .column.left .menu.bottom {
     float:                       right;
     
     margin:                      -15px 10px 20px 0;
   }
   
   .content .column.left .menu.bottom li {
     float:                       left;
     
     padding:                     0 5px;
   }
   
   .content .column.left .menu.bottom li .button {
     float:                       left;
     
     font-size:                   1em;
     color:                       #F7941E;
     text-decoration:             none;
     border-bottom:               1px dotted #F7941E;
   }
   
   .content .column.left .menu.bottom li .button:hover, 
   .content .column.left .menu.bottom li .button.on {
     color:                       #F7941E;
     text-decoration:             none;
     border-bottom:               1px solid #F7941E;
   }


/* ------------------- Content -- Left Column -- Right -- Content Menu ----- */
   .content .column.left .right .menu {
     list-style:                  disc;
   
     margin:                      0 0 30px 0;
     padding:                     0 0 0 50px;
   
     border-left:                 solid 1px #F9B35E;
   }
   
   .content .column.left .right .menu li {
     line-height:                 1.4em;
   }
   
   .content .column.left .right .menu li a {
     color:                       #818181;
     text-decoration:             none;
   }
   
   .content .column.left .right .menu li a:hover {
     text-decoration:             underline;
   }
   
   .content .column.left .right .menu li a.on {
     font-weight:                 bold;
     color:                       #F7941E;
   }
   
   
/* ---------------------------------------------------- Footer -- Menu ----- */
   .footer .menu {
     float:                       right;
     
     padding:                     15px 10px 0 0;
   }
   
   .footer .menu li {
     float:                       left;
   }
   
   .footer .menu li .button {
     padding:                     0 10px;
     
     border-right:                solid 1px #6F9EC5;
     
     color:                       #6F9EC5;
     text-decoration:             none;
   }
   
   .footer .menu li .button:hover {
     text-decoration:             underline;
   }