H1 {
font-size: 22px;
font-family: Raleway regular,Helvetica Neue,Helvetica,Arial,sans-serif;
}

img {
  max-width: 100%
}

#container
{
	  background-color: white;
	  position:			relative;
	  overflow: 		auto;
	  /*width: 			100%;*/
	  border: 0px solid;
	  
}


#R1C1
{
	  background-color:white;
	  position:relative;
	  width:100%;
	  height:10%;
	  clear:both;
	  border: 0px solid;

}

#R2C1
{
	  background-color: white;
	  position:relative;
	  width:100%;
	  clear:both;
	  border: 0px solid;
}

#R3C1
{
	background-color: white;
	position:relative;
	width:100%;
	clear:both;
	border: 0px solid;
}

#R4C1
{
	background-color: white;
	position:relative;
	width:100%;
	clear:both;
	border: 0px solid;
	font-size: 18px;
}



#R4C2
{
	background-color: white;
	position:relative;
	width:100%;
	float:both;
	border: 0px solid;
}

#R5C1
{
	background-color: white;
	position:relative;
	width:33%;
	float:left;
	border: 0px solid;
	font-size: 18px;
}

#R5C2
{
	background-color: white;
	position:relative;
	width:33%;
	float:left;
	border: 0px solid;
	font-size: 18px;
}


#Search
{
	background-color: white;
	position:relative;
	float:left;
	margin-left: 1200px;
}

#DSTSearch
{
	background-color: white;
	position:relative;
	float:right;
	margin-left: 800px;
}

#WeatherSearch
{
	background-color: white;
	position:relative;
	float:left;
	margin-left: 1200px;
}



#WCR1C1
{
	  background-color: white;
	  position:relative;
	  width:100%;
	  clear:both;
	  border: 0px solid;
}

#WCR2C2
{
	background-color: white;
	position:relative;
	width:100%;
	clear:both;
	border: 0px solid;
}

#WCR3C1
{
	background-color: white;
	position:relative;
	width:100%;
	clear:both;
	border: 0px solid;
	font-size: 18px;
}

#CCR1C1
{
	  background-color: white;
	  position:relative;
	  width:100%;
	  clear:both;
	  border: 0px solid;
}

#CCR2C1
{
	  background-color: white;
	  position:relative;
	  width:100%;
	  clear:both;
	  border: 0px solid;
}

#WorldClockInfoBox
{
	  background-color: white;
	  position:relative;
	  width:100%;
	  clear:both;
	  border: 0px solid;
}

#WeatherDiv1
{
	  background-color: white;
	  position:relative;
	  width:50%;
	  float:left;
	  border: 0px solid;
}


#WeatherDiv2
{
	  background-color: white;
	  position:relative;
	  width:50%;
	  float:left;
	  border: 0px solid;
}

#WCBlock0
{
	  background-color: white;
	  position:relative;
	  width:20%;
	  float:left;
	  border: 0px solid;
	  margin-top: 400px;
}

#WCBlock1
{
	  background-color: white;
	  position:relative;
	  width:30%;
	  float:left;
	  border: 0px solid;
}


#WCBlock2
{
	  background-color: white;
	  position:relative;
	  width:30%;
	  float:left;
	  border: 0px solid;
}

#WCBlock3
{
	  background-color: white;
	  position:relative;
	  width:20%;
	  float:left;
	  margin-top: 400px;
	  border: 0px solid;
}

#WeatherTable1
{
	font-family: 'Raleway regular','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: 20px;
}

#WeatherTable2
{
	font-family: 'Raleway regular','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: 20px;
}


#WeatherBlock0
{
	  background-color: white;
	  position:relative;
	  width:19%;
	  float:left;
	  border: 1px solid;
	  margin-top: 800px;
}

#WeatherBlock1
{
	  background-color: white;
	  position:relative;
	  width:100%;
	  float:left;
	  border: 0px solid;
}

