html, body
{
    height: 100%;
}

body, table, td, label input, select, textarea, h1, h2, h3, h4, h5, h6
{
    font: 12px 1.25 "Mosquito Pro", "Segoe UI", Arial, sans-serif;
} 

h4
{
    font-size: 18px;
    color: #ae4089;
    border-bottom: 2px solid #ae4089;
    width: 100%;
    padding-bottom: 2px;
    margin-bottom: 40px;
}




.hasBackground
{
    background: #D6E8CB url('bggrad.png') repeat-x;
    padding: 0 20px;
}

h6
{
    color: #000;
    font-size: 100%;
    font-weight: bold;
    font-variant: normal;
    border: none;
    border-bottom: 1px solid #000;
    margin-top: 30px;
}

.clearfix
{
    clear: both;
}

.hidden
{
    display: none;
}

.bold
{
    font-weight: bold;
}

/*** form fonts and colours (start) ***/
fieldset.mouchel, 
fieldset.mouchel label, 
fieldset.mouchel input[type="text"], 
fieldset.mouchel input[type="password"], 
fieldset.mouchel input[type="submit"], 
fieldset.mouchel input[type="button"], 
fieldset.mouchel select
{
    font-size: 12px !important;
    font-family: "Mosquito Pro", "Segoe UI", Arial, sans-serif  !important;
    line-height: normal  !important;
}

fieldset.mouchel input[type="submit"], 
fieldset.mouchel input[type="button"]
{
    padding: 5px;
    width: 72px;
    border: none  !important;  /*** TODO: REMOVE ***/
    color: none  !important;  /*** TODO: REMOVE ***/
}

.mouchel label
{
    margin: 0 10px 0 0;
    color: #333435;
    text-align: left;
    padding: 5px 0;
}

.mouchel input[type="text"],
.mouchel input[type="password"],
.mouchel select
{
    color: #000;
    padding: 4px;
    margin: 0 10px 0 0;
    border: 1px solid #a5b3c5;
    display: inline-block;
}

.mouchel input[type="checkbox"]
{
    border: none;
    background: transparent none;
}

.mouchel span
{
    background-color: #fff !important;
    border: none !important;
}

/*** form fonts and colours (end) ***/
fieldset p
{
    clear: both;
    line-height: 16px !important;
    vertical-align: middle;
    margin: 0 0 8px 0;
}

fieldset.phoenix
{
    margin: 40px 100px;
}

fieldset.phoenix p
{
    clear: both;
    line-height: 24px !important;
    vertical-align: middle;
    margin: 0 0 8px 0;
}

fieldset.phoenix, fieldset.phoenix label, fieldset.phoenix input[type="text"], fieldset.phoenix select
{
    font-size: 12px;
    font-family: "Segoe UI" , Arial, sans-serif;
    background: #fff;
    line-height: normal !important;
}

fieldset.phoenix label
{
    padding: 1px 0;
    margin: 0 10px 0 0;
    color: #306c65; /* #385070; */
    float: left; /*display: inline-block;*/
    width: 100px;
    text-align: left;
    line-height: 24px !important;
}

fieldset.phoenix input[type="text"]
{
    padding: 4px;
    margin: 0 10px 0 0;
    border: 1px solid #ccc;
    width: 140px;
}

fieldset.phoenix input[type="checkbox"]
{
    border: none;
    background: transparent none;
}

fieldset.phoenix input[type="text"] + input[type="button"]
{
    float: none !important;
}

fieldset.phoenix span
{
    background-color: #fff !important;
    border: none !important;
}

fieldset.phoenix div.leftContent
{
    width: 50%;
}

fieldset.phoenix div.rightContent
{
    width: 50%;
}

fieldset.phoenix div.label60 label
{
    width: 60px;
}

fieldset.phoenix div.label80 label
{
    width: 80px;
}

fieldset.phoenix div.labe120 label
{
    width: 120px;
}

fieldset.phoenix div.labe160 label
{
    width: 160px;
}

fieldset.phoenix div.buttonList
{
    margin-top: 30px;
}


fieldset.phoenix div.buttonList .rbSkinnedButton
{
    margin-right: 10px;
}

.toolbarDropDownList
{
    margin: 6px 10px 0 5px;
}