@import url(imageuploader.css);

*{
   box-sizing: border-box;
}

body{
   font-family: "Trebuchet MS",Trebuchet, helvetica, sans-serif;
   font-size:12px;
   color: #555;
   background: #dedede url(../img/boss-fight-stock-images-photos-free-photography-two-oranges.jpg) center top no-repeat;
   background-size: 100%;
   background-attachment: fixed;
   text-align: center;
   overflow-y: scroll;
}

hr{
   height: 1px;
   border-top: 0px;
   line-height: 8px;
   font-size: 8px;
}

table{
   border-collapse: collapse;
}

#page{
   display:inline-block;
   margin: 20px auto 100px auto;
   text-align: left;
   clear: both;
   width: 100%;
   min-width: 960px;

}

#cont{
   position: relative;
   margin: 1%;
   float: left;
   background: #fff;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   border-bottom: solid 4px #f80;
   width: 82%;
   min-width: 735px;
   box-shadow: 3px 3px 9px -3px #000
}

.edit #page{
   min-width: 700px;
}

.edit #cont{
   min-width: 450px;
}

.projects #page{
   min-width: 920px;
}

.projects #cont{
   min-width: 700px;
}



#formContent{
   padding: 10px 20px;
}

#logo{
   position: absolute;
   top: 15px;
   right: 20px;
}

h1,h2{
   margin: 5px 0;
   padding: 0;
   font-size:22px;
}

body.in h1, h2{
   margin: 0;
   font-weight: normal;
   color: #fff;
   background: #f80;
   -moz-border-radius: 4px 4px 0 0;
   -webkit-border-radius: 4px 4px 0 0;
   border-radius: 4px 4px 0 0;
   margin-bottom: 1px;
   padding: 10px;
   line-height: 25px;
}

h1 span{
   font-size: 11px;
}

h2{
   font-size:16px;
}

h3{
   margin: 10px 0;
}

h4{
   margin: 5px 0 0 0;
   font-size: 13px;
}

a{
   color: #cc0000;
}

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

img{
   border: none;
}



#admin_navi{
   float:left;
   min-width: 190px;
   width: 10%;
   font-size: 14px;
   margin: 1% 0 1% 1%;
   text-align: left;
   background: #fff;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   text-align: left;
   border-bottom: solid 4px #f80;
   box-shadow: 3px 3px 9px -3px #000;
}

#admin_navi ul{
   text-align: left;
   margin: 0;
   padding: 0;
}


#admin_navi li{
   list-style-type: none;
   border-bottom: solid 1px #f80;
   position: relative;
}

#admin_navi li:first-of-type{
   border-top: solid 1px #f80;
}

#admin_navi li:last-of-type{

}




#admin_navi li ul{
   display: none;
   position: absolute;
   top: 0;
   left: 98%;
   z-index: 1000;
   min-width: 120px;
}

#admin_navi li:hover ul{
   display: block;
   box-shadow: 2px 2px 5px 2px #000;
}

#admin_navi a{
   color: #000;
   background: #fff;
   margin:0;
   padding: 5px;
   text-decoration:none;
   display: block;
   border: solid 5px #fff;
   border-bottom: none;
   border-top: none;
}



#admin_navi a.nonlink{
   cursor: default;
}

#admin_navi a img{
   padding-right: 5px;
   position: relative;
   top:2px;
}

#admin_navi a:hover{
   border-color: #f80;

}

#admin_navi a:hover img{
   top: 3px;
   left: 1px
}

#admin_navi a.nonlink:hover{
   color: #000;
}

#filter{
   margin-bottom: 10px;
}

#filter th{
   border-top: none;
   border-left: none;
   border-right: none;


}



#line{
   border-top:1px solid #999;
   margin: 8px 0;
   overflow:hidden;
}

#youAre{
   font-style: italic;
   font-size: 12px;
   color: #000;
   padding: 10px 0 10px 10px;
   clear: both;
   display: block;
}

#youAre img{
   padding-right: 5px;
   position: relative;
   top: 3px;
}

#youAre a{
   padding: 2px 3px;
   float:right;
   border:none;
}

#youAre a:first-of-type{
   padding-right: 5px;
}

#youAre a:hover{
   background: transparent;
}

#youAre a img{
   padding: 0 2px;
}

#youAre span{
   padding-right: 2px;
}


