root {
    display: block;
}

body {
    margin : 0px;
    padding : 0px;
    background-color : #f4f4f4;
    font-family: "Trebuchet ms";
}
a {
    text-decoration : none;
    border : 0px;
}
img {
    border : 0px;
}
#top {
    background: url('/gfx/top_bcg.jpg') repeat-x;
    width : 100%;
    height : 58px;
}

#admin_name {
    float:left;
    font-size : 25px;
    color : #ffffff;
    margin-top : 14px;
    margin-left : 30px;
    display : inline-block;
}

#logo {
    float : right;
    margin-top : 5px;
    margin-right : 30px;
    display : inline-block;
    text-align:right;
}

#main {
    width : 1087px;
    height : 100%;
    padding-top : 10px;
    padding-bottom : 30px;
}

#contener {
    background: url('/gfx/contener_bcg.png') repeat-y;
    height : 100%;
    width : 1087px;
}

#menu_left {
    width : 203px;
    padding-left : 35px !important;   /* dla reszty */
    padding-left : 0px;             /* dla IE */
    display : inline-block;
    float:left;
}

#menu_main_item {
    /*background : url('/gfx/pointer_icon.jpg') left no-repeat;         */
    width : 188px;
    margin-top : 8px;
}
#menu_main_item span {
    /*margin-left : 20px;       */
    font-size : 14px;
}
#menu_main_item span a {
    color : #3c3c3c;
    margin-top : 3px;
}
.submenu {
    list-style-image: url('/gfx/submenu_pointer.jpg');
    margin : 0px 0px 0px 27px;
    padding : 0px;
}
.submenu li a {
    font-size : 12px;
    color : #787878;
}
.submenu_contener {
    margin-top : 4px;
}
.submenu_contener_top {
    background: url('/gfx/submenu_top.jpg') no-repeat bottom;
    width : 184px;
    height : 9px;
}
.submenu_contener_middle {
    background-color: #ffffff;
    border-left : 1px solid #D4D4D4;
    border-right : 1px solid #D4D4D4;
    width : 182px !important;   /* dla reszty */
    width : 184px;              /* dla IE */
}
.submenu_contener_bottom {
    background: url('/gfx/submenu_bottom.jpg') no-repeat;
    width : 184px;
    height : 9px;
}
#contener_right {
    display : inline-block;
    vertical-align : top;
    margin-left : 10px;
    width : 831px;
    float:right;
}

#contener_right_top {
    vertical-align : middle;
}
#contener_right_title {
    display : inline-block;
	/* width : 500px; */
}
#cotener_right_title img {

}
#contener_right_title span {
    vertical-align : top;
    font-size : 18px;
    color : #3c3c3c;
    margin-left : 10px;
}
#contener_right_legend {
    display : inline-block;
    float : right;
    margin-top : 7px;
}
#contener_right_legend span {
    color : #979797;
    font-size : 11px;
    vertical-align : top;
}


/*
div{border: solid red 1px;}
    width : 182px !important;    dla reszty
    width : 184px;               dla IE

text-decoration:underline;
text-transform:uppercase;
font-variant:small-caps;

	background-color: black !important;
	color: white !important;
        font-weight:bold !important;
        font-size:7px !important;
        border: solid 2px red;
font-style:italic;
text-shadow: 3px 3px 4px green;  - - - - poziom pion rozmycie kolor
filter: DropShadow(Color=kolor, OffX=x, OffY=y, Positive=typ)    - - - Positive 1 lub 0

.zmiana
{
filter:alpha(opacity=80);
opacity:0.80;
-moz-opacity:0.8;

text-shadow: 3px 3px 4px gray;
filter: DropShadow(Color=gray, OffX=3, OffY=3, Positive=0);        ------ dla IE
}
*/



#contener_table_top {
    width : 831px;
    background-color: #ffffff;
}
#contener_table_top tr td {
    font-size : 12px;
    font-weight : bold;
    text-align : center;
    border-bottom : 1px solid #D4D4D4;
}
#contener_table_top {
    width : 831px;
    background-color: #ffffff;
}
#contener_table_top .td_title {
    color : #787878;
    text-align : left !important;
    background-color: #f4f4f4;
    padding-left : 5px;
    border-left : 1px solid #D4D4D4;
    border-right : 1px solid #D4D4D4;
}


