﻿/* These are the styles used for various pages*/

/* Logically group of elements form-label form-input are usually inside a form-row*/
.form-row
{
    width:100%;
}

/* The label part of a form-row*/
.form-label
{
    width:49%;
}

/* The input part of a form-row*/
.form-input
{
    float:right;
}

/* For jquery validation, this is the error class*/
.error
{
    color:red;
    font:bold;
}

/* To disable the display whilst async calls are being made*/

.tp-ui-overlay, .tp-ui-loading {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.tp-ui-overlay {
    z-index: 1001;
    background-color: #333;
    opacity: 0.6;
}

.tp-ui-loading {
    z-index: 1002;
    padding-top: 50px;
    text-align: center;
}

.clear{
    clear:both;
    width:100%;
}