/* $Revision:: 7          $*/

html,body {
    font-family:Arial, Helvetica, sans-serif;
    color:#575757;
    background-color:#ffffff;	
    height:100%; 
    max-height:100%; 
    padding:0;
    margin:0; 
    border:0; 
    font-size:9pt; 
    /* hide overflow:hidden from IE5/Mac */ 
    /* \*/ 
    overflow: hidden; 
    /* */ 
}

table {
    font-size:9pt; 
}

select
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:8pt; 
    width: 165px;
    margin-top:3px;
    vertical-align:bottom;
    color: #575757;
	background-color:#ffffff;
}

input, textarea
{
    font-size:8pt; 
    color: #575757;
	background-color:#ffffff;
}

/* Main Layout divs */
#content {
    overflow:auto; 
    position:absolute; 
    z-index:3; 
    top:161px; 
    bottom:0px; 
    left:170px; 
    right:0; 
    font-size:9pt; 
    background:#ffffff;
}

#group-navigation {
    position:absolute; 
    margin:0; 
    top:0; 
    left:0; 
    display:block; 
    width:100%; 
    color:#F2F2F2;
	background-color: #F2F2F2;   
    width:100%;
    height:20px;
    margin-top:1px;
    z-index:5; 
    overflow:hidden;
}

#main-logos {
    position:absolute; 
    margin:0; 
    top:21px; 
    left:0; 
    display:block; 
    width:100%; 
    background-color :#ffffff;
    color:#575757;
    height:110px;
    margin-top:1px;
    z-index:6; 
    overflow:hidden;
}

#logo-area {
    position:relative;
    top:0;
    left:0;
    background-color:#ffffff;
    color:#575757;
    background-image:url(images/CFCorporatelogo.gif);
    background-repeat:no-repeat;
    background-position:center;
    height:110px;
    width:300px;
    float:left;
}

#primary-visual {
    position:relative;
    top:0;
    left:0;
    background-image:url(images/seedsbg.jpg);
    width: 130px; 
    height: 110px;
    float:right;
    background-repeat:no-repeat;
}

#heading-holder {
    position:absolute; 
    margin:0; 
    top:92px; 
    left:0; 
    display:block; 
    width:100%; 
    background-color :#9999CC;
	color:#575757;
    width:100%;
    height:0px;
    margin-top:1px;
    z-index:7; 
    overflow:hidden;
}

#heading-strip-left {
    position:relative;
    top:0;
    left:0;
    background-color:#E1E1F0;
    height:24px;
    width:170px;
    float:left;
}

#heading-strip {
    position:relative;
    top:0;
    left:0;
    width: 100%; 
    height: 24px;
    float:right;
}

#sub-logos {
    position:absolute; 
    margin:0; 
    top:116px; 
    left:0; 
    display:block; 
    width:100%; 
    background-color :#ffffff;
    color:#575757;
    width:100%;
    height:0px;
    z-index:8; 
    overflow:hidden;
}

#sub-logos-left {
    position:relative;
    top:0;
    left:0;
    background-color:#E1E1F0;
    color:#575757;
    height:0px;
    width:170px;
    float:left;
}
#bottom-visual {
    position:relative;
    top:1px;
    left:0;    
    width: 0px; 
    height: 0px;
    float:right;
    background-repeat:no-repeat;
}

#secondary-navigation-holder {
    position:absolute; 
    margin:0; 
    top:138px; 
    left:0; 
    display:block; 
    width:100%; 
    background-color :#F2F2F2;
    height:23px;
    z-index:9; 
    overflow:hidden;
    color:#494949;
    font-weight :bold;
}

#secondary-navigation-left {
    position:relative;
    top:0;
    left:0;
    height:23px;
    width:170px;
    float:left;
}

#secondary-navigation {
    position:relative;
    top:0;
    left:0;
    height: 23px;
    padding-right:12px;
    font-weight:bold;
}

#primary-side-navigation {
    position:absolute; 
    left:0; 
    top:161px; 
    bottom:53px; 
    width:170px; 
    background-color :#F2F2F2; 
    z-index:1; 
    overflow:auto; 
}

