/* ************* */
/* *** STYLE *** */
/* ************* */

html, body {margin:0; padding:3px; height:97%}
body {font-family: verdana, arial, sans-serif; font-size: 11px; background: #fcf9f5;}

/* *** DIV glowny *** */
div#content {
	border: 1px solid #f00;
        position: relative;
        height: 100%;        
        min-height: 100%;
        margin-bottom: -5px;
}
/* html #content {height:100%}
body>#content {height:auto}
html>body #content {height:auto}
*/

/* *** NAGLOWEK *** */
div#header {
    height: 90px;    
    color: #272727;
}

/* *** LISTWA - odstep *** */
div#wstawka {
    position:relative;
    height: 3px;
    background: transparent;
    font-size: 1px;
}

/* *** MAIN - kontener glowny *** */
div#contentinner {
	color: #252525;
}
* html #contentinner {height:1%;}/* combat ie 3 pixel jog */

/* *** STOPKA *** */


/* ************* */
/* ***  ALL  *** */
/* ************* */
td {
    font-size: 11px;
}

abbr, acronym, .help {
    border-bottom: 1px dotted #333;
    cursor: help;
}

/* ************* */
/* *** CLASS *** */
/* ************* */

/* nowe wstawki dla nowego layout'u*/
.pole_przyciskow {
    width: auto;
    text-align: center;
    border-bottom: 1px dotted #333;
    background: #f0f0f0;
    padding: 15px;
    font-size: 19px;
}

.zakladka {
    float: left;
    width: 100px;    
    border-left: 1px solid #9f9f9f;
    border-top: 1px solid #9f9f9f;
    border-bottom: 1px solid #9f9f9f;
    background: #f0f0f0;
    text-align: center;
    color: blue;
}
.zakladka_tresc {
    position: relative;
    left: 0px;
    width: auto;
    height: 56px;
    border: 1px solid #9f9f9f;
    background: #f0f0f0;
    white-space: nowrap;
}

.check {
    background-color: #f1f1f1;
    color: black;
    border: 1px solid gray;
    width: 10px;
    height: 10px;
}
.text {
    background-color: #f1f1f1;
    color: black;
    border: 1px solid gray;
    height: 15px;
    width: 150px;
    font-size: 10px;
}

/* kolory statusow */
.open {
    color: green;
}
.progress {
    color: blue;
}
.sent{
    color: #FF60E0;
}
.sold{
    color: #400040;
}
.change_pl{
    color: PURPLE;
}
.change_at{
    color: #444444;
}
.corrected{
    color: MAROON;
}
.rejected{
    color: NAVY;
}
.canceled{
    color: orange;
}

.filtr_opis {
    font-weight: bold;
    color: #272727;
}
.filtr_text {
    color: navy;
}
.show_login {
    color: #111111;
    background: #f9f9f9;
    border: 1px solid gray;
    width: 94px;
    padding: 0px 0px 0px 1px;
    white-space: nowrap;
}

.head_list	{
  border: 1px solid gray;
  height: 10px;
  text-align: center;
  background: #7Ab2CA;
}
.normal {
    border-bottom: 1px solid gray;
}
.center {
    text-align: center;
    border-bottom: 1px solid gray;
    white-space: nowrap;
}

.page_button {
    background-color: #f1f1f1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
    border: 1px solid gray;
    width: 20px;
	height: 17px;
	text-align: center;
}
.page_button_activ {
    background-color: #f1f1f1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: red;
    border: 1px solid gray;
    width: 20px;
	height: 17px;
	text-align: center;
}

.form_order_list {
    font-size: 12px;
    color: blue;
    text-align: center;
    background-color: #F5F5F5;
    padding: 2px;
    border: 1px gray dotted;
    width: 200px;
    display: block;
}

.wstawka {
    position:relative;
    height: 3px;
    background: transparent;
    font-size: 1px;
}
.wstawka1 {
    height: 3px;
    background: transparent;
    font-size: 1px;
}

