/*==================== THESE ARE GENERIC AND GLOBAL STYLES ACROSS ALL PARTNER SITES ================*/
/*===================== DO NOT ADD ANY SITE SPECIFIC STYLE HERE, PRETTY PLEASE :) ==================*/
/*= FONT =*/ * {
    margin: 0px;
    padding: 0px;
}

body {
    font-size: 76%;
    font-family: Verdana, Sans Serif;
    margin: 0px;
}

p {
    margin-bottom: 1em;
}

.upper {
    text-transform: uppercase;
}

#tooltip {
    display: none;
}

h1, h2, h3, h4 {
    margin-bottom: 0.4em;
}

h1 {
    font-size: 1.8em;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1em;
}

table.contenttable {
    width: 100%;
    border: 1px solid #DDD;
    margin: 5px;
    border-right: none;
    vertical-align: top;
    margin-bottom: 20px;
}

table.contenttable th {
    background: #DDD;
    padding: 5px;
}

table.contenttable td {
    padding: 5px;
    border-top: 1px solid #DDD;
    border-right: 1px solid #DDD;
    vertical-align: top;
}

pre.cake_debug {
    font-size: 1.2em;
}

/* TREE */
#tableTree {
    margin: 40px;
}

#tableTree div.col_main {
    background-color: transparent;
}

#tableTree div.row {
    width: 100%;
    clear: both;
}

#tableTree .icon {
    width: 20px;
    height: 20px;
    display: inline;
    float: left;
    overflow: hidden;
}

#tableTree div.col_main {
    display: inline;
    background-image: url(../img/x-office-document.gif);
    background-repeat: no-repeat;
    float: left;
    /*padding-left: 20px;  */
    width: 300px;
}

#tableTree div.folder {
    background-image: url(../img/folder-open.gif);
    cursor: pointer;
}

#tableTree div.closed div.folder {
    background-image: url(../img/folder.gif);
}

#tableTree div.header {
    font-weight: bold;
    clear: both;
    width: 100%;
}

#tableTree div.header div.col_main {
    background: none;
    padding-left: 0px;
    padding-right: 00px;
}

#tableTree div.col {
    display: inline;
    width: 100px;
    float: left;
    z-index: 999;
}

/*#tableTree .order_drop { clear: both; width: 100%; float: left; height: 10px; background: red; }*/
.order_drop {
    height: 5px;
    width: 100%;
    float: left;
    z-index: 999;
    overflow: hidden;
    margin-top: -3px;
    margin-bottom: 0px;
}

.order_drop_hover {
    height: 5px;
    background: #000;
}

/*============== FORUM ===============*/
table.forum {
    width: 100%;
}

table.forum th.name {
    padding-left: 30px;
    padding-bottom: 10px;
    background-image: url(../img/user.gif);
    background-repeat: no-repeat;
    background-position: 6px 6px;
}

table.forum th.admin {
    background-image: url(../img/esp_logo.gif);
}

table.forum th.time {
    text-align: right;
}

table.forum th {
    padding: 7px;
    background-color: #ccc;
    border: 1px solid #fff;
}

table.forum td {
    padding: 7px;
    border: 1px solid #fff;
    background-color: #eee;
}

table.forum td a {
    font-weight: bold;
    text-decoration: underline;
}

table.forum td .description {
    color: #777;
    font-size: 0.8em;
    margin-top: 4px;
}

table.forum td.number {
    text-align: center;
}

div.forum_post .member {
    width: 60%;
    margin-right: -2px;
    border: 1px solid #fff;
    float: left;
    background-color: #eee;
}

div.forum_post .time {
    float: right;
    width: 40%;
    text-align: right;
}

div.forum_post .body {
    clear: both;
}

ul.forum_actions {
    float: right;
    list-style-type: none;
}

#wrapper ul.forum_actions li {
    margin: 0;
    padding: 0;
    background: none;
    margin-top: 10px;
}