table{

   margin: 5px auto;
   width: 100%;
}

table#detail_form{
   border-collapse: collapse;
}

th{
   color: #444;
   background: #eee;
   padding: 2px;
   padding: 4px 6px;
   border: solid 1px #999;
   border-bottom: solid 2px #999;
   border-top: solid 2px #999;
   text-align: left;
}

td{
   padding: 2px 6px;

}

td.link{
   width: 5%;
}

td.link a{
   display: block;
   width: 16px;
   height: 16px;
   margin: 2px;
   float: left;
}



td.coll_vec{
   font-size: 11px;
}


td.radios{
   min-width: 33%;
}

input{
   font-family:    Arial, Helvetica, sans-serif;
   font-weight: 200;
   border: solid 1px #c2c2c2;
   padding: 2px;
   width: 300px;
   font-size:12px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

input[type="checkbox"],
input[type="radio"]{
   width: 15px;
   padding: 0;
   text-align:left;
}

textarea{
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border: solid 1px #c2c2c2;
   padding: 3px 6px;
   width: 300px;
   height: 150px;
}

select{
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border: solid 1px #c2c2c2;
}

td.coll_connections{
   padding: 0;
}

.connections{
   margin: 5px 30px 10px 0;
   background: #fff;
   padding: 5px 0;
}

.connections tr:nth-child(even){
   background: #eee;
}

#page td select{

   padding: 2px;
   font-size:12px;
}

#page .edit-form td select {
   width: 300px;
}

input{
   padding: 3px 6px;
}

option{
   border-bottom: dotted 1px #ddd;
   padding: 3px;
}
option.d1{
   font-weight: bold;
   font-size: 14px;
}

option.d2{
   font-size: 13px;
}

option.d3{
   font-size: 12px;
}

#form_error,
.hlaska{
   padding: 5px 10px;
   background: #fdc;
   color: #c00;
   border: solid 1px #c00;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
}

#form_error strong,
.hlaska strong{
   font-size: 13px;
   line-height: 16px;
}

#detail_form tr.error{
   background: #fdc;
}

#detail_form tr.error input{
   border-color: #c00;
}

textarea:focus,
input:focus,
select:focus{
   border: solid 1px #f80;
}

/*td{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
*/

.result_list td
{
   border: solid 1px #ddd;
   border-left-style: dotted;
   border-right-style: dotted;
   height: 25px;
}

.result_list td:first-of-type,
.result_list th:first-of-type{
   border-left:none;
}

.result_list td:last-of-type,
.result_list th:last-of-type{
   border-right:none;
}

.result_list tr:first-of-type th{
   border-top: none;
}

.result_list tr:last-of-type td,
.result_list tr:last-of-type th{
   border-bottom: none;
}

.result_list tr:nth-child(odd) td{
   background: #f9f9f9;
}


.result_list tr:hover td
{
   background: #fd7;
   border-color: #fff;
}

.result_list tr:hover td:first-of-type{
   border-left-color: #ddd;
}

.result_list tr:hover td:last-of-type{
   border-right-color: #ddd;
}



td p,
#mailbody p{
   margin: 0;
}




#login_error{
   margin: 10px 0;
   display: block;
   font-weight: bold;
   color: #c00;
}

ul.nav_1,
.jstree > ul{
   margin: 0;
   padding: 0 0 0 23px;
   font-size:13px;
   color: #333;
}



ul.nav_2,
ul.nav_3{
   color: #777;
   padding: 0 0 0 10px;
   font-weight:normal;
   background: #DCF8C0;
}


ul.nav_2{
   font-weight:bold;
   font-size:12px;
   color: #555;
   background: #FFF5B4;
}

ul.nav_4{
   font-size: 11px;
   background: #BDF4D1;
}

ul.nav_5{
   background: #BDE1F4;
}

span.smaller{
   font-size: 10px;
}

li.invisible{
   display: none;
}

#user_login_form{
   font-size: 16px;
   text-align: center;
   display: block;
   background: #fff;
   font-weight: normal;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius:  6px;
   border: solid 1px #fff;

   margin: 30% auto;
   width: 200px;
   background: #ff8000;
   padding: 15px;
   color: #fff;
   font-weight: bold;
   font-size: 13px;
   text-align: center;
}



#user_login_form td{
   border:none;
}

