* {
		margin:0;
		padding:0;
	}
	html, body {
		width:100%;
		height:100%;
	}	
	body {
		text-align:center;
		font-family: Verdana, Arial, Tahoma;
		font-size: 16px;
	  	background-size: 100% 100%;
		//background-color:  #FFF8DC; 
		background-color: white;
	}
	
	p {
	text-indent: 15px;
	}
	.main_head {
		padding: 10px;
		font-size: 28px;
		font-weight: bold;
		/*width: 100%;*/
		text-align: left;
		color: #006699;
		color: rgba(0,102,153, 1);
			text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
			   
		text-shadow: 1px 5px 4px rgba(0, 0, 0, 0.2), 0px -3px 15px rgba(255, 255, 255, 0.3);
		cursor: pointer;	   
	}
	.language_flag {
		position:relative;	
		padding-left:10px; 
		padding-right:10px;
		font-size: 12px;
		cursor: pointer;
	}
	#languagelist {
		z-index: 99;
		position:absolute;
		top:20px;
		right:20px;
		text-align:left;
		background-color:  #FFFFFF;
		background-color: rgba( 255, 255, 255, 1);
		-moz-border-radius: 5px;			
		-webkit-border-radius: 5px;		
		-khtml-border-radius: 5px; 		
		border-radius: 5px;
	}
	
	.languagelist_string {
		padding:10px;
		cursor: pointer;	
	}
	
	.languagelist_string:hover {
		background-color: rgba(0, 255, 255, 0.85);	
	}
	
	.main_block {
		margin-left:auto; 
		margin-right:auto;
		width:100%;
		background-color:  #FFF8DC;
		background-color: rgba( 255, 255, 255, 0.55);
		-moz-border-radius: 0 5px 5px 5px;			
		-webkit-border-radius: 0 5px 5px 5px;		
		-khtml-border-radius: 0 5px 5px 5px; 		
		border-radius: 0 5px 5px 5px;
	}
	#tabs a{ 
		background-color:  #FFF8DC;
		background-color: rgba( 255, 255, 255, 1);
	}		
	#tabs #current a{
	  z-index: 3;
		background-color:  #FFF8DC;
		background-color: rgba( 255, 255, 255, 0.55);
		box-shadow: 2px 0px 4px rgba(0,0,0,.4),  -2px 0px 4px rgba(0,0,0,.4);
	}
	#tabs a:hover,
	#tabs a:focus{
		background-color:  #FFF8DC;
		background-color: rgba( 255, 255, 255, 0.55);
	}
	
	#languagelist {
		display: none;
		z-index:1000;
		background-color:  #FFF8DC;
		background-color: rgba( 255, 255, 255, 0.55);
	}
	#bottom_info {
		width:100%;
		height:1em;
		text-align:center;
		//margin-top: 20px;
		//padding-top:5px;
		//margin-top: 15px;
		//margin-bottom: 10px;
		//margin-left: 10px;
		font-size: 16px;
		font-weight: bold;
		color: #006699;
		color: rgba(0,102,153, 1);
	}

	.freedatecell {
		border-style:solid;
		border-width:1px;
		border-color:grey;
		cursor:pointer;
	}	
	.passdatecell {
		border-style:solid; 
		border-width:1px; 
		border-color:grey; 
		text-decoration:line-through;
		color: rgba(0, 0, 0, 0.55);
	}
	.todaycell {
		border-style:solid; 
		border-width:1px; 
		border-color:grey; 
		background-color:lightgrey; 
		cursor:pointer;
		background-color: rgba(242, 243, 244, 0.65);
		-webkit-box-shadow: inset  0px -5px 15px rgba(0, 102, 153, 0.75), inset 0px 5px 15px rgba(0, 102, 153, 0.75);
		-moz-box-shadow:  inset  0px -5px 15px rgba(0, 102, 153, 0.75), inset 0px 5px 15px rgba(0, 102, 153, 0.75);
		box-shadow: inset  0px -5px 15px rgba(0, 102, 153, 0.75), inset 0px 5px 15px rgba(0, 102, 153, 0.75);
	}
	
	#complete_list {
		z-index: 99;
		position:absolute;
		left:5%;
		width:90%;
		background-color:  #FFFFFF;
		background-color: rgba( 255, 255, 255, 1);
		-moz-border-radius: 5px;			
		-webkit-border-radius: 5px;		
		-khtml-border-radius: 5px; 		
		border-radius: 5px;
	}
	
	.string_list {
		cursor: pointer;
		padding: 5px;
		text-align: left;
	}
	
	.button26 {
		position: relative;
		display: inline-block;
		border-radius: 100px;
		outline: none;
		box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset, 0 1px 1px rgba(255,255,255,.2);
		/*background: #8a7b78 linear-gradient(#8a7b78, #cdcdcd);*/
		background:  #cdcdcd;
	}
	.button26 span {
		position: relative;
		display: block;
		width: 50px;
		height: 100px;
		border: solid transparent;
		border-width: 0 0 0 50px;
		border-radius: 100px;
		outline: none;
		overflow: hidden;
	}
	.button26 span:before {
		content: '';
		position: absolute;
		left: -50px;
		height: 100px;
		border-right: 50px solid transparent;
		border-left: 50px solid #bfddf5;
		border-radius: 100px;
	}
	.button26:after {
		content: '{$other_words[$language][13]}';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 80px;
		height: 80px;
		line-height: 80px;
		font-size: 20px;
		font-weight: 400;
		vertical-align:middle;
		text-align: center;
		text-shadow: #2e7ebd 0 1px 2px;
		color: #FFF;
		margin: auto;
		border-radius: 100px;
		background: #75a7cd linear-gradient(#75a7cd, #5084a8);
		box-shadow: 0 2px 2px rgba(255,255,255,.5) inset, 0 -2px 2px rgba(0,0,0,.3) inset, 0 0 2px 2px rgba(0,0,0,.3);
		/*background: #F1F2F3 linear-gradient(#F1F2F3, #33CCFF);*/
		/*box-shadow: 0 2px 2px rgba(255,255,255,.5) inset, 0 -2px 2px rgba(0,0,0,.3) inset, 0 0 2px 2px rgba(0,0,0,.3);*/
	}
	.button26_focus span {
		-webkit-animation: background1 0.5s 5 linear none;
		animation: background1 0.5s 5 linear none;
	}
	.button26_focus span:before {
		-webkit-animation: rotate1 0.5s 5 linear none;
		animation: rotate1 0.5s 5 linear none;
	}
	.button26_focus:after {
		background: #5390b8 linear-gradient(#5390b8, #6ba9d4);
	}
	@-webkit-keyframes background1 {
		49.999% {border-width: 0 0 0 50px; border-color: transparent;}
		50%, 100% {border-width: 0 50px 0 0; border-color: #bfddf5;}
	}
	@-webkit-keyframes rotate1 {
		49.999% {left: -50px;}
		50% {left: 0px;}
		100% {-webkit-transform: rotate(360deg); left: 0px;}
	}
	@keyframes background1 {
		49.999% {border-width: 0 0 0 50px; border-color: transparent;}
		50%, 100% {border-width: 0 50px 0 0; border-color: #bfddf5;}
	}
	@keyframes rotate1 {
		49.999% {left: -50px;}
		50% {left: 0px;}
		100% {transform: rotate(360deg); left: 0px;}
	}

	
	#in_field, #out_field  {
		height:3em;
		position:relative;
		border:1px solid;
		cursor:pointer;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px; 
		border-radius: 5px;
	}
	#calendar_table {
		z-index: 99;
		width:400px; 
		height:250px; 
		position:absolute; 
		top:25px; 
		left:50px;
		display:none;
	}	
		