ul.forum_actions li a {
    padding-bottom: 2px;
    padding-left: 20px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

ul.forum_actions li.reply a {
    background-image: url(../img/mail-reply-sender.png);
}

ul.forum_actions li.add_post a {
    background-image: url(../img/mail-message-new.png);
}

/*=============FORMS==============*/
label {
    display: block;
    float: left;
    width: 130px;
    padding-right: 10px;
    padding-top: 4px;
    clear: left;
}

input, select {
    margin-bottom: 0px;
}

.error_message {
    color: red;
    clear: both;
}

.required label { /*font-weight: bold;*/
}

fieldset {
    clear: both;
    width: 500px;
    padding: 10px;
    padding-top: 0px;
    margin: 0px;
    border: 1px solid #ccc;
    margin-top: 10px;
    margin-bottom: 3px;
    display: block;
}

fieldset legend {
    color: #777;
    padding-top: 5px;
    padding-bottom: 10px;
    font-weight: bold;
}

div.required input.sort_code {
    width: 20px;
}

#claimsLoading .inputs {
    margin-left: 10px;
}

#claimsLoading .claim {
    margin-top: 1em;
}

#claimsLoading {
    height: 1%;
}

#claimsLoading ol li {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#claimsLoading .inputs {
    float: right;
    clear: left;
}

#claimsLoading label.radio, #claimsLoading label.checkbox {
    display: inline;
    float: none;
    cursor: pointer;
}

#claimsLoading input {
    width: 200px;
}

#claimsLoading label input {
    border: 0;
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
}

#claimsLoading .checkboxInputs {
    margin-left: 14px;
    padding-top: 26px;
    margin-bottom: 15px;
    display: block;
}

#claimsLoading .checkboxInputs label {
    display: block;
    width: 394px;
}

#claimsLoading div.submit {
    width: 373px;
}

#claimsLoading div.submit input {
    width: auto;
}

#claimsLoading .claimshighlight {
    background: #FCFFC8;
    padding: 5px;
    margin-bottom: 10px;
    width: 95%;
}

#claimsLoading p {
    clear: both;
    padding-bottom: 0px;
}

form fieldset input {
    width: 320px;
}

form fieldset #EmployeeAddressId {
    width: 322px;
}

form fieldset fieldset {
    width: 474px;
}

img {
    border: 0;
    vertical-align: -3px;
}

form input {
    width: 370px;
}

form input.checkbox {
    width: auto;
    margin-right: 4px;
    margin-bottom: 0px;
}

form textarea {
    width: 320px;
    height: 100px;
}

fieldset.options label {
    display: block;
    float: left;
    width: 300px;
    padding-right: 10px;
    padding-top: 3px;
    clear: left;
}

fieldset.options input.checkbox {
    width: auto;
    clear: right;
    border: none;
}

fieldset.options input.radiobutton {
    width: auto;
}

#content div.info_box h2 {
    margin-top: 0px;
}

div.info_box {
    border: 1px solid #ccc;
    padding: 15px 15px 0px;
    margin: 10px;
    float: left;
}

/* div.info_box { border: 1px solid #ccc; padding: 20px 20px 10px; margin:20px; float:left; } */
#content div.right img {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    display: block;
}

div.term_box {
    border: 1px solid #ccc;
    padding: 10px;
}

/*div.direct_debit { background-image: url(../img/directdebit_logo.gif); background-repeat: no-repeat; background-position: bottom left; } */
div.info_box dt {
    font-weight: bold;
}

div.info_box dd {
    margin-left: 17px;
}

form div.submit {
    clear: both;
    width: 510px;
    margin-top: 10px;
    height: 20px;
    margin-bottom: 10px;
}

form div.submit input {
    float: right;
    margin-left: 5px;
    width: auto
}

form div.submit a {
    float: right;
    padding: 2px 5px;
}

/* input, textarea, select { border: 1px solid #ccc; } */
div.required, div.optional {
    margin-bottom: 0.5em;
    padding-top: 0.2em;
}

div.optional span {
    padding-top: 4px;
    display: block;
}

span#dynamic_url {
    display: inline;
}

select {
}

div.largerequired textarea {
    width: 650px;
    height: 300px;
}

input.button {
    width: auto;
}

input.radio {
    width: auto;
}

label.inline {
    display: inline;
    float: none;
    width: auto;
}

fieldset.documentDownload {
    width: 500px;
    margin: 0px;
}

fieldset.documentDownload legend {
    padding: 5px;
}

fieldset.documentDownload label {
    display: block;
    float: left;
    width: 400px;
    margin-bottom: 7px;
}

fieldset.documentDownload input.checkbox {
    float: right;
}

