@charset "utf-8";
*{
	font-family: 'Poppins', Verdana, Arial, sans-serif;
}
html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      	}
/* --------------------- Content's background Color setting START -------------------------------*/
body{
  background-color:#f4f5f6;
  border-color:#cce1f3;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f4f5f6), to(#fafdff));
  background-image: -webkit-linear-gradient(top, #f4f5f6, 0%, #fafdff, 100%);
  background-image: -moz-linear-gradient(top, #f4f5f6 0%, #fafdff 100%);
  background-image: linear-gradient(to bottom, #f4f5f6 0%, #fafdff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f5f6', endColorstr='#fafdff', GradientType=0);
  background-image: url('../images/cloud.jpg');
  background-size: 1920px 938px;
  background-repeat: no-repeat;
  background-position: center top;
  z-index: -1;
 }
/* --------------------- Content's background Color setting END -------------------------------*/

 #pageHeader{
	margin-left:10px;
}

#title{
	font-size:1.2em;
	font-weight:bold;
	margin:0;
}

#subTitle{
	font-size:small;
	margin:0;
}

#version{
	font-size:x-small;
	margin:0;
}

.labelStyle {
		  background-color:#ffff00;font-weight:bold;border:2px #A09B9B solid; font-size:12px; text-align:left; color:#000000;  font-family:Helvetica, Arial, sans-serif;
}

#footer{
			position: absolute; 
			z-index: 200; 
			background-color:#D0D0D0;
			font-size:x-small;
			color:#393939;
}
#footer a{ 
			text-decoration:none;
			color:#393939;
}
#howToUseThisToolButton, #howToUseThisToolCallout {
	
			position: absolute; 
			z-index: 200; 
			font-size:large;
			height:30px;
			padding:5px;
}

#howToUseThisToolInfo , #reportTimeZoneForm{
			position: absolute; 
			z-index: 200; 
			font-size:large;
			background-color:rgba(132,166,203,0.9);
			
}

#howToUseThisToolInfo h2, #reportTimeZoneForm h2, #howToUseThisToolInfo ul{
	font-size:medium;
	margin:0;
}

#reportResult{
	position: absolute; 
	z-index: 250; 
	background-color:rgba(59,200,119,0.95);
	height:50px;
	text-align:center;
	display: table;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	}
#reportResult p{
	display: table-cell;
	vertical-align: middle;
	}

.closeLink{
	text-decoration:none;
	color:#000000;
}

.ui-autocomplete{
	z-index:300 !important;
}