body {
    background-image: url(../img/bgTile.gif);
    margin-top: 20px;
    background-repeat: repeat-x;
    /*font-size: 110%;*/
    font-size: 12px;

    overflow-y: scroll;
}
.BODY, TD {
    /*color: #999999;*/
    color: #0F6BBA;
    font-family: Arial, sans-serif;
    /*font-size: 9px;*/
    font-size: 100%;
    text-align: justify;
}
.BODY, TDblue {
    color: #0F6BBA;
    font-family: Arial, sans-serif;
    /*font-size: 9px;*/
    font-size: 100%;
    text-align: justify;
}
.H2, .heading-medium{
    /*font-size: 14pt;*/
    font-size: 140%;
    color: #87CEFA;
}
.H3blue {
    /*font-size: 13pt;*/
    font-size: 100%;
    color: #1369BF;
    font-weight: bold;
}
.H4white, .heading-small{
    font-size: small;
    /*font-size: 12px;*/
    font-size: 120%;
    font-weight: bold;
    color : white;
}

A {
    text-decoration: none;
    color: #DBDBDB;
    color : white;
}

A:Hover {
    text-decoration: underline;
    color: #000066;
}
.H4whiteBig {
    font-size: small;
    /*font-size: 16px;*/
    font-size: 160%;
    font-weight: normal;
    /*color : white;*/
    color : #00a8eb;
}
.H3blueBig{
    /*font-size: 18pt;*/
    /*font-size: 180%;*/
    font-size: 150%;
    color: #1369BF;
}



.heading-x-large {
    font-size: small;
    font-size: 16px;
    font-size: 160%;
    font-weight: bold;
    color : #1369BF;
}
.heading-large {
    font-size: 18pt;
    font-size: 140%;
    color: #1369BF;
    font-weight: bold;
    /*border: 1px solid black;*/
}
.heading-medium {
    font-size: 120%;
    color: #1369BF;
    font-weight: bold;
}
.heading-small {
    font-size: 100%;
    color: #1369BF;
    font-weight: bold;
}
/* Extra */
.style1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    /*font-size: 9px;*/
}
a:link {
    color: #146AB7;
    text-decoration: none;
    text-decoration: underline;
}
a:visited {
    text-decoration: none;
    color: #146AB7;
}
a:hover {
    text-decoration: none;
    color: #000066;
}
a:active {
    text-decoration: none;
    color: #146AB7;
}
a {
    /*font-size: 10px;*/
    /*font-size: 100%;*/
}

.editable input {
    color: #0F6BBA;
    font-family: Arial, sans-serif;
    /*font-size: 9px;*/
    /*font-size: 90%;*/
    text-align: justify;
}

a.a-image {
    color: transparent;
}

.clickable {
    cursor: pointer;
    color: #146AB7;
}