#user_login_form td:first-of-type{
   text-align: right;
}


#user_login_form input{
   font-size: 13px;
   width: 94%;
   margin: 1% 0px;
   border: medium none;
   padding: 3%;
}

#user_login_form input.btn{
   font-weight:bold;
   margin-top: 3%;
}

#user_login_form h3{
   display: block;
   margin: 0px 0 20px 0;
   font-size: 28px;
   font-weight:bold;
}

.tree_cont ul{

}

.tree_1 li,
.tree_2 li,
.tree_0 li{
   line-height:26px;
   min-height:26px;
   display: block;
   width: 100%;
   position: relative;
   background: #0d0;
}

.tree_1 li a,
.tree_2 li a,
.tree_0 li a{
   line-height:25px;
   min-height:25px;
}


.tree_1 img.icon,
.tree_2 img.icon,
.tree_0 img.icon{
   position: relative;
   top: 4px;
   padding-right: 2px;
}

.tree_0 li a.add_link img,
.tree_0 li a.add_item_link img,
.tree_0 li a.del_link img,
.tree_0 li a.edit_link img,
.tree_1 li a.add_link img,
.tree_1 li a.add_item_link img,
.tree_1 li a.del_link img,
.tree_1 li a.edit_link img,
.tree_2 li a.add_link img,
.tree_2 li a.add_item_link img,
.tree_2 li a.del_link img,
.tree_2 li a.edit_link img,
.tree_3 li a.add_link img,
.tree_3 li a.add_item_link img,
.tree_3 li a.del_link img,
.tree_3 li a.edit_link img{
   position: relative;
   top: 3px;
   left:0;
}


.tree_0 li a.add_link:hover img,
.tree_0 li a.add_item_link:hover img,
.tree_0 li a.del_link:hover img,
.tree_0 li a.edit_link:hover img,
.tree_1 li a.add_link:hover img,
.tree_1 li a.add_item_link:hover img,
.tree_1 li a.del_link:hover img,
.tree_1 li a.edit_link:hover img,
.tree_2 li a.add_link:hover img,
.tree_2 li a.add_item_link:hover img,
.tree_2 li a.del_link:hover img,
.tree_2 li a.edit_link:hover img,
.tree_3 li a.add_link:hover img,
.tree_3 li a.add_item_link:hover img,
.tree_3 li a.del_link:hover img,
.tree_3 li a.edit_link:hover img{
   top: 1px;
}



.tree_1 li > ins,
.tree_2  li > ins,
.tree_0 li > ins{
   float: left;
   line-height:25px;
}

.jstree-closed > ins,
.jstree-open > ins{
   cursor: pointer;
}

.tree_1 li > span,
.tree_2  li > span,
.tree_0 li > span{
   padding: 0px 10px 0px 5px;
   display: block;
   width: 100%;
   border-bottom: dotted 1px #ddd;
   border-top: dotted 1px #ddd;
   background: #fff;
}

.tree_1 li  span.txt,
.tree_2  li  span.txt,
.tree_0 li  span.txt{
   width: 100px;
}


.tree_1 li > span > a,
.tree_2 li > span > a,
.tree_0 li > span > a{
   display: none;
   padding: 0 0 0 5px;
   font-size: 11px;
}




.tree_1  li > span:hover > a,
.tree_2  li > span:hover > a,
.tree_0  li > span:hover > a,
.tree_1  li > span:hover > img.icon,
.tree_2  li > span:hover > img.icon,
.tree_0  li > span:hover > img.icon{
   display:inline;
   opacity:1;
}

.tree_1  li > span:hover,
.tree_2  li > span:hover,
.tree_0  li > span:hover,
.tree_1  li > span.hover,
.tree_2  li > span.hover,
.tree_0  li > span.hover,
.tree_1 > li:hover > span,
.tree_2 > li:hover > span,
.tree_0 > li:hover > span{
   border-top-style: solid;
   border-bottom-style: solid;
   border-color: #c73;
   background: #fff688;
}

.tree_1  li > span.hlight_top,
.tree_2  li > span.hlight_top,
.tree_0  li > span.hlight_top{
   border-bottom: solid 1px #0d0;
   background-color: #def;
   -webkit-border-radius: 0 0 0 10px;
   -moz-border-radius: 0 0 0 10px;
   border-radius: 0 0 0 10px;
}

