/* ====== CONTENT STYLES ====== */

h1.home {
    font-size: 18px;
    padding: 15px 0 0 20px;
    margin: 0;
}

h1.home span.tm {
    font-size: 14px;
}

h1.normal {
    font-size: 18px;
    padding: 25px 0 0 20px;
}

.box {
    padding: 0;
}

#leftcolumn .no-data-msg {
    color: #770000;
    background: #ffffff;
    text-align: center;
    font-size: 1.2em;
    padding: 10px;
    width: 578px;
    border: 1px solid #4785be;
    display: none;
    margin-bottom: 10px;
}

.clearall {
    clear: both;
}

#upgradetopro {
    margin: 3px 0 0 20px;
    float: left;
}

#upgradetopro img {
    float: left;
    margin-right: 5px;
}

#upgradetopro p {
    float: left;
    margin-top: 5px;
}

#upgradetopro a:link, #upgradetopro a:visited {
    color: #66a3db;
    text-decoration: none;
    font-size: 11px;
}

#upgradetopro a:hover {
    color: #fff;
    text-decoration: none;
    font-size: 11px;
}

.module {
    border: 1px solid #4785be;
    margin-bottom: 5px;
    padding: 5px 0 5px 0;
    min-height: 50px;
    position: relative;
}

.settings {
    min-height: 100px;
}

.moduledata {
    border: 1px solid #999;
    margin-bottom: 5px;
    padding: 5px 15px 5px 15px;
    position: relative;
}

.module .label {
    /*	color: #fff; */
    color: #A1CFF8;
}

.std, .wide {
    background: url("../images/content/boxHdFill.png") repeat-x #123D6D;
}

.full {
    margin: 5px 10px 5px 10px;
}

.flat {
    background-image: none;
    background-color: #005d95;
}

.admin {
    background: #666;
}

.data {
    background: #fff;
    color: #444;
}

.wind {
    width: 350px;
    height: 150px;
    float: left;
    position: relative;
    background: #005d95;
}

.temp {
    width: 240px;
    height: 150px;
    float: left;
    margin-left: 6px;
    background: #005d95;
}

#modDescription img.modicon {
    margin-bottom: 15px;
}

/* wx.php Description styles */
#description {
    width: 558px;
    height: 219px;
    margin-top: 5px;
    overflow: auto;
    clear: both;
    background: #fff url("../images/content/description-fill.png") repeat-x;
    color: #333;

    padding: 20px;

    /* Font */
    font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
    font-size: 13px;

    line-height: normal;
}

#description p {

}

.notice {
    font-weight: bold;
    font-size: 1.1em;
}

/* Taken from contents.css stylesheet under scripts/ckeditor */
#description blockquote {
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
}

#description a {
    color: #0782C1;
}

#description ol, #description ul, #description dl {
    /* IE7: reset rtl list margin. (#7334) */
    *margin-right: 0px;
    /* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
    padding: 0 40px;
}

#description h1, #description h2, #description h3, #description h4, #description h5, #description h6 {
    font-weight: normal;
    line-height: normal;
}

#description hr {
    border: 0px;
    border-top: 1px solid #ccc;
}

#description img.right {
    border: 1px solid #ccc;
    float: right;
    margin-left: 15px;
    padding: 5px;
}

#description img.left {
    border: 1px solid #ccc;
    float: left;
    margin-right: 15px;
    padding: 5px;
}

#description img:hover {
    opacity: .9;
    filter: alpha(opacity=90);
}

#description pre {
    white-space: pre-wrap; /* CSS 2.1 */
    word-wrap: break-word; /* IE7 */
}

#description .marker {
    background-color: Yellow;
}

.bigbox {
    background: #0a2d5b;
    border: 1px solid #4785be;
}

.weather {
    background: #4a75a7 url("../images/content/MK-III.png") no-repeat;
    background-position: left top;
    text-align: center;
}

.module .modicon {
    float: left;
    margin: 5px 20px 0 10px;
}

.module .temp .modicon {
    float: left;
    margin: 5px 10px 0 0;
}

.module .headline {
    float: left;
    /*	clear: right; */
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    height: 30px;
    margin: 5px 0 5px 0;
}

.module .credit {
    float: left;
    /*	clear: right; */
    font-size: 16px;
    font-weight: bold;
    color: #b6d739;
    height: 30px;
    margin: 5px 0 5px 0;
    padding-left: 66px;
}