fieldset.documentDetails {
    width: 500px;
    margin: 0px;
}

fieldset.documentDetails legend {
    padding: 5px;
}

fieldset.documentDetails label {
    display: block;
    float: left;
    width: 100px;
    margin-bottom: 7px;
}

fieldset.documentDetails input.checkbox {
    float: right;
}

fieldset.documentDetails input {
    float: right;
}

fieldset.documentDetails textarea {
    float: right;
    height: 70px;
    width: 320px;
}

div.tooltip {
    cursor: pointer;
    text-indent: -100em;
    width: 20px;
    height: 19px;
    background: url(../img/question_mark.gif)
}

/*=============LISTS===============*/
ol {
    margin-left: 25px;
    margin-bottom: 1em;
}

ol li {
    margin-left: 1em;
}

ol li ul {
    list-style-type: square;
    margin-left: 0px;
}

ul {
    margin-left: 2em;
    margin-bottom: 1em;
}

ul li {
    margin-left: 2em;
}

ul ul {
    margin-bottom: 0em;
}

dl {
    margin-left: 1em;
    margin-bottom: 1em;
}

dd {
    margin-left: 3em;
    margin-bottom: 1em;
}

dd ul {
    margin-left: 2em;
    list-style-type: square;
}

dl.details {
    margin-left: 0em;
    margin-bottom: 1em;
    width: 100%;
    clear: left;
}

dl.details dt {
    width: 50%;
    float: left;
    text-align: right;
    margin-right: 10px;
    margin-left: 0em;
    clear: right;
}

dl.details dd {
    margin-left: 0em;
}

dl {
    clear: right;
}

dl.finance_overview dt {
    float: left;
    width: 120px;
    clear: both;
}

dl.finance_overview dd {
    text-align: right;
    border: 1px solid #000;
    margin-left: 130px;
    width: 60px;
    padding: 5px;
    clear: right;
    margin-bottom: 10px;
}

ul.tick_downloaded {
    list-style-type: none;
    margin-left: 0px;
}

ul.tick_downloaded li input {
    margin-bottom: 0px;
}

ul.tick_downloaded li {
    margin-bottom: 10px;
}

ul.tick_downloaded a:visited {
    padding-right: 13px;
    background: url(../img/tick.gif) no-repeat top right;
}

.address p {
    margin: 0;
}

ul.actions {
    clear: both;
}

/*===========QUOTE STUFF============*/
blockquote {
    margin-left: 2em;
    font-style: italic;
    font-weight: bold;
}

div.scroll_box {
    height: 100px;
    overflow: auto;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 90%;
    margin-bottom: 1em;
}

div.left_box {
    display: block;
    width: 50%;
    float: left;
}

div.right_box {
    display: block;
    width: 50%;
    float: right;
}

/* Steps -- DO NOT COPY AND PASTE THIS AROUND - OR FACE PENALTY OF DEATH */
#content ul.steps {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-top: 5px;
    margin: 0 auto;
    width: 400px;
    padding-bottom: 25px;
}

#content ul.steps_anniversary {
    width: 440px;
}

#content ul.steps li {
    margin-left: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 0;
    padding: 0;
    margin-right: 2px;
    margin-left: 2px;
    width: 50px;
    float: left;
    color: #ccc;
    border: 1px solid #C0C0C0;
    padding: 3px;
}

#content ul.steps li.previous {
    color: #AAC8DA;
}

#content ul.steps li.current {
    color: #FFFFFF;
    font-size: 1.05em;
    background: #0D6094;
}

#content img.leftaligned {
    float: left;
    margin-right: 15px;
    margin-bottom: 3px;
}

div.line {
    border-bottom: 1px solid #CCC;
    margin-top: 15px;
    margin-bottom: 15px;
}

#content .thawte img {
    float: left;
    margin-right: 15px;
}

/*=============*/
#content table th, #content table td {
    padding-right: 1em;
    text-align: left;
}

.tooltip {
    background: green;
    color: white;
    float: right;
}

#footer {
    clear: both;
}

a.editLink {
    float: right;
    position: relative;
    top: -35px;
    margin-bottom: -35px;
}