.tree_1  li > span.hlight_top_only,
.tree_2  li > span.hlight_top_only,
.tree_0  li > span.hlight_top_only{
   border-top: solid 1px #0d0;
   -webkit-border-radius: 10px 0 0 0;
   -moz-border-radius: 10px 0 0 0;
   border-radius: 10px 0 0 0;
   background-color: #def;
}

.tree_1  li > span.hlight_bottom,
.tree_2  li > span.hlight_bottom,
.tree_0  li > span.hlight_bottom{
   border-top: solid 1px #0d0;
   -webkit-border-radius: 10px 0 0 0;
   -moz-border-radius: 10px 0 0 0;
   border-radius: 10px 0 0 0;
   background-color: #def;
}

.tree_1  li > span.hlight_bottom_only,
.tree_2  li > span.hlight_bottom_only,
.tree_0  li > span.hlight_bottom_only{
   border-bottom: solid 1px #0d0;
   -webkit-border-radius: 0 0 0 10px;
   -moz-border-radius: 0 0 0 10px;
   border-radius: 0 0 0 10px;
   background-color: #def;
}





.tree_1 li > span > a,
.tree_2 li > span > a,
.tree_0 li > span > a,
.tree_0 li img.icon,
.tree_1 li img.icon,
.tree_2 li img.icon{
   display: inline;
   opacity:0.5;
   filter: alpha(opacity=50);
}




.tree_1,
.tree_2,
.tree_0{
   overflow: hidden;
   width: 300px;
   margin: 0 10px 0 2px;
   float: left;
   padding: 0 0 10px 10px;
   border: solid 1px #ddd;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

.tree_0{
   margin: 0 0 15px 0;
   width: 310px;
   position: relative;
}

.tree_1{
   margin-bottom: 15px;
   width: 625px;
   position: relative;
}
.tree_2{
   margin: 0 0 10px 0;
   width: 310px;
   position: relative;
}

span.invisible{
   font-style: italic;
}

#tabcont h3{
   margin-bottom: 15px;
}

/****************************************************************************
* FotosForm
****************************************************************************/
.clear{
   clear:both;
}

.imgcont{
   width: 148px;
   height: 148px;
   float: left;
   margin: 6px;
   position: relative;
}

.imgcont img{
   margin: 4px;
}

.imgcont span{
   display: block;
   width: 19px;
   height: 17px;
   position: absolute;
}

.imgcont span img{
   margin: 0;
   padding: 0;
   border: none;
}

.imgcont span a{
   display: block;
   /*	padding-top: 3px;*/
   padding: 3px;
   width: 16px;
   height: 14px;
   background: #fff;
   opacity:0.75;
   filter: alpha(opacity=75);
}

.imgcont span a:hover{
   opacity:1;
   filter: alpha(opacity=100);
}

.imgcont span.edit{
   /*	bottom: 6px;
    left: 6px;*/
   bottom: 3px;
   left: 11px;
}

.imgcont span.del{
   bottom: 3px;
   right: 4px;
}
/****************************************************************************
* ajax batch image processor
****************************************************************************/

#batchstart select,
#batchstart input{
   width: 200px;
   margin: 5px;
}


#nonimages{
   color: #c00;
}

#ajaximg div{
   width: 0px;
   height: 90px;
   width: 90px;
   float: left;
   margin: 4px;
}

#ajaximg div span{
   padding: 0px;
   line-height: 11px;
   font-size: 9px;
}

#ajaximg .cleaner{
   display: block;
   clear: both;
}



#ura td{
   white-space: nowrap;
}

span.ura_action{
   display: block;
   float: left;
   padding-right: 3px;
}

a.ura_yes,
a.ura_no{
   display: block;
   height: 20px;
   overflow: hidden;
   width: 20px;
}

a.ura_yes{
   background: url(../img/yes.png) top center no-repeat;
}

a.ura_no{
   background: url(../img/no.png) top center no-repeat;
}

a.ura_yes span,
a.ura_no span{
   display: none;
}

td.module{
   font-weight: bold;
}

span.hid{
   display: block;
   font-size: 10px;
   line-height: 12px;
   color: #888;
}

#ura td{
   text-align: center;
   border: solid 1px #ddd;
}

table#ura td:hover{
   background-color: #ff9;
}