.module a:not(.button):link, #userphotoBox a:not(.button):link {
    color: #C4E4F8;
    text-decoration: none;
}

.module a:not(.button):visited, #userphotoBox a:not(.button):visited {
    color: #C4E4F8; /* light blue */
    text-decoration: none;
}

.module a:not(.button):hover, #userphotoBox a:not(.button):hover {
    color: #4AB9FF; /* bright blue */
    text-decoration: none;
}

/* span mimic of a(anchor) tag */
span.anchor {
    color: #C4E4F8; /* light blue */
    text-decoration: none;
    cursor: pointer;
}

span.anchor:hover {
    color: #4AB9FF; /* bright blue */
    text-decoration: none;
}

.module ul {
    list-style-image: url("../images/content/bullet.png");
    margin: 0;
    padding: 10px;
}

.module ul li {
    margin: 0 0 10px 25px;
}

.standalone {
    float: left;
    clear: right;
    font-size: 16px;
    /*	color: #fff; */
    color: #A1CFF8;
    height: 30px;
    margin: 0 0 10px 0;
}

.values, .value1, .value2 {
    float: left;
    font-size: 14px;
    font-weight: bold;
    /*	color: #fff; */
    color: #A1CFF8;
    height: 30px;
}

.degreedays .degreeday {
    float: left;
    width: 165px;
    margin-top: 8px;
    margin-left: 5px;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
}

.degreedays .degreeday .date {
    display: block;
    color: #A1CFF8;
    font-size: 10px;
}

/****************************** SPRAYWISE STYLES
ui-slider: The track of the slider control. This element will additionally have a class name of ui-slider-horizontal or ui-slider-vertical depending on the orientation of the slider.
ui-slider-handle: The slider handles.
*/

.sw-loader {
    z-index: 100;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.spraywise {
    border: 1px solid #4c8db5;
    margin-bottom: 10px;
    padding: 10px;
    width: 876px;
}

.spraywise table {
    width: 100%;
}

.spraywise table tr {
    height: 90px;
}

.spraywise table td {
    padding: 5px;
}

.spraywise table td:nth-child(1) {
    text-align: center;
    width: 240px;
}

.spraywise table td:nth-child(2), .spraywise table td:nth-child(4) {
    text-align: right;
    width: 100px;
}

.spraywise table td:nth-child(3), .spraywise table td:nth-child(5) {
    width: 180px;
}

.spraywise .soil-slider-image {
    width: 197px;
    height: 27px;
    background: url("../images/content/soil-slider_sprite.jpg") 0 -135px;
    margin: 0 auto;
}

.spraywise .stage-slider-image {
    width: 197px;
    height: 27px;
    background: url("../images/content/stage-slider_sprite.jpg") 0 -135px;
    margin: 1px auto;
}

.spraywise .value-slider {
    width: 204px;
    background: #3d7ea6;
    height: 8px;
    margin: 10px auto;
    position: relative;
}

.spraywise .ui-slider .ui-slider-handle {
    width: 8px;
    height: 12px;
    background: #86c4ef;
    display: block;
    position: absolute;
    top: -2px;
}

.spraywise input.slider-value {
    display: block;
    margin: 0 auto;
}

.spraywise select {
    width: 160px;
}

.spraywise select#crop {
    margin: 0 auto;
}

.spraywise legend {
    font-weight: bold;
    text-transform: uppercase;
}

.spraywise label {
    display: block;
    width: 100%;
}

.spraywise .protype {
    margin: 6px 0;
}

table .crop-table {
}

table .crop-table.enabled {
    display: block;
}

table .crop-table.disabled {
    display: none;
}

#sw-analysis {
    width: 100%;
    position: relative;
}

#sw-analysis .top-strip {
    height: 80px;
    padding-left: 30px;
}

#sw-analysis .top-strip input.slider-value {
    display: inline-block;
}

#sw-analysis .soil-slider-image {
    width: 197px;
    height: 27px;
    background: url("../images/content/soil-slider_sprite.jpg") 0 -135px;
    margin: 0 auto;
}

#sw-analysis .stage-slider-image {
    width: 197px;
    height: 27px;
    background: url("../images/content/stage-slider_sprite.jpg") 0 -135px;
    margin: 1px auto;
}