#WeatherBlock2
{
	  background-color: white;
	  position:relative;
	  width:100%;
	  clear:both;
	  border: 0px solid;
}

#WeatherBlock3
{
	  background-color: white;
	  position:relative;
	  width:19%;
	  float:right;
	  margin-top: 800px;
	  border: 1px solid;
}



.CallingCodeValue { 
   font-family: Consolas;
   font-size: 20px;
   font-weight: 400;
   color: black;
}

#CallingCodeDiv1
{
	background-color: white;
	position:relative;
	float:left;
	width:50%;
}

#CallingCodeDiv2
{
	background-color: white;
	position:relative;
	float:left;
	width:50%;
}

#CallingNotePre
{
	background-color: white;
	position:relative;
	clear:both;
	width:15%;
	font-family: Raleway regular,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 20px;
	border: 0px solid;
	margin-top: 500px;
}

#WorldClockNote
{
	background-color: white;
	position:relative;
	float:left;
	width:100%;
	font-family: Raleway regular,Helvetica Neue,Helvetica,Arial,sans-serif;
	border:0px solid;
	font-size: 20px;
	line-height: 10em;
}


#CallingNoteOut
{
	background-color: white;
	position:relative;
	float:left;
	width:100%;
	font-family: Raleway regular,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 20px;
	border:0px solid;
}

#CallingNotePost
{
	background-color: white;
	position:relative;
	float:right;
	width:15%;
	font-family: Raleway regular,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 20px;
	border: 0px solid;
	margin-top: 50px;
}

#CallingNoteIn
{
	background-color: #EFF5FB;
	position:relative;
	float:left;
	width:100%;
	font-family: Raleway regular,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 20px;
}

#TollNote
{
	background-color: white;
	position:relative;
	float:left;
	width:100%;
	font-family: Raleway regular,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 20px;
}

#ENote
{
	background-color: #EFF5FB;
	position:relative;
	float:left;
	width:100%;
	font-family: Raleway regular,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 20px;
}

#SameNote
{
	background-color: white;
	position:relative;
	float:left;
	width:100%;
	font-family: Raleway regular,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 20px;
}


#OfficeNote
{
	background-color: white;
	position:relative;
	float:left;
	width:100%;
	font-family: Raleway regular,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 20px;
}

#CCR3C1
{
	  background-color: white;
	  position:relative;
	  width:100%;
	  clear:both;
	  border: 0px solid;
}

#CCR4C1
{
	  background-color: white;
	  position:relative;
	  width:100%;
	  clear:both;
	  border: 0px solid;
}


#CalR1C1
{
	  background-color: white;
	  position:relative;
	  width:100%;
	  clear:both;
	  border: 0px solid;
}

#CalR2C1
{
	  background-color: white;
	  position:relative;
	  width:100%;
	  clear:both;
	  border: 0px solid;
}

#CalR3C1
{
	  background-color: white;
	  position:relative;
	  width:100%;
	  clear:both;
	  border: 0px solid;
}

#HolR1C1
{
	  background-color:white;
	  position:relative;
	  width:100%;
	  height:10%;
	  clear:both;
	  border: 0px solid;

}

#HolR2C1
{
	  background-color: white;
	  position:relative;
	  width:100%;
	  clear:both;
	  border: 0px solid;
}

#HolR3C1
{
	background-color: white;
	position:relative;
	width:100%;
	clear:both;
	border: 0px solid;
}

#HolR4C1
{
	background-color: white;
	position:relative;
	width:100%;
	clear:both;
	border: 0px solid;
}

#DLR1C1
{
	  background-color:white;
	  position:relative;
	  width:100%;
	  height:10%;
	  clear:bottom;
	  border: 0px solid;

}

#DLR2C1
{
	  background-color: white;
	  position:relative;
	  width:20%;
	  float:left;
	 
	  margin-top: 170px;
	  margin-left: 30px;
	  
	  border: 0x solid;
	  border-right: 0px solid;
}


