@CHARSET "UTF-8";

*{
margin: 0;
padding: 0;
}

img{
border: 0;
}

a{
text-decoration: none;
color: #000;
}

a:hover{
text-decoration: underline;
}

h1{
font-size: 16px;
font-weight: bold;
}

h2{
font-size: 14px;
font-weight: bold;
}
h3{
font-size: 12px;
font-weight: normal;
}
h4{
font-size: 10px;
font-weight: normal;
}
h5{
font-size: 9px;
font-weight: normal;
}

p.title{
font-weight: bold;
}

p.more{
text-align: right;
}

p.back{
text-align: left;
clear: both;
}

p.zoom{
text-align: right;
}

p.zoom a{
text-decoration: none;
}
.clear_both{
clear: both;
}

hr.line{
border: none;
border-top: 1px solid #e0e0e0;
height: 0px;
margin-bottom: 15px;
}

.horizontal_line{
border-bottom: 1px solid #464646;
height: 0px;
font-size: 0px;
overflow: hidden;
margin: auto;
clear: both;
}

.left{
text-align: left;
}

.right{
text-align: right;
}

#dialog p{
margin: 7px 0;
}
#dialog p span.ui-icon{
float: left;
margin: 0 7px 35px 0;
}

html{
position: absolute;
height: 100%;
width: 100%;
}

body{
font-family: Tahoma,Arial,Verdana,"Lucida Grande",sans-serif;
font-size: 11px;
color: #000;
background-color: #ccd3d2; /*#c7cad1 kolor dla bottom_container */
}

#top_container_login{
background: url("/images/admin/top_container_login_bg.png") repeat-x top #fdf9f9;
width: 100%;
overflow: hidden;

}

#top_container{
background: url("/images/admin/top_container_bg.png") repeat-x top #fdf9f9;
width: 100%;
overflow: hidden;

}

#container{
width: 980px;
margin: auto;
overflow: hidden;
}

#header_box{
height: 114px;
overflow: hidden;
}

#header_logo{
float: left;
}

#header_logo a{
background: url("/images/admin/frisson_header.png") no-repeat;
display: block;
width: 72px;
height: 108px;
margin-left: 22px;
}

#header_logo a span{
display: none;
}

#header_box #panel_title{
float: left;
margin-left: 40px;
margin-top: 60px;
color: #fff;
font-size: 17px;
font-family: Arial,sans-serif;
font-weight: bold;
/* IE6 bugs*/
_display: inline;
}

#header_box #panel_title a{
color: #fff;
text-decoration: none;
}
#top_bar{
width: 100%;
height: 33px;
line-height: 32px;
overflow: hidden;
color: #585858;
}

#top_bar_welcome{
float: left;
}

#top_bar_admin{
float: right;
}

#top_bar_admin .admin_edit{

font-weight: bold;
}
#top_bar_admin .admin_edit a{
color: #e1319a;
}

#top_bar_admin .logout{
padding-left: 15px;
font-weight: bold;
}
#top_bar_admin .logout a{
color: #000
}

#top_line{
margin-top: 15px;
}

#admin_menu{
overflow: hidden;
width: 238px;
float: left;
/*IE6 bugs*/
_display: inline;
}

#path_bar{
float: left;
width: 730px;
height: 14px;
padding: 5px;
border: 1px solid #464646;
border-top: 0;
line-height: 14px;
font-size: 11px;
font-weight: bold;
}
#path_bar .path_active{
color: #e1319a;
}

#content_box{
float: left;
background-color: #f8f8f8;
width: 700px;
min-height: 290px;
padding: 20px;
border: 1px solid #464646;
border-top: 0;
margin-bottom: 15px;
font-size: 12px;
/*IE6 bugs*/
_display: inline;
}

#welcome{
text-align: center;
}

#welcome h1{
margin-bottom: 15px;
}
#welcome h2{
margin-bottom: 20px;
}

#welcome p{
margin-bottom: 20px;
}
#welcome p.success strong{
color: green;
}
#welcome p.failed strong{
color: red;
}