#sw-analysis .value-slider {
    width: 204px;
    background: #3d7ea6;
    height: 8px;
    margin: 10px auto;
    position: relative;
}

#sw-analysis .ui-slider .ui-slider-handle {
    width: 8px;
    height: 12px;
    background: #86c4ef;
    display: block;
    position: absolute;
    top: -2px;
}

#sw-analysis .top-panel {
    float: left;
    height: 90px;
    width: 220px;
    margin-left: 10px;
    text-align: center;
}

#sw-analysis .crop-panel span.crop-label {
    font-size: 1.4em;
    font-weight: bold;
    margin-right: 5px;
}

#sw-analysis .crop-panel {
    height: 65px;
    padding-top: 15px;
}

#sw-analysis .choices {
    position: absolute;
    top: 79px;
    left: 0;
    float: left;
    width: 205px;
    clear: both;
}

#sw-analysis .choice-box {
    margin: 12px;
    width: 97%;
    height: 36px;
}

#sw-analysis .choice-box p {
    color: #555;
    display: inline-block;
    font-size: 1.4em;
    font-weight: bold;
    margin-right: 4px;
}

#sw-analysis .choice-box .disease-choice {
    float: left;
}

#sw-analysis .choice-box .protection-choice {
    float: right;
}

#sw-analysis .choice-box select {
    width: 180px;
}

#sw-analysis .choice-box .type-select, #sw-analysis .choice-box .protectiontype {
    width: 120px;
}

#sw-analysis .graph-container {
    clear: both;
    width: 976px;
}

#sw-analysis .graph-container .inner-graph {
    min-height: 360px;
    width: 956px;
    margin: 10px;
    background: #fff;
}

#sw-analysis .inner-graph .graph-content {
    width: 96%;
    margin: 0 2%;
    height: 180px;
    overflow: visible;
    clear: both;
}

#sw-analysis .inner-graph #efficacy-graph {
    padding-bottom: 6px;
}

#sw-analysis .graph-title {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    height: 40px;
    line-height: 40px;
    border-top: 2px solid #ccc;
    margin-top: 6px;
    clear: both;
}

.inner-graph .legend-holder {
    padding-bottom: 3px;
}

.inner-graph .legend-holder table {
    margin: 0 auto;
}

.inner-graph .legend-holder table td {
    text-align: center;
    color: #555;
}

.inner-graph .legend-holder table td .c30 {
    width: 18px;
    height: 12px;
    margin: 0 auto;
    background-color: #c30;
}

.inner-graph .legend-holder table td .e70 {
    width: 18px;
    height: 12px;
    margin: 0 auto;
    background-color: #e70;
}

.inner-graph .legend-holder table td .fc0 {
    width: 18px;
    height: 12px;
    margin: 0 auto;
    background-color: #fc0;
}

.inner-graph .legend-holder table td .c90 {
    width: 18px;
    height: 12px;
    margin: 0 auto;
    background-color: #9c0;
}

/* weather page spraywise module */

.spraywiseMod .wxspraywise {
    clear: both;
    color: #FFF;
    border: none;
    margin: 0 1% 0 9%;
    width: 90%;
}

.spraywise-links {
    margin-left: 20%;
}

.spraywise-links a {
    margin-left: 30px;
    color: #66a3db;
    font-weight: bold;
}

.spraywiseMod .wxspraywise .wxspraywise-link {
    width: 98%;
    text-align: right;
    padding-right: 2%;
}

.spraywiseMod .wxspraywise .wxspraywise-link a {
    color: #66a3db;
    font-weight: bold;
}

.spraywiseMod .wxspraywise table {
    width: 100%;
}

.spraywiseMod .wxspraywise td {
    font-size: 1em;
    font-weight: normal;
    padding-top: 1px;
}

.spraywiseMod .wxspraywise th {
    font-size: 1em;
    font-weight: bold;
    text-align: left;
    color: #4c8db5;
    padding-bottom: 3px;
    border-bottom: 1px solid #4c8db5;
}

/****************************** end spraywise styles */

/***** WEATHER STYLES ****/
.value1 {
    margin-left: 5px;
    width: 165px;
}

.value2 {
    margin-left: 5px;
    width: 115px;
}

p.timestamp {
    font-size: 10px;
    margin: -1px 0 0 0;
}