#DLR2C2
{
	  background-color: white;
	  position:relative;
	  width:55%;
	  float:left;
	  border: 0px solid;
}

#DLR2C3
{
	  background-color: white;
	  position:relative;
	  width:20%;
	  float:left;
	  margin-top: 170px;
	
	  border: 0x solid;
	  border-left: 0px solid;
}

#DLR3C1
{
	background-color: white;
	position:relative;
	width:100%;
	clear:both;
	border: 0px solid;
}

#DLR4C1
{
	background-color: white;
	position:relative;
	width:100%;
	clear:both;
	border: 0px solid;
}

#CountryDSTText
{
	font-family: Raleway regular,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 20px;
	line-height: 2em;
}

.DSTPageTable
{
	font-family: Raleway regular,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 20px;
	line-height: 2em;
}

#CalTable { 
border-collapse: collapse; 
font-family: Courier New;
}

#CallingNote
{
	background-color: white;
	position:relative;
	width:100%;
	clear:both;
	border: 0px solid;
}


.CitiHead { 
   font-family: Georgia;
   font-size: 18px;
   color: #f60;
   text-decoration: none;   
   /*"font-family: Georgia;font-size: 18px;color:#f60*/
}


.CitiName { 
   font-family: Georgia;
   font-size: 16px;
   color: LightSteelBlue ;
   text-decoration: none;
}


.CityHeadingLink A
{
	font-family:Georgia;
	font-size:120%;
	color: Navy;
	text-decoration: none;
}


.CityRefLink A
{
	font-family:Georgia;
	font-size:16px;
	color: DarkBlue;
	text-decoration: none;
}

.CitiTime { 
   font-family: Roboto;
   font-size: 15px;
   color: black;
}


.ContRefLink A
{
	font-family:Georgia;
	font-size:18px;
	color: DarkBlue;
	text-decoration: none;
}

.ContTD td
{

	border-right: 1px outset;
	
}

.ContTDSub td
{

	border-right: 1px dashed;
	
}

.ContTable td:last-child 
{
	border-right: none;
}

.ContComboText { 
	/*border:none;*/
	/*height:36pt;*/ 
	width:160px; 
	font-family:Roboto;
	color:black;
	font-size:20px;
}


.CityComboText { 
	/*border:none;*/
	/*height:36pt;*/ 
	width:450px; 
	font-family:Roboto;
	color:black;
	font-size:20px;
}

.DSTCombo {
width:450; 
font-family:Roboto;
font-size:20px;
}

.TZAbrCombo
{
width:450; 
font-family:Roboto;
font-size:20px;
}

.HLCombo
{
width:450; 
font-family:Roboto;
font-size:20px;
}

.TodayText { 
   font-family: Georgia;
   font-size: 22px;
   color: black;
   text-decoration: none;
}

.ContCitiName { 
   font-family: Helvetica;
   font-size: 18px;
   color: black;
   text-decoration: none;
}


.CallingCodeHeading{
	font-family: Roboto;
	font-size: 120%;
	color:#f60;
}

.TZAHeading{
	font-family: Georgia;
	font-size: 120%;
	color:black;
}


.TodayText{
	font-family: Georgia;
	font-size: 18px;
	color:black;
}

.CallingCodeText{
	font-family: Roboto;
	font-size: 18px;
	color:black;
}


/*
a {

   text-decoration: none; 
}
*/



.CitiDetailsValue { 
   font-family: Consolas;
   font-size: 18px;
   font-weight: 400;
   
   
   color: black;
}

.CitiDetailsName { 
   font-family: Tohoma;
   font-size: 18px;
      font-weight: 500;
   
   color: black;
}

.WC_NameStyle{
   font-family: Tohoma;
   font-size: 18px;
   font-weight: 500;
   max-width:400px;   
   color: black;
}

.WC_NameValue{
   font-family: Consolas;
   font-size: 18px;
   font-weight: 500;
   max-width:400px;   
   color: black;
}