table#ura td a:hover{
   background-color: #fff;
}


#ura td.module{
   border-left: none;
   text-align: left;
}

#dictionary td{
   max-width: 290px;
   font-size: 11px;
}

.tooltip{
   background: #ffd;
   font-weight: bold;
   padding: 3px 6px;
   border: solid 1px #c00;
   line-height: 15px;
   font-size: 12px;
   color: #333;
   -webkit-border-radius: 4px 4px 4px 0;
   -moz-border-radius: 4px 4px 4px 0;
   border-radius: 4px 4px 4px 0;
   -moz-box-shadow:0 3px 5px rgba(0,0,0,.5);
   -webkit-box-shadow:0 3px 5px rgba(0,0,0,.5);
   box-shadow:0 3px 5px rgba(0,0,0,.5);
   filter:alpha(opacity=9);
   opacity:0.9;
}

#hometext{
   width: 800px;
   min-height: 200px;
}

ul#history{
   margin: 0;
   padding-left: 15px;
   font-size: 11px;
}

li.log_item{
   display: none;
}

li.log_item_1,
li.log_item_2,
li.log_item_3{
   display: list-item;
}

#admin_log td{
   vertical-align: top;
   border: solid 1px #999;
}

#admin_log tr:hover td{
   background: #FFDD99;
}


#admin_log tr.restored td{
   text-decoration:line-through;
}

#admin_log tr.restored td.restore_link{
   text-decoration:none;
}

.mod_info{
   margin-bottom: 20px;
   padding: 5px 10px 10px 10px;
   background: #ffc;
}

.mod_info table td{
   font-size: 11px;
   padding:  3px 6px;
}

a.mod_show,
a.mod_hide{
   font-weight: bold;
   font-style: italic;
   display:block;
   padding: 0 0 0 20px;
   margin-bottom: 8px;
}

a.hot_links{ background: url(../img/icons/hot_links.png) center left no-repeat;}
a.teasers{ background: url(../img/icons/teasers.png) center left no-repeat;}
a.faq{ background: url(../img/icons/faq.png) center left no-repeat;}
a.dictionary{ background: url(../img/icons/dictionary.png) center left no-repeat;}
a.faq2{ background: url(../img/icons/faq2.png) center left no-repeat;}

a#show_history,
a#hide_history{
   background: url(../img/icons/restore.png) center left no-repeat;
   padding: 0 0 0 20px;
}

#history span{
   display: inline-block;
   width: 80px;
}

.update{ color: #009; }
.insert{ color: #090; }
.restore{ color: #808; }
.delete{ color: #b00; }

#history span.date{
   width: 110px;
}

.manage_links{
   display: block;
}

.manage_links a,
#add_ucastnik img{
   float: left;
   padding: 3px 0 0 10px;
   display: block;
}

#add_ucastnik img{
   padding: 0 4px 0 0;
}

input.ucastnik,
input.soubor{
   float:left;
}

.hidden{
   display:none;
}

input.big_button,
input.button{
   border-width: 2px;
   font-weight: bold;
   margin: 5px 0;
   padding: 10px 0;
   font-size: 14px;
   line-height: 16px;
   background: #f80;
   color: #fff;
   border: solid 1px #fff;
}

input.big_button{
   font-size: 17px;
   width: 100%;
   padding: 12px 0;
}

#search input.button{
   width: 100px;
   border: solid 1px transparent;
   margin: 0;
   padding: 2px 0;
   font-size: 12px;
}

input.big_button:hover,
input.button:hover{
   border-color: #f80;
   cursor: pointer;
}




#paging{
   margin: 30px 0 10px 0;
   text-align: center;
   font-size: 12px;
   font-weight: bold;
}

#paging a, #paging span{
   padding: 5px 7px;
   margin: 0 1px;
   border-radius: 4px;

   color: #000;
   border: solid 1px #f80;
   background: #fff;
   text-decoration: none;
}

#paging a:hover,
#paging span{
   background: #f80;
   color: #fff;
   text-decoration: none;
}


#paging a.num{
   font-weight: bold;
}

td.info{
   position: relative;
   padding-top: 5px;
   padding-left: 5px;
   padding-right: 10px;
   line-height: 18px;
}

td.info span.desc{
   font-size: 10px;
}

