/********************************************************************/
/** Ez a file a EMDT honlapjához tartalmazo stilusokat tartalmazza **/
/********************************************************************/


@font-face { font-family:"firasanscondensed"; src:url('/auxiliary/fonts/firasanscondensed-light.otf'); }
@font-face { font-family:"firasanscondensedsb"; src:url('/auxiliary/fonts/firasanscondensed-medium.otf'); }
body {font-family: firasanscondensed; font-size:16px;margin:0;padding:0;}

/*header*/
/*#header {position:relative;margin:20px 0px 0px 0px;height:220px;background:#bcb394;z-index:120;background-image:url(../img/headerimg2.jpg);border-radius:10px 10px 0 0}*/
#header {position:relative;margin:20px 0px 0px 0px;height:220px;background:#bcb394;z-index:120;background-image:url(../img/background3.png);border-radius:10px 10px 0 0;border-bottom:3px solid cadetblue;}

#EMDTlabel {position:absolute;right:10px;top:165px}
#EMDTlabel a {font-weight:bold;font-size:20px;color:white;text-decoration:none}

.csucsrajaras {position:absolute;top:10px;right:10px;width:400px;height:50px;border-top-right-radius:10px}

#treesilhouette {display:none}


#menucontainer {background:linear-gradient(#3f6b7e,cadetblue);top:40px;z-index:1;width:100%;height:40px;}
#here {display:none}
#menu {display:block;padding:5px;position:relative;top:0;left:0;;width:100%;height:100%;box-sizing:border-box }
.mainmenutitle {width:auto;z-index:1000;cursor:pointer;display:inline;margin-right:25px;color:white;position:relative;top:5px}
#subcontainer {width:1000px;margin:0 auto 20px;position:relative;box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.8), 0px 0px 28px 0px rgba(0, 0, 0, 0.8);border-radius:10px}
.submenudiv {border-top:1px solid #888;background-color:rgba(255,255,255,0.7);padding:5px;width:160px;display:none;z-index:140;background-color:white;position:absolute;left:10px}
.reportdiv {width:100%} 
/*kozepso blokk mely ket savbol all, bal oldalt a bal oldali resz, jobb oldalt a tartalom*/
#fefeeiree {position:relative;z-index:1;overflow:hidden;display:table;float:none}

/*bal oldali sav*/
#leftband {top:0;padding-top:0;position:relative;background-color:whitesmoke;display:table-cell;padding-bottom:150px;border-right:1px solid gainsboro}

/*jobb oldali sav */
#maindiv {height:auto;z-index:1;display:table-cell;float:none;padding-bottom:2em;margin-bottom:-2em;position:relative;width:100%}

/*footer*/
#footer {position:relative;height:100px;border-top:1px solid gainsboro;background:linear-gradient(165deg,whitesmoke,gray);border-radius:0 0 10px 10px}
#footer .inner {font-size:12px;margin:10px;line-height:120%;text-align:left;color:black}
#footer .iconband {position:absolute;right:10px;top:10px}
#footer .iconband img {height:35px}
#footer .cc {position:absolute;right:10px;bottom:10px}

.flexcontainer {display:flex;gap:10px;flex-wrap:wrap}

#homecontainer {display:flex;gap:20px;flex-wrap:wrap;justify-content:space-around}

	 a.menudiv table{
	   display:none;
	 }

	.refresh {
	    right:0px;
	    width:auto;
	    position:relative;
	    background-repeat:no-repeat;
	    background-position:right;
	    top:0px;
	    height:81px;
	    display:block;
  	}
	.refreshtxt {
	    width:auto;
	    left:5px;
	    position:relative;
	    top:0px;
	    height:auto;
	    display:block;
	    font-family:Tahoma,firasanscondensed-Serif;
            font-family: firasanscondensed;
	    font-size:14px;
	    font-weight:normal;
	    color:black;
	    border-color:#936613;
	    line-height:15px;
  	}

	.refreshtrans {
	    height:auto;
	    top:26px;
	    left: 0px;
	    z_index:2;
	    position:relative;
	    filter:alpha(opacity=80);
	    opacity:0.8;
	    -moz-opacity:0.8;
	 }

	.refreshinner {
	    padding:5px;
	    background:#fff;
	    height:auto;
	    position:relative;
	 }

	/** Alap betutipusok **/
	.fontbaseor {font-family:firasanscondensed,firasanscondensed-Serif;font-size:16px;font-weight:normal;color:black;line-height:15px;
			font-family: "firasanscondensed", cursive;}
	.fontbase {font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal}
	.fontbasebigor {font-family:"firasanscondensed",Tahoma;font-size:20px;font-weight:normal;color:black;line-height:18px} 
        .fontbold {font-family: "firasanscondensed", cursive;font-weight:bold;color:#000000}
	.fontmenu {font-family:firasanscondensed,Tahoma,Arial,Helvetica,sans-serif;font-size:18px;font-weight:normal;font-style:italic;color:#000000}
        .fontsmall {font-family:firasanscondensed,Tahoma,Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;color:#000000}
        
        .cell1 {}
	.cell3 {}
	.cell7 {}

	/** A kepek kizaro jobbra illetve balra helyezese **/
        .cell7imgl {
		    /*border-width: 1px; 
		    border-style:solid;
		    border-color:#7f5e2d;*/
	/*	    background-color:floralwhite;
	/*	    background:url(/img/eggbackgr.jpg);*/
	/*	    padding:4px;
		    border:1px solid #555;*/
		   /* padding:5px;
		    margin:5px 5px 5px 5px;*/
		    }
        .cell7imgr {
	            /*border-width: 1px; 
	            border-style:solid;
		    border-color:#7f5e2d;*/
/*		    background-color:#fcf5db;
		    background:url(/img/eggbackgr.jpg);*/
              /*		    background-color:floralwhite;
	            padding:4px;
		    border:1px solid #555;*/
		  /*  padding:5px;
		    margin:5px 5px 5px 5px;*/
		    clear:right}
        /** A panoramakepeket magukban foglalo egysegek jobbra
	    illetve balra kizarva **/
        .cellpanr {/*border-width: 1px; 
	            border-style:solid;
		    border-color:#7f5e2d;
		    background-color:#fcf5db;
/*		    background:url(/img/eggbackgr.jpg);
		    margin:5px 5px 5px 5px;*/
		    clear:right}
	.cellpanl {/*border-width: 1px; 
	            border-style:solid;
		    border-color:#7f5e2d;
		    background-color:#fcf5db;
		    background:url(/img/eggbackgr.jpg);
		    margin:5px 5px 5px 5px;*/
		    clear:left}	    
	/** A Flora melleklethez tartozo stilusok
	    a befoglalo tablazat,a novenyeket befoglalo tablazat
	    a Flora melleklet felirat, a név és a latin név felirat**/
	.fontplant1 {font-family: "firasanscondensed", cursive,sans-serif;font-size:14px;font-weight:bold;color:black}
	.fontplant2 {font-size:14px;font-weight:normal;color:black}

        .cell10 {}		

	.cell10 ol 
	  {
	    list-style-type:lower-alpha;
	  }

	.footer
	  {
	    left:160px;
	    text-align:center;
	    width:676px;
	    height:64px;
	    top:75px;
	    position:absolute;
	    font-size:12px;
	    color:#c4e1a2;
	    line-height:100%;
	    z-index:3
	  }

        /*Növények Report*/
	#flora
         {
          position:relative;
          border: 1px solid #405401;
          border-top-width:0;
          background:url(/img/florabackgr.jpg);
          clear:both;
          left:0;
         }

	#flora div 
         {
           position:relative;
           top:-50px;
           width:550px;
           padding-left:10px;
         }

        .cellplant 
          {
            border: 1px solid #405401;
            background:url(/img/plantbackgr.jpg);
            padding:2px
          }

        /*Növények - Flowers.php*/
        .main_flower_cell
          {
             padding:10px;
             position:relative;
	     background:linen;
	     border-bottom:1px solid gainsboro
          }

	.info_flower_cell
          {
             padding:5px;
             position:relative
          }

	.info_flower_cell div
	  {
	     float:left;
	     width:210px;
	     padding:5px;
	  }

	.info_flower_cell ul
	 {
	     margin-left:-20px;
	     margin-top:-10px;
	 }

        .flower_datasheet
          {
            display:block;
            width:700px;
            height:152px;
            position:relative
          } 
        
        .flower_datasheet_inner
          {
            width:610px;
            left:60px;
            top:1px;
            height:130px;
            position:relative;
          }

        .flower_image_table
          {
            border:1px #b6b75a solid;
            background-color:#e9eaa2; 
          }

	.flower_phylum
	  {
            border-top-width:1px;
	    margin-top:2px;
	    background:cadetblue
	  }

	.flower_class
	  {
	    border-top-width:1px;
	    margin-top:2px;
	    background:lightblue;
	  }

	.flower_family
          {
            border-top-width:1px;
            margin-top:2px;
	    background:aliceblue;
	    border:1px solid cadetblue
          }

	.flower_genus
          {
            border-top-width:1px;
            margin-top:2px;
	    background:white;
	    border:1px solid cadetblue
          }
        /* geocahjce */
          
	.geocache_cell
	  {
	    border:1px solid #7f5e2d;
	    background:url(/img/geocache_bckgr.jpg);
	    background-position:right;
	    height:46px;
	    padding-left:3px;
	    padding-right:3px;
	  }
	
	.geocache_main_cell
	  {
	    background-image:url(/img/gps_bckgr.jpg);
	    background-position:right top;
	    background-repeat:no-repeat
	  }

	.geocache_hdr_cell
	  {
	    background-color:#657220;
	    color:#e7ff64;
	    font-size:14px;
	  }

	.geocache_tbl_cell
	  {
	    border-top:1px solid #a0b336;
	    border-bottom:1px solid #a0b336;
	    font-size:14px;
	    color:#264708;
	  }

	.geocache_report
	  {
	    border-top:2px solid #a0b336;
	    border-bottom:2px solid #a0b336;
	  }	

        /* Csucsrajaras turamozgalom css*/
  .cs_base_div
    {
      background:url(/campaign/img/base_backgr.jpg);
      padding-top:10px;
      width:700px;
    }
   
  .cs_master_div
    {
      background:url(/campaign/img/master_backgr.jpg);
      padding-top:10px;
      width:700px;
    }

  .cs_tblcell
    {
	border-top:1px solid #3d1f09;
	border-bottom:1px solid #3d1f09;
	background:url(/img/tblbackgr.jpg);
	padding-top:3px;
	padding-bottom:3px;
    }

  .cs_tblcell_green
    {
	border-top:1px solid #2b7127;
	border-bottom:1px solid #2b7127;
	background:url(/img/tblbackgr_green.jpg);
	color:#2b7127;
	padding-top:3px;
	padding-bottom:3px;
    }

  .cs_tblcell_header
    {
        border:1px solid #3d1f09;
        background:url(/img/tblbackgr_dark.jpg);
        padding-top:3px;
        padding-bottom:3px;
    }

  .cs_tblcell_header_green
    {
        border:1px solid #174607;
        background:url(/img/tblbackgr_dark_green.jpg);
        padding-top:3px;
        padding-bottom:3px;
	color:#174607
    }

  .cs_input
    {
	border:1px solid #3d1f09;
	background-color:#fffbf5;
	color:#b8633d;
    }

  .cs_answer_input
    {
        border:1px solid #3d1f09;
        background-color:#fffbf5;
        color:#b8633d;
    } 

  .cs_date_input
      {
        border:1px solid #3d1f09;
        background-color:#fffbf5;
        color:#b8633d;
      }

  .cs_master
    {
      border-top : 1px solid #0b388a;
    }

  .cs_base
    {
      background:url(/campaign/img/base_backgr.jpg) bottom
    }

  .cs_inner_tbl
    {
      /*padding: 0 15px 5px 15px;*/
    }

  .cs_fieldset
    {
      border : 1px solid #5a4d2b;
      background:url(/img/eggbackgr.jpg);
    }

  .cs_master_path
    {
        font-family:firasanscondensed,firasanscondensed-Serif;
	background:url(/campaign/img/master_backgr_light.jpg);
	font-size:10px;
	color:#0b388a;
	border-top:1px solid #3e6c8a;
	border-bottom:1px solid #3e6c8a;
    }

  .cs_master_desc
    {
        font-family:firasanscondensed,firasanscondensed-Serif;
        font-size:12px;
	line-height:110%;
	color:#0b388a
    }

  .cs_base_path
    {
        font-family:firasanscondensed,firasanscondensed-Serif;
        background:url(/img/tblbackgr.jpg);
        font-size:10px;
        color:#724302;
        border-top:1px solid #918353;
        border-bottom:1px solid #918353;
    }

  .cs_base_desc
    {
        font-family:firasanscondensed,firasanscondensed-Serif;
        font-size:12px;
        line-height:110%;
        color:#724302
    }	

  .emdt_img_div
    {   
        background:#000;
	width:auto;
	height:auto;
	display:none;
	position:absolute; 
	padding:2px;
    }

  .emdt_hikeadmin_no
    {
      font-size:10px;
      padding:2px;
      background-color:#e7a9a9;
      color:#a00;
      border:1px solid #a00
    }

  .emdt_hikeadmin_ok
    {
     background-color:#79e54a;
     color:#192f09;
     border:1px solid #192f09;
     padding:2px;
     font-size:10px;
    }

/*Calendar styles*/

.calendar_cell {border:1px solid #e3e0d0;line-height:90%}
.month_cell {text-align:center;background-color:#747265;color:#f6f4e8;}
.day_cell {text-align:center;font-style:italic;background-color:#e3e0d0;}

/* források*/
 .info_div
  {
    position:relative;
    width:350px;
    display:inline;
    height:auto;
    float:right;
    clear:right;
    margin:5px 5px 5px 10px;
    padding:0 5px 0 5px
  }

 .info
  {
    position:relative;
    width:100%;
    height:auto;
    margin:5px;
    padding:0 5px 0 5px
  }
 

 .pagetitle
   {
     font-size:22px;
     color:#5e5333;
     font-family: "firasanscondensedsb", cursive
   }



  /*admin*/
  .imageinsert
    {
      cursor:pointer
    }

  .imageinsert:hover
    {
      cursor:pointer;
      background-color:#1ba933;
      color:#fff;
    }

  /*timetable*/
  .timetablehrow
   {
      background-image:url(/img/tblbackgr_dark.jpg);
   }

  .timetable
   {
      border:1px solid #6f6048;
   }

  .timetablebt
   {
      border-top:1px solid #6f6048;
   }

  .timetablebb
   {
      border-bottom:1px solid #6f6048;
   }

  .timetablecell
   {
     background-image:url(/img/tblbackgr_1.jpg);
   }

  .timetableheader
   {
     background-image:url(/img/backgr-mustar.jpg);
     text-align:center;
     color:white;
     font-size:14px;
     font-family:georgia;
   }

 /*novenyek*/
 .flower_maindiv
   {
/*	background-image:url(/img/flowbackgr_withpattern.jpg);*/
	background-image:url(/img/flow_datasheet.jpg);
	display:block;
	width:700px;
	height:310px;
	position:relative;
   }

 .flower_maindiv_test
   {
        background:url(/img/flow_datasheet_1.jpg);
        width:700px;
	padding-top:230px;
   }

 .flower_maindiv_test_inner
   {
        background:url(/img/flow_datasheet_1.jpg) bottom;
   }


 .flower_innerdiv
   {
	width:610px;
	left:60px;
	top:5px;
	height:180px;
	position:relative
   }

 .flower_innerdiv_test
   {
        width:610px;
        left:60px;
        top:5px;
        height:180px;
        position:relative
   }

 .flower_innerdiv a:hover
   {
	color:#60e01a;
   }

 .flower_innerdiv div
  {
	position:absolute;
	font-size:12px
  }
 
 .flower_namediv
   {
	top:0px;
	left:0px;
	font-weight:bold;
	font-family:courier,ariel,monospace;
	color:black
/*	color:#0e1c5c*/
  }

 .flower_labelsdiv
  {
	top:25px;
	left:-70px;
	width:180px;
	text-align:right;
	line-height:110%;
	color:#216700;
	/*color:#263470;*/
	font-weight:normal
  }

 .flower_paramdiv
  {
	top:25px;
	left:130px;
	width:500px;
	line-height:110%;
	color:#112f02;
/*	color:#263470;*/
	font-weight:bold
  }

 .flower_descriptiondiv
  {
	top:112px;
	right:0px;
	/*width:300px;*/
	width:240px;
/*	background-color:#dfdec9;*/
	line-height:100%;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	padding:3px;
/*	border:1px solid #5a715d;
	border-bottom:none;*/
  }

 .flower_picdiv
  {
	left:-7px;
	top:211px
  }

 .flower_infodiv
  {
        display:none;
        left:0;top:0px;
        width:630px;
        z-index:10;
        filter:alpha(opacity=85);
        opacity: 0.85;
        -moz-opacity:0.85;
        padding:3px;
        line-height:100%
  }

 .flower_infodiv_conf
  {
	height:auto;
	background-color:#b8c88d;
	border:1px solid #566430;
  }

 .flower_infodiv_cure
  {
	height:60px;
	background-image:url(/img/flower_curing.png);
	background-repeat:no-repeat;
  }

 .flower_param_div 
  {
	position:relative;
	width:680px;
	height:auto;
	left:10px;
  }

 .flower_param_div div
   {
      position:relative;
      left:112px;
      line-height:80%
   }

 .admin_form td
  {
        vertical-align:top;
  }
 .admin_form tr
  {
	border-bottom:1px solid black;
  }

 /*adtalap teljes div*/

  .div_clear
   {
	width:160px;
	position:relative;
	clear:both;
	height:1px
   }

 .navidiv_right
   {
	right:20px;
	top:20px;
   }

 .flow_datasheet_tabclose
   {
        position:absolute;
        width:35px;
        height:35px;
        filter:alpha(opacity=50);
        opacity: 0.5;
        -moz-opacity:0.5;
        background-image:url(/img/tabclose.png);
   }


 .navidiv_left
   {
	left:20px;
	top:20px
   }

  .flowcolor
    {
	width:35px;
	height:10px;
	top:4px;
	/*border:1px solid black;*/
	float:left;
	position:relative
    }


#langSelection a
  {
     cursor:pointer;
  }

 .gtp_question
  {
    font-style:italic;
    border-top:1px dashed #aaa;
    font-family:firasanscondensed,firasanscondensed-Serif;
    font-size:14px;
    font-weight:bold;
    color:#4b3f33;
    color:darkslategray;
  }

#shirtinfo td {font-size:10px;color:black;border:1px solid #b39366;}

#userinfo {left:100px;top:100px;position:absolute;width:200px;border:1px solid #534128;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;display:none;z-index:100;background-color:#f9f7de;padding:10px; -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        behavior: url(/css/border-radius.htc);font-family: "firasanscondensed", cursive;font-weight:400;box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 28px 0px rgba(0, 0, 0, 0.3);}

/* hikes */
.hikeroundeddiv {-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;border:1px solid gainsboro}
.hikeroundeddiv span {color:#aaa;font-size:12px;white-space:nowrap}
.hikeroundeddiv a {color:black;font-size:16px;font-family: "firasanscondensed", cursive;font-weight:800}
.hikeroundeddiv .pinlogo {width:36px;height:36px;float:left;background-repeat:no-repeat;background-position:center center}
.yearsband {width:100%;left:5px;position:relative;margin-bottom:20px}
.yearsband div {float:left;cursor:pointer;color:#074d57;font-size:12px}

.pinimgdiv {position:absolute;z-index:100;width:190px;height:188px;top:-50px;left:370px;}


#news_container {width:130px;line-height:90%;}
#news_container div {margin-top:3px;padding:3px;width:95%;position:relative}

/*news*/

.news_div {position:relative;left:0px;top:0px;z-index:100;width:155px;height:auto}
.news_div .title {position:relative;left:13px;top:-22px;font-weight:bold;z-index:100}
.news_div .font_news {font-weight:normal;font-size:11px;font-style:italic;}
.news_div .font_news a {font-weight:normal;color:#450000}

 .news_div div
   {
        position:relative;
        height:auto;
   }

 .news_inner_div
   {
      width:145px;
      z-index:100;
 /*     background:url(/img/news_backgr.jpg) bottom;*/
      padding-bottom:10px;
   }
 .news_inner_div div
   {
        left:5px;
   }
 .news_inner_div .label {left:13px;font-weight:normal;z-index:100;font-size:16px}
 .news_inner_div .newstext{font-weight:normal;font-size:13px}




.opacity70 {filter:alpha(opacity=70);opacity: 0.7;-moz-opacity:0.7;z-index:100;}
.highlighted {background-color:#1f83b1;color:white}
.buttton {border:1px solid #724302;color:#724302;,font-family:firasanscondensed}

.rounddiv6 {-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;behavior: url(/css/border-radius.htc);}
.rounddiv3 {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;behavior: url(/css/border-radius.htc);}
.centerdiv {margin:5px auto;}
.opacdiv90 {filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.9;}
.opacdiv80 {filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;}
.opacdiv70 {filter:alpha(opacity=70);opacity: 0.7;-moz-opacity:0.7;}
.opacdiv60 {filter:alpha(opacity=60);opacity: 0.6;-moz-opacity:0.6;}
.opacdiv50 {filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;}
.opacdiv20 {filter:alpha(opacity=20);opacity: 0.2;-moz-opacity:0.2;}
.opacdiv0 {filter:alpha(opacity=0);opacity: 0;-moz-opacity:0;}

.grayfont {color:#555}
.font12 {font-size:12px}
.margin3 {margin:3px}
.padding10 {padding:10px}

#gallery {position:relative;width:700px;margin-top:10px}
#gallery .gallerytitle {margin:0;padding-left:10px;height:20px}
#gallery .gallerytitle .cellgallery {border-width: 1px; border-style:solid;border-color:#405401;background:url(/img/tblbackgr_dark.jpg);padding:1px; float:left;margin-left:3px}
#gallery .onepic {float:left;background-color:white;padding:5px;margin:2px;border:1px solid #ccb;height:135px}
#gallery .picmemo {text-align:center;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;color:#724302;}
#gallery .picimg {padding:1px;margin:2px;clear:none;height:100px}
#gallery .blocktitle {font-size:18px;font-variant:small-caps;;color:#724302}

/*#floragallery {position:relative;margin-top:10px;clear:both;width:700px}*/
#floragallery {position:relative;margin-top:10px;clear:both}
#floragallery .onepic {float:left;background-color:white;padding:5px;margin:2px;border:1px solid #ccb;height:135px;line-height:90%}
#floragallery .picmemo {text-align:center;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;color:#724302;}
#floragallery .picimg {padding:1px;margin:2px;clear:none;height:100px}
#floragallery .blocktitle {font-size:18px;font-variant:small-caps;color:#408701}

.onepic {background-color:white;padding:5px;margin:2px;border:1px solid #ccb;}

#plusblock {width:100%;font-family: "firasanscondensed", cursive;font-size:10px;margin-bottom:10px;margin-top:5px}
#procontra {float:left;width:510px;padding:5px;margin-right:5px;font-size:10px}
#procontra .procontraheader {font-size:14px;font-weight:bold;font-size:10px}
#procontra table {font-size:10px}

/*#humaninfo{padding-left:30px;background-image:url(/img/humanshilouette.png);background-repeat:no-repeat;background-position:left middle;width:180px;font-size:10px;}*/
#humaninfo{padding:5px;width:180px;font-size:10px;}
#humaninfo .value {font-weight:bold;color:black;;font-size:10px}
#humaninfo .title {color:#666;;font-size:10px}

.bottomrightdiv {position:absolute;bottom:0;right:0;text-align:center;width:30px;height:12px; background-color:white;font-size:10px}

/*picdiv*/
#picdiv {display:none;border:1px solid #7f5e2d;z-index:111;padding:5px;background-color:floralwhite;box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 28px 0px rgba(0, 0, 0, 0.3);position:relative}
#picdivimg {}
/*#picdivdesc {width:100%;position:absolute;left:0;bottom:0px;z-index:112;background-color:rgba(255,255,255,0.5);height:15px;text-align:center}*/
#picdivdesc {width:100%;position:relative;left:0;top:3px;z-index:112;height:20px;text-align:center}

.linkfield {font-family:firasanscondensed,Tahoma;font-size:16px;font-weight:normal;color:#724302;}

/*springinfodiv*/
.springinfodiv {font-size:12px;display:block;border: 1px solid #ccc;z-index:1000;width:300px;height:120px;position:absolute;background-color:rgba(255,255,255,0.8);box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 28px 0px rgba(0, 0, 0, 0.3);}

.springinfodiv .imagediv {width:120px;position:absolute;top:24px;right:3px}
.springinfodiv .infodiv {width:180px;height:120px;padding:5px;padding-top:4px;line-height:110%}
.springinfodiv .name {position:absolute;width:294px;height:15px;padding:3px;background-color:rgba(113,171,184,0.7);border-radius:6px 6px 0 0;top:0;left:0;color:#0c404b;padding-top:0;font-weight:bold;border-bottom:1px solid #999;}
.springinfodiv .infodiv .label {color:black}
.springinfodiv .infodiv .value {color:#2c5b8b;font-weight:700}
.springinfodiv .drinkwater {position:absolute;left:3px;bottom:3px;height:40px;width:40px;}
.springinfodiv .otherinfo {position:absolute;left:5px;bottom:3px;width:90px;line-height:100%;font-size:12px;color:black}

/*tabok*/
#tabmaindiv {position:relative}
#tabmaindiv .tabicon  {position:absolute;right:5px;bottom:0px}
#tabmaindiv .tabtitle {margin:0 auto;text-align:center;padding-top:10px}
.navidiv
   {
        position:absolute;
        width:35px;
        height:73px;
        filter:alpha(opacity=50);
        opacity: 0.5;
        -moz-opacity:0.5;
/*      background-color:white;*/
        z-index:100;
        cursor:pointer;
   }

.hiketypetab {text-align:right;color:black;padding:2px;margin-bottom:2px;width:100%;font-size:14px;border-radius:4px;}
.active_hiketypetab {background-color:aliceblue;color:black;font-weight:bold;border:1px solid cadetblue}
.modetab {color:black;padding:2px;margin-bottom:2px;font-weight:normal;width:100%;font-size:14px;border-radius:4px;}
.active_modetab {background-color:aliceblue;font-weight:bold;color:black;border:1px solid cadetblue;}
#selectmodediv {margin-left:15px}
#selectmodediv i {cursor:pointer}

.sublistdiv {width:670px;float:left;margin:3px;border-color:gainsboro;overflow:hidden;position:relative;height:165px}
.sublistdiv .textcontainer {float:left;height:170px;overflow:hidden;padding:5px}
.sublistdiv .textcontainer .intro {margin-top:10px;line-height:110%;width:440px;clear:both;font-size:14px;color:#555}
.sublistdiv .image {position:absolute;left:450px;height:165px;margin:0;border-top-right-radius:5px;border-bottom-right-radius:5px}
.gray14px {color:#555;font-size:14px}
.teal14px {color:teal;font-size:14px}
.lightgray12px {color:#888;font-size:12px}
.white {color:white}

.peak_outer .fa {position:absolute;right:320px;font-size:50px;color:gainsboro;cursor:pointer}
.peak_inner {border-radius:5px;border:1px solid cadetblue;padding:5px;background:aliceblue}

.groupheadercontainer {width:570px;left:5px;position:relative;height:26px}
.groupheadercontainer div {position:absolute;top:5px;left:0px;color:#074d57;font-size:22px;z-index:10;float:left}

#graybgcontainer {margin-bottom:20px;color:black;border:none;padding:10px}
.lightgraybg {color:black;border:none;padding:5px}
.ivorydeepskydiv {padding:3px;margin:3px;background-color:ivory;float:left;position:relative;height:auto;width:350px;margin-right:10px;border:1px solid deepskyblue}
.diagramdiv:hover {font-weight:bold}

.headericondiv {float:left;margin-right:5px;padding:5px;background-color:beige;border:1px solid darkslategray}

#menu span:hover {font-weight:bold;}
#menu a {text-decoration:none;color:black}
#menu .submenutitle:hover {background-color:#efefef;color:white;}
#menu .mainmenutitle:hover {}
/*.shadowed {box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 28px 0px rgba(0, 0, 0, 0.5);}*/
.shadowed {box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.1), 0px 0px 14px 0px rgba(0, 0, 0, 0.3);}

.text {line-height:150%;font-size:16px;text-align:justify}
a {color:black}
ul {line-height:120%}

#searchcontainer {right:10px;position:absolute;top:195px;z-index:1000;background-color:#eee;height:20px}
#searchcontainer div {position:relative;float:left}
#searchcontainer input {border:none;color:#afafaf;background-color:#eee}
#searchcontainer .viewer {margin-left:5px;margin-right:5px;cursor:pointer;color:#777}

/* thumbnail kep div */
.thumbnail {height:auto}
.thumbnail .header {padding:5px}
.thumbnail .header span {cursor:pointer}
.thumbnail .thumbnail_image_div {background-repeat:no-repeat;position:relative;}
.thumbnail .thumbnail_image_div img {cursor:pointer}
.thumbnail table tr td {font-size:12px}

#chartscontainer div {cursor:pointer}
.flotdiagram_graph {position:absolute}
.flotdiagram { position:relative}
.flotaxis {position:absolute;text-align:center}
.flotleftaxis {text-orientation:mixed;writing-mode:tb-rl;transform: rotate(180deg)}