.title {
    float: left;
    width: 110px;
    font-size: 16px;
    padding-top: 4px;
    color: #b6d739;
    background: transparent;
}

.long {
    width: 185px;
}

.wide {
    width: 365px;
}

.larger {
    font-size: 120%;
    font-weight: bold;
    color: #fff;
}

.larger2 {
    font-size: 150%;
    font-weight: bold;
    color: #fff;
}

span#almanacSunrise, span#almanacSunset {
    color: #fff;
}

/* ===== MOON PHASES ===== */

#moon {
    float: left;
    width: 36px;
    height: 36px;
    font-size: 11px;
    text-align: center;
    margin: 0 10px 0 0;
    /*	color: #fff; */
    color: #A1CFF8;
}

#moonNew {
    float: left;
    width: 36px;
    height: 36px;
    background: url("../images/content/moonPhasesWeb.png") no-repeat;
    background-position: left center;
}

#moonWaxCrescent {
    float: left;
    width: 36px;
    height: 36px;
    background: url("../images/content/moonPhasesWeb.png") no-repeat;
    background-position: -36px 0px;
}

#moonFirstQuarter {
    float: left;
    width: 36px;
    height: 36px;
    background: url("../images/content/moonPhasesWeb.png") no-repeat;
    background-position: -72px 0px;
}

#moonWaxGibbous {
    float: left;
    width: 36px;
    height: 36px;
    background: url("../images/content/moonPhasesWeb.png") no-repeat;
    background-position: -108px 0px;
}

#moonFull {
    float: left;
    width: 36px;
    height: 36px;
    background: url("../images/content/moonPhasesWeb.png") no-repeat;
    background-position: -144px 0px;
}

#moonWaneGibbous {
    float: left;
    width: 36px;
    height: 36px;
    background: url("../images/content/moonPhasesWeb.png") no-repeat;
    background-position: -180px 0px;
}

#moonLastQuarter {
    float: left;
    width: 36px;
    height: 36px;
    background: url("../images/content/moonPhasesWeb.png") no-repeat;
    background-position: -216px 0px;
}

#moonWaneCrescent {
    float: left;
    width: 36px;
    height: 36px;
    background: url("../images/content/moonPhasesWeb.png") no-repeat;
    background-position: -252px 0px;
}

/* ===== End Moon Phases ===== */

.sun {
    margin: 15px 0 0 15px;
    margin-top: 5px;
    font-size: 18px;
    float: left;
}

.sun span.label {
    font-size: 16px;
}

/* ====== WIND DIRECTION arrows ===== */

#windwrapper {
    width: 135px;
    height: 135px;
    background: url("../images/content/windRose.png") no-repeat;
    margin: 10px;
    float: left;
}

#winddirection {
    width: 135px;
    height: 135px;
    position: relative;
    overflow: hidden;
}

.n {
    background: url("../images/content/compass-pointer.png") no-repeat;
    background-position: 0 0;
}

.nne {
    background: url("../images/content/compass-pointer.png") no-repeat;
    background-position: -135px 0;
}

.ne {
    background: url("../images/content/compass-pointer.png") no-repeat;
    background-position: -270px 0;
}

.ene {
    background: url("../images/content/compass-pointer.png") no-repeat;
    background-position: -405px 0;
}

.e {
    background: url("../images/content/compass-pointer.png") no-repeat;
    background-position: -540px 0;
}

.ese {
    background: url("../images/content/compass-pointer.png") no-repeat;
    background-position: -675px 0;
}

.se {
    background: url("../images/content/compass-pointer.png") no-repeat;
    background-position: -810px 0;
}

.sse {
    background: url("../images/content/compass-pointer.png") no-repeat;
    background-position: -945px 0;
}

.s {
    background: url("../images/content/compass-pointer.png") no-repeat;
    background-position: -1080px 0;
}

.ssw {
    background: url("../images/content/compass-pointer.png") no-repeat;
    background-position: -1215px 0;
}

.sw {
    background: url("../images/content/compass-pointer.png") no-repeat;
    background-position: -1350px 0;
}

.wsw {
    background: url("../images/content/compass-pointer.png") no-repeat;
    background-position: -1485px 0;
}

.w {
    background: url("../images/content/compass-pointer.png") no-repeat;
    background-position: -1620px 0;
}

