/* KdeKam.cz Layout Stylesheet */
body{margin:0px;color:#454545;font-family:Calibri,Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;background: white url(./img/bg_textura.gif) repeat;}
.ui-autocomplete{background-color:white;width:300px;border:1px solid #cfcfcf;list-style-type:none;padding-left:0px;}
h1{font-size:1.2em;padding-top:5px;margin-top:0px;}
h2{height:30px;font-size:1em;padding-top:10px;padding-left:10px;background:#cecece url(./img/bg_h2.png) repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #aaaaaa;margin-top:0px;margin-bottom:10px;}
legend{font-weight:bold;width:235px;height:30px;font-size:1em;padding-top:10px;padding-left:10px;background:#cecece url(./img/bg_h2.png) repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #aaaaaa;margin:4px auto;}
p{font-size:0.9em;margin-left:2px;text-align:justify;color:#454545;}
a{color:#12385d;text-decoration:underline;}
a:hover{color:rgb(135,206,250);text-decoration:underline;}
a.visited{color:#12385d;text-decoration:underline;}
img{border:none;}
.expIco{background:url(./img/plus.gif) no-repeat 0px;}
.collIco{background:url(./img/minus.gif) no-repeat 0px;}
form{padding:0px;margin:0px;}
.fb_logout{margin-bottom:0px;}
/*colapser*/
.general_ul{padding:0;margin:10px 0;font-size:0.9em;list-style-type:none;display:block;text-align:left;}
.general_ul ul{margin-top:0px;list-style-type:none;}
.general_ul li{padding:0px 0px 0px 30px;white-space:nowrap;}
/* DIVY */
#main{width:100%;margin:0 auto; }
#left{float:left;width:600px;}
#up_bar{margin-bottom:5px;padding:0px;}
#map_canvas{width:100%;height:480px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid rgb(220,220,220);margin-bottom:5px;}
#map_home{background:#cecece url(./img/home_map.jpg) repeat;width:100%;height:480px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid rgb(220,220,220);margin-bottom:10px;}
#home_map_text{padding-top:395px;margin-left:10px;margin-right:10px;height:75px;}
#right{width:290px;float:right;}
.detail_user_pic{float:left;width:60px;border:1px solid rgb(220,220,220);}
.new_user_pic{border:1px solid rgb(220,220,220);}
.detail_user_info{float:right;width:200px;border:none;font-size:13px;}
.vypis_mista {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid rgb(220,220,220);background:#F8F8F8;padding:5px;font-size:16px;margin:5px auto;}
#heading{text-align:center;width:100%;height:150px;background:white url(./img/up_lista.png) repeat-x;font-size:15px;padding-top:15px;}

.buttons_up{font-size:12px;margin-left:3px;}
#header{border-right:2px solid #eeeeee;border-left:2px solid #eeeeee;border-top:2px solid #eeeeee;background:white url(./img/bg_up.png) repeat-x; width:940px;margin:0 auto;padding-top:7px;}
#logo{text-align:left;height:100px;padding-top:45px;}
#main_content{width:910px;padding:15px 15px 15px 15px;margin:0 auto;margin-bottom:10px;text-align:justify;background:white;border-left:2px solid #eeeeee;border-right:2px solid #eeeeee;border-bottom:2px solid #eeeeee;}
#footer{width:100%;margin:0 auto;padding-top:15px;height:40px;text-align:center;font-size:12px;}
#cleaner{clear:both;}
#informace_error {color:red;background-color:#FFFFCC;}
#informace {background-color:#CCCCFF;}
#informace_error,#informace {text-decoration:none; display:block; padding:10px; font-size:20px; margin:5px auto; border:1px solid grey;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid rgb(220,220,220);}
.img_avatar_up{border:2px solid white; }
/* FONTY*/
.txt{font-size:0.9em;}
.home_text{font-size:15px;}
.shadowed_text{text-shadow:1px 1px 0px #ffffff;}
.scrollbigtext{font-size:18px;display:block;text-align:center;font-weight:bold;}
.scrollsmalltext{font-size:12px;display:block;text-align:center;}
.search_text{font-size:14px;}
/* FOMRULÁŘE */
.default_form{padding:5px;margin:0px auto;width:270px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid rgb(220,220,220);background:#F8F8F8;font-size:14px;margin-bottom:10px;}
.comment_container{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid rgb(220,220,220);background:#F8F8F8;padding:5px;font-size:14px;margin:5px auto;margin-bottom:15px;}
.message_container_unread{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid rgb(220,220,220);background-color:#FFFFCC;padding:5px;font-size:14px;margin:5px auto;}
.comment_pic{float:left;width:100px;border:1px solid rgb(220,220,220);}
.comment_textarea{height:90px;width:500px;font-size:18px;padding:5px;margin-bottom:3px;color:#454545;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid rgb(220,220,220);}
.message_textarea{height:150px;width:380px;padding:5px;margin-bottom:3px;color:#454545;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid rgb(220,220,220);}
.message_recipient{color:#454545;width:380px;padding:5px;margin-bottom:3px;color:#454545;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid rgb(220,220,220);}
.nearbytd{background-color:white;margin:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px;border:1px solid rgb(220,220,220); text-align:left; font-size:12px;}
.comment_text{float:right;width:770px;border:none;font-size:18px;}
.comment_text2{float:right;width:475px;border:none;font-size:18px;}
.comment_text3{float:right;width:455px;border:none;font-size:13px;} 
.comment_cleaner{clear:both;}


#searchField{
font-size:13px;color:#454545;
margin-left:10px;margin-top:0px;
    width: 200px;
    height: 25px;
    padding-left: 5px;
    padding-right: 30px; /* puts padding on the right side, so text doesn't go under the button. NOTE: TOTAL WIDTH IS 240 + 25 = 265px */
    float: left; /* some browsers display correctly without this, but better to leave it for cross browser compatibility */
    border: 1px solid #FFEDE8; /* sets new color for border of the field */
    border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid rgb(220,220,220);
}
#searchSubmit{
    background: transparent url("./img/search.png") no-repeat;
    width: 25px;
    height: 25px;
    border: none;
    cursor: pointer;
    margin-top:5px;
    margin-left: -25px; /* image is 20x20px, so leave little extra */
     /* leave some space from the top, so button looks in the middle */
}

.but_login_up{margin-top:3px;}
.input{margin-bottom:3px;padding:2px;font-size:11px;width:130px;color:#454545;min-height:20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid rgb(220,220,220);}
.input_up{margin-bottom:2px;padding:3px;font-size:12px;width:130px;color:#454545;height:18px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid rgb(220,220,220);}
.inputdate{font-size:11px;color:#454545;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid rgb(220,220,220);}
.search_address{font-size:14px;color:#454545;padding:5px;width:520px;height:18px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid rgb(220,220,220);}
.share_url{margin-left:10px;font-size:14px;color:#454545;padding:5px;width:380px;height:18px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid rgb(220,220,220);margin-bottom:10px;margin-top:10px;}
.but{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:11px;color:#454545;background:#f3f3f4;padding:3px;}
.editable{height:200px;width:200px;}
.error{font-size:0.9em;color:red;font-weight:bold;padding-top:10px;margin-bottom:15px;}
form fieldset{border:none;}
form fieldset p.error{margin:0;background:white;-webkit-border-radius-bottomleft:5px;-moz-border-radius-bottomleft:5px;-webkit-border-radius-bottomright:5px;-moz-border-radius-bottomright:5px;border:2px solid red;font-size:12px;font-weight:bold;display:none;margin:0 0 5px 0;padding:4px;width:130px;text-align:center;background-color:rgb(255,204,153);}
.form_line{
border-top: 1px dashed rgb(220,220,220);
height: 1px; 
width: 100%;
}


/* TABLES*/
.rightform{width:100%;text-align:center;}


#scrollbar1 { width: 260px; clear: both; margin: 0 auto; }
#scrollbar1 .viewport { margin-bottom:10px;width: 240px; height: 310px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #003D5D; }
#scrollbar1 .scrollbar{ background: transparent url(./img/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(./img/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(./img/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 28px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(./img/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable{ display: none; }     

/* minimal indent (inspired by okcupid iphone interface)
*******************************************************************************/
button.minimal-indent {
  background: #d2d2d2;
  background: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #f3f3f3), color-stop(0.5, #dddddd), color-stop(0.5, #d2d2d2), color-stop(1, #dfdfdf));
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #b4b4b4;
  border-right: 1px solid #dfdfdf;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: inset 0 1px 0 0 #fff, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
  -webkit-box-shadow: inset 0 1px 0 0 #fff, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
  box-shadow: inset 0 1px 0 0 #fff, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
  color: #666666;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 7px 0;
  text-shadow: 0 1px 1px #fff;
  width: 150px;
}

button.minimal-indent:hover {
  background: #c4c4c4;
  background: -moz-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #e5e5e5), color-stop(0.5, #d1d1d1), color-stop(0.5, #c4c4c4), color-stop(1, #b8b8b8));
  -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3;
}

button.minimal-indent:active {
  -moz-box-shadow: inset 0 0 30px 0 #999, 0 1px 0 0 #fff;
  -webkit-box-shadow: inset 0 0 30px 0 #999, 0 1px 0 0 #fff;
  box-shadow: inset 0 0 30px 0 #999, 0 1px 0 0 #fff;
}

div.indent {
  background: #e2e2e2;
  background: -moz-linear-gradient(top, #e2e2e2 0%, #fafafa 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e2e2e2), to(#fafafa));
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: 50px auto 0;
  padding: 10px 0;
  width: 170px;
}