.WeatherName{
   font-family: Tohoma;
   font-size: 18px;
   font-weight: 500;
   color: black;
}

.WeatherValue{
   font-family: Consolas;
   font-size: 18px;
   font-weight: 500;
   color: black;
}


.pre
{
   position: absolute;
   top: 40%;
   left: 0; 
   background: rgba(0,0,0, .1);
   padding: 10px 5px 15px 10px;
   font-size: 3em;
   color: #fff;
   opacity: .7;
   border:2;
   z-index: 1;
}

.nex
{
   position: absolute;
   top: 40%;
   right: 0; 
   background: rgba(0,0,0, .1);
   padding: 10px 5px 15px 10px;
   font-size: 3em;
   color: #fff;
   opacity: .7;
   border:2;
   z-index: 1;
}


#ImageContainer
{
	position: relative;
	 border: 0px solid;
}

.nex:hover, .pre:hover{
cursor: pointer;
opacity: 2;
}

.LapContainer{
position:relative;
overflow: auto;
clear:both;
}

.LapCountHead
{
position:relative;
float:left;
font-family:Roboto;
color:black;
font-size:30px;
align="center";
}


.LapHead
{
position:relative;
float:right;
font-family:Roboto;
color:black;
font-size:30px;
}

.LapTimeHead
{
border: 1;
font-family:Roboto;
color:black;
font-size:30px;
position:relative;
float:bottom;
}


.LapCount{
font-family:Consalas;
color:black;
font-size:25px;
position:relative;
float:left;
}

.LapDuration{
font-family:Consalas;
color:black;
font-size:25px;
position:relative;
float:right;
}
.LapTime{
font-family:Consalas;
color:black;
font-size:25px;
position:relative;
clear:bottom;
}

#TRInput{
 border: 0px solid;
  padding: 10px;
position:relative;
margin-bottom: 10px;

font-family:Roboto;
color:black;
font-size:20px;
}

.TRTextField
{
line-height: 1.3em;
font-family:Roboto;
color:black;
font-size:20px;
}

#TRError
{
font-family:Roboto;
color:red;
font-size:15px;
}

#MenuSecondRow
{
margin-top: 0 px;
}

#ShareTable
{
margin-top: 50px;
}
/*sss*/

.diy-slideshow{
position: relative;
display: block;
overflow: hidden;
}
figure{
position: absolute;
opacity: 0;
transition: 1s opacity;
}
figcaption{
position: absolute;
font-family: sans-serif;
font-size: .8em;
bottom: .75em;
right: .35em;
padding: .25em;
color: #fff;
background: rgba(0,0,0, .25);
border-radius: 2px;
}
figcaption a{
color: #fff;
}
figure.show{
opacity: 1;
position: static;
transition: 1s opacity;
}
.next, .prev{
color: #fff;
position: absolute;
background: rgba(0,0,0, .6);
top: 50%;
z-index: 1;
font-size: 2em;
margin-top: -.75em;
opacity: .3;
user-select: none;
}
.next:hover, .prev:hover{
cursor: pointer;
opacity: 1;
}
.next{
right: 0;
padding: 10px 5px 15px 10px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.prev{
left: 0;
padding: 10px 10px 15px 5px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}


figure{
position: absolute;
opacity: 0;
transition: 1s opacity;
}
figure.show{
opacity: 1;
position: static;
transition: 1s opacity;
}

#sharewithfb{
    font-size:0;
    width:58px;
    height:20px;
    moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}​

#WeatherR1C1
{
	  background-color:white;
	  position:relative;
	  width:100%;
	  height:10%;
	  clear:both;
	  border: 0px solid;
}

#WeatherR2C1
{
	  background-color:white;
	  position:relative;
	  width:100%;
	  clear:both;
	  border: 0px solid;

}

#WeatherR3C1
{
	  background-color:blue;
	  position:relative;
	  width:20%;
	  float:left;
	  border: 0px solid;
	  margin-top:1px;

}