/*==== BOXES ====*/
.informationBox {
    clear: both;
    background: url(../img/dialog-information.gif) no-repeat 17px 12px #E8EEF9;
    padding: 10px 10px 10px 56px;
    border-top: 2px solid #005F9D;
    border-bottom: 2px solid #005F9D;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 35px;
}

.warningBox {
    clear: both;
    background: url(../img/dialog-warning.gif) no-repeat 13px 12px #FFBBBB;
    padding: 10px 10px 10px 56px;
    border-top: 2px solid #990000;
    border-bottom: 2px solid #990000;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 35px;
}

.noteBox {
    clear: both;
    background: url(../img/note.gif) no-repeat 11px 5px #fff6aa;
    padding: 10px 10px 10px 56px;
    border-top: 2px solid #ffe50c;
    border-bottom: 2px solid #ffe50c;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 35px;
}

.goodBox {
    clear: both;
    background: url(../img/live_docs/round-tick.png) no-repeat 5px 3px #DAF8E6;
    padding: 10px 10px 10px 70px;
    font-size: 1.6em;
    border-top: 2px solid #A5DFBC;
    border-bottom: 2px solid #A5DFBC;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 40px;
}

.goodBox p {
    padding-top: 7px;
}

#flashMessage {
    position: relative;
    background-color: #FCFFC8;
    border-top: 1px solid #FFD200;
    border-bottom: 1px solid #FFD200;
    color: #000;
    padding: 5px;
    width: 99%;
    margin-bottom: 5px;
    text-align: center;
}

#closeFlashMessage {
    position: absolute;
    top: 5px;
    right: 5px;
}

span.warning {
    background-color: #FFBBBB;
}

div.article {
    border-top: 1px dashed #ccc;
    padding: 5px 5px 0px 10px;
    clear: both;
}

.hrEmployees table, .addresses table, .archivedEmployees table {
    width: 100%;
}

.hrEmployees table th, .addresses table th, .archivedEmployees table th {
    padding: 7px;
    background-color: #dedede;
    border: 1px solid #fff;
}

.hrEmployees table td, .addresses table td, .archivedEmployees table td {
    padding: 7px;
    border: 2px solid #fff;
    border-bottom: 1px solid #e1e1e1;
}

/*==========MEMBER ADMIN============*/
#unlock_button {
    width: 100%;
    float: left;
    clear: both;
}

#unlock_details {
    width: 100px;
    float: right;
    clear: both;
}

.unlock .error {
    display: none;
    font-weight: bold;
    color: red;
}

/*=== Clean Tabs From Scratch =====*/
.tabbed-container {
    float: left;
    clear: both;
    width: 740px
}

.tabbed-container div.tab-hidden {
    display: none;
}

.tabbed-container div {
    clear: both;
}

.tabbed-container ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 0.9em;
}

.tabbed-container ul.tabs li a {
    color: #000;
    text-decoration: none;
}

.tabbed-container ul.tabs li a:hover {
    color: #000;
    text-decoration: underline;
}

.tabbed-container ul.tabs li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    display: block;
}

.tabbed-container ul.tabs li a {
    margin: 0;
    padding: 5px 10px;
    display: block;
    float: left;
    border: 1px solid #FFF;
    border-bottom: 0px;
    border-left: 0px;
    background-color: #eee;
    background-image: url(../img/tab_unselected.gif);
}

.tabbed-container ul.tabs li.tab-unsel-hover a {
    background-image: url(../img/tab_selected.gif);
}

.tabbed-container ul.tabs li.tab-sel-on a {
    font-weight: bold;
    border-bottom: 1px solid #fff;
    background-color: #fff;
    background-image: url(../img/tab_selected.gif);
}

.tabbed-container .tab-sel-on a {
    color: black;
    font-weight: bold;
}

.tabbed-container div.tab-section {
    border: 1px solid #000;
    padding: 10px;
    margin-bottom: 0px;
}

.tabbed-container div.tab-section {
    border: 1px solid #E9E9E9;
    float: left;
}

.tabbed-container-fullwidth {
    float: left;
    clear: both;
}

.tabbed-container-fullwidth {
    float: left;
    clear: both;
    width: 100%;
}

.tabbed-container-fullwidth div.tab-hidden {
    display: none;
}

.tabbed-container-fullwidth div {
    clear: both;
}

.tabbed-container-fullwidth ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 0.9em;
}

