.foo
{
}

/* Declare standard classes */
.form, .form .rads, .cuba, .data, .form .item, .form .submit, .form .item .inner-item,
.profile-form, .profile-form .item, .profile-form .submit, .profile-form .rads,
.form-footer, .form-footer .left, .form-footer .right,
.progress, .progress .bar, .progress .bar-0, .progress .bar-100,
.media, .media .instr, .media .file
{
    overflow: hidden;
    height: 100%;
}

.err
{
    color: Red;
}

/* basic text content */
.data, .media, .note
{
    padding: 0px 0px 15px 0px;
}

/* When media files are used (media and note inherits font-size and colour from generic.css) */
.media
{   
}
.media .instr
{
    float: left;
    width: 35%;
}
.media .file
{
    float: right;
    width: 60%;
}

/* Inherits border and padding from generic.css .AspNet-Login  */
input.readonly
{
    border: 0px;
    padding: 2px 0px 1px 0px;
    background-color: Transparent;
    width: 50%;
    color: #333333;
}
.form
{
}
.form .rads, .profile-form .rads
{
    display: block;
    margin-bottom: 8px;
}
.form .checks
{
    display: block;
}
.profile-form .checks
{
}
.form .rads label, .form .rads input,
.profile-form .rads label, .profile-form .rads input,
.form .checks label, .form .checks input
{
    float: left;
    width: auto;
}
.form .rads br, .form .checks br,
.profile-form .rads br, .profile-form .checks br
{
    display: block;
    clear: both;
}
.form .checks label,
.profile-form .rads label
{
    position: relative;
    top: 2px;
}
.form .rads label
{
    width: 92%;
    display: block;
    padding: 2px 0px;
}
.form .checks label
{
    width: 45%;
    padding-bottom: 5px;
}
.form .item
{
    margin-bottom: 15px;
}
.form .item .inner-item
{
    margin-bottom: 5px;
}
.form .item label.main, .form .item span.main
{
    display: block;
    margin-bottom: 5px;
}
.form .item label.notify
{
    display: block;
    margin-bottom: 2px;
}
.form .item label.other, .form .item span.other
{
    float: left;
    width: 165px;
    padding-right: 3px;
    position: relative;
    top: 2px;
}
.form .item label.notify, .form .item span.notify
{
    float: left;
    padding-right: 5px;
    white-space: nowrap;
}
.form .item select.main, .form .item input.main
{
    width: 450px;
}
.form .item input.other
{
    width: 276px;
}
.form .item input.notify, .form .item textarea.notify
{
    width: 90%;
}
.form-footer
{
    margin-bottom: 15px;
}
.form-footer ul.Links, .form-footer ul.Links li
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.form-footer ul.Links li
{
    display: inline;
    border-left: dotted 1px Silver;
    padding: 0px 5px;
}
.form-footer ul.Links li.first
{
    border-left: 0px;
    padding-left: 0px;
}
.form-footer ul.Links li a.disabled
{
    color: Silver;
}
.form-footer .left
{
    float: left;
    width: 49%;
}
.form-footer .right
{
    float: right;
    width: 49%;
    text-align: right;
}

/* Profile Form */
.profile-form
{
}
.profile-form .item
{
    margin: 6px 0px;
}
.profile-form .item label.plbl, .profile-form .item span.plbl,
.profile-form .item input, .profile-form .item select
{
    float: left;
}
.profile-form .item label.plbl, .profile-form .item span.plbl
{
    width: 140px;
    text-align: right;
    padding: 2px 2px 0px 0px;
}
.profile-form .item input.email
{
    width: 180px;
}
.profile-form .rads label
{
    padding-right: 20px;
}
.profile-form .submit, .form .submit
{
    text-align: center;
    margin: 10px 0px;
}
.profile-form .submit input, .form .submit input
{
    width: 80px;
}
.profile-form .item .posted
{
    font-size: 8pt;
    font-style: italic;
    color: Gray;
}

/* Progress bar */
.progress, .small-lbl, .star
{
    font-size: 8pt;
}
.progress
{
    margin-bottom: 15px;
    border: solid 1px Silver;
}
.progress .bar-0, .progress .bar-100
{
    padding: 3px 1px;
}
.progress .bar-0
{
    float: left;
    width: 5%;
}
.progress .bar-100
{
    float: right;
    width: 7%;
}
.progress .bar
{
    float: left;
    width: 84%;
    padding: 3px;
}
.progress .bar div
{
    background-color: #0066CC;
    width: 1px;
}
.xtraMargin
{
    padding: 10px 0px 15px 0px;
}