#WeatherR3C2
{
	  background-color:white;
	  position:relative;
	  width:30%;
	  float:left;
	  border: 0px solid;

}

#WeatherR3C3
{
	  background-color:white;
	  position:relative;
	  width:30%;
	  float:left;
	  border: 0px solid;
	  margin-top:1px;
}

#WeatherR3C4
{
	  background-color:white;
	  position:relative;
	  width:20%;
	  float:left;
	  border: 0px solid;
	  margin-top:1px;
}

#WeatherR3C5
{
	  background-color:white;
	  position:relative;
	  width:0%;
	  float:left;
	  border: 0px solid;
	  margin-top:1px;
}

#WeatherR4C1
{
	  background-color:blue;
	  position:relative;
	  width:35%;
	  float:left;
	  border: 0px solid;
	  margin-top:1px;

}

#WeatherR4C2
{
	  background-color:white;
	  position:relative;
	  width:30%;
	  float:left;
	  border: 0px solid;

}

#WeatherR4C3
{
	  background-color:grey;
	  position:relative;
	  width:35%;
	  clear:left;
	  border: 0px solid;
	  margin-top:10px;
}


#WeatherR5C1
{
	  background-color:blue;
	  position:relative;
	  width:35%;
	  float:left;
	  border: 0px solid;
	  margin-top:1px;

}

#WeatherR5C2
{
	  background-color:yellow;
	  position:relative;
	  width:30%;
	  float:left;
	  border: 0px solid;

}

#WeatherR5C3
{
	  background-color:grey;
	  position:relative;
	  width:35%;
	  float:left;
	  border: 0px solid;
	  margin-top:1px;
}

#DSTTimeReport
{
	  background-color:white;
	  float:right;
	  position:relative;
	  
	  border: 0px solid;
	  margin-top:1px;
}


/*
ul.ui-autocomplete {
    list-style: none;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
*/

p
{
  margin:0;
  padding:0;
}

#WeatherNote
{
	background-color: white;
	position:relative;
	float:left;
	width:100%;
	font-family: Raleway regular,Helvetica Neue,Helvetica,Arial,sans-serif;
	border:0px solid;
	font-size: 20px;
	line-height: 1em;
}

#HPR1C1
{
	  background-color:white;
	  position:relative;
	  width:100%;
	  height:10%;
	  clear:both;
	  border: 0px solid;
	  height:15%;

}

#HPR2C1
{
	  background-color: white;
	  position:relative;
	  width:100%;
	  clear:both;
	  border: 0px solid;
}

#HPR3C1
{
	  background-color: white;
	  position:relative;
	  width:33%;
	  float:left;
	  border: 1px dotted solid;
	  margin-left:50px;
	  margin-top:10px;
}

#HPR3C2
{
	  background-color: white;
	  position:relative;
	  width:33%;
	  float:left;
	  border: 0px dotted;
	  margin-bottom:60px;
	  margin-top:10px;
}

#HPR3C3
{
	  background-color: yellow;
	  position:relative;
	  width:31%;
	  float:left;
	  border: 0px solid;
	  margin-bottom:60px;
	  margin-top:10px;
}

#HPR3C4
{
	  background-color: white;
	  position:relative;
	  width:33%;
	  clear:both;
	  border: 0px solid;
	  margin-bottom:60px;
	  margin-top:10px;
	  margin-left:50px;
}

bold,strong
{
	font-weight: normal;
	font-family: 'Raleway bold','Helvetica Neue','Helvetica','Arial','sans-serif';
	font-size: 26px;
	color:orange;
}

.HPBlock{
  font-family: 'Raleway regular','Helvetica Neue','Helvetica','Arial,sans-serif';
  font-size: 22px;
}

.HPBlockSmall{
  font-family: 'Raleway regular','Helvetica Neue','Helvetica','Arial,sans-serif';
  font-size: 20px;
}

/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}