.wnw {
    background: url("../images/content/compass-pointer.png") no-repeat;
    background-position: -1755px 0;
}

.nw {
    background: url("../images/content/compass-pointer.png") no-repeat;
    background-position: -1890px 0;
}

.nnw {
    background: url("../images/content/compass-pointer.png") no-repeat;
    background-position: -2025px 0;
}

#winddirection p {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    height: 39px;
    margin-top: 40px;
    padding-top: 15px;
    width: 135px;
    background: url("../images/content/windRoseCenter2.png") no-repeat;
    background-position: center center;
}

#windvaluebox {
    width: 180px;
    float: left;
    margin-top: 20px;
    font-weight: bold;
    /*	color: #fff; */
    color: #A1CFF8;
}

#tempvaluebox {
    width: 240px;
    height: 35px;
    float: left;
    margin-top: 20px;
    font-weight: bold;
}

.windvalue {
    width: 60px;
    text-align: center;
    float: left;
}

.tempvalue {
    width: 70px;
    text-align: center;
    float: left;
    /*	color: #fff; */
    color: #A1CFF8;
}

#modDescription {
    height: 310px;
}

/* ===== RIGHT COLUMN STYLES */

div.uploadphoto {
    margin: 10px;
}

table.photoform {
    border: 1px solid #4785be;
    margin: 10px;
}

table.photoform tr td {
    color: #fff;
}

table.photoform tr td a {
    color: #fff;
    text-decoration: none;
}

#photoBox {
    background: url("../images/content/aboutRWfill.jpg") repeat-x #0B2D5B;
    height: 175px;
    margin-top: 5px;
    border: 1px solid #4785be;
}

#userphotoBox {
    width: 936px;
    margin: 10px;
    border: 1px solid #4785be;
}

#photoRow {
    height: 125px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 10px 0 0 0;
    padding-bottom: 5px;
}

#userphotoRow {
    width: 900px;
    height: 140px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 10px 0 0 0;
    padding-bottom: 5px;
}

#photoBox img, #userphotoBox img {
    margin: 0 2px 2px 2px;
    border: none;
}

#userphotoBox #userphotoRow a#selected img {
    border: 2px solid #fff;
}

.modAbout {
    background: url("../images/content/aboutRWfill.jpg") repeat-x #0B2D5B;
}

.modAbout p {
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}

#buyWeatherStation {
    float: left;
    width: 375px;
    margin: 20px 0px 0px 50px;
}

#buyWeatherStation img.mkIII {
    float: left;
    margin-right: 10px;
}

#buyWeatherStation p {
    width: 325px;
}

#humtrend, #pressuretrend {
    font-size: 11px;
}

#groupSelector {
    float: left;
    margin-top: 9px;
}

#stationSelector {
    float: left;
    margin: 14px 0px 0px 5px;
}

#statid {
    width: 170px;
}

/* ==== FORECAST STYLES ===== */
#forecastBox {
    width: 350px;
    min-height: 507px;
    /* overflow-y: scroll; */
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
    border: 1px solid #4785be;
    background: #fff url("../images/content/cloud_bg.jpg") repeat-y;
}

table#forecast {
    margin-left: 15px;
    margin-top: 10px;
    width: 300px;
    font-size: 11px;
}

table#forecast tr td {
    color: #333;
}

/* Unique Forecast Styling - Uses content styling from CKEditor */
#forecastBox #uniqueforecast {
    /* Font */
    font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
    font-size: 13px;

    line-height: normal;

    /* Text color */
    color: #333;

    margin: 20px;
}

#forecastBox #uniqueforecast blockquote {
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
}

#forecastBox #uniqueforecast a {
    color: #0782C1;
}

