html ,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}
.ui-content {
    padding: 0;/*margin-top:auto;*/
}
.ui-footer {
    text-align: center;
    padding: 5px 0;
}
.portrait, .portrait #mappage {
    min-height: 0;
}
/*.portrait, .portrait .ui-page{*/
    /*min-height: 0;*/
/*}*/

#mappage, #mappage .ui-content, #map {
    width: 100%;
    height: 100%;
}
.olControlAttribution {
    font-size: 10px;
    bottom: 90px;
    right: 5px;
}
#infolist {
    position: absolute;
    z-index: 1000;
}

#navigation { 
    position: absolute;
    bottom: 90px;
    left: 10px;
    z-index: 1000;
}
#navigation .ui-btn-icon-notext{
    background: url(../img/map_mobile/navibar_bg.png);
    display: block;
    padding: 7px 6px 7px 8px;
}
#title, #tags, #shortdesc {
    display: none;
}
.ui-icon-check {
    opacity: 0.3;
}
.checked .ui-icon-check {
    opacity: 1;
}

.ui-content .ui-listview-inset, #search_results, #routeslist, #nearlist, #faqlist {
    margin: 1em;
}
.ui-content .ui-listview {
    margin: 0;
}
#details-list li{
	padding:15px 10px;
	overflow:hidden;
 margin-right: 45px;
}


#popup #details-list li {
    margin-right: 0;
    overflow: hidden;
    padding: 15px 10px;
}
#popup .ui-icon-delete{margin:2px 3px!important}


.header_m{
    background: url("../img/map_mobile/navibar_bg.png") repeat scroll 0 0 transparent;
}
.header_title{text-align: center; width: 95%; font-family: Lucida Bright, Arial, Helvetica, sans-serif; font-size:22px; text-shadow:none}
#routesdivpage a, #catalogdivpage a, #neardivpage a, #busdivpage a, #feedbackdivpage a, #addobjectdivpage a, #faqdivpage a{
    background: inherit;
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    margin: 0 -5px;
}
#routesdivpage .ui-btn-inner, #catalogdivpage .ui-btn-inner, #neardivpage .ui-btn-inner, #busdivpage .ui-btn-inner, #feedbackdivpage .ui-btn-inner, #addobjectdivpage .ui-btn-inner, #faqdivpage .ui-btn-inner{background: url(../img/map_mobile/bg_btn.png) repeat; border-radius: 4px; border: 1px solid #404143; height: 20px; margin: -2px 3px 0; padding: 5px;}
#catalogpage .header_m, #nearpage .header_m{background: #707070;}
#nearpage .ui-field-contain{margin: 1em 0.5em;}
#buspage .ui-content{ margin:0 5px}
#routesdivpage, #searchdivpage, #catalogdivpage, #neardivpage, #busdivpage, #feedbackdivpage, #addobjectdivpage, #faqdivpage {margin: 0px 8px;}
#searchdivpage .two_a{width: 50px; float: left;}
#searchdivpage .two_a1{width: 40px;  float: right;}
#searchdivpage .two_input{margin: 0 40px; padding: 0 10px;}
#searchdivpage .ui-collapsible-content {padding: 1px 16px;}
/*#searchdivpage .ui-input-text{border-radius:0; border-width: 3px 2px 2px 2px; border-image: url(../img/map_mobile/input.png) 3 2 2 2 repeat;}*/
#searchdivpage a{background: inherit; border: medium none; border-radius: 0; box-shadow: none; margin:0 -5px}	
#searchdivpage a span{border:none;}
#searchdivpage .ui-btn-inner{background: url(../img/map_mobile/bg_btn.png) repeat; border-radius: 4px; border: 1px solid #404143; height: 20px; margin: 2px 3px 0; padding: 5px;}

#searchdiv .two_a{width: 50px; float: left;}
#searchdiv .two_a1{width: 40px;  float: right;}
#searchdiv .two_input{margin: 0 40px; padding: 0 10px;}
#searchdiv .ui-collapsible-content {padding: 1px 16px;}
/*#searchdiv .ui-input-text{border-radius:0; border-width: 3px 2px 2px 2px; border-image: url(../img/map_mobile/input.png) 3 2 2 2 repeat;}*/
#searchdiv .ui-input-text, #searchdivpage .ui-input-text{border-radius:6px; border:1px solid #404143; background:#fff; color:#404143; text-shadow:none;  box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5) inset;}
#searchdiv a{background: inherit; border: medium none; border-radius: 0; box-shadow: none; margin:0 -5px}	
#searchdiv a span{border:none;}
#searchdiv .ui-btn-inner{background: url(../img/map_mobile/bg_btn.png) repeat; border-radius: 4px; border: 1px solid #404143; height: 20px; margin: 10px 3px 0; padding: 5px;}
#direction .route_label{width: 10px; float: left;}
#direction .route_label label{margin: 8px 0;}
#direction #direction_btn, #direction #direction_btn1{width: 80px;  float: right;}
#direction #direction_btn{margin-top:4px}
#direction #direction_btn .ui-btn-inner, #direction #direction_btn1 .ui-btn-inner{background: url(../img/map_mobile/bg_btn.png) repeat-x; border-radius: 4px; border: 1px solid #404143; height: 18px; padding: 5px;}
#direction #direction_btn a, #direction #direction_btn1 a{background: inherit; border: medium none; border-radius: 0;	box-shadow: none;}
#direction #direction_btn a span, #direction #direction_btn1 a span{border:none;}
#direction .route_input{margin: 0 78px 10px 10px; padding: 0 10px;}
#direction .ui-body-a{border-radius:6px; border:1px solid #404143; background:#fff; color:#404143; text-shadow:none;  box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5) inset;}
#direction fieldset{ margin:0 0 0 20px; }
/*#direction fieldset.ui-controlgroup .ui-btn-inner{background: url(../img/map_mobile/bg_btn.png) repeat-x; border-radius: 4px; border: 1px solid #404143; height: 18px; padding: 5px; width: 50px;}*/
#direction fieldset.ui-controlgroup .ui-btn-inner{ height: 18px; padding: 5px; width: 45px;}
#direction fieldset.ui-controlgroup .ui-btn-up-a:focus {background: none;border: none;color: #FFFFFF;text-shadow: none;box-shadow:none}
#getroute{margin:-28px 10px 0 0px; /*margin-left:7px;*/box-shadow: none; float:right}