#leasesoft-logo 
{
    position:absolute; 
    margin:0; 
    bottom:0; 
    left:0; 
    display:block; 
    width:170px; 
    height:53px; 
    z-index:10; 
    overflow:hidden; 
    background-color:#ffffff;
    background-image:url(images/leasesoft.gif);
    background-repeat:no-repeat;
}

#content {
    padding:12px 12px 5px 12px;
}

/* Menu */
.navmenu {
   border:0 #A6A6C8 solid; 	
    border-bottom:1px;
}

.subnavmenuitem {
    padding-right:8px;
    color:#494949;
    font-size:8pt;
    font-family :Arial;
}

.subnavmenuitem-selected {
    padding-right:8px;
    color:#494949;
    font-size:8pt;
    font-family :Arial;
    font-weight:bold 
}

.menuitem {   
	border:1px #666666 solid;
    border-bottom:0;
    color:#575757;    
    background-color:#B6C3D2;
    font-size:8pt;
    font-family:Arial;
}

a.menuitem 
{
    height:15px;
	display:block;
    font-size:8pt;
}

table.menuitem {
    width:170px; 
    padding-left:12px;
    padding-right:8px;
    padding-top:3px;
    padding-bottom:2px;
}

/* For Chrome, ASP.NET will render SPANs instead of a table... */
span.menuitem 
{
    width:170px; 
    padding-left:12px;
    padding-right:8px;
    padding-top:3px;
    padding-bottom:2px;
    display:table;
    /* negative bottom margin to account for line breaks */
    margin-bottom:-15px;
}


.menuhover { 
	background-color:#F2F2F2;
}

#nav-menu 
{
    padding:0;
    border-bottom:1px #A6A6C8 solid;
}

.menu-broker-select 
{
    margin-left:3px; 
    width:160px;
    padding-bottom:10px;
    padding-top:10px;
    padding-left:0;
}

#login-status 
{
    padding-left:17px;
    padding-bottom:10px;
}

/* User Forms e.g. Login */
.user-form {
    background-color:#ffffff; 
    border:1px solid #B3B3B3; 
    border-top:0;
    margin:0;
    font-size:8pt; 
}

.user-form table
{
    font-size:8pt; 
}

tr.form-header td {
    background-color:#E0E0E0;
    font-weight:bold;
    border: 1px solid #B3B3B3;
    border-left:0;
    border-right:0;    
    padding-left:13px;
    padding-right:13px;
    padding-top:3px;
    padding-bottom:3px;
    text-align:left;
}

tr.form-row td {
    padding-top:1px;
    padding-left:13px;
    padding-right:13px;
 }

tr.form-spacer {
    height:3px;
}

tr.form-row td.form-label {
    text-align:left;
    font-weight:bold;
    width:170px;
}
 
tr.form-row td.form-field {
    text-align:left;
}

tr.form-row td.form-field-ralign {
    text-align:right;
}

/* other input fields */
.option-list label 
{
    padding-right:10px;
    white-space:nowrap;
    font-size:8pt;
}

#proposal-load .option-list label 
{
    float:left;
    margin-top:8px;
}

.checkbox-list label
{
    padding-right: 5px;
    white-space:nowrap;
    font-size:8pt;
}

.btn-inline 
{
    vertical-align:bottom;
}

/* data in tables */
.data-table {
    border: solid 1px #A6A6C8;
    border-collapse:collapse; 
    font-size:8pt; 
}

.data-table table
{
    font-size:8pt; 
}

.data-table td, th {
    border: solid 1px #A6A6C8;
    padding:4px;
}

.table-heading {    
    background-color:#F2F2F2;
}

.table-heading a {
    text-decoration:none;
    color:#575757;
}

/* sub tables - e.g. pager */
.sub-table td 
{
    border:0;
}

/* pager */
.pager td 
{
    border:0;
    padding: 1px 5px 1px 5px;
}

/* For expanded sections of grids: */
.expandable-column 
{
    width: 11px;
}

td.supplier-separator 
{
    border-top: solid 1px #000000;
}

div#proposal-tracker-note pre.proposal-note {
	padding:0 4px 0 4px;
	width:98%;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
} 