#forecastBox #uniqueforecast ol, #forecastBox #uniqueforecast ul, #forecastBox #uniqueforecast dl {
    /* IE7: reset rtl list margin. (#7334) */
    *margin-right: 0px;
    /* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
    padding: 0 40px;
}

#forecastBox #uniqueforecast h1, #forecastBox #uniqueforecast h2, #forecastBox #uniqueforecast h3, #forecastBox #uniqueforecast h4, #forecastBox #uniqueforecast h5, #forecastBox #uniqueforecast h6 {
    font-weight: normal;
    line-height: normal;
}

#forecastBox #uniqueforecast hr {
    border: 0px;
    border-top: 1px solid #ccc;
}

#forecastBox #uniqueforecast img.right {
    border: 1px solid #ccc;
    float: right;
    margin-left: 15px;
    padding: 5px;
}

#forecastBox #uniqueforecast img.left {
    border: 1px solid #ccc;
    float: left;
    margin-right: 15px;
    padding: 5px;
}

#forecastBox #uniqueforecast img:hover {
    opacity: .9;
    filter: alpha(opacity=90);
}

#forecastBox #uniqueforecast pre {
    white-space: pre-wrap; /* CSS 2.1 */
    word-wrap: break-word; /* IE7 */
}

#forecastBox #uniqueforecast .marker {
    background-color: Yellow;
}

#forecastBox #radarcontainer {
    margin-left: 20px;
}

#forecastBox #radarcontainer #radimg {
    margin: 4px 0px;
    display: inline-block;
}

#containerdata {
    width: 100%;
    margin: 0 auto 0 auto;
}

table.grid tbody tr td {
    background: #fff;
    color: #444;
    font-weight: bold;
}

/* ===== REGISTRATION AND ADMIN STYLES ===== */
.module .dataheadline {
    color: #444;
}

table.info {
    padding: 10px;
}

table.info.third-party {
    border-bottom: 1px solid #4c8db5;
}

table.primary {
    margin-left: 15px;
    float: left;
    border: 1px solid #4c8db5;
    padding: 5px;
    border-spacing: 0;
}

/* Chrome Specific Hack */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    table.primary {
        margin-left: 7px;
        padding: 0px;
    }
}

table.primary th {
    padding: 0px;
}

table.primary td {
    padding: 5px;
}

.tab-block div:last-child table.info.third-party {
    border: 0px;
}

#wu-register-message {
    text-align: left;
    margin-left: 10px;
    font-size: 14px;
}

table.admininfo, table.confirminfo {
    margin-left: 15px;
    float: left;
    border: 1px solid #999;
}

table.info td input.text, table.admininfo td input.text {
    background: #d9d9d9;
}

table.info td input.text-readonly {
    background: #cacaca;
    color: #555;
}

table.info td select.text {
    background: #d9d9d9;
}

table.info caption {
    font-size: medium;
    text-align: left;
    margin: 5px;
}

.lastupdateadmin {
    position: static;
    font-size: 13px;
}

table.datatable {
    margin-top: 15px;
    background: #444;
}

table.datatable tr.header td {
    background: #cacaca;
    color: #000;
    font-size: 11px;
}

table.datatable td {
    background: #fff;
    color: #444;
}

table.adminwhite {

    color: #444;
    margin-left: 20px;
}

table.adminwhite tr#dataheading td {
    background: white;
    color: #444;
    font-weight: bold;
}

table.adminwhite tr.custdata td {
    background: white;
    color: #444;
    font-weight: normal;
}

table.adminwhite tr.custdata td a:link, table.adminwhite tr.custdata td a:visited {
    color: blue;
}

table.adminwhite tr.custdata td a:hover {
    color: #000;
    text-decoration: underline;
}

.green {
    color: #b6d739;
}

table td input.formerror {
    /*	border: 2px solid #E56512; */
    background: #fff url("../images/content/formerror-fill.png") repeat-x;
}

table td select.formerror {
    /*	border: 2px solid #E56512; */
    background-color: #FBC484;
}

table td label.formerror {
    color: #EF8B4B;
    font-weight: bold;
}

.formline .textinput label {
    display: block;
    width: 6em;
    float: left;
    vertical-align: middle;
    font-size: small;
}

#settings-cancel {
    margin-left: 30px;
}

.liner #buttonpair {
    text-align: center;
}

.settings-head {
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #b6d739;
    height: 30px;
    margin: 5px 0 5px 15px;
    width: 450px;
    display: inline-block;
}

.demo-notify {
    float: right;
    text-align: center;
    font-weight: bold;
    color: #e58873;
    height: 20px;
    margin: 10px 12px 0 0;
    width: 400px;
    display: inline-block;
}

#unregisterstation {
    float: right;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#unregisterstation:hover {
    color: #fff;
}

#current_subscriptions h3 {
    margin: 0px 0px 10px 0px;
}