#contener_table {
    width : 831px;
    background-color: #ffffff;
}
#contener_table tr th {
    font-size : 10px;
    font-weight : bold;
    color : #3c3c3c;
    margin : 0px;
    padding : 0px;
}
#contener_table tr td {
    font-size : 12px;
    font-weight : bold;
    text-align : center;
    border-bottom : 1px solid #D4D4D4;
}

#contener_table tr:hover {
    opacity: 1 !important;
}
#contener_table tr:hover td {
    background: #E1E1E1;
     text-shadow: 1px 1px 1px silver; 
    filter: DropShadow(Color=silver, OffX=1, OffY=1, Positive=0);
}

.contener_table_corner {
    width : 8px;
}
.th_white {
    background-color: #ffffff;
    border-top : 1px solid #D4D4D4;
    border-bottom : 1px solid #D4D4D4;
}
.th_gray {
    background-color: #f4f4f4;
    border-top : 1px solid #D4D4D4;
    border-bottom : 1px solid #D4D4D4;
}
.td_right_border {
    border-right : 1px solid #D4D4D4 !important;
}
.td_title {
    color : #0064ab;
    text-align : left !important;
    background-color: #f4f4f4;
    padding-left : 5px;
    border-left : 1px solid #D4D4D4;
    border-right : 1px solid #D4D4D4;
}
.td_title a{
    color : #0064ab;
}
.td_title span {
    display : inline-block;
    vertical-align : top;
}
.td_gray_light {
    background-color: #f4f4f4;
    color : #5b5b5b;
    font-size : 11px !important;
    font-family : Tahoma;
    font-weight :normal !important;
}
.td_gray {
    background-color: #ededed;
    color : #5b5b5b;
    font-size : 11px !important;
    font-family : Tahoma;
    font-weight :normal !important;
}
.contener_table_bottom_fill {
    background-color: #ffffff;
    height : 25px;
    border-left : 1px solid #D4D4D4;
    border-right : 1px solid #D4D4D4;
}
.contener_table_bottom_pages {
    background-color: #ffffff;
    border-left : 1px solid #D4D4D4;
    border-right : 1px solid #D4D4D4;
}
.page_inact {
    color : #d4d4d4;
}
.page_act {
    color : #3c3c3c;
}
.prev_page {
float:left;
    display : inline-block;
    margin-left : 10px;
}
.prev_page a span {
    vertical-align : top;
}
.next_page {
    margin-right : 10px;
    display : inline-block;
    float : right;
}

.next_page a span {
    vertical-align : top;
}

.center_page {
    float:left; margin-left:11px; margin-top:6px; width:400px; display:inline-block; text-align:center; font-size:11px; color:gray;
}

.contener_table_bottom {
    background-image: url('/gfx/contener_bottom.jpg');
    background-repeat:no-repeat;
    width : 831px;
    height : 6px;
}
.rect_red {
    width : 15px;
    height : 15px;
    background-image: url('/gfx/rect_red.jpg');
    display : inline-block;

}
.rect_green {
    width : 15px;
    height : 15px;
    background-image: url('/gfx/rect_green.jpg');
    display : inline-block;
}
.rect_black {
    width : 15px;
    height : 15px;
    background-image: url('/gfx/rect_black.jpg');
    display : inline-block;
}





/*-------------statystyki---------- */
#statystyki_tab {
        width : 831px;
        background-color: #ffffff;
}
#statystyki_tab tr td {
        font-size : 12px;
        font-weight : bold;
        text-align : center;
        border-bottom : 1px solid #D4D4D4;
}
#statystyki_tab .td_title {
        color : #787878;
        text-align : center !important;
        background-color: #f4f4f4;
        padding-left : 6px;
        border-left : 1px solid #D4D4D4;
        border-right : 1px solid #D4D4D4;
}