#getroute .ui-btn-inner {
    background: url("../img/map_mobile/bg_btn.png") repeat-x;
    border: 1px solid #404143;
    border-radius: 4px 4px 4px 4px;
    height: 16px;
    padding: 5px;
	width:56px;
	
}
#direction .ui-btn-up-a, #direction .ui-btn-hover-a{border:none}

#getroute .ui-btn-active,#getroute .ui-btn:focus{ 
	border:1px solid #111111;
	box-shadow:none
}
#getroute .ui-icon,#getroute  .ui-icon-ok{
    background: url(../img/map_mobile/btn_go.PNG) no-repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    border-radius: 9px 9px 9px 9px;
    margin: -12px 17px;
	width:22px; 
	height:22px;
}
#direction fieldset.ui-controlgroup .ui-btn-active{
    /*background: url("../img/map_mobile/bg_btn_dwn.png") repeat-x;*/
	background: #001000;
}
/*~~~~~~~mojno pomenat cvet ili border pri active buttona~~~~~~~~~~*/
/*#direction fieldset.ui-controlgroup .ui-btn-hover-a,#direction fieldset.ui-controlgroup .ui-btn-up-a:visited,#direction fieldset.ui-controlgroup  .ui-btn-active{
    background: none;
	box-shadow:none
}
*/
body { -moz-user-select: -moz-none;  -webkit-user-select: none; -khtml-user-select: none; user-select: none; }

.ui-footer {
    text-align: center;
    background: url(../img/map_mobile/navibar_bg.png);
	margin-top: -79px;
    padding: 0;
    position: relative;
    text-align: center;
    z-index: 1000;
    
}
.ui-footer .ui-btn-up-a,.ui-footer .ui-btn-hover-a,.ui-footer .ui-btn-up-a:visited{
    background: none;
	border:1px solid #FFF
}
.ui-footer  .ui-focus,.ui-footer .ui-btn:focus{box-shadow: none}
.ui-footer  .ui-btn-inner{border-top:none;}
.ui-footer  .ui-icon-mysearch  {background:  url(../img/map_mobile/search_footer.png)}
.ui-footer  .ui-icon-myroute   {background:  url(../img/map_mobile/route.png) }
.ui-footer  .ui-icon-mycataloq {background:  url(../img/map_mobile/cataloq.png) }
.ui-footer  .ui-icon-mynearby  {background:  url(../img/map_mobile/nearme.png) }
.ui-footer  .ui-icon-mybus     {background:  url(../img/map_mobile/bus.png)}

.ui-icon-mysearch,.ui-icon-myroute ,.ui-icon-mycataloq, .ui-icon-mynearby, .ui-icon-mybus {
	border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
	width:70px;
	height:47px;
	margin: -5px 0;
}
/*.ui-footer  .ui-btn-icon-top .ui-btn-inner .ui-icon,.ui-footer .ui-btn-icon-bottom .ui-btn-inner .ui-icon {
    left: 50%;
    margin-left: -35px;
    position: absolute;
}
.ui-footer .ui-navbar li .ui-btn-icon-top .ui-btn-inner {
    padding-bottom: 4px;
    padding-top: 47px;
}
*/
#locate img, #feedback img, #addobject img{padding-left: 21px; width: 47px;}
#faq img{padding-left: 22px; width: 47px;}
#catalogpage .ui-listview,#catalogpage .ui-li { border-radius:0}


.flexslider .selected{background: url(../img/map_mobile/bg_btn_a.png); background-size:contain}

#feedbackpage .ui-field-contain,#feedbackpage .ui-mobile fieldset.ui-field-contain,
#addobjectpage .ui-field-contain,#addobjectpage .ui-mobile fieldset.ui-field-contain{margin: 1em 9px; padding: 0;}

#feedbackpage input.ui-input-text,#feedbackpage textarea.ui-input-text,
#addobjectpage input.ui-input-text,#addobjectpage textarea.ui-input-text{margin: 6px -1px; border-radius: 5px; color: #404143;}

#feedbackpage .ui-field-contain label.ui-input-text, #addobjectpage .ui-field-contain label.ui-input-text{width:auto;}
#feedbackpage .cols_2b .ui-btn, #addobjectpage .cols_2b .ui-btn, #addobjectpage #addobj_map_btn.ui-btn{border-radius:5px; border:1px solid #AAAAAA}
#feedbackpage  .ui-focus,#feedbackpage  .ui-btn:focus, #addobjectpage  .ui-focus,#addobjectpage  .ui-btn:focus { box-shadow: none;}

#feedbackpage .cols_2a, #addobjectpage .cols_2a{float: left; width: 125px; margin-top:3px}
#feedbackpage .cols_2b, #addobjectpage .cols_2b{float: right;width: 60px; margin-top:2px}
#feedbackpage .cols_2c, #addobjectpage .cols_2c{margin: 0px 65px 0 120px; padding: 0 10px;}

#faqtext {margin: 1em;}
#faqtext i{ font-style: italic;}