#settings-save {
    margin: 10px auto 6px;
}

input#testResult {
    display: inline-block;
}

/* ===== LOGIN STYLES ===== */
h2.error {
    color: #fff;
    line-height: 150%;
}

form#loginform {
    width: 400px;
    padding: 0;
    margin: 0;
    position: relative;
}

table#logintable {
    position: relative;
}

#emailpw {
    vertical-align: text-top;
    position: absolute;
    left: 349px;
    top: 20px;
    width: 280px;
    height: 130px;
    padding: 10px;
    background: #00457c;
    border: 1px solid #fff;
}

#emailpw label, #emailpw input {
    vertical-align: middle;
}

.loginerror {
    color: #b6d739;
    font-size: 14px;
}

span#emailresult {
    display: block;
    margin-bottom: 10px;
    color: #b6d739;
}

.screenshotthumbs img {
    float: left;
    margin: 5px;
}

/* GRAPH STYLES */

#loading {
    padding: 15px 0px 30px;
}

#graph-options {
    float: left;
    padding: 10px;
    width: 958px;
}

#graph-options select {
    margin: 5px;
    width: 100px;
}

#graph-options select .extra-sensor {
    display: none;
}

#axisChoice {
    display: inline-block;
    margin-left: 30px;
}

#timeframes {
    float: right;
    padding: 10px 15px 0px 10px;
}

#timeframes li {
    list-style: none outside;
    float: left;
    margin: 0px 5px;
}

.data-graph {
    width: 465px;
    height: 300px;
    float: left;
    margin: 10px;
}

.detailedgraph-link {
    float: left;
    padding: 10px 15px 0px 10px;
}

#detailedgraph a:hover {
    color: #FFFFFF;
}

#datepicker {
    float: right;
    margin: 5px;
}

#datepicker .dateselect {
    float: left;
}

#datepicker .dateselect label {
    font-weight: bold;
    color: #FFFFFF;
}

#datepicker .ui-datepicker-trigger {
    float: right;
    padding: 3px 5px;
}

.textinput .ui-datepicker-trigger {
    padding: 0px 5px;
    margin-bottom: -2px;
}

/* ALARM STYLES */
#alarms-table {
    clear: both;
    width: 100%;
}

#alarms-table tr th, #alarms-table tr td {
    padding: 2px;
}

#alarms-table tr th {
    width: 100px;
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
    background: #66A3DB;
}

#alarms-table tr td {
    background: #F2FAFF;
    font-size: 9pt;
    color: #000000;
    text-align: center;
}

#alarms-table input.alarm-select, #alarms-table input.alarm-enable {
    margin: 0 auto;
    display: block;
}

#alarms-table .status img {
    vertical-align: middle;
}

#alarm-options {
    float: left;
    padding: 10px 0px 0px 0px;
}

#alarm-options li {
    list-style: none outside;
    float: left;
    margin: 0px 5px;
}

#addresses-table {
    clear: both;
    width: 100%;
}

#addresses-table tr th, #addresses-table tr td {
    padding: 2px;
}

#addresses-table tr th {
    width: 100px;
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
    background: #66A3DB;
}

#addresses-table tr td {
    background: #F2FAFF;
    font-size: 9pt;
    color: #000000;
    text-align: center;
}

#address-options {
    float: left;
    padding: 10px 0px 0px 0px;
}

#address-options li {
    list-style: none outside;
    float: left;
    margin: 0px 5px;
}

#alarms-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 9999px;
    height: 9999px;
    background: #333333;
    opacity: 0.6;
    overflow: hidden;
    z-index: 500;
}

#alarms-popup {
    position: absolute;
    left: 325px;
    top: 120px;
    width: 300px;
    background: #236ca5;
    text-align: center;
    padding: 25px;
    border: 1px solid #fff;
    z-index: 1000;
}

#alarms-popup .pop-buttons {
    height: 30px;
    width: 100%;
    text-align: center;
    margin-top: 5px;
}

#alarms-popup table {
    margin: 0 auto 0 auto;
}

#alarms-popup h2 {
    margin: 0 0 5px 0;
    padding: 0;
}

#alarms-popup table tr td input, #alarms-popup table tr td select {
    width: 160px;
}

#alarms-popup table tr td input.radio {
    width: 10px;
}