#tabs{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li{
  float: left;
}
 
#tabs a{
border: 0px solid;
  position: relative;
  padding: .7em 3.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  box-shadow: inset 0px -2px 4px rgba(0,0,0,.4);
}
 
#tabs a:focus{
  outline: 0;
}
 
 
 .circle_scroll {
    width: 5px;
    height: 5px;
	margin: 15px auto 0;
    background: black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	cursor:pointer
}

 .border_scroll {
    width: 5px;
    height: 5px;
	margin: 15px auto 0;
	border: 1px solid darkred;
    background: rgba(255,255,255, 0);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	cursor:pointer
 } 
 
.triangle_scroll {
    width: 0;
    height: 0;
	margin: 15px auto 0;
	padding-left: -10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid black;
	cursor:pointer
}

.info_text {
	max-width:800px;
}
		
	@media screen and (max-width:600px) {
		body {
			background-image: url(/images/summerbackgroundtexture.jpg);
			/* background-attachment:fixed; */
			background-repeat:no-repeat; 
			background-position:top;
		}
		.main_head {
			padding: 10px;
			font-size: 18px;
		}	
		#languagelist {
			width:100%;
			position:fixed;
			top:0px;
			right:0px;
		}
		#search_block {
			width:100%;
			height:500px;
			position:absolute;
			top: 10%;
		}
		.device{
			display:none;
		}
		.shortmenu_img {
			height:100%;
		}	
		#calendar_table {
			position:fixed; 
			width:100%; 
			height:100%; 
			top:0px; 
			left:0px;
		}	
		#bottom_info {
			padding-top:0px;
			font-size: 12px;
			font-weight: normal;
			color: #000000;
			color: rgba(0,0,0,1);
		}
	}
	
	
	@media screen and (min-width:600px) and (orientation:portrait) {
		body {
			background-image: url(/images/summerbackgroundtexture.jpg);
			/* background-attachment:fixed; */
			background-repeat:no-repeat; 
			background-position:top;
		}
		#search_block {
			position:absolute;
			top: 70px;
			right: 5%;
		}
		.main_block {
			width:500px;
			//height:200px;
			padding-top:10px;
			padding-bottom:10px;
			background-color:  #99FF00;
			background-color: rgba( 153, 255, 0, 0.85);
		}	
		#languagelist {
			display: none;
			z-index:1000;
			background-color:  #99FF00;
			background-color: rgba( 153, 255, 0, 0.85);
		}	
		#tabs a{ 
			background-color:  #99FF00;
			background-color: rgba( 153, 255, 0, .3);
		}		
		#tabs #current a{
		  z-index: 3;
			background-color:  #99FF00;
			background-color: rgba( 153, 255, 0, 0.85);
			box-shadow: 2px 0px 4px rgba(0,0,0,.4),  -2px 0px 4px rgba(0,0,0,.4);
		}
		#tabs a:hover,
		#tabs a:focus{
			background-color:  #99FF00;
			background-color: rgba( 153, 255, 0, 0.85);
		}		
		.mobile{
			display:none;
		}
	}
	

	@media screen and (min-width:600px) and (orientation:landscape){
		body {
			background-image: url(/images/summerbackgroundtexture.jpg);
			/* background-attachment:fixed; */
			background-repeat:no-repeat; 
			background-position:top;
			}
		#search_block {
			position:absolute;
			top: 15%;
			right: 5%;
		}
		.main_block {
			width:500px;
			//height:200px;
			padding-top:10px;
			padding-bottom:10px;;
			background-color:  #FF9966;
			background-color: rgba( 255, 153, 102, 0.85);
		}
		#languagelist {
			display: none;
			z-index:1000;
			background-color:  #FF9966;
			background-color: rgba( 255, 153, 102, 0.85);
		}	
		#tabs a{ 
			background-color:  #FF9966;
			background-color: rgba( 255, 153, 102, .3);
		}		
		#tabs #current a{
		  z-index: 3;
			background-color:  #FF9966;
			background-color: rgba( 255, 153, 102, 0.85);
			box-shadow: 2px 0px 4px rgba(0,0,0,.4),  -2px 0px 4px rgba(0,0,0,.4);
		}
		#tabs a:hover,
		#tabs a:focus{
			background-color:  #FF9966;
			background-color: rgba( 255, 153, 102, 0.85);	
		}		
		.language_flag {
			color: #FFFFFF;	
		}
		.mobile{
			display:none;
		}
	}
			
	@media screen and (min-width:1200px) and (orientation:landscape){	
		body {
			background-image: url(/images/summerbackgroundtexture.jpg);
			/*background-attachment:fixed; */
			background-repeat:no-repeat; 
			background-position:top;
		}
		#search_block {
			position:absolute;
			top: 25%;
			right: 20%;
		}
		.main_block {
			width:500px;
			//height:200px;
			padding-top:10px;
			padding-bottom:10px;
			background-color:  #FFFF99;
			background-color: rgba( 255, 255, 153, 0.75);
		}	
		#languagelist {
			display: none;
			z-index:1000;
			background-color:  #FFFF99;
			background-color: rgba( 255, 255, 153, 0.75);
		}
		#tabs a{ 
		  background:  #FFFF99;
		  background: rgba( 255, 255, 153, 0.3);
		}		
		#tabs #current a{
		  z-index: 3;
		  background:  #FFFF99;
		  background: rgba( 255, 255, 153, 0.75);
		  box-shadow: 2px 0px 4px rgba(0,0,0,.4),  -2px 0px 4px rgba(0,0,0,.4);
		}
		#tabs a:hover,
		#tabs a:focus{
		  background:  #FFFF99;
		  background: rgba( 255, 255, 153, 0.75);
		}
		.mobile{
			display:none;
		}
	}