.clickable:hover {
    cursor: pointer;
    color: #000066;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}
.center {
    text-align: center;
    margin: auto;
    vertical-align: middle;
}

.justify {
    text-align: justify;
}

/*
 * Theme
*/
/* Layout */
.MiddleTile {
    background-color: #FFFFFF;
    background-image: url(../img/MiddleTile.gif);
    background-repeat: repeat-x;
}

.MiddleTileHorizontal {
    background-image: url(../img/middleTileHorisontal.gif);
    background-repeat: repeat-y;
}

.TopLeftLogo {
    background-image: url(../img/TopLeftLogo.JPG);
    width: 233px;
    height: 106px;
}

.TopTile {
    background-image: url(../img/TopTile.gif);
}

.TopRight {
    background-image: url(../img/TopRight.gif);
    width: 26px;
    height: 106px;
}

/*.Spacer {
    background-image: url(../img/Spacer.gif);
    width: 5px;
    height: 5px;
}*/

.spacer {
    width: 30px;
    height: 30px;
}

.VerticalSpacer {
    background-image: url(../img/Spacer.gif);
    width: 5px;
    height: 70px;
}

.VerticalDivider {
    background-color: transparent;
    background-image: url(../img/div_vertical.gif);
    width: 7px;
    height: 47px;
    background-repeat: no-repeat;
}
.HorizontalDivider {
    background-color: transparent;
    background-image: url(../img/div_horisontal.gif);
    width: 348px;
    height: 6px;
    background-repeat: no-repeat;
}

/* Pages */

.ButtonLabel {
    width: 150px;
    text-align: center;
    margin: auto;
    color: #999999;
}

.IconBig {
    background-image: url(../img/cloudBig.jpg);
    width: 212px;
    height: 134px;
}
.Button5DayForecast {
    background-image: url(../img/Button1_5DayForecast.gif);
    width: 150px;
    height: 147px;
    margin: auto;
}
.ButtonRegister {
    background-image: url(../img/Button2_Register.gif);
    width: 150px;
    height: 147px;
    margin: auto;
}
.ButtonProfile {
    background-image: url(../img/Button3_Profile.gif);
    width: 150px;
    height: 147px;
    margin: auto;
}
.ButtonProfileHeight {
    height: 147px;
}
.ButtonMyLocation {
    background-image: url(../img/Button4_MyLocation.gif);
    width: 150px;
    height: 147px;
    margin: auto;
}
.ButtonActivate {
    background-image: url(../img/Button5_ACTIVATE.gif);
    width: 150px;
    height: 147px;
    margin: auto;
}
.ButtonDeactivate {
    background-image: url(../img/Button5_DEACTIVATE.gif);
    width: 150px;
    height: 147px;
    margin: auto;
}
.ButtonDayPass {
    background-image: url(../img/Button5_DEACTIVATE.gif);
    width: 150px;
    height: 147px;
    margin: auto;
}
.ButtonInfo {
    background-image: url(../img/Button6_Info.gif);
    width: 150px;
    height: 147px;
    margin: auto;
}
.ButtonFAQ {
    background-image: url(../img/Button7_FAQ.gif);
    width: 150px;
    height: 147px;
    margin: auto;
}
.ButtonTerms {
    background-image: url(../img/Button8_terms.gif);
    width: 150px;
    height: 147px;
    margin: auto;
}
.ButtonFeedback {
    background-image: url(../img/Button9_feedback.gif);
    width: 150px;
    height: 147px;
    margin: auto;
}

#message, #feedback_message {
    position: absolute;
    top: -18px;
    left: 1%;
    right: 1%;
    display: none;
    text-align:center;
}

.message {
    color: #0000AA;
    /*    background-color: #EEEEFF;
        border-color: #0000AA;
        border-width: 1px;
        border-style: solid;*/
}

.success {
    color: #00AA00;
    /*    background-color: #EEFFEE;
        border-color: #00AA00;
        border-width: 1px;
        border-style: solid;*/
}

.error {
    color: #AA0000;
    /*    background-color: #FFEEEE;
        border-color: #AA0000;
        border-width: 1px;
        border-style: solid;*/
}

#container {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 5px;
    padding-left: 30px;
    padding-right: 30px;
}


input[type="text"], input[type="password"], textarea {
    border-width: 1px;
    border-style: solid;
    border-color: #1369BF;
    background-color: #DDDDFF;
    width: 100%;
}

input[type="text"].error, input[type="password"].error, textarea.error {
    background-color: #FFEEEE;
    border-color: #AA0000;
    color: #AA0000;
    border-width: 1px;
    border-style: solid;
}

/*input {
    width:100%;
}*/

table, table tr, table tr td {
    vertical-align: top;
}

/* Icons */
.WeatherTower {
    background-image: url(../img/icons/weathertower.png);
    width: 24px;
    height: 24px;
    float: left;
    background-repeat: no-repeat;
}

#row_search, #row_results {
    position: relative;
    top: 0px;
    left: 0px;
}

/*#address_search,*/
#address_search_results, #address_save {
    /*display: none;*/
}

#station_add {
    display: none;
}

#feedback_form {
    margin: auto;
    width: 320px;
}

/*input #address {
    width: 100%;
    width: 600px
}*/

.ajax-loader {
    background-image: url(../img/ajax-loader.gif);
    width: 220px;
    height: 19px;
    margin: auto auto;
    display: none;
}


/* Icons */
.First-Quarter {
    background-image: url(../img/icons/First-Quarter.png);
    width: 24px;
    height: 24px;
    float: left;
}
.Full-Moon {
    background-image: url(../img/icons/Full-Moon.png);
    width: 24px;
    height: 24px;
    float: left;
}
.Last-Quarter {
    background-image: url(../img/icons/Last-Quarter.png);
    width: 24px;
    height: 24px;
    float: left;
}
.New-Moon {
    background-image: url(../img/icons/New-Moon.png);
    width: 24px;
    height: 24px;
    float: left;
}
.Waning {
    background-image: url(../img/icons/Waning.png);
    width: 24px;
    height: 24px;
    float: left;
}
.Waxing {
    background-image: url(../img/icons/cloud.png);
    width: 24px;
    height: 24px;
    float: left;
}