#bottom_container{
background: url("/images/admin/bottom_container_bg.png") repeat-x top #ccd3d2;
width: 100%;
overflow: hidden;
}

#footer_box{
width: 980px;
height: 40px;
margin: auto;
}

#footer_box #copyright{
float: left;
margin-top: 12px;
margin-left: 25px;
line-height: 20px;
color: #818181;
font-size: 11px;
font-family: Verdana,sans-serif;
/*IE6 bugs*/
_display: inline;
}
#footer_box #copyright a{
color: #818181;
}

#back_top{
float: right;
margin-top: 30px;
margin-right: 25px;
line-height: 20px;
color: #b7b7b7;
font-size: 11px;
/*IE6 bugs*/
_display: inline;
}
#back_top a{
color: #b7b7b7;
}

#created{
float: left;
clear: both;
margin-top: 10px;
margin-left: 25px;
line-height: 20px;
color: #454545;
font-size: 11px;
/*IE6 bugs*/
_display: inline;
}
#created a{
color: #b89e00;
}

#error_404{
text-align: center;
margin: 50px 0;
}

.form_error{
text-align: left;
color: red; /*#d8732f;*/
font-size: 0.8em;
}

.save{
text-align: right;
padding: 10px 0;
}

.save input,.save button{
width: 150px;
font-weight: bold;
text-align: center;
}

.buttons{
margin-left: 110px;
padding: 15px 0;
text-align: left;
}

.buttons input,.buttons button{
width: 150px;
margin-right: 35px;
font-weight: bold;
text-align: center;
}

#edit_form ul li{
list-style: none;
padding: 5px 0;
}

#edit_form ul li label{
display: inline-block;
width: 110px;
vertical-align: top;
}

#edit_form .form_error{
margin-left: 120px;
}
#edit_form input.readonly{
background-color: #f8f8f8;
}

.user_form{
font-size: 12px;
}
.user_form h1{
font-weight: bold;
color: #000;
font-size: 16px;
text-align: center;
padding: 10px;
}

.user_form ul{
list-style: none;
}

.user_form label{
display: block;
width: 70px;
float: left;
margin: 5px 10px;
/* IE 6 bug double margines,solution -> display: inline */
_display: inline;
}

.user_form input{
margin: 5px 10px;
width: 140px;
}

.user_form div.buttons{
width: 120px;
margin: 0 auto;
}

.user_form div.buttons input{
width: 100px;
margin: 10px;
font-weight: bold;
}

#user_login{
width: 260px;
padding: 10px 5px;
margin: 100px auto;
border: solid 1px;
border-color: #aaa;
background-color: #f8f4f4;
}

#user_login .form_error{
text-align: center
}

#user_password{
width: 300px;
margin: 30px auto;
}

#user_password label{
width: 80px;
}

#user_password .form_error{
margin-left: 115px;
}

#categories_list{
width: 100%;
}

#categories_list table{
border-spacing: 0;
border: 0px solid #ccc;
font-weight: bold;
width: 100%;
}

#categories_list table tr{
height: 30px;
}

#categories_list table tr:hover{
background-color: #fff;
}

#categories_list table td{
border-bottom: solid 1px #ddd;
padding-right: 5px;
}

#categories_list table td a{
text-decoration: none;
}

#categories_list table td.action{
width: 15%;
}

#categories_list table td.action a{
margin-left: 10px;
}

#pagination{
margin: auto;
text-align: center;
}
#pagination p{
margin-top: 25px;
}

table.list{
border-spacing: 1px;
width: 100%;
background-color: #bbb;
table-layout: auto;
}

table.list tbody a:hover{
text-decoration: none;
}

table.list tr{
height: 25px;
background-color: #fff;
/* IE bugs -> dodaje padding dla td do height dla tr*/
*height: 17px;
}

table.list tbody tr:hover{
background-color: #f0f0f0;
}

table.list th{
line-height: 15px;
}

