.registration
{
    float: left;
    width: 505px;
}

    .registration .row
    {
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }

    .registration .label
    {
        float: left;
        width: 125px;
    }

    .registration .field
    {
        float: left;
        width: 300px;
    }

.login
{
    float: left;
    width: 430px;
}

    .login .row
    {
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }

    .login .label
    {
        float: left;
        width: 75px;
    }

    .login .field
    {
        float: left;
        width: 300px;
    }

.stations
{
    float: left;
    width: 670px;
}

    .stations .row
    {
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }

    .stations .label
    {
        float: left;
        width: 75px;
    }

    .stations .box
    {
        /*float: left;*/
        width: 100%;
        border: 1px solid darkgray;
        height: 300px;
    }

    .stations .loaderDiv
    {
        width: 430px;
        z-index: 100;
        position: absolute;
        text-align: center;
        padding-top: 20px;
    }

    .stations .field
    {
        float: left;
        width: 100%;

    }

.stationForm
{
    float: left;
    width: 374px;
}

    .stationForm .row
    {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .stationForm .label
    {
        float: left;
        width: 135px;
    }

    .stationForm .field
    {
        float: left;
        margin-left: 5px;
    }

    .stationForm .textbox
    {
        width: 220px;
    }

    .stationForm .numberTextbox
    {
        width: 50px;
        text-align: right;
    }

.editor-text
{
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}

.alignCenter
{
    text-align: center;
}

.editZonesDialog
{
    z-index: 100;
}

.editZones
{
    width: 100%;
    float: left;
    padding: 5px;
}
    .editZones .row
    {
        width: 100%;
        float: left;
        margin-top: 3px;
        height: 25px;
    }

    .editZones .rowNoHeight
    {
        width: 100%;
        float: left;
        margin-top: 3px;
    }

    .editZones .mainIn
    {
        width: 50px;
        padding-top: 33px;
        float: left;
    }

    .editZones .zones
    {
        width: 595px;
        float: left;
    }

    .editZones .xDays
    {
        width: 20px;
        text-align: right;
    }

    .editZones .runTime
    {
        width: 75px;
        text-align: right;
    }

    .editZones .dayCol
    {
        width: 85px;
        float: left;
        text-align: center;
    }

.runZoneForm
{
    float: left;
    width: 280px;
}

    .runZoneForm .row
    {
        float: left;
        width: 100%;
        clear: both;
        margin-bottom: 5px;
    }

    .runZoneForm .row .fieldLabel
    {
        float: left;
        width: 50px;
        text-align: center;
        margin-right: 10px;
    }

    .runZoneForm .row .field
    {
        float: left;
    }

    .runZoneForm .row .field input
    {
        width: 40px;
        text-align: right;
    }

.headerCellCenter
{
    text-align: center;
}

.alignRightGridCell
{
    width: 100%;
    padding: 5px;
    text-align: right;
    margin-left: -10px;
}

.alignCenterGridCell
{
    width: 100%;
    text-align: center;
    padding-top: 5px;
}

.gridCellButtonLink
{
    border: none 0px;
    background-color: transparent;
    text-decoration: underline;
    cursor: pointer;
}

.gridCellButtonImg
{
    border: none 0px;
    background-color: transparent;
    cursor: pointer;
}

.redText
{
    color: red;
}

.greenText
{
    color: green;
}

.activeButton
{
    border: solid 1px #00AA00;
    color: #00AA00;
    background-color: rgba(0, 255, 0, 0.1);
    cursor: pointer;
}

.notActiveButton
{
    border: solid 1px red;
    color: red;
    background-color: rgba(255,0, 0, 0.1);
    
    cursor: pointer;
}

.online{
    width: 100%;
    padding-top: 5px;
    background-image: url("../Images/greenCheck.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.offline{
    width: 100%;
    padding-top: 5px;
    background-image: url("../Images/redX.png");
    background-repeat: no-repeat;
    background-position: center center;
}