/* -------------------------------------------
date:		2009/09/10
edit:		
------------------------------------------- */

/* reset css */
* {font-size:100.01%}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
img {display:block;}

/* clearfix */
.clearfix:after { content: ".";  display: block;  clear: both;   visibility: hidden;  line-height: 0;  height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix {    height: 1%; }

/* sprite */
body,
#logo,
a.arrow,
a.more-options span,
.lists li.strike a,
.lists.archive-lists li,
#footer,
.list-item span.actions a,
.lists li,
.lists li.all-done,
.sub-nav li span,
.lists li .action-delete a span
{
background:url(http://cdn.minitodo.pl/img/all.png);
background-repeat:no-repeat;
}

body
{
background-color:#ffffdd;
background-position:0 -366px;
background-repeat:repeat-x; 
color:#333;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
line-height:18px;
font-size:16px;
height: 100%;
}

/* nav accessibility */
ul#skip-links { position: absolute; top: 0; left: -10001px; list-style: none;}
 
 
 
/* formularze */
input, textarea, select, button
{
font-size: 14px; 
font-family: "Lucida Grande", Tahoma, Arial Verdana, sans-serif; 
background:#fff;
border:2px solid #ccc;
border-top:2px groove #ccc;
border-left:2px groove #ccc;
margin:1px; 
width:200px;
}

form
{
border:1px solid #eee;
border-top:1px solid #ddd;
background:#f7f7f7 url(http://cdn.minitodo.pl/img/buttons.png) repeat-x 0 -870px;
}

button
{
display: block;
border: 0;
background:url(http://cdn.minitodo.pl/img/buttons.png) no-repeat 50% 0px;
font-weight:bold;
float: left; 
height:28px;
line-height:28px;
width:50px; 
color:#fff;
font-size:12px;
text-align:center;
cursor:pointer;
cursor:hand; 
clear:both; 
}

button.w50{width:50px; background-position: 50% 0px;} 
button.w70{width:70px; background-position: 50% -29px;} 
button.w90{width:90px; background-position: 50% -58px;} 
button.w110{width:110px; background-position: 50% -87px;} 
button.w130{width:130px; background-position: 50% -116px;}
button.w150{width:150px; background-position: 50% -145px;}
button.w170{width:170px; background-position: 50% -174px;}
button.w190{width:190px; background-position: 50% -203px;}
button.w210{width:210px; background-position: 50% -232px;}
button.w230{width:230px; background-position: 50% -261px;}
button.w250{width:250px; background-position: 50% -290px;}
button.w270{width:270px; background-position: 50% -319px;}
button.w290{width:290px; background-position: 50% -348px;}
button.w310{width:310px; background-position: 50% -377px;}
button.w330{width:330px; background-position: 50% -406px;}


button.w50:hover{width:50px; background-position: 50% -435px;} 
button.w70:hover{width:70px; background-position: 50% -464px;} 
button.w90:hover{width:90px; background-position: 50% -493px;} 
button.w110:hover{width:110px; background-position: 50% -522px;} 
button.w130:hover{width:130px; background-position: 50% -551px;}
button.w150:hover{width:150px; background-position: 50% -580px;}
button.w170:hover{width:170px; background-position: 50% -609px;}
button.w190:hover{width:190px; background-position: 50% -638px;}
button.w210:hover{width:210px; background-position: 50% -667px;}
button.w230:hover{width:230px; background-position: 50% -696px;}
button.w250:hover{width:250px; background-position: 50% -725px;}
button.w270:hover{width:270px; background-position: 50% -754px;}
button.w290:hover{width:290px; background-position: 50% -783px;}
button.w310:hover{width:310px; background-position: 50% -812px;}
button.w330:hover{width:330px; background-position: 50% -841px;}


/* ajax-loader */

span.ajax-loader 
{
  
  background:transparent url(http://cdn.minitodo.pl/img/ajax-loader.gif) 0px 0px no-repeat;
  display:block;
  display:none;
  width:16px;
  height:16px;
  margin:6px;
  float:left;
} 



#wrap{width:700px; margin:0 auto; padding-top:0px;}

/* register, login, forgotpass */
#wrap320{padding:0; width:320px;  position: absolute; margin-left: -160px; margin-top: -208px; left: 50%; top: 50%;   }

a#logo{height:56px; width:237px; display: block; background-position: 0 0; background-repeat: no-repeat; margin:0 auto; }
a#logo span {text-indent: -9999px; display:block; }
a#logo:hover {background-position: 0px -56px; }

a {color:#2a8cc3; text-decoration:underline;}
a:hover {color:#003366; text-decoration:underline;}

a.arrow { background-position:0px -117px;  line-height:25px; height:25px; padding-left:15px; font-size:11px; display:inline;}
a.arrow.active { background-position:-0px -212px; display:block; line-height:25px; height:25px; padding-left:15px; font-size:11px;}

a.more-options {line-height:15px; height:15px; width:90px;  font-size:11px; display:block;}
a.more-options span{background-position:-276px 0px; display:block; line-height:15px; float:left; height:15px; width:15px; margin-right:5px; }
a.more-options.active span { background-position:-276px -15px;}



h1{text-align:left; padding:10px; line-height:25px; font-size:22px; font-family:Georgia, "Times New Roman", Tahoma; font-weight:normal; color:#E9534C;
letter-spacing:-0.5px; }
h1 span.fll{color:#E9534C; float:left; display:block;}
h1 span{color:#888;}
h1 small{padding-top:5px; clear:both; display:block; color:#888; font-size:11px;  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; letter-spacing:0;}
h1 small b{background:#b4c02c; color:#fff; padding:2px 5px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

h2{color:#333;  font-size:16px; }
h2 span{padding-left:10px; font-size:10px; }
h3{font-size:14px; font-weight:bold; color:#444;}

hr{display:none;}
 
#header{position: relative;  }
 
/* nav top */
ul#nav_top {  height:30px; clear:both; line-height:30px; border-bottom:1px solid #fff; background:#444; border-top:1px solid #fff; border-bottom:1px solid #000; font-size:12px;}
ul#nav_top li{float:left; padding:0 1px; margin:0 5px;}
ul#nav_top li a{ color:#eee; float:left; display:block; padding:0 10px;  text-decoration:none;}
ul#nav_top li a:hover{background-color:#000;} 

ul#nav_top li.logout{float:right; }
ul#nav_top li.logout a{color:#ccc; font-size:11px; background-color:#333; text-decoration:none;}
 
 
/* content*/
#content {position: relative; padding:0 10px 10px 10px; clear:both; background:#fff; border:1px solid #e6e2cc; }

/*lists */
.lists{padding-bottom:10px;}
.lists li{clear:both; position:relative; margin-bottom:1px;  padding:8px 10px;  text-decoration:none; border-bottom:1px solid #F2EFDF; background-position:-290px -142px;}
.lists li.all-done{background-position:-290px -242px !important;}
.lists li a{color:#2A8CC3; font-size:16px;  padding:8px 0px;  text-decoration:none;}
.lists li:hover, .lists li a:focus{   color:#000;}
/*.lists li a:focus{background-color:#E8FFCD;}*/

.lists li div.handler{float:left;  height:15px; margin:0px 4px; padding:1px 5px; line-height:15px;  } 
.lists li div.handler a {text-decoration:none; color:#999; cursor:ns-resize} 
.lists li div.handler a {padding:0; margin:0; font-size:14px; line-height:14px;}


.lists li span{display:block; float:right; font-size:12px; line-height:15px; height:15px; background:#888; color:#fff; padding:1px 5px;   text-align:center;
-webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.lists li span.closed{background:#ccc; margin-left:5px; font-size:10px; line-height:12px; height:12px; padding:1px 3px; margin-top:2px;}
.lists li span.public{background:#1AACE9; margin-right:5px; font-size:10px; line-height:12px; height:12px; padding:1px 3px; margin-top:2px;}

.lists li.strike a{ color:#94c5dd; font-size:12px; padding:2px 20px 2px 40px; background-position:10px -295px; border-bottom:1px solid #fbf9eb;  }

.lists em{font-size:10px; font-style:normal; line-height:18px; color:#fff; padding:1px 2px; margin-left:5px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.lists em.shared-info{background:#E9534C; }
.lists em.public-info{background:#8E2898;}


 


.lists li .action-delete{position:absolute; top:50%; margin-top:-11px; right:10px; display:none;}
.lists li .action-delete.shared{top:4px; margin-top:0px; right:10px;}
.lists li .action-delete a{ float:right; margin:0; float:left; text-align:center; display:block; background:#eee; line-height:16px; height:16px;   font-size:12px; 
text-decoration:none; padding:3px 10px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.lists li .action-delete a span{width:16px; height:16px; display:block; float:left; padding:0; margin-right:5px; background-position: -291px -48px;}
.lists li .action-delete form {border:none; background:none;}
 

/* archiwum */
.lists#userlistsArchived li { padding:4px 10px; background-position:-290px -146px;}
.lists#userlistsArchived li a {color:#999; font-size:12px;}

/*shared list*/
.lists#userlistsShared li { padding:4px 10px; background-position:-290px -146px;}
.lists#userlistsShared li a {  font-size:12px;}

.lists#userlistsShared em.shared-user {clear:both; display:block; float:none; padding-left:10px; color:#888;}
.lists#userlistsShared em.shared-user i{font-style:normal; color:#888; }



form#form-edit-name{width:450px; display:block; float:left;  background:#fff; border:0;}
form#form-edit-name div{ position:relative; margin:0; clear:both; }
form#form-edit-name div input { letter-spacing:0; clear:both; width:330px; padding: 5px;  float:left; margin-right:10px;} 
form#form-edit-name div input:focus{border-color:#aaa;  background:#ffffe5;}
form#form-edit-name div button {letter-spacing:0; float:left; clear:none; margin-top:2px;}
#cancel-edit-name {font-size:11px; letter-spacing:0; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;  text-align:center; width:40px; float:right; display:block; width:40px; height:30px; line-height:30px;   }
#edit-list {font-size:11px; letter-spacing:0; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;       width:40px;    }
 

ul.header {padding-bottom:0;}
ul.header li,
ul.header li:hover{padding:4px 10px; font-size:10px; color:#AAA692; border-bottom:1px solid #F2EFDE; background:none;}
ul.header li span{float:right;  font-size:10px; background:none; paddin:0; color:#AAA692; }

.sub-nav{ padding:10px; background:#f7f7f7 url(http://cdn.minitodo.pl/img/buttons.png) repeat-x 0 -910px; clear:both; border:1px solid #eeeeee;  }
.sub-nav li{float:left; margin:0 5px 0 0;}
.sub-nav li span{width:16px; height:16px; display:block; float:left; margin-right:5px;}
.sub-nav li a{float:left; text-align:center; display:block; padding:0 5px; line-height:16px; height:16px;   font-size:12px; 
text-decoration:none;  
padding:3px 10px;
-webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.sub-nav li a:hover{background:#ddd;}
.sub-nav li.back a span{background-position: -291px 0;}
.sub-nav li.sharing a span{background-position: -291px -16px;}
.sub-nav li.rss a span{background-position: -291px -64px;}
.sub-nav li.delete-list{float:right;}
.sub-nav li.delete-list a{ float:right; margin:0; }
.sub-nav li.delete-list a span{background-position: -291px -48px;}
.sub-nav li.delete-list form {border:none; background:none;}

 


/* Wyświetlanie komunikatów */
#ajaxMessage{ cursor:pointer; }
.message{ padding:0 20px; margin:10px 0;  line-height:50px;   text-align:center; font-weight:bold;}
.message.ok{background:#eefce4; border-bottom:1px solid #b9f1ae; border-top:1px solid #b9f1ae;  }
.message.error{background:#e9534c; border-bottom:1px solid #c72d26; border-top:1px solid #c72d26;}
.message-content{  font-weight:bold; height:50px; line-height:50px; display:block;  text-align:center;}

#wrap320 .message{font-size:11px; line-height:18px; padding:10px 20px;}

.message-content.ok,.message.ok{color:#378a26;}
.message-content.error,.message.error{color:#fff;}
.message-close{padding:2px 5px; z-index:2; position:absolute; top:16px; right:0; display:block; height:15px; line-height:15px; font-size:11px; color:#fff; background:#CB3F39; font-weight:normal; text-decoration:none; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.message-close:hover{text-decoration:none;}
.fpass-msg, .fmail-msg {padding-top:10px;}

 


/* logowanie i rejestracja form */
form.login-form{clear:both; width:298px;  padding:10px 0;  background:#fff; border:0;}
form.login-form div{ position:relative; margin:0; clear:both; padding-bottom:10px;}
form.login-form div label {font-size:14px; font-weight:bold;   padding:5px; float:left; text-align:right; clear:none; }
form.login-form div label span{color:#aaa;}
form.login-form p a{font-size:14px;}
form.login-form div input { clear:both; width:282px; padding: 5px;   } 
form.login-form div input:focus{border-color:#aaa;  background:#ffffe5;}

form.login-form div.checkbox {clear:both;}
form.login-form div.checkbox label{width:auto; display:inline !important;  clear:none!important;  }
form.login-form div.checkbox input{width:auto !important; height:auto !important;  float:left !important; border:0 !important; display:block; margin-top:7px; padding:0 !important; }

form.login-form div label.error{position:absolute;  text-align:left; padding:0; font-size:10px; line-height:12px; font-weight:normal; clear:both; display:block;   color:#e9534c;  width:auto; margin:0 auto;}
 
.handle {cursor:move; }

 

form.block-form{clear:both;  width:320px; padding:10px;  clear:both;  padding-bottom:40px;   margin:10px 0;  padding:10px; }
form.block-form h2{margin-bottom:10px;}
 
form.block-form div {clear:both; float:none; padding-bottom:10px;}
form.block-form div input {width:304px; margin:0; padding: 5px;  float:none; clear:both; }
form.block-form div select {width:304px; margin:0; padding: 5px;  float:none; clear:both; }
form.block-form div textarea{width:308px; padding: 5px;}
form.block-form div label {font-size:12px; clear:both;  font-weight:bold; float:none;}
form.block-form div.special{border-bottom:1px solid #f7f7f7;}
form.block-form div.checkbox {clear:both; position:relative;}
form.block-form div.checkbox label{ margin-left:20px; width:300px; float:right; clear:none;  }
form.block-form div.checkbox input{position:absolute; top:0; left:0; margin-top:3px; float:left;  width:auto; height:auto; border:0; display:block;  padding:0; }
form.block-form p{font-size:10px; color:#777; clear:both; line-height:15px;}
form.block-form div label.error{position:absolute;  text-align:left; padding:0; font-size:10px;  line-height:12px;  font-weight:normal; clear:both; display:block;   color:#e9534c;    width:auto; margin:0 auto;}

form.block-form div.with-cancel button{margin-left:180px; }
form.block-form div.with-cancel p{float:right; display:block; width:40px; padding-top:4px;}


form.block-form.insert-job{border:1px solid #f1f1f1; background:#f7f7f7; padding:10px; }

form.add-item-form{clear:both;  padding:10px;  clear:both;  padding-bottom:40px;   margin:10px 0;   padding:10px;  }
form.add-item-form h2{margin-bottom:10px;}
form.add-item-form h2 small{color:#888; font-size:10px; font-weight:normal;}
 
form.add-item-form div {clear:both; float:none; padding-bottom:10px;}
form.add-item-form div input {width:500px; margin:0; padding: 5px;  float:none; clear:both; }
form.add-item-form div textarea{width:500px; padding: 5px;}
form.add-item-form div label {font-size:12px; clear:both;  display:block; font-weight:bold; float:none;}
form.add-item-form div label span{color:#888; font-weight:normal;}
form.add-item-form div.checkbox {clear:both;}
form.add-item-form div.checkbox label{margin-left:5px; width:auto; display:inline !important;  clear:none!important;  }
form.add-item-form div.checkbox input{width:auto !important; height:auto !important;  float:left !important; border:0 !important; display:block; margin-top:5px; padding:0 !important; }
form.add-item-form div label.error{position:absolute;  text-align:left; padding:0; font-size:10px; line-height:12px; font-weight:normal; clear:both; display:block;  color:#e9534c;    width:auto; margin:0 auto;}
 
form.add-item-form div label span.red{background:#e9534c; border:1px solid #e9534c; width:10px; height:10px; display:block; clear:none; float:left; margin:5px 5px 0 5px;}
form.add-item-form div label span.gray{background:#f4f4f4; border:1px solid #ccc; width:10px; height:10px; display:block; clear:none; float:left; margin:5px 5px 0 5px;}
form.add-item-form div label span.green{background:#b4c02c; border:1px solid #b4c02c; width:10px; height:10px; display:block; clear:none; float:left; margin:5px 5px 0 5px;}
form.add-item-form div label span.blue{background:#7bb7e6; border:1px solid #7bb7e6; width:10px; height:10px; display:block; clear:none; float:left; margin:5px 5px 0 5px;}
form.add-item-form div label span.black{background:#000; border:1px solid #000; width:10px; height:10px; display:block; clear:none; float:left; margin:5px 5px 0 5px;}
form.add-item-form div label span.orange{background:#ff9900; border:1px solid #ff9900; width:10px; height:10px; display:block; clear:none; float:left; margin:5px 5px 0 5px;}



form.add-list-form{clear:both;  padding:10px;  clear:both;  padding-bottom:40px;   margin:10px 0;  padding:10px;  }
form.add-list-form h2{margin-bottom:10px;}
 
form.add-list-form div {clear:both; float:none; padding-bottom:10px;}
form.add-list-form div input {width:500px; margin:0; padding: 5px;  float:none; clear:both;  }
form.add-list-form div label {font-size:12px; clear:both;  display:block; font-weight:bold; float:none;}
form.add-list-form div label span{color:#888; font-weight:normal;}
 
form.add-item-form a.cancel-edit{ float:left; height:28px; line-height:28px; display:block; width:60px; text-align:center;}



form.share-public-form{clear:both;  width:280px;  clear:both;  margin:10px 0;  }
form.share-public-form h2{margin-bottom:10px;}
form.share-public-form div {clear:both; float:none; padding-bottom:10px;}

form#listtopublicForm,
form#shareuserForm
{background:none; border:none; }

.share{padding:10px 0;}
.share p{font-size:14px; padding:10px 0;}
.share__ a{display:block; padding:10px; margin:0 10px; border:3px solid #eee;}
.share-friends{padding-bottom:30px;}
.share-public{padding:40px 0 20px 0;}


.input-more-options{display:none;  }

.input-more-options label{ clear:both; float:none; padding:3px 0 0 0;}
.input-more-options textarea {width:277px; clear:both; float:none; font-size:11px;}
.input-more-options input {width:auto;}

.input-more-options option.high{border-left:5px solid #e9534c; }
.input-more-options option.norm{border-left:5px solid #f4f4f4;}
.input-more-options option.low{border-left:5px solid #b4c02c;}
 


form.list-item-form div.checkbox {clear:both;}
form.list-item-form div.checkbox input{ }


.list-item li{ color:#555; text-align:left; clear:both; padding:5px 0px; border-bottom:1px solid #F2EFDF;}
.list-item li:hover{background-color:#FFFFE9;}
.list-item li:active{background-color:#ffffcd;}

.list-item li.strike {  color:#999; font-size:12px; padding:2px 5px 2px 0px;  border-bottom:1px solid #fbf9eb;  }
 	
.list-item div{font-size:12px; }
.list-item div.priority{  float:left; width:10px; height:10px; margin:6px 4px 0 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
 
.list-item div.priority.red{background:#e9534c; }
.list-item div.priority.gray{background:#ccc; }
.list-item div.priority.green{background:#b4c02c; }
.list-item div.priority.black{background:#000; }
.list-item div.priority.blue{background:#7bb7e6; }
.list-item div.priority.orange{background:#ff9900; }
 
.list-item div.handler{  float:left; width:10px; height:18px; margin:0px 4px; line-height:18px;  } 
.list-item div.handler a {text-decoration:none; color:#999; cursor:ns-resize} 

.list-item div.description{width:auto; position:relative; margin:0 0 0 20px}


.list-item div.description input{width:14px; height:14px;  margin:4px 6px 0 4px; border:0; display:block; float:left; padding:0;}
.list-item div.description label{width:520px; display:inline !important;  clear:none!important;  font-size:13px;  line-height:19px;  float:left; text-align:left;  clear:none; }
.list-item div.description label .more{clear:both; font-size:11px; padding:2px 5px; background:#b4c02c; color:#fff; text-align:center; text-decoration:none;
-webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

.list-item div.description label .more:hover{background:#798309;}
.list-item div.description label span.item-name{display:block; float:left; width:490px;}

.list-item .desc-hidden {display:none;}


.list-item em{font-size:9px; font-style:normal; line-height:18px; color:#aaa;}

.list-item em.data {float:right;}
.list-item em.data i{font-style:normal;   color:#888;  padding:2px 5px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}



  
 
.list-item span.actions{display:none;}
.list-item span.actions{float:right; position:absolute; right:5px; top:-3px; background:#FFFFE9; padding:3px 0px 3px 30px;}
.list-item span.actions a {display:block; float:left; text-indent:-9999px; width:14px; height:14px; margin:2px;}
.list-item span.actions a.del{background-position:-308px 0;  }
.list-item span.actions a.del:hover{background-position:-322px 0;}
.list-item span.actions a.edit{background-position:-308px -42px; }
.list-item span.actions a.edit:hover{background-position:-322px -42px;}
.list-item span.actions a.up{background-position:-308px -14px;}
.list-item span.actions a.up:hover{background-position:-322px -14px;}
.list-item span.actions a.down{background-position:-308px -28px;}
.list-item span.actions a.down:hover{background-position:-322px -28px;}
 
.list-item div.more-info{display:none; clear:both;  padding:10px 30px 0px 0px !important; text-align:left; }
.list-item div.more-info h4{ font-size:12px;  }
.list-item div.more-info p{ font-size:12px; font-weight:normal;  font-size:11px;}
.list-item div.more-info p.tags {color:#aaa; font-size:10px;}
 


/*lists */
.shared-lists-users{text-align:center; vertical-align:middle; width:100%; margin-bottom:10px;}
.shared-lists-users th{font-size:10px; color:#AAA692; font-weight:normal; padding:2px 5px; border-bottom:1px solid #F2EFDF; text-align:center; vertical-align:middle;}
.shared-lists-users td{font-size:12px; padding:5px; color:#555; border-bottom:1px solid #F2EFDF; text-align:center; vertical-align:middle;}
.shared-lists-users td input.checkbox { width:auto !important; height:auto !important; border:0 !important; display:block; margin:0 auto;  padding:0 !important; }  
.shared-lists-users td a.deleteshared{color:#fff; font-size:10px; background:#cc0000; text-decoration:none; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display:block;}

.shared-lists-users tr.special td{background:#f7f7f7;}


.permision-info{font-size:10px; color:#999; background:#f9f9f9; border-bottom:1px solid #f3f3f3;}
.permision-info ul{}
.permision-info ul li{float:left; margin:0 5px;}




/* stopka i menu dolne */
#footer{color:#aaa; clear:both;  margin:0px; padding: 20px 20px; font-size:11px; background-repeat:repeat-x; background-position:0 -366px;}
#footer span{display:block; float:left;   padding:0 5px 0px 0px; margin:0 5px 5px 0px;}
#footer ul{ float:right; height:20px; line-height:20px; padding:0 0px;    }
#footer ul li{float:left;}
#footer ul li a{padding:0 5px 0px 0px; margin:0 10px 5px 0px; float:left; display:block; }
#wrap320 #footer ul{ float:none; clear:both; border-top:1px solid #f2efdf;  padding-top:5px; margin-top:5px;}
 
 

#descriptions {display: none;}
#tooltip { display:none; position: absolute; z-index: 3000;  border: 1px solid #111; background-color: #FFFFDD; padding: 5px; opacity: 0.95; max-width:300px; font-size:12px; }
#tooltip h3, #tooltip div { margin: 0; }


  
.item-draggable-start li{ border:1px dashed #ddd; border-bottom:0;}
.item-draggable-over li.item-draggable-placeholder{border:1px dashed #777;  }

.item-draggable-change li.item-draggable-placeholder{border:1px dashed #777; }