.form, .row, .item, .submit, .checks, .login, .terms, .prev-next
{
    height: 100%;
    overflow: hidden;
}
.expand
{
    height: auto;
    overflow: hidden;
}

.form
{
    padding: 0px 10px;
}
.form h4
{
    margin-bottom: 10px;
    font-size: 14pt;
}
.form .item
{
    padding: 5px 3px;
    margin: 0px;
}
.form .val
{
    float: left;
    width: 60%;
    display: block;
    padding: 2px 0px 0px 2px;
}

.form .item label.lbl, .form .item span.lbl,
.form .item label.rail, .form .item span.rail,
.form .item label.lifestyle
{
    width: 30%;
    float: left;
    text-align: right;
    padding: 2px 3px 0px 0px;
}
.form .item input, .form .item select, .form .item textarea
{
    width: 50%;
}
.form .left .item input, .form .left .item select, .form .left .item textarea,
.form .right .item input, .form .right .item select, .form .right .item textarea,
.form .checks
{
    width: 60%;
}
.form .left .item label.lbl, .form .right .item label.lbl
{
    width: 34%;
    white-space: nowrap;
}
.form .item label.lifestyle
{
    width: 22%;
}
.form .item select.dob
{
    width: auto;
}
.form .item input.username
{
    width: 25%;
}
.form .item input.num
{
    width: 30px;
}
.form .item select.lifestyle
{
    width: 24%;
}
.form .submit
{
    margin: 20px 0px 10px 0px;
    text-align: center;
}
.form .left
{
    float: left;
    width: 51%;
}
.form .right
{
    float: right;
    width: 48%;
}
.form .item label.max, .form .item span.max
{
    padding: 0px 0px 3px 0px;
    display: block;
    margin: 0px;
}
.form .item textarea.max, .form .item input.max
{
    width: 97%;
}
#left .form .item textarea.max, #left .form .item input.max
{
    width: 93%;
}
#left .form .item select.max
{
    width: 95%;
}
.modalPopup .form .item textarea.max, .modalPopup .form .item input.max
{
    width: 95%;
}
.form .checks
{
    display: block;
    float: left;
}
.form .terms
{
    padding: 15px 3px 5px 3px;
    margin: 0px auto;
    width: 72%;
    text-align: center;
}
.viewterms
{
    overflow: auto;
    height: 350px;
    padding: 2px 5px 5px 5px;
    border:dotted 1px Silver;
}
.form .item .msg
{
    border: dotted 1px Silver;
    width: 95%;
    padding: 3px;
    height: 100px;
    overflow-y: scroll;
}
.formbg
{
    background-color: #ECECEC;
}

#content .form .checks label, #content .form .checks input
{
    width: auto;
}
#content .form .checks br
{
    clear: both;
}
#content .form table.checks
{
    margin-top: 2px;
    width: 68%;
    float: left;
}
#content .form table.checks td
{
    width: 33%;
    vertical-align: top;
}
#content .form table.checks td input
{
    float: left;
    width: auto;
}
#content .form table.checks td label
{
    width: 84%;
    float: left;
}
.error
{
    color: Red;
}
.positive
{
    color: Green;
}

table.rail
{
    width: 60%;
    float: left;
}
table.rail input
{
    float: none;
}
table.rail td
{
    padding: 0px 3px;
    width: 1%;
    white-space: nowrap;
}
table.rail td.perc
{
    padding: 0px;
    text-align: left;
}
table.rail td.ajax-rail
{
    border: dotted 1px Silver;
    background-color: White;
    padding: 5px;
}
.form .item label.rail
{
    padding-top: 5px;
    width: 25%;
}

#content .form .submit p
{
    padding-top: 10px;
}

#content .xtraMargin
{
    margin-bottom: 15px;
}
#content .xtraMarginT
{
    margin-top: 15px;
}
#content .form-top
{
    margin-top: 10px;
}
#content .noPadding
{
    padding: 0px;
    margin: 0px;
}
#content .noMargin
{
    margin: 0px;
}
#content .noBorder
{
    border: 0px;
}
#content .noFloat
{
    float: none;
    width: auto;
}
#content .alignCenter
{
    text-align: center;
}
#content .borderTop
{
    border-top: dotted 1px #DDDDDD;
    padding-top: 5px;
}

/* Login form */
#header .login
{
    width: 300px;
    margin-bottom: 0px;
    background-color: #D5E4FB;
    background-image: url("images/formtop-ftr.png");
}
#header .login .left
{
    float: left;
    width: 220px;
}
#header .login .right
{
    float: right;
    width: 60px;
    padding-top: 3px;
}
#header .login label
{
    width: 80px;
    float: left;
    text-align: right;
    padding: 2px 3px 0px 0px;
    color: #333333;
}
#header .login input.txt
{
    width: 120px;
    float: left;
}
#header .login .item
{
    padding: 3px 3px;
    margin: 0px;
}
#header .login .error
{
    color: Red;
    padding-bottom: 15px;
}
#header .login h3
{
    background-image: url("images/formtop-hdr.png");
}
#header .login .content
{
    border-left: solid 1px White;
    border-right: solid 1px White;
}
#header .login a
{
    font-size:8pt;
    color: #FF40FF;
}

/* Previous and Next buttons */
.prev-next
{
    padding: 5px 0px;
}
.prev-next .left
{
    width: 79%;
    float: left;
}
.prev-next .right
{
    width: 19%;
    float: right;
    text-align: right;
}

/* Grids */
.AspNet-GridView table.listing
{
    width: 100%;
    border: dotted 1px Silver;
}
.AspNet-GridView table.listing th, .AspNet-GridView table.listing td
{
    text-align: left;
}
/* Inherits from pys.css table.activity */
.AspNet-GridView table.listing td
{
}
.AspNet-GridView table.listing th
{
    padding: 2px 4px;
}
.AspNet-GridView table.listing th
{
    background-color: #DDDDDD;
}
#content .AspNet-GridView table.listing tbody tr.AspNet-GridView-Selected
{
    background-color: #00C0C0;
    color: White;
}
.AspNet-GridView table.listing tbody tr.AspNet-GridView-Selected a
{
    color: White;
}
.AspNet-GridView table.listing td.cmd, .AspNet-GridView table.listing th.cmd
{
    text-align: center;
}
.AspNet-GridView table.listing td.num, .AspNet-GridView table.listing th.num
{
    text-align: center;
    width: 10%;
    white-space: nowrap;
}