/*______________________________________________________________________________
    CSS3 by qp
______________________________________________________________________________*/
HTML, BODY {
  margin:0;
  padding:0;
  text-align:center;
  font-size: 12pt;
}
A {
  font-size: 12pt;
  color: #1A6AFF;
}
A:HOVER {
  text-shadow: 1px 1px 1px #2CE716;
}
.show-me {
  display:block;
}
.hide-me {
  display:none;
}

UL {
  margin:0 0 0 8px;
  padding:0 0 0 0;
}
.linka {
  /*
  opacity:0.9;
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  */
}
LI.head .linka {
    font-size: 14pt;
}
.linka, LI.head {
  position:relative;
  margin-bottom: 15px;
  text-decoration: none;
  font-weight:bold;
  text-shadow: 1px 1px 1px #2CE716;
  -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
.linka:hover, LI.head:hover {
  text-shadow: 2px 2px 1px #2CE716;
}
.logout {
  color:#fff;
  cursor: pointer;
  padding:0px 7px 0px 7px;
  background:crimson;
  text-decoration: none;
  -moz-border-radius:  16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;  /* safari 3 */
-khtml-border-radius:  16px 16px 16px 16px;   /* Konqueror */
}
.logout:hover {
  color:crimson;
  background:#00FA9A;
}
.loading {
  float:left;
  width:100%;
  height:20px;
  background:url(../../images/loading.gif) no-repeat right center;
}

/*____________________________________________________________________________*/
.oneCol DIV#page, .oneCol DIV#page2 {
    width:98%;
    margin:0 auto;
}
#page {
  float:left;
  width:98%;
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
       -o-transition-duration: 0.6s;
          transition-duration: 0.6s;
}
/*____________________________________________________________________________*/
#page2 {
  text-align:center;
  font-family: Modern;
}
/*____________________________________________________________________________*/
    #header {
        position:relative;
        float:left;
        width:100%;
        height:122px;
        z-index: 20;
    }
	    #header-left {
	        float:left;
	        width:33%;
            height:82px;
	    }
	    #header-center {
	        float:left;
	        width:34%;
            height:82px;
	    }
	    #header-right {
	        float:left;
	        width:33%;
            height:82px;
	    }
    	#site-navi {
            position:relative;
            float:left;
    	    width:100%;
    	    height:40px;
            padding:0px 11px 0px 11px;
          -moz-border-radius:  20px 20px 0px 0px;
        -webkit-border-radius: 20px 20px 0px 0px;  /* safari 3 */
        -khtml-border-radius:  20px 20px 0px 0px;   /* Konqueror */
    	}
            UL#menu {
                position:relative;
                float:left;
    		        width:100%;
                list-style:none;
                position:relative;
                font: bold 14pt "Arial";
            }
                UL#menu LI {
                    float:left;
                    width:20%;
                    margin:1px -10px 0px 0px;
                    padding:10px 0px 10px 0px;
                }
            UL#menu LI.head:hover {

            }
            UL#menu LI.chosen {
              border:solid 1px #ddd;
              border-bottom:none;
              background:#FAF9F8;

              margin-top:2px;
                -moz-border-radius:  20px 20px 0px 0px;
              -webkit-border-radius: 20px 20px 0px 0px;  /* safari 3 */
              -khtml-border-radius:  20px 20px 0px 0px;   /* Konqueror */
            }
            LI.chosen A{
              color: #aaa;
              cursor: default;
              text-shadow:none;
              font-weight: bold;
            }
            LI.chosen A:hover{
              text-shadow:none;
            }

            UL.head-in {
              float:left;
              list-style: none;
              margin:0 0 0 14%;
              position:fixed;
            }
            UL#menu LI UL.head-in LI {
              width:50%;
              cursor:pointer;
              margin-top:-1px;
            }
            LI.head UL.head-in, LI.chosen UL.head-in {display:none;}
            LI.head:hover UL, LI.chosen:hover UL {display:block;}

/*____________________________________________________________________________*/
#content {
  float:left;
  width: 100%;
  padding:10px;
  margin:0px 0 0 1px;
  background: #FAF9F8;
  z-index:19;
  border:1px solid #ddd;
    -moz-border-radius:  10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;  /* safari 3 */
  -khtml-border-radius:  10px 10px 10px 10px;   /* Konqueror */
}
/*____________________________________________________________________________*/

    #map-side {
      float:left;
      width:70%;
    }

      #map_panel {
        float:left;
        width:100%;
        text-align:right;
        margin:4px 0 4px 0;
        padding:8px 0px 8px 8px;

        /*
        zoom: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;


        */
      }

        .panel-element {
          float:left;
        }

      #map_canvas {
        float:left;
        width:50%;
        min-height:800px;
      }
      #map_canvas2 {
        float:left;
        width:50%;
        min-height:800px;
      }
        #admin-map_canvas {
          float:left;
          width:100%;
          height:800px;
        }
      #map_panel2 {
        float:left;
        width:100%;
      }
        #txttxt {
          width:98%;
          padding:5px;
          /*
          border:1px solid black;
          */
          text-align:left;
        }

    DIV#list-side {
      float:left;
      width:29%;
      max-height:800px;
      font-size:9pt;
      margin:0;
      padding:6px 0 6px 0;
      border-left:1px solid #aaa;
    }
      .routestep {
        float:left;
        width:100%;
        text-align:left;
      }
      .routestep:hover {
        background:#fefefe;
      }

    DIV#list-side UL#my_tours {
      list-style:none;
      text-align:left;
    }
    UL#my_tours {
      max-height:670px;
      overflow-y: scroll;
      overflow-x: hidden;
    }

