@charset "utf-8";
/* CSS Document */

.ui-header{
	height:100px;
	position:fixed;
	background-image: url(images/mlogo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

ui-fixed-overlay{
	border-width:thick;
}
body{
	font-size:13px;
	}
	
.ui-page  .ui-page .ui-footer{
	font-size:10px;
}
.logo {
	background-color: #FFF;
	text-align: center;
}
/*.ui-bar-b {
    background-color: #013A6F;
}*/
.logoHolder {
	float: left;
	width: 130px;
	margin-top: 5px;
	margin-left: 20px;
}
.sun {
	float: right;
	font-size: 10px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	width: 50%;
	margin: 5px;
}
#page div .sun ul li {
	list-style-type: none;
}

.clear {
	clear: both;
}
.forecastAreaName {
	font-size: 18px;
	font-weight: bold;
	height: 24px;
	color: #000;
	text-align: center;
	margin: 0px;
	background-color: #9CF;
	padding: 5px;
}
.MonesRaw {
	margin: 0;
	border-bottom: 1px solid #E0E0E0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	list-style: none;
	height: 100%;
	clear: both;
	background-color: #CCC;
}
.ZygesRow {
	margin: 0;
	border-bottom: 1px solid #E0E0E0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	list-style: none;
	height: 100%;
	clear: both;
	background-color: #DFEFFF;
}
.ForecastText {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 8px;
	color: #039;
}
.kefalides {
	font-size: 15px;
	font-weight: bold;
	color: #09C;
	text-align: center;
	font-family: Verdana;
	padding: 8px;
	clear: both;
	background-color: #F4F4F4;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666;
	border-right-color: #666;
	border-left-color: #666;
}
.kefalides1 {
	font-size: 15px;
	font-weight: bold;
	color: #09C;
	text-align: center;
	font-family: Verdana;
	padding: 8px;
	clear: both;
	
}
.Left1 {
	float: left;
	width: 30%;
	margin-top: 8px;
}
.Left2 {
	float: left;
	width: 40%;
}
.Right1 {
	float: left;
	width: 30%;
}
.DateFormat {
	font-family: "Trebuchet MS", Verdana, Tahoma;
	font-size: 16px;
	color: #09F;
	margin-bottom: 5px;
}
.TimeFormat {
	font-family: "Trebuchet MS", Verdana, Tahoma;
	font-size: 14px;
	color: #C63;
	margin-bottom: 4px;
	font-weight: bold;
	margin-left: 8px;
}
.normal {
	font-family: "Trebuchet MS", Verdana, Tahoma;
	font-size: 20px;
	font-weight: bold;
	color: #036;
	margin: 5px;
}
.VeryHot {
	font-family: "Trebuchet MS", Verdana, Tahoma;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	margin: 5px;
	background-color: #F00;
	text-align: center;
}
.Hot {
	font-family: "Trebuchet MS", Verdana, Tahoma;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	margin: 5px;
	background-color: #F90;
	text-align: center;
}
.Cold {
	font-family: "Trebuchet MS", Verdana, Tahoma;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	margin: 5px;
	background-color: #36C;
	text-align: center;
}
.VeryCold {
	font-family: "Trebuchet MS", Verdana, Tahoma;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	margin: 5px;
	background-color: #6CF;
	text-align: center;
}




.nefosiTitle {
	font-size: 14px;
	color: #666;
}
.nefosiTitle2 {
	font-size: 12px;
	color: #06C;
	margin: 2px;
	text-align: center;
}

.phenomeno {
	float: right;
	margin: 2px;
}
.windIcon {
	border: 1px solid #666;
	padding: 2px;
}
.phenomenoIcon {
	margin-left: 3px;
	border: 1px solid #666;
	padding: 2px;
}


.redAlert {
	color: #F00;
}
.sshead {
	font-weight: bold;
	color: #930;
	padding: 4px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.sansimera {
	color: #000;
	background-color: #C2F1F3;
	padding: 8px;
	text-shadow:none;
	border-radius: 8px;
	margin-bottom: 12px;
	margin-top: 12px;
	background-image: url(graphics/sanSimeraBg1.png);
	background-repeat: no-repeat;
	background-position: center center;
	box-shadow: 1px 1px 7px 3px #999;
}
.desktop {
	text-align: left;
	vertical-align: middle;
}
.desktop a img {
	margin-right: 6px;
}
.page-map div #map_canvas {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	border: 1px solid #333;
	margin-top: 5px;
	border-radius: 8px;
	box-shadow: 1px 1px 7px 3px #999;
	height: 280px;
	width: 100%;
}
.page-map div #geotarget a {
	text-decoration: none;
}

.page-map div #geotarget {
	background-color: #FC0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	border: 1px solid #333;
	margin-bottom: 10px;
	border-radius: 8px;
	box-shadow: 1px 1px 7px 3px #999;
	height: 20px;
	width: 80%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding: 8px;
	text-align: center;
}
.mob-ad {
	margin: 0px;
}
.innerTableCell {
	border: 1px solid #B0B0B0;
	text-align: center;
	font-size: 12px;
}

.innerTableCell a {
	text-decoration:none;
	color:#039;
}

.innerTableCellLeft {
	border: 1px solid #B0B0B0;
	text-align:left;
	font-size: 12px;
	color:#039;
	font-weight:bold;
}

.innerTableCellLeft a {
	text-decoration:none;
	color:#039;
}
.innerTableCellRight {
	border: 1px solid #B0B0B0;
	text-align:right;
	font-size: 12px;
	font-weight:bold;
}

.innerTableCellRight a {
	text-decoration:none;
	color:#039;
}

.data {
	font-family: "Trebuchet MS", Verdana, Tahoma;
	font-size: 16px;
	color: #0066CC;
	margin-top: 5px;
	text-align:justify;
}

.LStattus1 {
  
    color: #339933;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding: 2px;
}
.LStattus2 {
   
    color: #FF3333;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding: 2px;
}
.LStattus3 {

    color: #FF9933;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding: 2px;
}