pre.proposal-note 
{
    padding:0 4px 0 4px;
	width:98%;
	margin:0;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	/*white-space : normal;*/

	/* todo: sort out line height in various flavours of ie (mostly 8) */
}

/* General */   

.welcome-text 
{
	border-style: none;
    font-family:Arial, Helvetica, sans-serif;
	font-size :8pt;
	width:85%;
	margin-bottom :10px;
	color:#575757;
	overflow:auto ;
	background-color:#ffffff;
} 

.welcome-text-edit
{
	border-style: inset ;
    font-family:Arial, Helvetica, sans-serif;
	font-size :8pt;
	width:85%;
	color:#575757;
	overflow:auto ;
	background-color:#ffffff;

} 

.contactaddress-text 
{
	border-style: none;
    font-family:Arial, Helvetica, sans-serif;
	font-size :9pt;
	width:85%;
	margin-bottom :10px;
	color:#575757;
	overflow:auto ;
	background-color:#ffffff;
} 

div#login-as {
    padding-top:3px;
    height:20px;
    text-align:right; 
}

div#page-title {
    padding-top:3px;
    padding-left:12px;
    padding-right:12px;
    height:20px;
    float:left; 
}

/* hidden print logo H1 */
#print-logo {
    display:none;
}

/* User Admin */
.error-label {
    color:#ff0000; 
    padding-top: 10px;    
}

div#role-list {
    border-right: black 0 solid; 
    border-top: black 0 solid; 
    padding-left: 5px;
    background: white; 
    overflow: auto; 
    border-left: black 0 solid; 
    border-bottom: black 0 solid;
}

.admin-login-label
{
    display:inline-block;
    margin-bottom: 4px; 
    margin-top: 5px;
}

/* Agreement search screens */
.row-highlight 
{  
	background-color: #B6C3D2;
	cursor: hand;
}

#client-label
{
    padding-top:10px;
    padding-bottom:10px;
    font-weight:bold;
}

.search-button
{
    vertical-align:bottom;
    margin-bottom:3px;
    margin-left:20px;
}

/* IAF fieldsets */