/* ++++++++ CUBA ++++++++ */
/* Specific to CUBA form */
.cuba .AspNet-FormView .AspNet-FormView-Pagination
{
    display: none;
    visibility: hidden;
}
/* Preview answers */
.ques-cats, .my-answer, .ques-summ
{
    overflow: hidden;
    height: auto;
}
.ques-cats .AspNet-DataList table
{
    width: 100%;
    margin-bottom: 15px;
}
.ques-cats .AspNet-DataList table h5
{
    margin: 0px 0px 15px 0px;
    padding: 0px;
    cursor: pointer;
}
.ques-cats .AspNet-DataList table h5 .plus-minus
{
    margin-right: 4px;
}

/* Qustion summary links */
.ques-summ .AspNet-DataList table
{
    width: auto;
}
.ques-summ .AspNet-DataList table tbody td
{
    padding: 1px;
}
.ques-summ .AspNet-DataList table tbody td div.quesno
{
    padding: 4px 0px;
    text-align: center;
    width: 27px;
    border: solid 1px Silver;
}
.ques-summ .AspNet-DataList table tbody td div.quesno a
{
    text-decoration: none;
    color: Gray;
}
.ques-summ .AspNet-DataList table tbody td div.quesno a:Hover
{
    text-decoration: underline;
}
.ques-summ .AspNet-DataList table tbody td div.not-attempted
{
    background-color: #F1F1F1;
}
.ques-summ .AspNet-DataList table tbody td div.attempted
{
    background-color: #FF8C00;
}
.ques-summ .AspNet-DataList table tbody td div.saved
{
    background-color: #00C000;
}
.ques-summ .AspNet-DataList table tbody td div.attempted a,
.ques-summ .AspNet-DataList table tbody td div.saved a
{
    color: White;
}

/* Questionnaire side controls */
#right .ques-cats
{
    padding: 0px 0px 0px 4px;
}
#right .ques-cats .AspNet-DataList table h5
{
    cursor: default;
    white-space: nowrap;
    padding: 4px 0px;
    color: #0000C0;
    margin-bottom: 5px;
}

.my-answer
{
    margin-bottom: 10px;
}
.my-answer h6
{
    color: #333333;
}
.my-answer .albl
{
    padding-right: 8px;
}
.my-answer p
{
    color: Gray;
}
.my-answer p.attempted
{
    color: #F06C00;
}
.my-answer p.saved
{
    color: #008000;
}

fieldset, fieldset .score
{
    overflow: hidden;
    height: 100%;
}
/* inherits from style.css h4 */
#content fieldset legend
{
}
fieldset
{
}
fieldset .content
{
    padding: 10px 0px;
}
fieldset .score
{
    margin: 4px 0px;
}
fieldset .score span
{
    float: left;
}
fieldset .qtitle, fieldset .stitle, fieldset .cat
{
    width: 62%;
    text-align: right;
    margin-right: 5px;
    color: Gray;
}
fieldset .stitle
{
    width: 35%;
}
fieldset .cat
{
    width: 70%;
}
fieldset .score label
{
    display: block;
    color: Gray;
}
fieldset .score input.submit
{
    margin-top: 5px;
}
fieldset .score input.txt, fieldset .score textarea.txt
{
    margin-bottom: 5px;
    width: 90%;
}

table.cuba
{
    width: 100%;
    margin: 5px 0px;
}
table.cuba td, table.cuba th
{
    padding: 3px 4px 3px 0px;
}
table.cuba th
{
    font-weight: normal;
    color: Gray;
}
table.cuba th a
{
    color: Black;
    text-decoration: none;
}
table.cuba th a:Hover
{
    text-decoration: underline;
}
table.cuba td
{
    border-top: dashed 1px Silver;
}
table.cuba td.num, table.cuba th.num
{
    text-align: right;
}
table.cuba td.top, table.cuba th.top
{
    vertical-align: top;
}
table.cuba td.cmd, table.cuba th.cmd
{
    text-align: center;
}
table.cuba td.nowrap, table.cuba th.nowrap
{
    white-space: nowrap;
}
table.cuba tr.AspNet-GridView-Selected
{
    background-color: #00C0C0;
    color: White;
}
table.cuba th.addrs, table.cuba td.addrs
{
    text-align: left;
    vertical-align: top;
}
table.cuba tfoot td
{
    padding-top: 15px;
    color: #74004C;
}

.star
{
    color: Navy;
    float: left;
    padding: 0px 3px 5px 2px;
}

.scroll
{
    overflow-x: scroll;
}
/* ++++++++ CUBA ++++++++ */