/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  .Head_with_border { border-style: solid;
    border-color: rgb(51, 51, 255);
    border-width: 8px 30px 8pt;
    font-family: Arial,Helvetica,sans-serif;
    margin-right: 1em;
    margin-left: 1em;
    padding-right: 1em;
    padding-left: 1em;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    background-color: rgb(51, 51, 255);
    color: rgb(204, 204, 204);
    width: 100%;
    min-width: 20%;
}
	
.Main_Body { font-family: Arial,Helvetica,sans-serif;
	text-align: left;
	color: rgb(0, 0, 0);
}
		
.Foot_Info { font-family: Arial,Helvetica,sans-serif;
	color: rgb(100, 100, 100);
	font-size: 10px;
}

.Star_Good { font-family: Arial,Helvetica,sans-serif;
	text-align: left;
	color: rgb(0, 0, 255);
	font-size: 22px;
}

.Star_Bad { font-family: Arial,Helvetica,sans-serif;
	text-align: left;
	color: rgb(100, 100, 100);
	font-size: 22px;
}

.Selection_1
{ background-color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	font-size: larger;
}

/* style="background-color: rgb(51, 51, 255);"><span =""></span> */

.Head_Title
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.4em;
	text-align: center;	
	color: rgb(204, 204, 204);
	background-color: rgb(51, 51, 255);	
}

.Item_Text { font-family: Arial,Helvetica,sans-serif;
	text-align: left;
	color: rgb(0, 100, 0);
	width: 100%;
	font-size: 12px;
}

.Map_canvas {
	position:relative;
	width:auto;
	max-width: 800px;
	height:500px;
	border: 1px solid black;
}

.Map_canvas_large {
	position:relative;
	width:auto;
	max-width: 1000px;
	height:500px;
	border: 1px solid black;
}

.Copyright {
	font-family: Arial,Helvetica,sans-serif;
	text-align: left;
	color: rgb(0, 100, 0);
	width: 100%;
	font-size: 12px;
}

.Photo_Text { font-family: Arial,Helvetica,sans-serif;
	text-align: center;
	color: rgb(0, 100, 0);
	width: 100%;
	font-size: 12px;
}

.Photo { 
    font:12px/1.4 "helvetica neue",arial,sans-serif;
    width:auto;
    max-width: 640px;
    height: auto;
    color: rgb(0, 0, 0);
}

input[type=checkbox].css-checkbox {
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin:-1px; 
	padding:0;
	border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:20px;
	height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:20px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -20px;
}
						
.css-label{ background-image:url(../img/web-two-style.png); }


.TableMain tr td:nth-child(2)
{ 
    color: #000;
    background: #ededed;
    width: 700px;
}

.TableMain tr td:nth-child(2) a:link {
    color: #000;    
    text-decoration: none;
}

.TableMain tr td:nth-child(2) a:visited {
    color: #000;    
    text-decoration: none;
}

.TableMain tr td:nth-child(2) a:hover {
    color: #000;    
    background-color: lightblue;
}

.TableHiking
{
    text-align: left;	
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.TableHiking td
{
	border-left: 0pt;
	border-spacing: 0pt;
	border-bottom:1pt solid gray;	
}

.TableButtons
{
 /*   width: 100%; */
    text-align: left;	
    border-spacing: 0;
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif ;	
}

.TableButtons td
{
    border-left: 1em;
    border-bottom:1pt solid gray;	
    padding-top: 0.4em; 
    padding-bottom: 0.4em;     
}

.TableButtons td:nth-child(1)
{
    /* Button */
    width: 5em;
}

.TableButtons td:nth-child(2)
{
    /* OK */ 
    width: 10px;
}

.TableButtons td:nth-child(3)
{
    /* 4x4 */
    width: 40px;  
}

.TableButtons td:nth-child(4)
{
    /* Length Mile */  
/*    border-left:1pt solid gray;         */
    width: 5em;
    font-size: 0.9em;    
}

.TableButtons td:nth-child(5)
{
    /* Length Time */
    width: 10em;
    font-size: 0.9em;        
}

.TableButtons td:nth-child(6)
{
    /* Difficulty */
    width: 10em;
    font-size: 0.9em;        
}

.TableButtons td:nth-child(7)
{
    /* Time */
    width: 1em;    
    color: rgb(100, 100, 100);
    font-size: 0.6em;
}

.TableButtons td:nth-child(8)
{
    /* fill up */
    width: 0.5em;
}

.TableButtons  a {
    color: white;
    background-color: #0276FD;

    padding: 4px 20px;
    text-decoration: none ;
    display: block ;
    width: 20em ;
    font-size: 1em;
	
}

.TableButtons a:hover {
    background-color: black;
}

.TablePhotoList th {
    border-collapse: collapse;
/*    border: 1px solid red;*/
    padding-bottom: 20px;   
}

.TablePhotoList tr td
{
    border-collapse: collapse;
/*   border: 1px solid black; */
    padding: 0px;
}

.TablePhotoList img {
    margin:0px 2px 0px 2px;    
}


.cssbuttons {
	font-family: Arial, Helvetica, sans-serif ;		
	text-align: left ;
}

.cssbuttons a {
    color: white;
    background-color: #0276FD;

    padding: 4px 20px;
    text-decoration: none ;
    display: block ;
    font-size: 1em;
}
.cssbuttons a:hover {
    background-color: black;
}

.cssimage
{
    display: block ;	
	height: 28px;
}