/*____________________________________________________________________________*/
#left-side {
  float:left;
  margin-left: -10px;
  width:414px;
}
/*____________________________________________________________________________*/
  #footer {
    position:relative;
    float: left;
    width: 100%;
    color:#FD6B00;
  }
    #footer-left {
      float: left;
      width: 10%;
    }
    #footer-center {
      float: left;
      width: 80%;
      color:#2E2E2E;
      font-weight: bold;
    }
    #footer-right {
      float: left;
      width: 10%;
    }

.zag-red {
	color:#F53D07;
	text-shadow:2px 2px 2px #FBE904;
}


/*____________________________________________________________________________*/
.chosenTab {
  background:#eee;
}
.non-chosenTab:hover {
  color:blue;
}
.non-chosenTab {
  background:#ddd;
}
.intab-show {
  float:left;
  width:372px;
  height:300px;
  background:#eee;
  padding:0 4px 0 4px;
  border:1px solid #aaa;
  border-top:none;
  display:block;
    -moz-border-radius:  0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;  /* safari 3 */
  -khtml-border-radius:  0px 0px 10px 10px;   /* Konqueror */

}
.intab-hide {
  display:none;
}
#cab1, #cab2, #cab3 {
  float:left;
  width:122px;
  margin:0 2px 0 0;
  padding:0 1px 0 1px;
  border:1px solid #aaa;
  border-bottom:none;
    -moz-border-radius:  10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;  /* safari 3 */
  -khtml-border-radius:  10px 10px 0px 0px;   /* Konqueror */

}

/*____________________________________________________________________________*/
/*____________________________________________________________________________*/
/*____________________________________________________________________________*/







/*
                            ADMIN PANEL
*/
/*____________________________________________________________________________*/
#frmLogin {
    color:#FEFEF3;
    background:#10A9F3;
    margin-top:22%;
    padding:0 -4px 0 4px;
}
#admin-top {
  position:relative;
  float:left;
  top:-4px;
  left:0;
  margin:0;
  padding:0;
  width:100%;
  text-align:center;
  z-index:999;
}
#admin-bottom {
  float:left;
  /*
  margin-top:30px;
  */
  width:100%;
  text-align:center;
}
/*____________________________________________________________________________*/
  UL#admin-menu {
    float:left;
    width:100%;
    list-style:none;
    margin:4px 0 0 0;
    padding:5px 0 4px 10px;
    text-shadow:1px 1px 1px black;
    border: 1px outset #000;
    border-top:none;
    background:#EFD19A;
      -moz-border-radius:  0px 20px 0px 0px;
    -webkit-border-radius: 0px 20px 0px 0px;  /* safari 3 */
    -khtml-border-radius:  0px 20px 0px 0px;   /* Konqueror */
    z-index:10;
  }
    UL#admin-menu LI.admin-head {
      float:left;
      margin:0 5% 0 0;
      padding:4px 4px 0 4px;
      text-align:center;
    }
    UL#admin-menu LI.lilogout {
      float:right;
      text-align:center;
      margin-right:4px;
    }
    UL#admin-menu LI UL {
      position:absolute;
      list-style:none;
      margin:0 0 0 1%;
      padding:4px 8px 4px 8px;
      background:#EFD19A;
      border:1px solid #D90026;
      border-top:none;
        -moz-border-radius:  0px 0px 10px 10px;
      -webkit-border-radius: 0px 0px 10px 10px;  /* safari 3 */
      -khtml-border-radius:  0px 0px 10px 10px;   /* Konqueror */
      z-index:31;
    }
      UL#admin-menu LI UL LI {
        float:none;
        width:90%;
        cursor:pointer;
        text-align:left;
      }
      UL#admin-menu LI.admin-head UL {display:none;}
      UL#admin-menu LI.admin-head:hover UL {display:block;}
#admin-menu LI A {
  font: 16pt 'Arial';
}
#admin-menu LI A.logout {
  font: bold 20pt 'Arial';
}