.tabbed-container-fullwidth ul.tabs li a {
    color: #000;
    text-decoration: none;
}

.tabbed-container-fullwidth ul.tabs li a:hover {
    color: #000;
    text-decoration: underline;
}

.tabbed-container-fullwidth ul.tabs li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    display: block;
}

.tabbed-container-fullwidth ul.tabs li a {
    margin: 0;
    padding: 5px 10px;
    display: block;
    float: left;
    border: 1px solid #FFF;
    border-bottom: 0px;
    border-left: 0px;
    background-color: #eee;
    background-image: url(../img/tab_unselected.gif);
}

.tabbed-container-fullwidth ul.tabs li.tab-unsel-hover a {
    background-image: url(../img/tab_selected.gif);
}

.tabbed-container-fullwidth ul.tabs li.tab-sel-on a {
    font-weight: bold;
    border-bottom: 1px solid #fff;
    background-color: #fff;
    background-image: url(../img/tab_selected.gif);
}

.tabbed-container-fullwidth .tab-sel-on a {
    font-weight: bold;
    color: black;
}

.tabbed-container-fullwidth div.tab-section {
    border: 1px solid #000;
    padding: 10px;
}

.tabbed-container-fullwidth div.tab-section {
    border: 1px solid #E9E9E9;
}

/* TODO: Clean up that stupid copy and paste job ^^ */
div.tab-section {
    position: relative;
    top: -1px;
}

/* Document Section */
.document_section h2 {
    font-size: 1em;
    margin-bottom: 0px;
}

.document_section div {
    display: none;
}

.document_section h2 a.opened {
    color: red;
}

#documentsearch {
    float: right;
    padding-right: 2px;
    padding-bottom: 4px;
    height: 20px;
    clear: both;
    margin-bottom: 10px;
}

#documentsearch label {
    width: auto;
}

/* === FAQ === */
div.question, div.answer {
    padding-left: 27px;
    padding-bottom: 5px;
    padding-top: 4px;
    background-repeat: no-repeat;
}

div.question {
    background-image: url(partners/esp/img/q.gif);
}

div.selectedFaq h2 {
    background-color: #FFFFCC;
}

div.answer {
    background-image: url(partners/esp/img/a.gif);
}

#main div.question p, #main div.answer p {
    padding-left: 5px;
}

ul.left, ul.right {
    width: 50%;
    float: left;
    margin-left: 0em;
    list-style-type: none;
}

ul.right {
    float: right;
    margin-left: 0em;
    padding-left: 0em;
}

ul.left li, ul.right li {
    margin-left: 0em;
}

/* === HEALTHCHECK ===*/
form .healthcheck {
    border-top: 1px solid #000;
    margin-top: 7px;
    padding-top: 5px;
}

form .healthcheck {
    background: none;
}

form .healthcheck h3 {
    color: #666;
}

form .healthcheck label {
    display: inline;
    float: none;
    cursor: pointer;
}

form .healthcheck label input {
    border: 0;
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
}

form .healthcheck div {
    margin-left: 25px;
}

form .healthcheck strong.yes, form .healthcheck strong.no {
    text-transform: uppercase;
}

form .healthcheck strong.yes {
    color: green;
}

form .healthcheck strong.no {
    color: red;
}

#sendHealthcheck {
    border-top: 1px solid #000;
    padding-top: 10px;
}

/* === Service Fee Table === */
table#service_fee {
    border: 1px solid #CCCCCC;
    width: 100%;
    background: #EFEFEF;
    padding: 5px;
    margin-bottom: 10px;
}

/* === Articles List === */
table.articles td {
    border-bottom: 1px dashed #ccc;
    padding: 2px 5px 5px 10px;
    clear: both;
}

table.articles th {
    border-bottom: 1px dashed #ccc;
    padding: 2px 5px 5px 10px;
    clear: both;
}

table.articles th.firstcolumn {
    width: 83px;
}

#content table.articles p {
    margin-bottom: 0px;
    padding: 0px;
}

table.articles {
    margin-bottom: 15px;
}

/* ======== SERVICE FEE OVERVIEW ========= */
table.service_fee {
    width: 100%;
    margin-bottom: 10px;
}

#content table.service_fee td {
    padding-right: 4px;
    text-align: right;
}