span.star,
span.req{
   font-weight: bold;
   font-size: 16px;
   position: absolute;
   padding-left: 2px;
   font-family: serif;
   color: #c00;
}

/*
#add img{
	position: relative;
	top: 3px;
}
*/

a#add {
   display: block;
   position: absolute;
   top:10px;
   right: 10px;
   margin: 0;
   font-size: 14px;
   color: #fff;
   padding: 3px 10px;
   text-decoration: none;
   border: solid 1px #fff;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

a#add:hover{
   border-width: 2px;
   right: 9px;
   top: 9px;
}


#tabcont{
   position: relative;
}

/* rsearch */

#rsearch_cont{
   position:relative;
}

ul#rsearch_options{
   display: none;
   position:absolute;
   top: 10px;
   left: 3px;
   border: solid 1px #c00;
   background: #fff;
   padding: 0;
   list-style-type: none;
   z-index: 1000;
   max-height: 480px;
   box-shadow: 3px 3px 3px #666;
   overflow: hidden;
   overflow-y: auto;
}

#rsearch_options li{
   padding: 4px 4px 3px 6px;
   border-bottom: dotted 1px #999;
}

#rsearch_options li.bg{
   background: #ffc;
}

#rsearch_options li:hover{
   background: #fd9;
}

#rsearch_options a{
   color: #333;
   text-decoration: none;
   display: block;
   white-space: nowrap;
}

#rsearch{
   width: 150px;
}

a#rsearch_start{
   display: block;
   padding: 3px;
   position: absolute;
   top: 1px;
   left: 162px;
}

a#rsearch_edit,
a#rsearch_delete{
   display: block;
   padding: 0 0 5px 20px;
   background: url(../img/icons/post.png) left 3px no-repeat;
   color: #000;
   text-decoration: none;
}

a#rsearch_delete{
   padding-top: 2px;
   background: url(../img/icons/trash.png) left 3px no-repeat;
}

a#rsearch_edit:hover,
a#rsearch_delete:hover{
   color: #c00;
}

a#rsearch_edit.inactive{
   background: url(../img/icons/page_find.png) left 3px no-repeat;
   color: #c2c2c2;
   cursor:default;
}

a#rsearch_edit.inactive:hover{
   color: #c2c2c2;
}

#rsearch_id,
#rsearch_desc{
   display: block;
   display: none;
}

#rsearch_desc{
   font-style: italic;
}

#rsearch_text{
   display: block;
   font-weight: bold;
   color: #000;
   clear: both;
}

#rsearch_text .content{
   display: block;
   float: left;
   padding-top: 2px;
}

span.small{
   font-size: 10px;
}

#loading_icon{
   position: absolute;
   top: 4px;
   left: 165px;
}

/* sorting */
td.sorting{
   width: 130px;
}

.sorting_controls{
   position: relative;
   width: 115px;
   height: 20px;
   padding: 2px;
}

li .sorting_controls{
   position: absolute;
   top: 1px;
   right: 0;
   height: 22px;
   padding-left: 5px;
   background: #FC6;
   -moz-border-radius: 11px 0 0 11px;
   -webkit-border-radius: 11px 0 0 11px;
   border-radius: 11px 0 0 11px;
   border-left: solid 10px #888;
   opacity: 0.5;
   filter: alpha(opacity=50);
}

li .sorting_controls:hover{
   opacity: 0.5;
   filter: alpha(opacity=50);
}