#div {
	vertical-align:bottom;
	margin:2px 0px 2px 0px; /*top right bottom left   display:inline; */
	float:left;
}
.div_ile {
	text-align:center;
        font-size:9px;
}
.div_ile_pokaz_max {
	height:200px;
        border: solid #DDDDDD 1px;
        border-bottom: solid teal 1px;
        background-color:teal;
}
.div_ile_pokaz {
        /*width:7px !important;*/ /* dla reszy przegladarek*/
        /*width:3px;*/ /* dla IE*/ /*max-height:199px !important;*/
	background:url("/gfx/stat.png") repeat scroll 0 0 transparent;

        font-size:0px; /* na potrzeby wczytywania statystyk */
        color:#F4F4F4; /* na potrzeby wczytywania statystyk */
}

.div_ile_pokaz_uz_akt {
    background-color:#00A3A3;

        font-size:0px; /* na potrzeby wczytywania statystyk */
        color:#00A3A3; /* na potrzeby wczytywania statystyk */
}



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





/*------------- impromptu - delete ---------- */
.jqifade{ position: absolute; background-color: #aaaaaa; }
div.jqi{ width: 400px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; font-size: 11px; text-align: left; border: solid 1px #eeeeee; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 7px; }
div.jqi .jqicontainer{ font-weight: bold; }
div.jqi .jqiclose{ position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #bbbbbb; font-weight: bold; }
div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #444444; }
div.jqi .jqibuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
div.jqi button{ padding: 3px 10px; margin: 0 10px; background-color: grey; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.jqi button:hover{ background-color: #728A8C; }
div.jqi button.jqidefaultbutton{ background-color: #A7D018 }
.jqiwarning .jqi .jqibuttons{ background-color: #BF5E26; }
/*-------------------------------- */



/*-------------tooltip (chmurka)------------------- */
#tooltip {
    position: absolute;
    background: gray;
    padding: 3px;

    opacity:0.90;

	-moz-border-radius:4px;		/*	zaokr�glenie ramki w wi�kszo�ci przegl�darkach */
	border-radius:4px 4px;			/*	zaokr�glenie ramki w wi�kszo�ci przegl�darkach */
	-khtml-border-radius:4px;		/*	zaokr�glenie ramki w wi�kszo�ci przegl�darkach */
	-icab-border-radius:4px;		/*	zaokr�glenie ramki w wi�kszo�ci przegl�darkach */
	-webkit-border-radius:4px;		/*	zaokr�glenie ramki w wi�kszo�ci przegl�darkach */
	-khtml-border-radius:4px;		/*	zaokr�glenie ramki w wi�kszo�ci przegl�darkach */
}
#tooltip h3{
  margin: 0;
  color:white;
  font-size:12px;

}
#tooltip span{
  font-style:italic;
}
/*-------------------------------- */





/*------------- do sugest "autocomplete" ------------------ */
.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: #EEEEEE;
    overflow: hidden;
    z-index: 99999;
}
.ac_loading {
    background: white url('/gfx/indicator.gif') right center no-repeat;
}
.ac_odd {
    background-color: #DDDDDD;
}
.ac_over {
    background-color: black;
    color: white;
}
.ac_results ul {
    width: 100%;
    padding: 0;
    margin: 0;
}
.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
}
/*-------------------------------- */






#loogwanie {
                height:70px;
                border: solid red 0px;
                font-weight:bold;
                color:teal;
}
.logowanie_tab {
                
                position:absolute;
                vertical-align:middle;
                
                height:100%;
                /* example::::: height: calc(100% - 78px); - tylko nowsze przegadarki */
                height: calc(100% - 78px);
                
                width:100%;
                padding:0;
                border-spacing:0;
                text-align:center;
}
.logowanie_input{
                border: solid teal 1px;
	-moz-border-radius:2px;                 /*	background:#F4F4F4; zaokr�glenie ramki w wi�kszo�ci przegl�darkach */
	border-radius:2px 2px;			/*	zaokr�glenie ramki w wi�kszo�ci przegl�darkach */
	-khtml-border-radius:2px;		/*	zaokr�glenie ramki w wi�kszo�ci przegl�darkach */
	-icab-border-radius:2px;		/*	zaokr�glenie ramki w wi�kszo�ci przegl�darkach */
	-webkit-border-radius:2px;		/*	zaokr�glenie ramki w wi�kszo�ci przegl�darkach */
	-khtml-border-radius:2px;		/*	zaokr�glenie ramki w wi�kszo�ci przegl�darkach */
}