#content table.service_fee tr.years td {
    text-align: right;
    font-weight: bold;
}

table.service_fee caption {
    padding: 4px;
    background-color: #0D6293;
    font-weight: bold;
    margin: 0;
    color: #fff;
    text-align: left;
}

table.service_fee th, table.service_fee td {
    padding: 4px 0px 4px 0px;
    border-bottom: 1px solid #0D6293;
    background: none;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

table.service_fee th {
    padding-left: 4px;
}

table.service_fee {
    border-right: 1px solid #0D6293;
    border-left: 1px solid #0D6293;
}

.highlight_fee {
    background-color: #FFFEC4 !important;
    font-weight: bold !important;
}

div.radio {
    margin-top: 1em;
}

div.radio label {
    float: none;
    width: 400px;
}

div.clear {
    clear: both;
}

div.downloadicon {
    padding-left: 20px;
    background: url(../img/filetypes/icon.gif) no-repeat;
    padding-top: 3px;
    padding-bottom: 5px;
}

.infochunk img {
    float: right;
    padding-left: 8px;
    padding-bottom: 8px;
}

.infochunk h2 {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

ol ul {
    margin-bottom: 0px !important;
}

ol ul li {
    margin-bottom: 0px;
    padding: 0;
}

#content ol ul li {
    padding-bottom: 0px !important;
}

select option {
    padding-right: 15px;
}

/*== New signup options on step 1 ==*/
.signupselector {
    width: 505px;
    float: left;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 8px 8px 8px 8px;
    margin-bottom: 10px;
    overflow: hidden;
}

.signupselector .details {
    width: 510px;
    float: left;
    clear: both;
    padding-top: 10px;
}

.signupselector input {
    width: 350px;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

.signupselector input.additem {
    width: 20px;
    float: left;
    margin-top: 1px;
    margin-right: 5px;
}

.signupselector textarea {
    width: 350px;
}

.signupselector h3 {
    font-size: 1em;
    width: 400px;
}

.signupselector p.expander {
    float: right;
    margin-bottom: 0px !important;
    padding-bottom: 0px;
}

.signupselectorwrapper {
    width: 505px;
}

/* == Live Docs Frontend == */
.liveDocumentLink {
    clear: both;
    width: 483px;
    margin: 0 auto;
}

.liveDocumentLink h3 {
    margin-top: 1em;
}

.liveDocumentLink a {
    float: left;
    width: 115px;
    display: block;
    padding-top: 60px;
    height: 30px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 31px 0px;
    background-image: url(../img/pdficon_on.gif);
}

.liveDocumentArchive {
    clear: both;
}

.liveDocumentArchive h3 {
    clear: both;
    margin-top: 1em;
}

.liveDocumentArchive ul {
    margin-left: 0px;
    list-style-type: none;
}

.liveDocumentArchive li {
    margin-left: 0px;
}

.liveDocumentArchive li a.documentLink {
    background-image: url(../img/pdf_small.gif);
    background-position: 4px 5px;
    padding: 5px 5px 7px 22px;
    display: block;
    background-repeat: no-repeat;
    font-size: 1.2em;
}

.liveDocumentArchive li img {
    float: right;
    padding: 8px;
}

.liveDocumentArchive li a span {
    float: right;
    color: #000;
    display: block;
}

.liveDocumentArchive li.active {
    background-color: #eee;
}

.loadingDocument {
    padding: 10px;
    background: #eee;
    text-align: center;
    font-size: 1.4em;
    margin-bottom: 10px;
    padding-top: 50px;
    background-image: url(../img/loading.gif);
    background-repeat: no-repeat;
    background-position: 50% 10px;
}

.loadingDocument p {
    margin: 0px !important;
}

#liveDocsHeader {
    background: url(../img/live_docs/live-docs-bottom.gif) repeat-x;
    background-position: bottom;
    float: left;
    width: 100%;
    margin-top: 15px;
}

#liveDocsHeader ul {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    list-style-type: none !important;
    margin-right: 20px !important;
    float: right;
}

#liveDocsHeader ul li {
    float: right;
    clear: none;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 64px !important;
    height: 31px;
    width: 95px;
}

#liveDocsHeader ul li.active a {
    background-image: url(../img/live_docs/fixed-width-tab.gif);
}