.configure_tabela {
    font-size: 11px;
    padding-left: 5px;
    border-bottom: 1px #F0F0F0 solid;
    color: #414141;
    text-align: left;
    white-space: nowrap;
}
.configure_show_r {
    float: left;
    width: 100px;
    text-align: right;
}
.configure_show_l {
    float: left;
    width: 600px;
    text-align: left;
}
.configure_show_odstep {
    clear: left;
    font-size: 1px;
    height: 10px;
    border-bottom: 1px solid #DDDDDD;
}
.configure_select {
    background-color: #f3f3f3;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
    border: 1px solid gray;
    width: 150px;
}
.configure_textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #f3f3f3;
    height: 80px;
    width: 400px;
    border: 1px solid gray;
    font-size: 12px;
}

.new_order_pola {
    float: left;
    font-weight: bold;
    text-align: left;
    width: 170px;
    height: 20px;
}

.order_button {
    background-color: #E1E1E1;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: red;
    border: 1px solid gray;
    width: 100px;
    font-weight: bold;
}

.red_info_center {
    color: red;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    border: 1px solid gray;
    padding: 5px 5px 5px 5px;
}

.insert_date_2 {
    background-color: #f1f1f1;
    color: blue;
    border: 1px solid gray;
    width: 20px;
    font-weight: bold;
}
.insert_date_4 {
    background-color: #f1f1f1;
    color: blue;
    border: 1px solid gray;
    width: 35px;
    font-weight: bold;
}
.center_date {
    text-align: center;
    width: 30px;
}

.tab_preview {
    border: 1px solid #444444;
}
.tab_preview_center {
    border: 1px solid #444444;
    text-align: center;
}
.tab_border_right {
    border-right: 1px solid #444444;
}

.zakladka_zamowienie {
    //display: inline;
    float: left;
    width: 100px;
    border: 1px solid #9f9f9f;
    background: #f0f0f0;
    text-align: center;
    color: blue;
    font-weight: bold;
}
.zakladka_zamowienie_tresc {
    position: relative;
    left: 0px;
    width: auto;
    border: 1px solid #9f9f9f;
    background: #f0f0f0;
}

.login {
    position: relative;
    left: 0px;
    width: auto;
    border: 1px solid #9f9f9f;
    background: #f0f0f0;
    padding: 5px;
}

.tree_naglowek {
    text-align: center;
    border: 1px solid #9f9f9f;
    background: #E1E1E1;
    padding: 3px;
    white-space: nowrap;
}
.tree_linia {
    border-bottom: 1px solid #9f9f9f;
}
.tree_drzewo {
    border-top: 1px solid #9f9f9f;
    border-left: 1px solid #9f9f9f;
    
}
.tree_linia_center {
    text-align: center;
}
.tree_input {
    background-color: #e9e9e9;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #222222;
    border: 1px solid gray;
    width: 100px;
}
.limit {
    color: #111111;
    background: #f9f9f9;
    border: 1px solid gray;
    width: 94px;
    padding: 0px 0px 0px 1px;
    white-space: nowrap;
    float: right;
    text-align: right;
    font-size: 10px;
    position: relative;
    top: 2px;
    left: -1px;
    width: 18px;
    height: 12px;
}

.ilosc_komentarzy {
	position: relative;
	top: -3px;
	display: inline;
	font-size: 9px;
	color: #979797;
}























div#nav a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 12px;
    font-weight:  bold;
}
div#nav a:hover {
    color: blue;
    background: transparent;
}

.madur {
    border-bottom: 1px dashed #333;
    cursor: help;
    color: #FF9933;
    font-weight: bold;
}

.detail_01 {
    font-family: verdana, arial, tahoma;
    font-size: 11px;
    background-color: #F1F1F1;
    color: blue;
    border: 1px silver solid;
    padding: 5px 5px 5px 5px;
}