/* EFFA64 */
.nav_2 li .sorting_controls{ right: 18px; background: #FFEB66; border-left: solid 8px #888;}
.nav_3 li .sorting_controls{ right: 36px; background: #9EEB5E; border-left: solid 6px #888;}
.nav_4 li .sorting_controls{ right: 54px; background: #5AE195; border-left: solid 4px #888;}
.nav_5 li .sorting_controls{ right: 72px; background: #5AAEE1; border-left: solid 2px #888;}



.moving .sorting_controls,
.nav_2 li.moving .sorting_controls,
.nav_3 li.moving .sorting_controls,
.nav_4 li.moving .sorting_controls{
   background-image: url(../img/icons/loading.gif);
   background-position: center right;
   background-repeat: no-repeat;
}
.moved .sorting_controls,
.nav_2 li.moved .sorting_controls,
.nav_3 li.moved .sorting_controls,
.nav_4 li.moved .sorting_controls{
   background-image: url(../img/icons/asterisk_white.png);
   background-position: center right;
   background-repeat: no-repeat;
   opacity: 1;
   filter: alpha(opacity=100);
}
.result_list tr.moved td{background: #bdf}


.sorting_controls a,
.jstree .sorting_controls a{
   display: block;
   width: 22px;
   height: 25px;
   position: absolute;
   padding: 0;
   top: 0;
}

.sorting_controls a.sort_top{
   left: 0;
   background: url(../img/icons/sort_top.png) center left no-repeat;
}
li .sorting_controls a.sort_top{left:5px }

.sorting_controls a.sort_up{
   left: 25px;
   background: url(../img/icons/sort_up.png) center left no-repeat;
}
li .sorting_controls a.sort_up{left:30px }

.sorting_controls a.sort_down{
   left: 50px;
   background: url(../img/icons/sort_down.png) center left no-repeat;
}
li .sorting_controls a.sort_down{left:55px }

.sorting_controls a.sort_bottom{
   left: 75px;
   background: url(../img/icons/sort_bottom.png) center left no-repeat;
}
li .sorting_controls a.sort_bottom{left:80px }

.sorting_controls a:hover{
   background-position: center right;
}

.sorting_controls .loading{
   position: absolute;
   top: 4px;
   right: 0;
}

#show_sorting_controls,
#hide_sorting_controls,
#sorting_loading{
   position: absolute;
   padding-left: 20px;
   top: 0;
   right: 0;
   display: none;
}

td #sorting_loading{
   position: static;
   padding-left: 0;
   display: none;
}


#show_sorting_controls{
   background: url(../img/icons/sorting.png) center left no-repeat;
   display: block;
}

#hide_sorting_controls{
   background: url(../img/icons/pencil.png) center left no-repeat;
}

#load_sorting_list,
#create_sorting_list{
   display: block;
   font-weight: bold;
   background: url(../img/icons/sorting.png) center left no-repeat;
   padding-left: 20px;
}

#sorting_list{
   display:none;
   width: 99.5%;
   overflow: hidden;
   margin: 0;
   padding: 0;
   list-style-type: none;
   border: solid 1px #c2c2c2;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   background: #fd9;
}

#sorting_list li{
   padding: 0 10px;
   width: 100%;
}

#sorting_list li a{
   display: block;
   width: 100%;
   height: 100%;
   text-decoration: none;
}

#sorting_list li a:hover{
   font-weight: bold;
}

#sorting_list .err{
   font-style: italic;
}

#sorting_list .top,
#sorting_list .middle,
#sorting_list .bottom{
   height: 16px;
   line-height: 16px;
   font-size: 11px;
   background: #fd9;
   padding-left: 15px;
}

#sorting_list .data,
#sorting_list #occupied{
   padding: 0 10px;
   display: block;
   height: 25px;
   line-height: 25px;
   font-size: 12px;
   background: #fff;

   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   font-style: italic;
}

#sorting_list #occupied{
   font-weight: bold;
   font-size: 13px;
   background: #bdf;
}



a.collapse_tree,
a.expand_tree{
   position: absolute;
   top: 6px;
   width: 32px;
   height: 32px;
   display: block;
}

a.collapse_tree{
   background: url(../img/icons/collapse_tree.png) center center no-repeat;
   right: 6px;
}
a.expand_tree{
   background: url(../img/icons/expand_tree.png) center center no-repeat;
   right: 41px;
}