#liveDocsHeader ul li a {
    padding: 7px 10px;
    float: right;
    font-size: 14px;
    margin-right: 2px;
    overflow: hidden;
    height: 17px;
    width: 75px;
    text-align: center;
    clear: none;
}

#liveDocsHeader ul li a:hover {
    text-decoration: none;
}

#liveDocsHeader h2 {
    float: left;
    font-family: Georgia;
    font-size: 36px !important;
    margin: 0 !important;
    font-weight: normal;
    background-position: 7px 0px;
    background-image: url(../img/live_docs/contract-maker-people.gif);
    background-repeat: no-repeat;
    width: 143px;
    height: 74px;
    padding-left: 15px !important;
    padding-top: 19px !important;
    line-height: 32px;
    margin-bottom: 0px !important;
    padding-bottom: 2px;
}

#liveDocsHeader h2 sup {
    font-size: 10px;
    vertical-align: 18px;
}

div.liveDocumentLinkLarge a {
    display: block;
    width: 140px;
    background-color: #f9f9f9;
    background-image: url(../img/live_docs/pdf-icon.png);
    background-repeat: no-repeat;
    background-position: 38px 10px;
    padding-top: 80px;
    border: 2px solid #eee;
    text-align: center;
    height: 45px;
    overflow: hidden;
}

div.liveDocumentLinkLarge td {
    padding: 0 !important;
    margin: 0;
}

div.liveDocumentLinkLarge a.last {
    margin-right: 0px;
}

.bigPdfIcon {
    float: left;
    margin-right: 18px;
}

.bigPdfIcon img {
    border: 2px solid #EEEEEE;
}

div.handbookText {
    padding-top: 25px;
}

div.checkbox-input input {
    width: auto;
}

div.checkbox-input label {
}

.bigError {
    font-size: 1.5em;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

#recaptcha_area {
    margin-left: 138px;
}


#datebox {
	background-color:#ccc;
	border-top:2px solid #555;
	border-bottom:2px solid #555;
	float:left;
	width:100%;
	margin-bottom:15px;
}

#datebox h4 a {
	text-decoration:none;
}

#datebox h4 a:hover {
	text-decoration:underline;
}

#dateboxcontents {
	padding:4px 4px 4px 6px;
}

#datebox #dateboxcontents h4 {
	font-size:16px;
}

#datebox #dateboxcontents p {
	margin-bottom:0px;
}

#datebox #dateboxcontents #reportbutton {
	float:right;
	margin-top:-33px;
	margin-right:4px;
}

#datebox #dateboxcontents #reportbutton a {
	background-image:url('img/report.gif');
	display:block;
	width:120px;
	height:23px;
	padding-top:7px;
	padding-left:30px;
	text-decoration:none;
}

#datebox #dateboxcontents #reportbutton a:hover {
	text-decoration:underline;
}

.legaltable {
	clear:left;
}

.legaltable table {
	width:100%;
	border-collapse:collapse;
	margin-bottom:15px;
}

.legaltable table tr.odd {
	background:#EEEEEE;
}

.legaltable table th {
	text-align:left;
	color:#AAAAAA;
	font-weight:normal;
	padding:4px 3px 3px 6px;
}

.legaltable table td {
	text-align:left;
	padding:4px 3px 3px 6px;
}

.legaltable table td a {
	text-decoration:none;
}

.legaltable table td a:hover {
	text-decoration:underline;
}

.legaldetail {
	clear:left;
}

.legaldetail table {
	width:100%;
	border-collapse:collapse;
}

.legaldetail td {
	vertical-align:top;
	padding:3px 10px 3px 5px;
}

.legaldetail td p {

}

.legaldetail tr.odd {
	background:#F6F6F6;
}

.legaldetail h4 {
	color:#000;
	font-size:12px;
}

.legaldetail h3 {
	font-size:14px;
}

.legaldetail .legalfiles a {
	display:block;
	clear:left;
	background-image:url('img/page_white_text.png');
	background-repeat:no-repeat;
	padding-left:22px;
	padding-top:1px;
	margin-bottom:5px;
}

.frontend-option {
	margin-bottom: 5px;
}

.frontend-option input {
	width: auto;
}

.frontend-option label {
	display: inline !important;
	float: none !important;
	width: auto !important;
}