#alarms-popup #error-window {
    width: 100%;
    background: #c00;
    color: #fff;
    padding: 5px;
    display: none;
}

#alarmformclose {
    cursor: pointer;
}

#alarmlog-content {
    border: 1px solid #4785BE;
    height: 200px;
    background: #FFFFFF;
    color: #000000;
    overflow: auto;
    font-size: 12px;
}

#alarmlog-content .alarmlog-entry {
    clear: both;
    padding: 2px;
}

#alarmlog-content .alarmlog-timestamp {
    float: left;
    width: 200px;
}

#alarmlog-content .alarmlog-description {
    float: left;
    width: 725px;
}

#weatherdata {
    margin-top: 5px;
}

/* UPGRADE TO PRO STYLES */
#current_subscriptions h3, #subscription_choices h3 {
    font-size: 12pt;
}

#current_subscriptions {
    border: 1px solid #4C8DB5;
    padding: 10px;
    margin-bottom: 15px;
    display: none;
}

#subscription_choices {
    border: 1px solid #4C8DB5;
    padding: 0px 10px;
}

#checkout {

}

#checkout label {
    color: #FFFFFF;
}

#checkout p {
    font-size: 12pt;
    margin: 10px 0px;
}

/* BILLING STYLES */
#subscription-types {
    border: 0px;
    margin: 0px auto;
}

#subscription-types th, #subscription-types td {
    padding: 5px;
}

#subscription-levels th, #subscription-levels td {
    padding: 5px;
}

#subscription-addons th, #subscription-addons td {
    padding: 5px;
}

#checkout-cart {
    border: 0px;
    width: 700px;
    margin-left: 20px;
}

#checkout-cart th, #checkout-cart td {
    padding: 5px;
}

#checkout-cart td.display_name {
    width: 100px;
}

#checkout-cart td.description {
    width: 220px;
}

#checkout-cart td.cost {
    width: 80px;
}

#checkout-cart td.note {
    width: 300px;
}

#order-buttons {
    display: block;
    margin: 10px auto 0px;
    width: 75px;
}

/* CONTACT US / SUPPORT STYLES */
#contact-us table td {
    padding: 5px;
}

#contact-us #errormessage {
    text-align: center;
    display: block;
    color: yellow;
    font-weight: bold;
}

/* UNIQUE FORECAST API PAGE STYLES */
#station-select {
    float: right;
    margin-right: 20px;
}

#viewunique {
    text-decoration: underline;
    font-weight: bold;
}

#removeunique {
    margin-right: 10px;
}

/* GOOGLE MAP STYLES */
#map-label {
    text-align: center;
    font-size: 13px;
    margin-bottom: 5px;
}

#map-labels label {
    margin: 0 4px 0 12px;
}

#refresh-map {
    cursor: pointer;
    font-weight: bold;
}

#refresh-map:hover {
    text-decoration: underline;
}

#google-map {
    height: 250px;
    margin: 0;
    padding: 0;
}

#google-map-large {
    height: 320px;
    width: 720px;
    margin: 0 auto;
    padding: 0;
}

/********************* ANDROID APP STYLES *********************/
#image-container {
    overflow-x: scroll;
    width: 900px;
    margin: 0px auto;
}

#image-container-wrapper {
    width: 1600px;
}

#image-container img {
    float: left;
}

/********************* BUTTON STYLES *********************/
.button {
    color: #14467a;
    font-weight: bold;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    padding: 0px 12px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    border: 0px;
    text-decoration: none;
}

.button:disabled {
    background-color: #4c4c4c !important;
    color: #fff;
}

.button:hover {
    color: #ffffff;
}

.button.action {
    background: #a0cd5b;
}

.button.action.disabled {
    background: #aab795;
    color: #707281;
}

.button.info {
    background: #8fc2e8;
}

.button.info.logout {
    height: 23px;
    line-height: 23px;
}

.button.negate {
    background: #faae42;
}

.button.action:hover {
    background: #35b34b;
}

.button.info:hover, #timeframes > li > span.button.info.selected {
    background: #28a9df;
    color: #14467a;
}

.button.negate:hover {
    background: #f05929;
}

.button.action.save, .button.negate.cancel {
    width: 65px;
}

.button.action.buynow, .button.action.register {
    width: 175px;
}

#exportweather label {
    width: 65px;
    display: inline-block;
}