.cloud {
    background-image: url(../img/icons/cloud.png);
    width: 24px;
    height: 24px;
    float: left;
}

.cloudrain {
    background-image: url(../img/icons/cloudrain.png);
    width: 24px;
    height: 24px;
    float: left;
}

.cloudrainthun {
    background-image: url(../img/icons/cloudrainthun.png);
    width: 24px;
    height: 24px;
    float: left;
}

.suncloud {
    background-image: url(../img/icons/suncloud.png);
    width: 24px;
    height: 24px;
    float: left;
}

.suncloudrain {
    background-image: url(../img/icons/suncloudrain.png);
    width: 24px;
    height: 24px;
    float: left;
}

.snow {
    background-image: url(../img/icons/snow.png);
    width: 24px;
    height: 24px;
    float: left;
}

.sun {
    background-image: url(../img/icons/sun.png);
    width: 24px;
    height: 24px;
    float: left;
}

.fog {
    background-image: url(../img/icons/fog.png);
    width: 24px;
    height: 24px;
    float: left;
}

.frost {
    background-image: url(../img/icons/frost.png);
    width: 24px;
    height: 24px;
    float: left;
}

.none {
    background-image: url(../img/icons/none.png);
    width: 24px;
    height: 24px;
    float: left;
}

/* New Weather Importer Icon Styles */
.clear {
    background-image: url(../img/icons/none.png);
    width: 24px;
    height: 24px;
    float: left;
}

.modheavyrain {
    background-image: url(../img/icons/cloudrain.png);
    width: 24px;
    height: 24px;
    float: left;
}

.partlycloudyday {
    background-image: url(../img/icons/suncloud.png);
    width: 24px;
    height: 24px;
    float: left;
}

.rainthunderstorm {
    background-image: url(../img/icons/cloudrainthun.png);
    width: 24px;
    height: 24px;
    float: left;
}

.suncloudrain {
    background-image: url(../img/icons/suncloudrain.png);
    width: 24px;
    height: 24px;
    float: left;
}

.cloud {
    background-image: url(../img/icons/cloud.png);
    width: 24px;
    height: 24px;
    float: left;
}

.snow {
    background-image: url(../img/icons/snow.png);
    width: 24px;
    height: 24px;
    float: left;
}

.sun {
    background-image: url(../img/icons/sun.png);
    width: 24px;
    height: 24px;
    float: left;
}

.fog {
    background-image: url(../img/icons/fog.png);
    width: 24px;
    height: 24px;
    float: left;
}

.frost {
    background-image: url(../img/icons/frost.png);
    width: 24px;
    height: 24px;
    float: left;
}
/* New Weather Importer Icon Styles End */

.dewpoint {
    background-image: url(../img/icons/dewpoint.png);
    width: 24px;
    height: 24px;
    float: left;
}

.humidity {
    background-image: url(../img/icons/humidity.png);
    width: 24px;
    height: 24px;
    float: left;
}

.min {
    background-image: url(../img/icons/min.png);
    width: 24px;
    height: 24px;
    float: left;
}

.max {
    background-image: url(../img/icons/max.png);
    width: 24px;
    height: 24px;
    float: left;
}

.pressure {
    background-image: url(../img/icons/pressure.png);
    width: 24px;
    height: 24px;
    float: left;
}


.sunrise {
    background-image: url(../img/icons/sunrise.png);
    width: 24px;
    height: 24px;
    float: left;
}

.sunset {
    background-image: url(../img/icons/sunset.png);
    width: 24px;
    height: 24px;
    float: left;
}

.thermometer {
    background-image: url(../img/icons/thermometer.png);
    width: 24px;
    height: 24px;
    float: left;
}

.weathertower {
    background-image: url(../img/icons/weathertower.png);
    width: 24px;
    height: 24px;
    float: left;
}

.wind {
    background-image: url(../img/icons/wind.png);
    width: 24px;
    height: 24px;
    float: left;
}

.windspeed {
    background-image: url(../img/icons/windspeed.png);
    width: 24px;
    height: 24px;
    float: left;
}


div {
    border:0px solid transparent;
    /*border:none;*/
}

a.link {
    text-decoration: underline;
}

.active {
    color: #00AA00;
}

.deactivated {
    color: #AA0000;
}