﻿html /*, body*/
{
    font-family: "Century Gothic" , Arial, Helvetica, Verdana, Sans-serif; /*font-size: 0.9em;*/
    font-size: 13px;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
BODY
{
    color: #606060;
    background-color: #d8dae7;
    font-family: "Century Gothic" , Arial, Helvetica, Verdana, Sans-serif;
    font-size: 13px;
    height: 100%;
    min-width: 800px;
    margin: 0; /*padding-bottom: 0px; 	padding-left: 10px; 	padding-right: 10px; 	padding-top: 5px;*/
    position: relative;
}
form
{
    height: 100%;
    background: #fff;
    position: relative;
}
A
{
    color: #4e7eaf;
}
A:hover
{
    background: #d9d9d9;
}
#container
{
    background: #fff;
    min-height: 100%;
    position: relative;
}
#header
{
    background-color: #ec7f12; /*height: 100px;*/
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
#header-left
{
    background-position: top left;
    background-repeat: repeat-x;
    float: right;
    height: 100%;
    padding-left: 5px; /*padding-right: 46px;*/
}
#header-text
{
    float: left;
}
#header-text a
{
    color: #FFF;
    font-size: 22px;
    font-weight: 600;
    position: relative;
    text-decoration: none;
    top: 55px;
}
#header-text a:hover
{
    color: #272727;
}
#header-divider
{
    /*background-image: url(images/backgrounds/banner-roller.gif);     background-position: top left;     background-repeat: no-repeat;*/
    float: left; /*height: 100px;*/
    position: relative;
    left: -46px;
    width: 46px;
}
#header-right
{
    float: left; /*height: 100px;*/
    max-width: 60%;
}
#container
{
    min-height: 100%;
    position: relative;
}
#body
{
    background-color: #FFF;
    clear: both;
    float: left;
    padding-bottom: 30px; /*min-height: 100%; 	height:100%;*/
    width: 100%;
}
#footer
{
    /*position: relative; 	bottom: 0; 	width: 100%; 	height: 60px; /* Height of the footer */
    position: relative;
    margin-top: -20px;
    height: 20px;
    clear: both;
    background: #fff;
}
#topbannertext
{
    float: left;
}
#topbannerright
{
    display: none;
}
.menu-default
{
    /*background: #eee; /*border-color: #fff #fff #CC0033;     border-style: solid;     border-width: 0 0 2px;*/
    float: none;
    clear: both;
    padding: 0;
    padding-left: 5px;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.menu-item-default
{
    /*border-bottom: #ccc 1px; 	text-align: center; 	border-left: #ccc 1px solid; 	padding-bottom: 4px; 	padding-left: 5px; 	padding-right: 5px; 	display: block; 	background: #fff; 	float: left; 	color: #ec7f12; 	font-size: 1.1em; 	border-top: #ccc 1px solid; 	cursor: hand; 	font-weight: normal; 	margin-right: -1px; 	border-right: #ccc 1px solid; 	padding-top: 3px;*/
    background: #fff;
    border-color: #ccc;
    border-style: solid solid none solid;
    border-width: 1px;
    color: #ec7f12;
    cursor: hand;
    display: block;
    float: left;
    font-size: 1.1em;
    font-weight: normal;
    height: 20px;
    margin-right: -1px;
    margin-bottom: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 9px;
    padding-right: 10px;
    text-align: center;
    min-width: 25px;
}
.menu-item-default a
{
    display: block;
    width: 100%;
}
.menu-item-default:hover
{
    background: #eee;
}
.menu-selecteditem-default
{
    z-index: 1;
    border-bottom: #fff 2px;
    position: relative;
    text-align: center;
    border-left: #595959 2px solid;
    padding-bottom: 10px;
    margin-top: -5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: -6px;
    background: #fff;
    float: left;
    margin-left: 0px;
    font-size: 1.1em;
    border-top: #595959 2px solid;
    font-weight: bold;
    border-right: #595959 2px solid;
    padding-top: 5px;
}
.menu-header
{
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.menu-content
{
    border-style: solid;
    border-color: #595959;
    border-width: 2px;
    clear: left;
    float: left;
    width: 100%;
}
.menu-content .menu-content-body
{
    min-height: 500px;
    padding: 10px 10% 0 10%;
    float: none;
}

/* WORDING */
.copyright
{
    color: #296DC1;
    float: none;
    margin: 0 auto;
}
/***********/

/* Headings */
h1
{
}
h2
{
    clear:left;
    color: #f28062;
    font-size: 2em;
    font-weight: normal;
    margin:0;
    padding:0;
}
/* Buttons */
.button-default
{
    border-bottom: #ec7f12 1px solid;
    border-left: #ec7f12 1px solid;
    text-transform: capitalize;
    margin-top: 2px;
    width: auto;
    background: #fff;
    height: 25px;
    color: #ec7f12;
    font-size: 0.9em;
    border-top: #ec7f12 1px solid;
    cursor: hand;
    font-weight: bold;
    margin-right: 2px;
    border-right: #ec7f12 1px solid;
}
.button-default:hover
{
    /*  background-position: top left;     background-repeat: repeat-x; */
}
.button-help
{
    background: #ec7f12;
    color: #FFF;
    display: block;
    font-size: 1.6em;
    padding-left: 8px;
    padding-top: 3px;
    text-decoration: none;
    text-transform: uppercase;
}
.button-help:hover
{
    color: #FFF;
}
.button-help span
{
    background: #FFF;
    color: #ec7f12;
    margin-top: -8px;
    padding-top: 8px;
    text-transform: lowercase;
    margin: 3px 0 3px;
}
.buttons-container
{
    float: right;
}
.button-next
{
    border-bottom: #ec7f12 1px solid;
    border-left: #ec7f12 1px solid;
    text-transform: capitalize;
    margin-top: 2px;
    width: 25px !important;
    background: #fff;
    height: 25px;
    color: #ec7f12;
    font-size: 0.9em;
    border-top: #ec7f12 1px solid;
    cursor: hand;
    font-weight: bold;
    margin-right: 2px;
    border-right: #ec7f12 1px solid;
}
.button-previous
{
    border-bottom: #ec7f12 1px solid;
    border-left: #ec7f12 1px solid;
    text-transform: capitalize;
    margin-top: 2px;
    width: 25px !important;
    background: #fff;
    height: 25px;
    color: #ec7f12;
    font-size: 0.9em;
    border-top: #ec7f12 1px solid;
    cursor: hand;
    font-weight: bold;
    margin-right: 2px;
    border-right: #ec7f12 1px solid;
}
/***********/

/* SECTIONS */
.panel-centre-container
{
    position: relative;
    float: right;
    left: -50%;
}
.panel-centre-content
{
    left: 50%;
    position: relative;
}

.section
{
    border: solid 1px #2A568F;
    clear: both;
    position: relative;
}
.sectionHeader
{
    background: #2A568F;
    color: #FFF;
    font-weight: bold;
    text-transform: capitalize;
    padding: 8px;
}
.sectionBody
{
    padding: 10px;
}
.partnerLogos
{
    background: #FFF;
    clear: both;
    float: left;
    position: absolute;
    bottom: 0;
    z-index: 1;
}
.iip
{
    background: url("iip.jpg") no-repeat top left;
    height: 25px;
    width: 83px;
    float: left;
    margin: 5px;
}
.fsa
{
    background: url("fsa.jpg") no-repeat top left;
    height: 25px;
    width: 30px;
    float: left;
    margin: 5px;
}
address
{
    /*font-size: 8pt;*/
}
address div
{
    float: left;
    margin-right: 10px;
}
/*******************/


/* FIELDS */
.field
{
    clear: left;
    margin: 2px 0;
}
.field label
{
    display: block;
    float: left;
    padding-right: 5px;
    text-align: left;
    width: 175px;
}
/*******************/



.ajaxLoader
{
    border-bottom: #ec7f12 2px solid;
    position: absolute;
    border-left: #ec7f12 2px solid;
    background: #fff;
    border-top: #ec7f12 2px solid;
    top: 48%;
    border-right: #ec7f12 2px solid;
    left: 48%;
}
.ajaxLoader IMG
{
    margin: 8px 10px 8px 8px;
}
.ajaxLoader LABEL
{
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    background: #ec7f12;
    color: #fff;
    padding-top: 5px;
}
.AccordianContent
{
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #999;
    padding: 0px;
}
.AccordianContent .dataEntry
{
    background: #fff;
}
.Accordian
{
    background: #eee;
    border: solid 1px #999;
    cursor: hand;
    font-size: 1.2em;
    font-weight: 600;
    padding: 5px;
    margin-top: 5px;
}
.alphabar
{
    font-family: Arial;
    background: #EEE;
    clear: left;
    float: left;
    padding: 5px;
}
.alphabar-letter
{
    display: block;
    font-size: 1.2em;
    float: left;
    margin-right: 5px;
    text-align: center;
    text-decoration: none;
}
.dataEntry
{
    /*background: #EEE;     border: solid 1px #DDD;     clear: both;     padding: 5px;*/ /*float: left;*/
    background: #EEE;
    border: solid 1px #DDD;
    clear: left; /*float: none;*/
    margin: 0 auto;
    padding: 5px;
    width: 50%;
}
.dataEntry .field
{
    margin-bottom: 3px;
}
.dataEntry .field label
{
    display: block;
    clear: left;
    float: left;
    padding-top: 4px;
    width: 180px;
    color: #4a4a4a;
}
.textbox-default
{
    border-bottom: #e3e3e3 1px solid;
    border-left: #e3e3e3 1px solid;
    padding-bottom: 4px;
    background-color: #ffffff;
    padding-left: 4px;
    padding-right: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #606060;
    font-size: 10px;
    border-top: #e3e3e3 1px solid;
    border-right: #e3e3e3 1px solid;
    padding-top: 4px;
    width: 180px;
}
.dataEntry .textbox-default
{
    width: 170px;
}
.dataEntry .field input[type=checkbox]
{
    margin: 0;
}
.dataEntryHeader
{
    font-size: 1.1em;
    font-weight: bold;
}
.error, .ErrorLabel
{
    /*border-width: 1px 0;     border-style: solid;     border-color: #CC0033;*/
    clear: left;
    padding: 3px;
    color: #CC0033; /* background-color: #FFFF9B;*/
}
.logo
{
    height: 90px;
    float: right;
    padding: 10px;
}
.objectDetail
{
    /*border: solid 1px #999;*/
    border-bottom: none;
}
.objectDetail th
{
    background: #EEE;
    border-bottom: solid 1px #999;
    padding: 5px;
    vertical-align: top;
}
.objectDetail td
{
    border-bottom: solid 1px #999;
    padding: 5px;
    vertical-align: top;
}
.selectorItem
{
    float: left;
}
.selectorItem input[type=checkbox]
{
    float: left;
}
.selectorItem label
{
    float: left;
}
.contactsLabel
{
    cursor: hand;
}
#contactCard
{
    display: none;
}
.contactsLabel:hover #contactCard
{
    background: #EEE;
    border: solid 2px #999;
    color: #000;
    display: block;
    font-size: 0.7em;
    float: left;
    position: fixed; /*left: -250px;*/
    right: 10px; /*top:80px;*/
    width: 450px;
}
.contactsLabel:hover #contactCard .contactCardHeader
{
    background: #296DC1;
    display: block;
    font-size: 1.2em;
    padding-left: 10px;
    color: #FFF;
}
.fieldNotApplicable
{
    background: #EEE;
}
.financialPolicyTypesHeader
{
    background-color: #FFD1C1;
}
.financialPolicyTypesValue
{
    background-color: #FFE6DD;
}
.financialPremiumHeader
{
    background-color: #7DFF7D;
}
.financialPremiumValue
{
    background-color: #C6FFC6;
}
.financialcommissionsHeader
{
    background-color: #FFFF6C;
}
.financialcommissionsValue
{
    background-color: #FFFFAA;
}
.financialUpfrontHeader
{
    background-position: #A8D3FF;
    background: #A8D3FF;
}
.financialUpfrontValue
{
    background: #DEF;
}
.formSection
{
    clear: left;
    padding: 0 10px;
}
.formSection-header
{
    border-bottom: #f28062 1px solid;
    clear: both;
    color: #f28062;
    margin: 10px 0px;
    width: 100%;
}
.formSection-header LABEL
{
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    display: block;
    background: #fff;
    float: none;
    color: #f28062;
    font-size: 1.3em;
    font-weight: bold;
    padding-top: 3px;
}
.formSection .field
{
    margin-top: 5px;
    float: none;
    clear: both;
}
.formSection .field LABEL
{
    width: 180px;
    display: block;
    float: left;
}

.policy-info
{
    text-align: center;
    padding-bottom: 10px;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px; /*margin-bottom: 10px;*/
    float: left;
    font-weight: normal;
    padding-top: 10px;
}
.policy-info LABEL
{
    border-bottom: #595959 1px solid;
    border-left: #595959 1px solid;
    padding-bottom: 5px;
    margin: 2px;
    padding-left: 5px;
    padding-right: 5px;
    background: #fff;
    color: #ec7f12;
    border-top: #595959 1px solid;
    border-right: #595959 1px solid;
    padding-top: 5px;
}
.policy-info LABEL SPAN
{
    background: #fff;
    color: #595959;
    font-size: 13px;
}
.panel-login
{
}
.panel-login input[type=text], .panel-login input[type=password]
{
}
.modal-content
{
}
.modalContent
{
    background-position: #FFF;
    background: #FFF;
    border: 2px solid #666666;
}
.modalContentHeader
{
    background: #2a568f;
    color: #FFF;
    font-size: 1.1em;
    font-weight: bold;
    padding: 10px;
}
.modalContentBody
{
    padding: 10px;
}
.modalContentFooter
{
    padding: 10px;
}

/* Panels */
.panel-contact
{
}
.grid-default
{
    border-bottom-style: none;
    border-right-style: none;
    margin: 5px 0px 0px;
    width: 100%;
    border-top-style: none;
    border-left-style: none;
}
.grid-default TH
{
    text-align: left;
    padding-bottom: 2px;
    text-transform: uppercase;
    padding-left: 2px;
    padding-right: 2px;
    background: #eee;
    color: #090909;
    font-size: 0.9em;
    font-weight: bold;
    padding-top: 2px;
}
.grid-default TD
{
    border-bottom: #c9c9c9 1px dotted;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 0px;
    padding-top: 2px;
}
.grid-selected TD
{
    background: #ddd;
}
.delete-command
{
    background: url(../../Images/delete-16x16.png) no-repeat left top;
    display: block;
    position: relative;
    height: 16px;
    width: 16px;
}
.pager
{
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    background: #eee;
    float: left;
    padding-top: 0px;
}
.pager-item
{
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 5px;
    float: left;
    padding-top: 5px;
}
.pager DIV.pager-item:first-child
{
    padding-bottom: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
}


/* Inputs */

select
{
    border: #c9c9c9 1px solid;
    color: #606060;
    font-family: Verdana;
    font-size: 0.8em;
    padding: 3px;
}
input[type=radio]
{
}

/* Search Fields */

#search
{
    background: #e3e3e3;
    float:left;
    padding: 10px;
}
.heading
{
}
.panel-search-item
{
    float: left;
    margin: 0 5px 0 0;
}
#search .panel-search-item:first-child
{
}
.panel-search-item label
{
    padding: 1px;
    display: block;
    margin-bottom: 2px;
    color: #ec7f12;
    font-size: 0.9em;
    text-align: center;
}
.panel-search-item select
{
}
.panel-search-item input[type=text]
{
    width: 100px;
}
/*.policy-info
{
    font-size: 1.1em;
    margin-bottom: 15px;
}
.policy-info label
{
    border: solid 1px #296dc1;
    color: #2a568f;
    float: left;
    background: #FFF;
    padding: 4px;
    margin-right: 10px;
}
.policy-info label span
{
    color: #000; /*float:right;
    background: #FFF;
    margin-left: 5px;
    padding: 0 3px;
}
*/
.radio-default
{
}
.radio-default input[type=radio]
{
    display: block;
    float: left;
}
.radio-default label
{
    display: block;
    float: left;
    width: auto !important;
}
.tabular
{
    margin-left: 10px;
}
.delete-command
{
    background: url(../../Images/delete-16x16.png) no-repeat left top;
    display: block;
    height: 16px;
    width: 16px;
}
.company
{
    margin-bottom: 10px;
}
.company .company-header
{
    border-bottom: solid 1px #999;
    font-size: 1.3em;
    font-weight: 700;
    padding: 10px;
    margin-bottom: -5px;
}
.company .company-detail
{
    margin-bottom: -1px;
    font-size: 0.9em;
}
.total label, .total span
{
    font-weight: bold;
}
.total-invalid
{
    background: #FF6666;
    font-weight: bold;
    background: #FF8484;
}
.total-valid
{
    color: #00BF00;
    font-weight: bold;
}

.total-invalid-check
{
    color: #000000;
    font-weight: bold;
    background-color: #FF9900;
}

/* Tree View */
.tree-selected
{
    background: #EEE;
    font-weight: bold;
}
.tree
{
    border-right: solid 1px #EEE;
    padding: 5px;
}
/* Modals */
.modalBackgroundOnTop
{
    background: #999; /* Non-IE's */
    opacity: .5; /* IE5-7 */
    filter: alpha(opacity=50); /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index: 10001;
}
.modalBackground
{
    background: #999; /* Non-IE's */
    opacity: .5; /* IE5-7 */
    filter: alpha(opacity=50); /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index: 10000;
}
.modal-container
{
    background: #FFF;
    padding: 5px;
    border: solid 2px #999;
    max-width: 50%;
}
.modal-container input[type=submit]
{
    width: auto;
}
.role-readonly input[type=checkbox]
{
    display: none;
}
.userStatusOnline
{
    color: #009900;
    background-color: #FFF;
    display: block;
    text-align: center;
}
.userStatusOffline
{
    color: #CC0000;
    background-color: #FFF;
    display: block;
    text-align: center;
}
.ajax__combobox_inputcontainer
{
    top: 0 !important;
}
.box-menu-container
{
    float: right;
    left: -50%;
    position: relative;
}
.box-menu
{
    float: none;
    left: 50%;
    padding: 0;
    position: relative;
}
.box-menu-item
{
    background-image: url(topbanner-background.png);
    background-position: top left;
    background-repeat: repeat-x;
    display: block;
    float: left;
    list-style-type: none;
    margin: 2px 5px 10px 5px;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    height: 100px; /*width: 100px;*/
}
.box-menu-item:hover
{
    background: #FFF;
    border: solid 2px #296DC1;
    color: #296DC1;
    margin: 0 3px 8px 3px;
}

.box-menu-item span
{
    color: #333;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    float: none;
}
.centre-align-container
{
    float: right;
    left: -50%;
    position: relative;
}
.centre-align
{
    float: left;
    left: 50%;
    padding: 0;
    position: relative;
}
.centre-align-item
{
    display: block;
    float: left;
}
.accordian-header-caption
{
    background: #eee;
    color: #777;
    cursor: hand;
    font-size: 0.5em;
    padding: 5px;
}
/* Diary control */
.diary
{
    clear: both;
}
.diary .day, .diary .today, .diary .selected-date
{
    background: #eee;
    height: 70px;
    text-align: center;
    vertical-align: top;
    width: 100px;
}
.diary .other-month-day
{
    background: #fff;
}
.diary .today
{
    border: solid 1px #296DC1;
    background: #fff;
    padding: 0;
    text-align: center;
    vertical-align: top;
}
.diary .day:hover
{
    background: #fff;
    border: solid 1px #296DC1;
    height: 70px;
    padding: 0;
}
.diary .date
{
    display: block;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}
.diary .diary-month-name
{
    color: #296DC1;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

.diary .day-names
{
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}
.calendar-item
{
    font-size: 0.8em;
    font-weight: normal;
    color: #555;
}
.diary .selected-date
{
    border: solid 1px #4FA600;
    background: #FFF;
    padding: 0;
}