.menu_button {
    border-left:1px solid #ececec;
    border-top:1px solid #ececec;
    border-right:1px solid #C3C8C9;
    border-bottom:1px solid #C3C8C9;
    text-decoration: none;
    padding: 1px 3px;
}
.menu_button:hover {
    border-left:2px solid #C3C8C9;
    border-top:2px solid #C3C8C9;
    border-right:1px solid #ececec;
    border-bottom:1px solid #ececec;
    text-decoration: none;
    padding: 1px 5px;
    background: blue;
}
.menu_interspace {
    height: 1px;
    font-size: 1px;
}

.device_name {
    font-size: 12px;
    background-color: #F1F1F1;
    color: blue;
    border: 1px silver solid;
    padding: 5px 15px 5px 15px;
}

.configure_naglowek {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: blue;
    background-color: #F0F0F0;
}


.configure_tabela_center {
    text-align: center;
    font-size: 11px;
    background-color: #F5F5F5;
    color: #414141;
}
.configure_button_active {
    position: relative;
    top: 2px;
    background: transparent;
    border: 0 dotted silver;
    font-size: 9pt;
    font-weight: bold;
    color: #214181;
}
.configure_button_pass {
    position: relative;
    top: 3px;
    background: transparent;
    border: 0 dotted silver;
    font-size: 9pt;
    color: #214181;
}
.configure_button_option {
    position: relative;
    top: -2px;
    background: transparent;
    border: 1px solid silver;
    font-size: 9pt;
    color: #214181;    
}


.contact {
    font-size: 11px;
    text-align: center;
    background-color: #F5F5F5;
    padding: 2px;
    border: 1px gray dotted;
}
.contact_tytul{
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: black;
    background-color: #F0F0F0;
}
.contact_naglowek {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: blue;
    background-color: #F0F0F0;
}
.contact_tabela {
    font-size: 11px;
    background-color: #red;
    display: inline;
    text-align: left;
}

.krok {
 font-size: 14px;
 background-color: #F5F5F5;
 color: blue;
 border: 1px silver solid;
 padding: 5px;
 text-align: center;
 margin: 0 auto;
 width: 350px;
}




#pass {
    display: block;
    font-family: Verdana, Arial, Helvetica;
    font-size: 9px;
    color: #333333;
    background-color: #F1F1F1;
    border: 1px silver solid;
    margin: 10px;
    padding: 5px 15px 5px 15px;
}
.pass {
    background-color: #E1E1E1;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
    border: 1px solid gray;
    width: 100px;
}

.kod_magaz{
    background-color: #E1E1E1;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    //font-weight: bold;
    color: red;
    border: 1px solid gray;
    width: 100px;
}

/* ************* */
/* ** CHMORKA ** */
/* ************* */

#dhtmltooltip {
    position: absolute;
    width: 150px;
    border: 2px solid black;
    padding: 2px;
    background-color: lightyellow;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

div.hint{
	padding: 2px;
	z-index: 1500;
	max-width: 150px;	
	font-size: 0.7em;
	position: absolute;
	background: #FEFCC2;
	border: 1px solid #000;
}

.setAfter:after{
	clear: both;
	height: 0px;
	content: "";
	display: block;
	overflow: hidden;
}

ul.tree{
	padding-left: 5px;
	list-style-type: none;
	list-style-position: inside;
	margin-left: 20px;
	
	/*
	*/
}

li.treeNode,li.treeNode_{	 
	border-left: dotted 1px #000; 
	 cursor: pointer;
	 margin-left: -11px;
	 height: 15px;
	 /*outline: dotted 1px #000;
	 
	 border-left: dotted 1px #000;
	 */
}

li.treeNode{
	 list-style-image: url('../Expand.png');
	 /*outline: dotted 1px #000;
	 border-left: dotted 1px #000;
	 
	 */
}

li.treeNode_{
	 list-style-image: url('../unExpand.png');
	 /*outline: dotted 1px #000;
	 border-left: dotted 1px #000;
	 
	 */
}