table.list td,table.list th{
padding: 4px;
}
table.list thead tr,table.list tfoot tr{
background-color: #e8e8e8;
color: #111;
}

table.list tfoot{
font-weight: bold;
}

table.list tfoot td.summary{
text-align: right;
padding-right: 10px;
}

table.list th.id,table.list td.id{
text-align: center;
/*width: 25px;*/
}

table.list th.title,table.list td.title{

}
table.list th.role,table.list td.role{
text-align: center;
width: 75px;
}

table.list th.ip,table.list td.ip{
text-align: center;
width: 100px;
}

table.list th.bool,table.list td.bool{
text-align: center;
width: 28px;
}
table.list th.bool{
cursor: help;
}
table.list th.bool_wide,table.list td.bool_wide{
text-align: center;
width: 56px;
}

table.list th.date,table.list td.date{
text-align: center;
width: 70px;
}
table.list th.datetime,table.list td.datetime{
text-align: center;
width: 120px;
}

table.list th.action,table.list td.action{
width: 56px;
}

table.list td.action a{
margin: 0 5px;
}

table.list th.symbol,table.list td.symbol{
text-align: center;
/*width: 25px;*/
}

table.list th.price,table.list td.price{
text-align: center;
width: 60px;
}
table.list th.vat,table.list td.vat{
text-align: center;
width: 20px;
}
table.list td.price{
text-align: right;
}

table.list th.quantity,table.list td.quantity{
text-align: center;
width: 35px;
}

table.list th.tel,table.list td.tel{
text-align: center;
width: 75px;
}

table.list th.payment,table.list td.payment{
text-align: center;
width: 55px;
}

table.list th.status,table.list td.status{
text-align: center;
width: 76px;
}

table.list th.total,table.list td.total{
text-align: center;
width: 70px;
}

table.list td.total{
text-align: right;
padding-right: 6px;
}


table.show{
margin: 0;
border-spacing: 1px;
background-color: #bbb;
table-layout: auto;
}

table.show tr{
height: 25px;
background-color: #fff;
}

table.show td,table.show th{
padding: 5px;
}

table.show th{
width: 150px;
background-color: #e8e8e8;
color: #2b2b2b;
}

table.image_list{
border-spacing: 0;
margin: auto;
}

table.image_list td{
padding: 5px;
}

table.image_list thead td{
border-bottom: solid 1px #ccc;
font-weight: bold;
font-size: 16px;
line-height: 30px;
text-align: center;
}

table.image_list tbody td{
border-bottom: solid 1px #ccc;
}

table.image_list td input.submit, table.image_list td button.delete{
font-weight: bold;
}

table.image_list td button.delete{
color: red;
}

table.image_list td.thumb{
width: 192px;
text-align: center;
}

table.image_list td.thumb img{
max-width: 300px;
}

table.image_list tr.image_add td{
padding: 25px 5px;
}

table.legend caption{
margin-top: 20px;
padding: 10px;
font-weight: bold;
text-align: left;
}

table.legend td{
padding: 5px;
}

.narrow{
width: 65%;
/*margin: auto;*/
}

table.narrow{
width: 65%;
/*margin: auto;*/
}

#user th.action,#user td.action{
width: 86px;
}

#search_bar{
float: right;
padding-right: 0px;
padding-bottom: 12px;
text-align: left;
color: #000;
font-weight: normal;
font-size: 11px;
line-height: 24px;
}

#search_bar ul li{
float: left;
list-style: none;
}

#search_bar ul li input{
margin-right: 25px;
}

#search_bar ul li select{
margin-right: 25px;
}

#suggest{
position : absolute;
width: 150px;
background-color: white;
border: 1px solid #888;
margin: 0;
padding: 0;
}

#suggest ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#suggest ul li.selected{
background-color: #ffb;
}

#suggest ul li{
list-style-type: none;
float: none;
display: block;
margin: 0;
padding: 2px;
line-height: 20px;
cursor: pointer;
}