.iaf-fieldset
{
    font-family: Arial, Helvetica, sans-serif;
    color: #575757;
    font-size: 8pt;
    border: solid #B3B3B3 1px;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.iaf-fieldset .form-header
{
	background-color:#E0E0E0;
	border-bottom:solid #B3B3B3 1px;
	padding: 3px 3px 3px 10px;
	font-weight:bold;
}

.iaf-fieldset .form-header a
{
	text-decoration:none;
	color:#575757;
}

.iaf-fieldset .form-header-2
{
	background-color:#E0E0E0;
	border-top:solid #B3B3B3 1px;
	border-bottom:solid #B3B3B3 1px;
	padding: 3px 3px 3px 10px;
	margin-top:10px;
	font-weight:bold;
}

.iaf-fieldset .caption-label    /* caption-label is a real label */
{
    display: block; /* block float the labels to left column, set a width */
    float: left;
    width: 100px;
    padding: 0;
    margin: 6px 0 0 10px; /* set top margin same as form input - textarea etc. elements */
    text-align: left;
    font-weight:bold;
}

.wide .caption-label   
{
	width: 200px;
}

.iaf-fieldset .auto-width
{
    width:auto
}

.iaf-fieldset .data-label, .data-labelr   /* data-label is for read-only data displayed in forms */
{
    display: block; 
    float: left;
    padding: 0;
    margin: 6px 0 0 10px; /* set top margin same as form input - textarea etc. elements */
    width: 75px;
}

.data-labelr 
{
    text-align:right;
}

.iaf-fieldset input, .iaf-fieldset textarea, .iaf-fieldset select, .iaf-fieldset table  
{
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */	
}

#proposal-load .iaf-fieldset input, #proposal-load .iaf-fieldset textarea, #proposal-load .iaf-fieldset select 
{
    float: left;
}

.iaf-fieldset input#reset 
{
	margin-left:0; /* set margin-left back to zero on reset button (set above) */
}

.iaf-fieldset input[disabled="disabled"]
{
    background-color:#EDEDED; 
}

.iaf-fieldset input[type="checkbox"][disabled="disabled"]
{
    background-color:#fff; 
}


.iaf-fieldset textarea 
{
    overflow: auto; 
}

.iaf-fieldset table
{
    font-size: 8pt;
}

.iaf-fieldset small 
{
	display: block;
	margin: 0 0 5px 110px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

.iaf-fieldset br 
{
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.iaf-fieldset .validation
{
	color:red;
}

.iaf-fieldset .validation-message 
{
	color:red;
	margin:10px;
	text-align:center;
}

/* settings for login */
fieldset#login-form 
{
    width:230px;
}

#login-form .caption-label 
{
    width: 65px;
    font-weight:normal;
    margin-top:10px;
}

/* settings for agreement overview */
div#agreement-overview-holder 
{
    width: 600px;
}

#agreement-overview .caption-label 
{
    width: 110px;
    text-align:left;
}

#agreement-overview .data-label 
{
    width: auto;
    padding:0 0 0 20px;
}

#agreement-overview .data-labelr 
{
    width:120px;
}

div#uploaded-docs 
{
	padding: 5px 10px 0 10px;
}

div#uploaded-docs .data-table 
{
	width:100%;
}

div#document-upload .caption-label 
{
	width:150px;
}

div#results 
{
	padding: 5px 10px 0 10px;
}
div#results .data-table
{
	width:100%;
}

#payouts .caption-label 
{
    width: 110px;
    text-align:left;
}

#payouts .data-label 
{
    width: auto;
    padding:0 0 0 20px;
}

#payouts .data-labelr
{
    width:155px;    
}

td.note-cell .iaf-fieldset
{
	border:none;
}

td.note-cell .iaf-fieldset .data-labelr
{
	width:155px;
}

td.note-cell .caption-label 
{	
	width: 110px;
}

#payout-notes .payout-label 
{
	padding-left:10px;
}

.note-cell .payout-label
{
	padding-left:10px;
}

#agreement-overview #financials
{
    float:left;
    width:55%;
    border:none;
    margin: 0;
    padding: 0;
} 

#agreement-overview #financials .data-labelr
{
    width:155px;
    text-align:right;
}

#agreement-overview #dates
{
    float:right;
    width:43%;
    border:none;
    margin: 0;
    padding: 0;
} 


/* notes on Agreement Overview screen */
div#proposal-tracker-note textarea
{
    width: 100%;    /* need this as well as proposal-note width 100%... */
    border: none;
}

/* Invoices on Agreement Overview screen */
fieldset#invoices
{
    margin-bottom:0;
}

td.invoice-spacer
{
    height:7px;
}

/* Settlement Quotes screen */

div#settle-page
{
    width:550px;
}

/* quotes */
fieldset#settlement-quote
{
    float:left;
    width:49%;
}

fieldset#upgrade-quote
{    
    width:49%;
}

#settlement-quote .caption-label, #upgrade-quote .caption-label
{
    width: 125px;
}

#settlement-quote .data-label, #upgrade-quote .data-label, #proposalload .data-label-short
{
    width: 110px;
}


#settlement-quote .data-labelr, #upgrade-quote .data-labelr
{
    width: 110px;
    text-align:right;
}

/* Payout Tracker */
div#payout-tracker-totals
{
    float:left;
    margin-bottom:10px;
}

fieldset#payout-tracker-criteria
{
    clear:left;
    margin-bottom:0;
    padding-bottom:0;
}

#payout-tracker-criteria #search-criteria-hide
{
    margin-bottom:10px;
}

#payout-tracker-criteria .form-header
{
    padding-left:5px;
}

#payout-tracker-criteria a
{
    text-decoration:none;
    color:#575757;
}

div#payout-tracker-month-options
{
    padding: 4px 0 0 0;
}

div#payout-tracker-status-filters
{
    float:left;
}

div#payout-tracker-grid
{
    margin-top:10px;
    padding-bottom:10px;
}

div#usertable
{
    padding-bottom:10px;
}

/* Proposal Tracker */
fieldset#proposal-tracker-criteria
{
    margin-bottom:0;
}

div#proposal-tracker-grid
{
    margin-top:10px;
    padding-bottom:10px;
}

.ralign, .iaf-fieldset .ralign
{
    text-align:right;
}

.template-item
{
	padding-top:5px;
	padding-bottom:0;
	padding-left:5px;
}

.template-header
{
	font-weight:bold;
	color:#575757;
	padding-left:0;
}

.menu-currency-select 
{
    font-size:8pt; 
    margin-left:3px; 
    width:500px;
    padding-bottom:10px;
    padding-top:10px;
    padding-left:10px;    
    margin-bottom: 20px;    
}

.currency
{
	text-align:right;
}

input.currency
{
	width:75px;
}

.number
{
	text-align:right;
}

.date
{
	text-align:right;
}

.boolean
{
	text-align:center;
}


#proposal-load .data-wide
{
    width: 380px;
}

#proposal-load .data-narrow
{
    width: 177.5px;
}

#proposal-load .data-label
{
    width: 350px;
}

#proposal-load .caption-label
{
    width: 170px;
}

#proposal-load .dropdown
{
    width: 165px;
}

#proposal-load .dropdown-long
{
    width: 355px;
}


#proposal-load .text-box-long
{
    width: 350px;
}

#proposal-load .text-box-short
{
    width: 110px;
}

#proposal-load .text-box-vshort
{
    width: 30px;
}

#proposal-load .text-box-vvshort
{
    width: 20px;
}

#proposal-load .mandatory
{
    background-color: #FBE6B3;
}

#proposal-load .mandatory[disabled="disabled"]
{
    background-color: #EDEDED;
}

#proposal-load .non-mandatory
{
    background-color: #ffffff;
}

#proposal-load .non-mandatory[disabled="disabled"]
{
    background-color: #EDEDED;
}


#proposal-load .wizard-form
{
    width:800px;
}

div#proposal-load .wizard-content
{
    width:800px;
}

#proposal-load span.validator
{
    padding: 0;
    text-align: left;  
    margin-left:5px;
    margin-right:-10px;
    margin-bottom:3px;
    margin-top:6px;
    vertical-align:bottom;
    float: left;

}

#proposal-load .validation-summary
{    
    display: block; /* block float the labels to left column, set a width */
    float: left;    
    padding: 0;
    margin: 6px 0 0 0; /* set top margin same as form input - textarea etc. elements */
    text-align: left;  
    color: #FF0000;   
    font-size:8pt;
}

#proposal-load span.help-link
{
	float:left;
}

#proposal-load .address-search .validation-summary
{
	width:240px;
}

#proposal-load .address-search .validation-summary ul
{
	margin-left:0px;
	padding:0;
}

#proposal-load .address-search .validation-summary ul li
{
    list-style-type:none;
    margin-left:0px;
}

#proposal-load .validation-summary ul li
{
    list-style-type:none;
}

#proposal-load div.postcode-search-controls
{
	border:solid 1px #b3b3b3;
	padding-right:10px;
	padding-bottom:5px;
	margin:10px;
	width:525px;
    float:left;
}

#proposal-load div.postcode-search-controls .caption-label
{ 
 width:190px;
}

#proposal-load div#save-button
{   
    margin:10px;
    text-align:right;
    float:right;
}

#proposal-load div#other-parties-grid
{
    width:780px;
    margin-left:10px;
    margin-right:10px;
    float:left;
}

#proposal-load div#other-parties-grid input
{
    float:left;
}

#proposal-load .wide-data
{
    overflow: hidden; 
}

#proposal-load pre
{
    font-family:Arial, Helvetica, sans-serif;   
    float:left;
    margin-left:10px;
}

div#proposal-load div#please-wait
{
    text-align:center;
    vertical-align:bottom;
    width: 800px;
	height:20px;
    padding:10px;
    background-color:#ffffff;
}

.simplemodal-overlay 
{
	background-color : Black;
}

.simplemodal-container
{
	background:#FFFFFF;  
	padding:12px;  
	border:2px solid #cecece;  
}

div.address-results input.imagebutton
{
	padding: 5px;
}

.address-results-list
{
	width:400px;
}

.nowrap 
{
	white-space : nowrap;
}