/* ========================================================================= */
/* Mozilla/FF show the scrollbar by default */
html { height: 100%; }
body { min-height: 100.01%; }
/* ========================================================================= */
body
{
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    text-align: center;
}
td
{
    vertical-align: top;
}
td, div, span, li, textarea, input, select
{
    font-family: Verdana;
    font-size: 15px;
    line-height: 25px;
    color: #68767f;
}
img
{
    border: 0;
}
input, textarea, select
{
    border: solid 1px #999999;
}
input[type="submit"]
{
    padding: 2px 20px;
}
input[type="submit"]:hover
{
    cursor: pointer;
    background: #dedede;
}
a
{
    color: #68767f;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
ul
{
    margin: 0;
    padding: 0;
}
ul li
{
    margin: 0 0 0 18px;
    list-style-image: url(/Images/point_2.jpg);
}
select
{
    width: 222px;
}
h1
{
    font-size: 28px;
    font-style: normal;
    font-weight: normal;
    color: #01789A;
}
h2
{
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    color: #01789A;
}
h3
{
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    color: #01789A;
}

/* General Site Styles */
.messages
{
    background-color: #F3F5F5;    
    margin-bottom: 10px;
    border: solid 1px #dedede;
    width: 100%;
    padding: 5px;
    border-radius: 4px;
}
.messages td.image
{
    width: 20px;
}
.error-message
{
    color: #F94C4C;
    background-image: url(/Images/warning.png);
    background-position: left;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 40px;
    background-color: #F3F5F5;
    border: solid 1px #dedede;
    border-radius: 4px;
}
.warning-message
{
    background-image: url(/Images/information.png);
    background-position: left;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 40px;
    background-color: #F3F5F5;
    border: solid 1px #dedede;
    border-radius: 4px;
}
.message-text
{
    
}
.validation-summary-errors
{
    background-image: url(/Images/warning.png);
    background-position: 10px 12px;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 40px;
    background-color: #F3F5F5;
    border: solid 1px #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
    min-height: 40px;
}
.validation-summary-errors li
{
    list-style: none;
}

.required-fields
{
    padding-top: 20px;
}
.radio
{
    border: 0;
}
.button
{
    font-size: 13px;
    line-height: 18px;
    margin: 4px 10px 0 0;
}
.checkbox
{
    border: 0;
}
.border
{
    border: solid 1px #9d9d9d;
}
.border-right
{
    background-image: url(/Images/rep_1.jpg);
    background-position: top right;
    background-repeat: repeat-y;
}
.read-more
{
    background-image: url(/Images/arrow.jpg);
    background-position: right;
    background-repeat: no-repeat;
    padding: 0 20px 0 0;
    margin: 20px 0 10px 0;
    display: inline-block;
}
.read-more-after
{
    margin: 0 0 10px 0;    
}
.read-more a
{
    color: #0983BC;
}
.read-more-small
{
    background-image: url(/Images/arrow.jpg);
    background-position: right;
    background-repeat: no-repeat;
    padding: 0 20px 0 0;
    margin-top: 4px;
    display: inline-block;
}
.read-more-small a
{
    color: #0983BC;
}

.divider
{
    background-image: url(/Images/rep_1.jpg);
    background-position: top;
    background-repeat: repeat-x;
    margin-top: 20px;
    padding-top: 20px;
}
.text-box
{
    width: 200px;
}
.text-box-long
{
    width: 300px;
}
.textbox-email
{
    width: 220px;
}
.description
{
    width: 280px;
}
.description-long
{
    width: 420px;
}
.footer-spacing
{
    padding-bottom: 40px;
}

.message
{
    padding: 20px 10px;
}
.line-top
{
    background-image: url(/Images/rep_2.jpg);
    background-position: top;
    background-repeat: repeat-x;
}
.line-bottom
{
    background-image: url(/Images/rep_2.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
}
.spacer
{
    height: 6px;
}
.title
{
    font-size: 20px;
    color: #01789A;
    padding-bottom: 6px;
}
.title a
{
    color: #01789A;
}
.subtitle
{
    font-size: 16px;
    color: #4F4F4F;
    padding-bottom: 4px;
}
.number-title
{
    font-size: 24px;
    padding-bottom: 6px;
    color: #098929;
}
.green
{
    font-size: 20px;
    color: #098929;
}


.service-list li
{
    margin: 0 0 0 18px;
    list-style-image: url(/Images/square.gif);
}
.service-list a
{
    text-decoration: underline;
}
.service-list div.left
{
    width: 45%;
    position: relative;
    float: left;
}
.service-list div.right
{
    width: 45%;
    position: relative;
    float: right;
}

.services-overview
{
    position: relative;
    background-image: url(/Images/services_overview.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 420px;
    margin-bottom: 50px;
}

.services-overview div
{
    font-size: 13px;
    line-height: 20px;
}

.services-overview div.one
{
    position: absolute;
    top: 0px;
    left: 220px;
    width: 400px;
}
.services-overview div.two
{
    position: absolute;
    top: 180px;
    left: 500px;
}
.services-overview div.three
{
    position: absolute;
    top: 330px;
    left: 120px;
    width: 300px;
}
.services-overview div.four
{
    position: absolute;
    top: 140px;
    left: 10px;
    width: 220px;
}

.div-container
{
    position: relative;
}

.link
{
    text-decoration: underline;
}

.left
{
    float: left;
    padding-right: 20px;
}

.right
{
    overflow: hidden;
    padding-left: 20px;
}

.date-picker
{
    display: inline-block;
}
.date-picker input
{
	width: 163px;
	margin-right: 2px;
	font-family: Verdana;
    font-size: 14px;
    line-height: 22px;
    color: #68767f;
}

.label
{
    width: 120px;
    padding-right: 4px;
    display: inline-block;
    vertical-align: top;
}

/****************************************************/

.container
{
    width: 100%;
    text-align: center;
}

.page
{
    width: 1000px;
    text-align: left;   
    margin: 0 auto;
}

.main
{
    width: 1000px;
    height: 100%;
    position: relative;
    clear: both;
    background-color: #F3F5F5;
    border-top: solid 2px #ffffff;    
}


/* Header Styles */
.header
{
    width: 1000px;
    padding-top: 20px;
}
.header div.container
{
    position: relative;
}
.header div.logo
{
    float: left;
    width: 250px;
}
.header div.message
{
    float: left;
    width: 750px;
    padding: 0;
}
.header div.navigation
{
    float: left;
    width: 1000px;
    position: relative;
}
.header div
{
    float: left;
}


.left-nav
{
    width: 248px;
    float: left;
}
.top
{
    padding-top: 10px;
}

.body-home
{
    width: 712px;
    float: left;
    background-image: url(/Images/rep_1.jpg);
    background-position: left;
    background-repeat: repeat-y;
    padding: 10px 10px 4px 30px;
}
.body-right
{
    width: 712px;
    min-height: 400px;
    float: left;
    background-image: url(/Images/rep_1.jpg);
    background-position: left;
    background-repeat: repeat-y;
    padding: 10px 10px 60px 30px;
    background-color: #ffffff;
}

.body-left
{
    width: 585px;
    min-height: 400px;
    float: left;
    background-image: url(/Images/rep_1.jpg);
    background-position: right;
    background-repeat: repeat-y;
    padding: 10px 20px 60px 20px;
    background-color: #ffffff;
}

.right-nav
{
    width: 375px;
    float: left;
}

/* Navigation Styles */
.sub-navigation div
{
    border: solid 1px #d3d3d3;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 4px;
    background-color: #F3F5F5;
    color: #0983BC;
}

.sub-navigation a
{
    text-decoration: none;
}

.sub-navigation div:hover
{
    background-color: #dedede;
}

/* Footer Styles */
.footer
{
    width: 1000px;
    clear: both;
    position: relative;
    border-top: solid 4px #6EC6DC;
}
.footer div.container
{
    position: relative;
}
.footer div
{
    font-family: tahoma;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
}
.footer div.navigation
{
    float: left;
    padding-right: 10px;
    text-align: left;
    padding: 16px 40px 10px 30px;
}
.footer div.title
{
    font-size: 16px;
    padding-bottom: 2px;
}
.footer a
{
    color: #959FA5;
    text-decoration: none;
}
.footer a:hover
{
    text-decoration: underline;
}
.footer div.info
{
    width: 100%;
    padding: 16px 0;
    font-size: 13px;
    position: relative;
    float: left;
    text-align: right;
    background: #dddddd;
}

/****************************************************/


.login input
{
    padding: 2px;
    margin-bottom: 4px;
}
.login input.text, input.text-box
{
    width: 218px;
    height: 22px;
}
.login input[type="submit"]
{
    width: 224px;
    height: 30px;
    margin: 5px 0 10px 0;
    border-radius: 2px;
}

.faq
{
    margin-top: 0;
}
.faq a
{
    text-decoration: underline;
}


.buttons
{
    margin: 4px 0 10px 0;
}
.buttons input
{
    margin-right: 12px;
}
.buttons input.disabled
{
    background-color: #9d9d9d;
    color: #000000;
}

.proposal
{
    color: #4F4F4F;
    font-size: 16px;
}
.quotes-left
{
    background-image: url(/Images/quotes_left.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 0 10px 0 4px;
}
.quotes-right
{
    background-image: url(/Images/quotes_right.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    padding: 0 4px 0 10px;
}

.check-list input
{
    border: 0;
    padding: 0;
}
.check-list label
{
    padding-left: 4px;
}


.difference
{
    position: relative;
}
.number
{
    float: left;
    display: inline-block;
}
.tick
{
    float: left;
    display: inline-block;
    padding-right: 8px;
}
.text
{
    width: 660px;
    float: left;
    display: inline-block;    
}
.clear
{
    clear: both;
}


.grey
{
    background-color: #F3F5F5;
    color: #4F4F4F;
}
.white
{
    background-color: #ffffff;
}

.referral
{
    float: left;
    min-width: 100px;
}

.paid-assessment-letter
{
    max-width: 600px;
}
.paid-assessment-letter div.info
{
    max-width: 300px;
}


/*  Form Layout
*****************************************/
div .editor-label
{
    position: relative;
    float: left;
    width: 150px;
}

div .editor-field
{
    position: relative;
    float: left;
    margin-bottom: 5px;
}

div .editor-field input
{
    height: 22px;
}

span.field-validation-error
{
    color: #dc3434;
}

div .remember-me
{
    
}