html { font-size :100% ;
height :100% ;}
body ,
th, td { font :12px/17px verdana,geneva,sans-serif;}
body { margin :0 ;
padding :0 ;
width :100% ;
height :100% ;
overflow :auto ;
cursor :default ;
color :#C9DCEB;
text-align :center ;
}
p { margin :0 ;
padding :0 ;
padding-bottom :10px ;}
h1, .h1 ,
h2, .h2 ,
h3, .h3 { font :1em impact,charcoal,sans-serif; color:#FFDF4F; margin:0; padding:0;}
h1, .h1 { font-size :16px ;}
h2, .h2 { font-size :1.2em ;}
h3, .h3 { font-size :1.1em ;}
h1 { padding-bottom :10px ;}
h2 { padding-bottom :10px ;}
h3 { padding-bottom :10px ;}
a { text-decoration :none ; color :#FFFFFF;}
a:hover { text-decoration :none ; color :#FFFFFF;}
a:focus { outline :none ;}
hr { color :#A0A0A0;
background-color :#3C7FCF;
height :1px ;}
ul {/* width :100% ;*/
list-style-type :disc ;}
table { empty-cells :show ;
border-collapse :collapse ;
}
th,td { vertical-align :top ;
}
img { border :none ;}
form { margin :0 ;
padding :0 ;}
textarea { margin :0 ;
padding :0 5px ;
border :solid 1px #064286;
color :#064286;
cursor :text ;}
input { margin :0 ;
padding :0 5px ;
height :1.8em ;
vertical-align :middle ;
cursor :pointer;}
input ,
select ,
textarea { font :1em/1.3em Verdana,Geneva,sans-serif;}
label { cursor :pointer;}
pre { font :normal 0.9em/1.1em "Lucida Console", Monaco, monospace;}
/* classes */
.clear { clear :both ;}
.text ,
.password { cursor :text ;
color :#064286;
border :solid 1px #064286;}
.button ,
.submit { border :solid 1px #064286;
color :white ;
background :#064286 ;
font :1em/1.3em Verdana,Geneva,sans-serif;
}
.list { padding-left : 3em ;}
.list img { margin : 2px ;}
.red ,
.red a ,
.red a:hover { color :#E60016 ;}
.blue { color :#0100A7 ;}
.green { color :#00B90A ;}
.yellow { color :#FFD000 ;}
.small { color :#C9DCEB;
font-size :0.9em ;}
.smaller ,
.smaller a { font-size :11px ;}
.lighter ,
.lighter a { color :#E4F3FE;}
.right { text-align :right ;}
.center { text-align :center ;}
.left { text-align :left ;}
.thin { margin :0 ;
padding :0 ;}
.thick { padding-bottom :20px ;}
.spacer { padding-bottom :12px ;}
.indent { padding-left :4em ;}
.pointer { cursor :pointer;}
.hover { text-decoration :underline ;
color :#FFFFFF;}
.no_display { display :none ;}
.pre { white-space :pre ;
font :normal 0.9em/1.1em "Lucida Console", Monaco, monospace;
}
p.hr { border-bottom :solid 1px #A0A0A0;
margin :1.6em 0 1.2em 0 ;}
/* container */
#overall_background { background :#3C7FCF url(/img/sky2.jpg) no-repeat center center;
background-size :100% 100% ;
width :100% ;
height :100% ;
min-width :100% ;
min-height :100% ;
}
#overall_background { -moz-background-size :100% 100% ;
-webkit-background-size :100% 100% ;
-o-background-size :cover ;
}
#overall_background { filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/sky2.jpg', sizingMethod='scale') ;
-ms-filter :"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/sky2.jpg', sizingMethod='scale')";
}
#overall_container { position :relative ;
display :inline-block;
padding :0 ;
min-width :930px;
}
#overall_container_inner { margin-left :0px;
}
#outside_left_column ,
#outside_right_column { margin-top : 85px ;
height :600px ;
width :160px;
}
#outside_left_column { text-align :right ;}
#outside_right_column { text-align :left ;}
#outside_left_column_spacer ,
#outside_right_column_spacer{ width :70px;
}
#container { text-align :left ;
}
/* top */
#top { height :70px ;
}
#top_inner { position :relative ;
}
#top_inner img { position :absolute ;
left :40px ;
top :30px ;
}
#logo { position :absolute ;
left : 0px ;
top :24px ;
font :36px impact,charcoal,sans-serif;
color :#FFDF4F;
}
#logo a ,
#logo a:hover { color :#FFDF4F;
}
#slogan { position :absolute ;
left :278px ;
top : 48px ;
font :bold 13px arial,helvetica,sans-serif;
color :#FFDF4F;
}
#social_networks { position :absolute ;
top :28px ;
right :30px ;
}
#google_plusone { margin-bottom : 8px ;
}
/* menu_h */
#menu_h { width :100% ;
height : 36px ;
margin : 0 ;
padding : 0 ;
/* border-top :solid 1px #A0A0A0; */
/* border-bottom :solid 1px #A0A0A0; */
background :#000000;
text-align :center ;
}
#menu_h ul ,
#menu_h li { display :inline-block;
margin : 0 ;
padding : 0 ;}
#menu_h ul { list-style-type :none ;
padding-left :20px ;
}
#menu_h a { display :block ;
/* width :130px ; */
padding :9px 30px 0 30px;
/* height : 40px ; */
/* line-height : 40px ; */
font :bold 14px Arial,Helvetica,sans-serif;
color :#606060;
}
#menu_h a.left { float :left ;}
#menu_h a.right { float :right ;}
#menu_h a:hover { color :#E0E0E0;}
/* main */
#main {/* background :url(/img/body.jpg) repeat-x; */
/* border-top :solid 1px #A0A0A0 ; */
}
/* content */
#content { position :relative ;
margin :0 ;
padding :30px 0 0 0 ;
text-align :left ;
}
#content a {/* font-weight :bold */ ;}
#content a:hover { text-decoration :underline ;}
#content .text { width :150px ;}
#content .table th ,
#content .table td { padding-right :8px ;
text-align :left ;
vertical-align :top ;
}
#content .table th { font-weight :bold ;
color :#FFDF4F;
}
#content img { vertical-align :middle ;}
#content ul { margin :0 ;
padding :0.5em 0 1.5em 2em ;}
#content ul.thin { padding :0.5em 0 0.5em 2em ;}
/* inside_left_column */
#inside_left_column { width :180px ;
height :600px ;
text-align :left ;}
#inside_left_column_inner { margin-top : 30px ;
margin-right : 20px ;}
#inside_left_column ul { list-style-type :none ;}
#inside_left_column li { line-height :2em ;}
/* inside_right_column */
#inside_right_column { width :180px ;
height :600px ;
text-align :left ;}
#inside_right_column_inner { margin-top : 30px ;
margin-left : 20px ;}
/* bottom */
#bottom { margin : 0 ;
padding-top :26px ;
font :11px/16px Verdana,Geneva,sans-serif;
text-align :center ;
line-height :20px ;
color :#064286;
}
#bottom a { color :#064286;}
#bottom a:hover { color :#064286;}
#related { margin :0 auto ;}
#related td { color :#0b78f3;
font :11px/16px Verdana,Geneva,sans-serif;
}
/* help */
#help { position :absolute ;
display :none ;
z-index :100 ;
left : 50% ;
top : 200px ; /* 50% */
width : 500px ;
height : 300px ;
margin-left :-250px ;
margin-top :-150px ;
padding :5px ;
border :solid 1px #808080;
color :#C9DCEB;
background :white ;
}
#help h1 { font-size :1.2em ;
font-weight :bold ;
}
#help_close { text-align :right ;
width :100% ;
}
#help_content { padding :0 20px ;}
#help_content p { width :450px ;}
/* Content / network_sites */
#network_sites h1 { font : bold 1.3em/1em Arial,Helvetica,sans-serif; margin-bottom :20px; }
#network_sites h2 { font : bold 1.2em/1em Arial,Helvetica,sans-serif; margin :0; padding:30px 0 2px 0; }
#network_sites h3 { font : bold 1.1em/1em Verdana,Geneva,sans-serif; margin :0; padding:10px 0 0 0; }
#network_sites .indent { margin :0; padding:0 0 0 2em; }
#network_sites h2.first { margin :0; padding:0 0 2px 0; }
#network_sites a ,
#network_sites a:hover { text-decoration :none ;}
/* Site specific */
table#result th { vertical-align :middle ;
margin-right :30px ;
}
table#result td { background :white ;
text-align :center ;
}
.metar { font :bold 20px courier new,courier,monospace;
color :white ;
}
#form_country select ,
#form_station select { width :300px ;
height :1.8em ;
color :#064286;
background :white ; /* #E4F3FE */
border :solid 1px #064286;
}
#form_country select { margin-bottom :3px ;
}
.darker ,
.darker a { color :#064286;}
h1 a ,
h1 a:hover {/* text-decoration :none !important;*/
color :white ;
}
#content b { color :#E4F3FE;
}
.bordered { border :solid 1px #064286;
}
#loading ,
#tip_select { font-weight :bold ;
font-style :italic ;
color :white ;
}
.weather_icons { color :#064286;
background :white ;
border :solid 1px #064286;
/* float :right ;
height :80px ;
width :180px ;*/
}
.weather_icons td { vertical-align :middle !important; }
.weather_icons b { color :#064286 !important; }