/*____________________________________________________________________________*/
.chosen {
    background:#FEE605;
    margin-right:10px;
    padding:0 10px 4px 10px;
      -moz-border-radius:  20px 10px 20px 10px;
    -webkit-border-radius: 20px 10px 20px 10px;  /* safari 3 */
    -khtml-border-radius:  20px 10px 20px 10px;   /* Konqueror */
}
.not-chosen {
  margin-right:10px;
  padding:0 10px 0 10px;
}
#map_panel LABEL DIV {
  float:left;
  margin:0 4px 0 4px;
  padding:0 2px 0 2px;
}

.navi {
    float:left;
    width:898px;
    margin-top:2px;
    margin-bottom:2px;
    font-size:8pt;
}
.tblPanel {
  border:1px solid #000;
}
.tblPanel-non {
  border:1px solid #aaa;
}
.tblPanel, .tblPanel-non {
    float:left;
    width:20px;
    margin-right:2px;
    padding-top:3px;

}
.tblPanel:hover {
    cursor:pointer;
    color:blue;
    background:#f5f5f5;
}
/*____________________________________________________________________________*/
  #admin-search {
    float:right;
    padding:0 8px 0 8px;
    text-align:left;
  }

    #admin-content {
      float:left;
      width:100%;
      margin: 0 0 0 0;
      padding:3px 5px 0 5px;
      background:#F9F9F9;
      border: 1px solid #260000;
      border-top: none;
      -moz-border-radius:  0px 0px 20px 0px;  /*  Firefox MozBorderRadius */
    -webkit-border-radius: 0px 0px 20px 0px;  /* safari 3 WebkitBorderRadius */
    -khtml-border-radius:  0px 0px 20px 0px;   /* Konqueror KhtmlBorderRadius */
    }
    #frmMap {
      position:absolute;
      z-index:2;
    }

/*____________________________________________________________________________*/
#add-panel {
  float:left;
  width:100%;
  text-align:left;
}
  #add-new-dot {
    float:left;
    margin-right:2px;
    padding:0 2px 0 2px;
    border:inset 1px #ccc;
    border-top:none;
    border-left:none;
  }
  #add-new-route {
    float:left;
    margin-right:2px;
    padding:0 2px 0 2px;
    border:inset 1px #ccc;
    border-top:none;
    border-left:none;
  }

/*____________________________________________________________________________*/
.txt-edit {
  float:left;
  border:none;
  background: none;
  color:#7C0C22;
}

/*____________________________________________________________________________*/
.show-me {
  float:left;
  display:block;
}
.hide-me {
  display:none;
}

/*____________________________________________________________________________*/
.clmenu-chosen {
  background:#eee;
  padding:0px 3px 0px 3px;
}
.clmenu {
  cursor:pointer;
  background:#fff;
  padding:0px 3px 0px 3px;
}
/*____________________________________________________________________________*/
.orderby {
  float:right;
  width:12px;
  height:12px;
  color:#7C0C22;
  font-size:9pt;
  cursor:pointer;
}
.orderby:hover {
  color:crimson;
}
.orderat {
  float:right;
  width:12px;
  height:12px;
  color:green;
  font-size:9pt;
  cursor:pointer;
}
.orderat:hover {
  color:#00F900;
}


.table-div
{
    float:left;
    padding:0px 4px 0px 4px;
}
/*____________________________________________________________________________*/
col {overflow:hidden !important;}
THEAD TD {background:#000;}
.sortable {clear:both; border-collapse:collapse;}
.sortable td, .sortable th {border:1px solid #000;padding:0 9px 0 9px;}
.sortable TBODY TR:hover {background-color:#ffe;}
.sortable .even {background-color:#f0f0f0;}
.sortable .odd {background-color:#fff;}
.sortable thead {cursor:pointer;}

/* arrows */
.c_0_c TH {
background:url(../img/c1.gif) no-repeat right center;
background-color:#eee;
}
.c_0_c .d_1_d {
background:url(../img/d10.gif) no-repeat right center;
background-color:#eee;
}
.c_0_c .u_1_u {
background:url(../img/u10.gif) no-repeat right center;
background-color:#eee;
}

/*____________________________________________________________________________*/
/*____________________________________________________________________________*/
  UL#ulmarkers {
    float:left;
    list-style:none;
    text-shadow:1px 1px 1px black;
  }
    UL#ulmarkers LI {
      float:left;
      text-align:center;
    }
    UL#ulmarkers LI UL {
      position:absolute;
      list-style:none;
      margin:0;
      padding:4px 8px 4px 8px;
      background:#FFF;
      z-index:11;
    }
      UL#ulmarkers LI UL LI {
        cursor:pointer;
        text-align:left;
      }
      UL#ulmarkers LI UL {display:none;}
      UL#ulmarkers LI:hover UL {display:block;}
/*____________________________________________________________________________*/