/* poll */
div.question{
   border: solid 1px #999;
   padding: 5px  2px 10px 10px;
   margin-bottom: 10px;
   background: #ffe;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

div.question h4{
   font-size: 13px;
   margin-bottom: 5px;
}

div.a_cont{
   position: relative;
}

span.answer{
   margin: 5px 0 1px 0;
   display: block;
   clear: both;
}

span.bar{
   height: 8px;
   border: solid 1px #aaa;
   display: block;
   float:left;
   line-height: 18px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   -moz-box-shadow:    2px 2px 5px #aaa;
   -webkit-box-shadow: 2px 2px 5px #aaa;
   box-shadow: 2px 2px 5px #aaa;
   margin: 1px 0 15px 0;
}

span.clr1{background: #ffe500;}
span.clr2{background: #ffb200;}
span.clr3{background: #ff8000;}
span.clr4{background: #f30;}
span.clr5{background: #e50066;}
span.clr6{background: #909;}
span.clr7{background: #400099;}
span.clr8{background: #2e2eb2;}
span.clr9{background: #0066b2;}
span.clr10{background: #00b266;}
span.clr11{background: #3f0;}
span.clr12{background: #cf0;}


span.percent{
   line-height: 12px;
}

div.text_answers{
   display: none;
   clear:both;
   position: relative;
   top: -14px;
   left: 5px;
   padding: 7px;
   margin-bottom: -10px;
   font-style: italic;
   font-size: 11px;
   background: #def;
   border: solid 1px #888;
   max-width: 97%;
   -moz-border-radius: 0 6px 6px 6px;
   -webkit-border-radius: 0 6px 6px 6px;
   border-radius:  0 6px 6px 6px;
   -moz-box-shadow:    2px 2px 5px #aaa;
   -webkit-box-shadow: 2px 2px 5px #aaa;
   box-shadow: 2px 2px 5px #aaa;
}

div.text_answers span.text_answer{
   display:block;
   background: #fff;
   padding: 5px 15px 5px 10px;
   border-bottom: dotted 1px #aaa;
}

div.text_answers span.desc{
   padding-top: 5px;
   display: block;
   font-weight: bold;
}

.connections span.name{

}

.connections span.radios{

}

.connections ul.nav_2,
.connections ul.nav_3{
   background: transparent;
}

.connections ul.nav_3 > li:hover{
   background: #Fb5;
}

.connections ul.nav_2 > li:hover{
   background: #Fd7;
}

.connections > div > ul > li:hover{
   background: #Ff9;
}


body.out{

}

body.out #page{
   border:none;
   background: transparent;
   box-shadow: none;
}

body.out h1{
   text-align: center;

   color: #fff;
   text-shadow: 0 0 8px #111;
   margin-top: 130px;
}


.edit-form,
.insert-form{
   border-collapse: collapse;
}

.edit-form td,
.insert-form td{
   border-bottom: solid 1px #eee;
}

.text-right{
   text-align: right;
}

.ajaxEdit input{
   width: 80%;
}


.ajaxEdit .controls{
   z-index: 1000;
   position: absolute;
}

.ajaxEdit .controls .save,
.ajaxEdit .controls .cancel{
   display: inline-block;
   width: 23px;
   height: 23px;
   margin-left: 1px;
   border: solid 1px #c2c2c2;
   border-radius: 2px;
}

.ajaxEdit .controls .save{
   background: #fff url(../img/icons/tick.png) center center no-repeat;
}
.ajaxEdit .controls .save:hover{
   background-color: #cfc;
}

.ajaxEdit .controls .cancel{
   background: #fff url(../img/icons/cancel.png) center center no-repeat;
}

.ajaxEdit .controls .cancel:hover{
   background-color: #fcc;
}

td.faded{
   opacity: 0.4;
}

.ajaxEditable{
   cursor: pointer;
}

.result_list tr:hover td.ajaxEditable:hover{
   background-image: url(../img/icons/pencil.png);
   background-position: 95% center;
   background-repeat: no-repeat;
}

.ajaxEdit select{
   width: 100px;
}

.result_list tr:hover td.ajaxEditable.ajaxEdit:hover{
   background-image:none;
}

#help{
   padding: 10px 0;
}

.users_list{
   position: absolute;
   top: 10px;
   right: 20px;
}

.users_list a{
   display: inline-block;
   color: #fff;
   padding: 5px;
}

.users_list span{
   display: inline-block;
   padding: 5px;
   font-weight: bold;
   font-size: 13px;
}


ul.project_history{
   padding: 0 20px;
}

.project_history li{
   padding: 3px 0 4px 0;
}

.project_history li.hours{
   list-style-type: circle;
}

.project_history li.log{
   list-style-type: disc;
}

.project_history span{
   display: inline-block;
   padding: 0 2px 0 0;
}

.project_history span.date{
   width: 115px;
   opacity: 0.75;
}

.project_history span.code{
   font-family: monospace;
   font-size: 80%;
}

.jsSum{
   font-weight: bold;
}


.select2-results {
   text-align: left !important;
}

#projects tr:first-child{
   position: sticky;
   top: 0;
}