/* CSS Document */

/*--------------------------------------------------------

Style Sheet 

version: 1

see all _css/ie6.css


-----------------------------------------------------------*/
body {
	margin:0;
	font-family:Arial, Helvetica;
	font-size:14px; 
	background-image:url(../_images/travco-bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
#wrapperExternal {
	width:1000px; 
	/*width:990px;  ------------------------------------ resize ------------------------------*/
	margin:0 auto;
	position:relative;
}
#wrapper {
	width:1000px; 
	/*width:990px;  ------------------------------------ resize ------------------------------*/
	margin:0 auto;
	position:relative;
	min-height:530px;
}
.clear {
	width: 100%;
	height: 1px;
	margin: 0 0 -1px;
	clear: both;
}
table {
	margin:0px;
	padding:0px;
}
a img {
	border:none;
}
form {
	margin:0px;
	padding:0px;

}
a:focus {outline:none;
         -moz-outline-style:none;}
         
         
h1 {
    font-size:23px;
    font-weight:normal;
    margin:0px;
    padding:0px;
    color:#182e4d;
    }
h2 {
    font-size:14px;
    font-weight:bold;
    margin:0px;
    padding:0px;
    color:#182e4d;
    }
p {
	font-family:Arial, Helvetica;
    margin:0 0 17px 0;
    padding:0; 
    
    }
#textOnlyWrapper {
    width:965px;
	position:relative;
	float:left;
	background-color:#FFFFFF;
	padding:17px;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(~/border-radius.htc);
	/*zoom: 1;
    filter: alpha(opacity=90);
    opacity: 0.9;*/
	z-index:3;
}
#textOnlyColOne {
    width:470px;
	position:relative;
	float:left;
	margin-right:25px;
	display:inline; /* ie dbl margin bug fix */
}
#textOnlyColTwo {
    width:470px;
	position:relative;
	float:left;
}

/* 
-----------------------------------------------------------
id
-----------------------------------------------------------
*/
#id {
	width:172px;
	height:80px; /*remove*/
	float:left;
	position:relative;
	margin:24px 0 0 6px;
	display:inline; /* ie dbl margin bug fix */
}


#accountManagerLoggedIn {
	width:641px;
    height:25px;
	background-color:#FFFF00;
	float:left;
	position:relative;
	margin-left:180px;
	display:inline; /* ie dbl margin bug fix */
}
#userInfo {
	width:641px;
	height:25px;
	background-image:url(../_images/user-info-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	position:relative;
	margin-left:180px; 
   /*margin-left:170px;  ------------------------------------ resize ------------------------------*/
	display:inline; /* ie dbl margin bug fix */
	z-index:1; /*ie z-index issue to resolve pop up visibility*/
}
#mainNav {
	width:642px;
	height:50px;
	float:left;
	position:relative;
	margin:3px 0 0 180px;
	display:inline; /* ie dbl margin bug fix */
}

#accountName, #accountNameAdmin {
	width:250px;
	position:relative;
	float:left;
	clear:left;
	margin:4px 0 0 12px;
	display:inline; /* dbl margin bug fix */
}
#accountNameAdmin {width:530px; float:left;}

#accountName a {
	color:#FFF;
	text-decoration:none;
}
#accountNameAdmin a {
	color:#1B3150;
	text-decoration:none;
}
#accountName a:hover {
	color:#FFF;
	text-decoration:underline;
}
#accountNameAdmin a:hover {
	color:#1B3150;
	text-decoration:underline;
}
#accountNav {
	width:370px;
	position:relative;
	float:left;
	margin:4px 0 0 0px;
}
#accountNavAdmin {
	position:relative;
	float:right;
	margin:4px 18px 0 0;
	display:inline; /* ie dbl margin bug fix */
}

.account {
	color:#FFF;
}
.accountAdmin {
	color:#1B3150;
}
#accountNav ul, #accountNavAdmin ul {
	margin:0;
	padding:0;
	list-style:none;
}
#accountNav li, #accountNavAdmin li {
	float:left;
}
#accountNav ul a,  #accountNavAdmin ul a {
	display:block;
	padding:0 0 0 20px;
	margin:0;
	text-decoration:none;
	color:#FFF;
}
 #accountNavAdmin ul a {
	color:#1B3150;  
     }

#accountNav li a:hover, #accountNavAdmin li a:hover {
	text-decoration:underline;
}
/*--------------Account Change User----------*/

#accountChange {
    top:26px;
    left:0px;
    position:absolute;
    width:215px;
    height:30px;
    padding:3px 0 0 0;
	background-image: url(../_images/account-change-search-bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	z-index:10;
}
#accountChange input {
    margin:0 0 0 10px;
    text-transform:uppercase;
    color:#1B3150;
    width:145px;
    vertical-align:middle;
    
    }
.accountChangeList {
    background-color:#FFFFFF;
    margin:5px 5px 0 0;
    padding:5px 0px 5px 5px;
    border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -webkit-border-radius:5px;
    behavior:url(~/border-radius.htc);
	border:1px solid #DE472D;
    }
.accountChangeList li 
{
    list-style-type:none;
    color:#DE472D;  
    margin:0 5px 0 0; 
    padding:0 2px 0 2px;
}
.accountChangeList li a
{
    color:#DE472D;
    text-decoration:none;
}
.accountChangeList li:hover 
{
    background-color:#DE472D;
    list-style-type:none;
    color:#FFFFFF;
    cursor:pointer;
}
.accountChangeList a:hover
{
    color:#FFFFFF;
}
#accountChange img {vertical-align:bottom;}
.accountChangeSetBtn {margin:0 0 0 10px;}




/*--------------------Account Change Admin--------------*/
#accountChangeAdmin {
    width:215px;
    height:30px;
    top:0px;
    position:relative;
    margin:26px 0 0 150px;
    padding:0;
	background-image: url(../_images/account-change-admin-search-bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	z-index:10;
}
#accountChangeAdmin input {
    margin:0 0 0 10px;
    text-transform:uppercase;
    color:#1B3150;
    width:145px;
    }
.accountChangeAdminList {
    background-color:#FFFFFF;
    margin:5px 5px 0 0;
    padding:5px 0px 5px 5px;
    border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -webkit-border-radius:5px;
    behavior:url(~/border-radius.htc);
	border:1px solid #FFFF00;
    }
.accountChangeAdminList li 
{
    list-style-type:none;
    color:#1B3150;  
    margin:0 5px 0 0; 
    padding:0 2px 0 2px;
}
.accountChangeAdminList li:hover 
{
    background-color:#FFFF00;
    list-style-type:none;
    color:#1B3150;;
    cursor:pointer;
}
#accountChangeAdmin img {vertical-align:bottom;}
.accountChangeAdminSetBtn {margin:4px 0 0 5px;}

#mainContentContainer {
	width:1000px;
  /*float:left;*/ /* causes issue with pop ups in ie 7 */
	position:relative;
	margin:0 0 3px 0;
	z-index:1; /*ie z-index issue to resolve pop up visibility*/
}

#homeBtn {
	width:300px;
	float:left;
	clear:left;
	position:relative;
	margin:15px 0 7px 6px;
	display:inline; /* ie dbl margin bug fix */
}
#homeBtn a {
	text-decoration:none;
	color:#1B3150;
}
#homeBtn a:hover {
	text-decoration:underline;
}
.home {
	padding-left:5px;
	color:#1B3150;
}
#filterDate {
	background-image: url(../_images/filter-date-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:310px; 
	height:29px;
	float:left;
	clear:left;
	position:relative;
	margin:0px 0px 3px 0px;
}
#filterInvoice {
	background-image: url(../_images/filter-invoice-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:325px;
	height:29px;
	float:left;
	position:relative;
	margin:0px 0px 3px 10px;
	display:inline; /* ie dbl margin bug fix */
	z-index:2; /*ie z-index issue to resolve pop up visibility*/
}
.filterInvoiceSelect {}

.cssCompletionList {
background-color:#FFFFFF;
padding:5px;
margin:3px 0 0 0;
border:1px solid #182e4d;

border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
behavior:url(border-radius.htc);

	}
	
.cssCompletionList li {
    list-style-type:none;
    color:#182e4d;
    margin:0;
}
.cssCompletionList li:hover {
    background-color:#182e4d;
    list-style-type:none;
    color:#FFFFFF;
    cursor:pointer;
    margin:0;
}
/*.cssCompletionListItem {}*/    
    
#filterSearch {
	background-image: url(../_images/filter-search-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:345px;
	height:29px;
	float:left;
	position:relative;
	margin: 0px 0px 3px 10px;
	display:inline; /* ie dbl margin bug fix */
}
.SearchReset {
  float:right;
  margin-right:5px;
    }
.SearchOff {
	color:#CCCCCC;
	margin-top:4px;
    height:20px;
	padding:1px 3px;
	text-transform:uppercase;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(border-radius.htc);
	border:0px solid #FFFFFF;
	text-transform:uppercase;
}
.SearchActive {
	color:#182e4d;
	margin-top:4px;
    height:20px;
	padding:1px 3px;
	text-transform:uppercase;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(border-radius.htc);
	border:0px solid #FFFFFF;
}
#clearSearchResults {
    top:7px;
    left:280px;
    position: absolute;
    z-index:5;  
    width:20px;
    height:20px;
    }
.noSearchResults {
	background-image: url(../_images/data-row-statement-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
   font-size:18px;
   color:#FFFFFF;
   padding:5px 0 0 0;
   text-indent:20px;
   height:30px;
    }
.noSearchResults a:link, .noSearchResults a:visited  {
    text-decoration:underline;
    color:#FFFFFF;   
    }    
.noSearchResults a:hover {
    text-decoration:none;
    }      
#filterDate input, #filterInvoice input, #filterSearch input {
	margin-top:3px;
	vertical-align:top;
}
#filterSearch input {
	margin-left:7px;
}
.filterHeader {
	margin:7px;
	padding:5px 0 0 0;
	display:inline;
}
.refInput 
{
    text-transform:uppercase;
}
.dateInput, .refInput
{
   margin-top:4px;
    height:20px;
	padding:1px 3px;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(border-radius.htc);
	border:0px solid #FFFFFF;
	color:#1B3150;
}
input.filterGo {
	border:none;
	width:32px;
	background: url(../_images/btn-go.png);
	background-repeat:no-repeat;
	background-position:left top;
/*	float:right; */
	margin-right:2px;
	font-size:14px;
	padding-bottom:5px;
	color:#FFFFFF;
}
input.paginationGo {
	border:none;
	width:32px;
	background: url(../_images/btn-go.png);
	background-repeat:no-repeat;
	background-position:left top;
/*	float:right;*/
	margin:0 -3px 0 0;
	font-size:14px;
	padding:0 0 5px 0;
	color:#FFFFFF;
	display:inline;
}
input.pageNo 
{
    height:20px;
	padding:1px 3px;
	margin-right:5px;
		border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(border-radius.htc);
		border:0px solid #FFFFFF;
	color:#1B3150;
}
#paginationFunctionWrapper {
	width:1000px;
	background-image: url(../_images/function-pagination-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	float:left;
	z-index:1; /*ie z-index issue to resolve pop up visibility*/
}
#paginationFunctionWrapperShort {
 	width:1000px;
	background-image: url(../_images/function-pagination-short-bg.png);
	background-repeat:no-repeat;
	background-position:right top;
	position:relative;
	float:left; 
    z-index:1; /*ie z-index issue to resolve pop up visibility*/    
   }

#function {
	width:520px;
	float:left;
	position:relative;
	color:#1B3150;
	z-index:1; /*ie z-index issue to resolve pop up visibility*/
}
#functionRemittance {
	background-image: url(../_images/function-bg-remittance.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:250px;
	float:left;
	position:relative;
	color:#1B3150;
    z-index:1; /*ie z-index issue to resolve pop up visibility*/
}
#function a {
/*	text-decoration:underline; 
	color:#1B3150; 
	float:left; 
	display:block; */
}
#functionBtm {
	background-image: url(../_images/function-bg.png);
	background-repeat:no-repeat;
	background-position:top;
	width:1000px;
	height:29px;
	float:left;
	position:relative;
	color:#FFFFFF;
}
/*#functionBtm a {
	text-decoration:underline;
	color:#FFF;
}*/
.selectAll {
	margin: 4px 0 4px 5px;
}
.exportSelected, .printSelected {
	margin: 0 0 4px 5px;
}
.sterling {
	margin: 0 0 4px 15px;
}
.usDollar, .euro {
	margin: 0 0 4px 4px;
}
.yuan {
	margin: 0 10px 4px 4px;
}
#pagination {
    width:450px;
	margin:0 2px 3px 0;
	padding:4px 0 0px 0;
	float:right;
	display:inline; /* ie dbl margin bug fix */
}
/*#pagination input, #paginationShort input  {z-index:1;} */


#paginationShort {
	width:465px;
	height:25px;
	background-image: url(../_images/pagination-bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	margin:7px 5px 0 0;
	padding:4px 0 0px 0;
	float:right;
	display:inline; /* ie dbl margin bug fix */
}
.pagination {
	font-family:Arial, Helvetica;
	line-height:100%;
	margin:0;
	padding:0;
	float:left;
	display:inline;
}
.pagination select
{
   color:#1B3150;
}
.pagination option:hover
{
   background-color:#FFFFFF;
   color:#1B3150;
}
.pageXOf {float:left;}

#dataContainer {
	width:1000px;
	float:left;
	clear:left;
	position:relative;
	margin:3px 0 0 0;
	font-size:12px;
}
#dataContainerHome {
	width:1000px;
	float:left;
	position:relative;
	margin:0;
}
.invoiceDefaultTitle 
{
    font-size:14px;
    color: #182e4d;
    background-image: url(../_images/invoice-default-title-bg.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
    color:#FFFFFF;
    padding:6px 40px 6px 10px;
    line-height:190%;
    width:250px; 
}
#invoiceViewWrapper {
    width:1000px;
	position:relative;
	float:left;
}
#invoiceViewSpacer{}
#invoiceViewLeft {
	background-image: url(../_images/invoice-view-left-bg.png);
	background-repeat:no-repeat;
	background-position: left top;
	padding:7px 0;
	float:left;
	}
#invoiceViewMid {
	background-image: url(../_images/invoice-view-mid-bg.png);
	background-repeat:repeat-x;
	background-position: 0px 0px;
	padding:7px 5px;
	float:left;
	color:#FFFFFF;
	font-size:14px;
	}
#invoiceViewRight {
	background-image: url(../_images/invoice-view-right-bg.png);
	background-repeat:no-repeat;
	background-position: right top;
	padding:7px 5px 7px 0;
	float:left;
	}

.dataTable {
	background-image: url(../_images/data-table-bg.png);
	background-repeat:no-repeat;
	background-position: 1px 1px;
	font-family:Arial, Helvetica;
	color:#FFF;
}
.dataTable td {
	vertical-align:top;
	padding-left:5px;
	white-space: nowrap; /* enable the use of minus(-) in IE for numerical values */
	padding-right:5px;
}
.dataTable a {
	color:#FFF;
	text-decoration:underline;
}
.dataHeader {
	color:#FFF;
	height:39px;
}
.dataRowOne {
	vertical-align:bottom;
	height:30px;
}
.dataFirst {
	background-image: url(../_images/data-row-bg.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:38px;
	line-height:250%;
}
.dataLast {
	background-image: url(../_images/data-row-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:3px;
	height:38px;
	line-height:250%;
}
.data {
	height:35px;
	line-height:250%;
}
.dataRowHomeFirst {
    background-image: url(../_images/data-row-home-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
    height:35px;
	line-height:250% 
    }
.dataRowHomeOther {
    background-image: url(../_images/data-row-home-bg.png);
	background-repeat:no-repeat;
	background-position:-200px 0px;
    height:35px;
	line-height:250% 
    }    
.dataRowHomeLast {
    background-image: url(../_images/data-row-home-bg.png);
	background-repeat:no-repeat;
	background-position:right top;
    height:35px;
	line-height:250% 
    }


.dataTableBackgroundSelect {
    background-image: url(../_images/data-row-statement-bg.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	}

.SelectedRow a, .SelectedRow  {
    color:#D4FE07;
}
.textAlignRight { text-align:right;}    
.dataStatement {
	background-image: url(../_images/data-row-statement-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:35px;
	line-height:250%;
}
.dataStatementOverdue {
	background-image: url(../_images/data-row-statement-overdue-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:35px;
	line-height:250%;
}

/* Table row background image cross browser fix */

.dataStatementStatus {
	background-image: url(../_images/data-statement-status-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:35px;
	line-height:250%;
}
.dataStatementOverdueStatus {
	background-image: url(../_images/data-statement-status-overdue-bg.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:35px;
	line-height:250%;
}
.ourRefData {
	background-image: url(../_images/data-statement-status-bg.png);
	background-repeat:no-repeat;
	background-position:-110px 0px;
	height:35px;
	line-height:250%;
}
.ourRefDataOverdue {
	background-image: url(../_images/data-statement-status-overdue-bg.png);
	background-repeat:no-repeat;
	background-position:-110px 0px;
	height:35px;
	line-height:250%;
}
.dataTableBackground {
	background-image: url(../_images/data-statement-status-bg.png);
	background-repeat:no-repeat;
	background-position:-225px 0px;
	height:35px;
	line-height:250%;    
    }
.dataTableBackgroundOther {
	background-image: url(../_images/data-row-statement-bg.png);
	background-repeat:no-repeat;
	background-position:-100px 0px;
	height:35px;
	line-height:250%;    
    }    
.dataTableBackgroundAdditional {
	background-image: url(../_images/data-row-statement-bg.png);
	background-repeat:no-repeat;
	background-position:-250px 0px;
	height:35px;
	line-height:250%;    
    }
.dataTableNotesBackground, .dataTableToPayBackground  {
	background-image: url(../_images/data-statement-status-bg.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:35px;
	line-height:250%;      
    }
.dataOverdue {
	background-image: url(../_images/data-row-overdue-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:35px;
	line-height:250%;
}
.dataMoney  {
  text-align:right;
  padding:0px 8px 0px 0px;
  /*display:block*/
    }
.select {
	background-image:url(../_images/data-header-left-bg.png);
	background-repeat:no-repeat;
	width:51px;
	line-height:250%;
}
.statusStatement, .statusRemittance {
	width:100px;
	background-image:url(../_images/data-header-left-bg.png);
	background-repeat:no-repeat;
	padding-left:15px;
	line-height:250%;
}
.statusStatementData {
	width:100px;
	line-height:250%;
}
.statusStatement.sortUp {
	background-image:url(../_images/data-header-left-bg-up.png);
    background-position:top right;
}
.statusStatement.sortDown {
	background-image:url(../_images/data-header-left-bg-down.png);
    background-position:top right;
}

.sortUp
{
	background-image:url(../_images/up.png);
	background-repeat:no-repeat;
    background-position:top right;
}

.sortDown
{
	background-image:url(../_images/down.png);
	background-repeat:no-repeat;
 	background-position:top right;
}

.status {
	width:80px;
	background-color:#182E4D;
	line-height:250%;
}
.status a:hover {
	text-decoration:none;
}
.invoiceNumber {
	background-color:#182E4D;
	line-height:250%;
}
.invoiceAmount {
	background-color:#182E4D;
	line-height:250%;
}
.invoiceDate {
	background-color:#182E4D;
	line-height:250%;
}
.dueDate {
	background-color:#182E4D;
	line-height:250%;
}
.bookingRef {
	background-color:#182E4D;
	line-height:250%;
}
.agentRef {
	background-color:#182E4D;
	line-height:250%;
}
.passengerName {
	width:209px;
	background-color:#182E4D;
	line-height:250%;
}
.notes {
	background-image:url(../_images/data-header-right-bg.png);
	background-repeat:no-repeat;
	background-position:top right;
	line-height:250%;
}
.notesYes {
	background-image:url(../_images/notes-icon.png);
	background-repeat:no-repeat;
	background-position:center;
	padding:10px;
}


/*----- Statements - select and notes cascade -----*/


.ourRef, .date, .dueDate, .bookingRef, .agentRef, .passengerName, .currency, .total, .settled, .outstanding, .lastViewed {
	background-color:#182E4D;
	line-height:250%;
}
.outstandingRem {
	background-image:url(../_images/data-header-right-wide-bg.png);
	background-repeat:no-repeat;
	background-position:top right;
	line-height:250%;
}
.dataHeaderFirst {
	background-image:url(../_images/data-header-left-bg.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.dataHeaderLast {
	background-image:url(../_images/data-header-right-bg.png);
	background-repeat:no-repeat;
	background-position:top right;
}
.currency {
	background-color:#182E4D;
	text-align:center;
	line-height:250%;
}
.fourMonthsPlus {
	background-color:#182E4D;
	text-align:center;
	line-height:250%;
}
.threeMonths {
	background-color:#182E4D;
	text-align:center;
	line-height:250%;
	}
.twoMonths {
	background-color:#182E4D;
	text-align:center;
	line-height:250%;
	}
.oneMonth {
	background-color:#182E4D;
	text-align:center;
	line-height:250%;
	}
.current {
	background-color:#182E4D;
	text-align:center;
	line-height:250%;
	}
.notDue {
	background-color:#182E4D;
	text-align:center;
	line-height:250%;
	}
.totalDue {
	background-color:#182E4D;
	text-align:center;
	line-height:250%;
	}
#footer {
	background-image: url(../_images/function-bg.png);
	background-repeat:no-repeat;
	background-position:top;
	width:1000px;
	height:29px;
	float:left;
/*	position:relative; */ /*ie z-index issue to resolve pop up visibility */
	margin:30px 0 10px 0;
	padding: 4px 0 0 0;
}
.copyright {
    font-size:12px;
	color:#FFF;
	padding:0 0 0 10px;
	}
#footer a {
	font-size:12px;
	color:#FFF;
	padding:0 0 0 10px;
	line-height:180%;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#userGreeting {
	width:1000px;
	float:left;
	position:relative;
	margin:30px 0 0 0;
	background-image:url(../_images/home-transparent-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
}
.greeting {
	font-size:30px;
	font-weight:lighter;
	line-height:120%;
	color:#FFF;
	padding:0 0 15px 33px;
	display:block;
}	
#lastLogin {
	width:963px;
	float:left;
	position:relative;
	text-align:right;
	margin:28px 0 0 0;
	font-size:12px;
	color:#FFF;
}
#hello {
	width:1000px;
	float:left;
	position:relative;
}
#button {
	width:200px;
	float:left;
	position:relative;
	margin:0 0 55px 28px;
	display:inline; /* ie dbl margin bug fix */
}
.btnTick
{
    background-image:url(../_images/btnTick.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:28px;
	height:21px;
	display:block;
	text-decoration:none;
	margin:0px 0px 0px 6px
	}
.btnSelect  
{
    background-image:url(../_images/btnSelect.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:28px;
	height:21px;
	display:block;
	text-decoration:none;
	margin:7px 0px 0px 6px
	}
.btnSelect:hover { background-image:url(../_images/btnSelect.png);
	background-repeat:no-repeat;
	background-position:0px -21px;
	}
.btnSelected { background-image:url(../_images/btnSelect.png);
	background-repeat:no-repeat;
	background-position:0px -21px;
	width:28px;
	height:21px;
	display:block;
	text-decoration:none;
	margin:7px 0px 0px 6px
	}

.btnSelect2  
{
    background-image:url(../_images/btnSelect.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:28px;
	height:21px;
	display:block;
	text-decoration:none;
	margin:-1px 0px 0px 6px
	}
.btnSelect2:hover { background-image:url(../_images/btnSelect.png);
	background-repeat:no-repeat;
	background-position:0px -21px;
	}
.btnSelected2 { background-image:url(../_images/btnSelect.png);
	background-repeat:no-repeat;
	background-position:0px -21px;
	width:28px;
	height:21px;
	display:block;
	text-decoration:none;
	margin: -1px 0px 0px 6px;
	}
	
.btnSelectRemHistory  
{
    background-image:url(../_images/btnSelect.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:28px;
	height:21px;
	display:block;
	text-decoration:none;
	margin:0px 0px 0px 6px
	}
.btnSelectRemHistory:hover { background-image:url(../_images/btnSelect.png);
	background-repeat:no-repeat;
	background-position:0px -21px;
	}
.btnSelectedRemHistory { background-image:url(../_images/btnSelect.png);
	background-repeat:no-repeat;
	background-position:0px -21px;
	width:28px;
	height:21px;
	display:block;
	text-decoration:none;
	margin:0px 0px 0px 6px
	}

.btnCurrency {
	   background-image:url(../_images/btnCurrency.png);
	   width:25px;
	   height:21px;
	   display:block; 
	   float:left;
	   margin:0px 0px 0px 4px;
	   text-align:center;
	   }
.btnNext, .btnPrevious, .btnNextDisabled, .btnPreviousDisabled, .btnGo {
        width:30px;
	    height:21px;
	    display:inline; 
	    margin: 0 0 0 5px;
		float:left;
}
.btnNext, .btnNextDisabled {
margin-right:5px;
}
	   
.btnNext{background-image:url(../_images/btn-next.png); }
.btnPrevious{background-image:url(../_images/btn-previous.png);}

.btnNextDisabled{background-image:url(../_images/btn-next-disabled.png); }
.btnPreviousDisabled{background-image:url(../_images/btn-previous-disabled.png);}

.btnGo {background-image:url(../_images/btn-go-text.png);}

.btnGreen {
         display:block;
         background-image: url(../_images/btn-green-left.png);
         background-position:left;
         background-repeat: no-repeat;
         float:left;
		 margin-left:5px;
}

.btnGreen em {
         display:block;
         background-image: url(../_images/btn-green-right.png);
         background-position:right;
         background-repeat: no-repeat;
}

.btnGreen a {
        margin:0px 6px 0px 6px;
        padding:6px;
        display:block;
       background-image: url(../_images/btn-green-centre.png);
        background-position:center;
        background-repeat: repeat-x;
        text-decoration:none;
        vertical-align:middle;
        font-style:normal;
        font-size:14px;
		color:#1B3150;
}
.btnGrey {
         display:block;
         background-image: url(../_images/btn-grey-left.png);
         background-position:left;
         background-repeat: no-repeat;
         float:left;
		 margin-left:5px;
}

.btnGrey em {
         display:block;
         background-image: url(../_images/btn-grey-right.png);
         background-position:right;
         background-repeat: no-repeat;
}

.btnGrey a {
        margin:0px 6px 0px 6px;
        padding:6px;
        display:block;
       background-image: url(../_images/btn-grey-centre.png);
        background-position:center;
        background-repeat: repeat-x;
        text-decoration:none;
        vertical-align:middle;
        font-style:normal;
        font-size:14px;
		color:#CCCCCC;
}
.btnBlue, .btnBlueLogin  {
         display:block;
         background-image: url(../_images/btn-remittance-left.png);
         background-position:left;
         background-repeat: no-repeat;
         float:left;
		 margin:0 0 0 30px;
}
.btnBlueLogin {margin:0;}



.btnBlue em, .btnBlueLogin em {
         display:block;
         background-image: url(../_images/btn-remittance-right.png);
         background-position:right;
         background-repeat: no-repeat;
         padding :2px 0px 2px 0;
}
.btnBlue a, .btnBlueLogin a {
        margin:3px 5px 3px 5px; 
        padding:5px 0 5px 0;
        display:block;
        background-image  : url(../_images/btn-remittance-centre.png);
        background-position:center;
        background-repeat: repeat-x;
        text-decoration:none;
        vertical-align:middle;
        font-style:normal;
        font-size:14px;
        color:#FFFFFF;
}
.btnFormOn{
         display:block;
         background-image: url(../_images/btn-remittance-left.png);
         background-position:left;
         background-repeat: no-repeat;
         float:left;
		 margin:10px 0 20px 5px;
}
.btnFormOn em {
         display:block;
         background-image: url(../_images/btn-remittance-right.png);
         background-position:right;
         background-repeat: no-repeat;
         padding :2px 0px 2px 0;
}
.btnFormOn a {
        margin:3px 5px 3px 5px; 
        padding:5px 0 5px 0;
        display:block;
        background-image  : url(../_images/btn-remittance-centre.png);
        background-position:center;
        background-repeat: repeat-x;
        text-decoration:none;
        vertical-align:middle;
        font-style:normal;
        font-size:14px;
        color:#FFFFFF;
}
.btnFormOff {
         display:block;
         background-image: url(../_images/btn-form-off-left.png);
         background-position:left;
         background-repeat: no-repeat;
         float:left;
		 margin:10px 0 0 10px;
}
.btnFormOff em {
         display:block;
         background-image: url(../_images/btn-form-off-right.png);
         background-position:right;
         background-repeat: no-repeat;
         padding :2px 0px 2px 0;
}
.btnFormOff a {
        margin:3px 5px 3px 5px; 
        padding:5px 0 5px 0;
        display:block;
        background-image  : url(../_images/btn-form-off-centre.png);
        background-position:center;
        background-repeat: repeat-x;
        text-decoration:none;
        vertical-align:middle;
        font-style:normal;
        font-size:14px;
		color:#FFFFFF;
}
.btnRed{
         display:block;
         background-image: url(../_images/btn-red-left.png);
         background-position:left;
         background-repeat: no-repeat;
         float:left;
		 margin-left:5px;
}

.btnRed em {
         display:block;
         background-image: url(../_images/btn-red-right.png);
         background-position:right;
         background-repeat: no-repeat;
}

.btnRed a {
        margin:0px 6px 0px 6px;
        padding:6px;
        display:block;
       background-image: url(../_images/btn-red-centre.png);
        background-position:center;
        background-repeat: repeat-x;
        text-decoration:none;
        vertical-align:middle;
        font-style:normal;
        font-size:14px;
		color:#FFFFFF;
}

.btnCurrencySelect {
         display:block;
         background-image: url(../_images/btn-currency-left.png);
         background-position:left;
         background-repeat: no-repeat;
         float:left;
		 margin-left:5px;
		 margin-top:4px;
}

.btnCurrencySelect em {
         display:block;
         background-image: url(../_images/btn-currency-right.png);
         background-position:right;
         background-repeat: no-repeat;
}

.btnCurrencySelect a {
        margin:0px 6px 0px 6px;
        padding:2px;
        display:block;
        background-image: url(../_images/btn-currency-centre.png);
        background-position:center;
        background-repeat: repeat-x;
        text-decoration:none;
        vertical-align:middle;
        font-style:normal;
        font-size:14px;
		color:#FFFFFF;
}
.btnCurrencySelect img {
	position:absolute;
	top:4px;
}
#divTop {
    /*height:7px; for full curve */
	height:3px;
	background-image:url(../_images/divTop.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin:0px;
	padding:0px;
}
#divBtm {
    /*height:7px; for full curve */
	height:3px;
	background-image:url(../_images/divBtm.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:0px;
}

.fieldHeader {color:#FFFFFF;}
.fieldHeaderError {color:#FF0000}


#loginRegisterEtcWrapper {
    position:absolute;
	top:105px;
	left:250px;
	width:450px;
    }

#loginRegisterEtcErrorWrapper {
    position:relative;
	width:450px;
    background-color:#FF0000;
	margin-bottom:1px;
	padding:3px 0;
    
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(border-radius.htc);	
    }
	
#loginRegisterEtcConfirmationWrapper {
    position:relative;
	width:450px;
    background-color:#66CC33;
	margin-bottom:1px;
	padding:3px 0;
    
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(border-radius.htc);	
    }

#loginRegisterEtcErrorWrapper ul, #loginRegisterEtcConfirmationWrapper ul  {
	list-style-position:outside;
	/*list-style:none;*/
	padding:0px;
	margin: 0 0 0 20px;
	line-height:100%;
}
#loginRegisterEtcErrorWrapper li, #loginRegisterEtcConfirmationWrapper li {
	color:#FFFFFF; 
	padding:5px;
}
#welcomeNavLogin .header, #welcomeNavRegister .header, #welcomeNavAccomodation .header, #arrival .header {
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	line-height:0px;
	color:#FFFF00;
	margin:15px 0 15px 0;
	/*margin:13px 0 15px 0; for webkit (safari, chrome) target later*/
	/*margin-left:100px;*/
	text-indent:100px;
}
a #welcomeNavLogin, a #welcomeNavRegister, a #welcomeNavAccomodation, a #arrival {text-decoration:none; cursor:hand;} /*visited state does not work in Safari/Chrome - security issue*/

/*#welcomeNavLogin a:link, #welcomeNavLogin a:active, #welcomeNavLogin a:hover,  #welcomeNavLogin a:visited  {text-decoration:none;}*/

#login .header, #register .header, #passwordReset .header, #register .header {
	margin-left:50px;
}
/*#welcomeNavRegister .header, #welcomeNavAccomodation .header {
	line-height:120%;
}*/
#welcome .header {
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	line-height:150%;
	color:#FFFF00;
	margin-left:50px;
}
#welcome p {
	margin:20px 0 0 0;
}
.header{
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	line-height:150%;
	color:#FFFF00;
}
.header a {
	text-decoration:none;
	color:#FFFF00;
}
.strap {	
	font-size:14px;
	color:#FFFFFF;
	line-height:50%;
	margin-left:50px;
}

.loginRegisterAccomodationText {
    margin:0;
    padding:0;
  	font-size:14px;
	color:#FFFFFF;
	/*line-height:0;*/
	text-indent:100px;  
    }
.whiteBodyCopyReset {
	font-size:14px;
	color:#FFFFFF;
	line-height:130%;
	margin-left:50px;
}
.whiteBodyCopy {
	font-size:14px;
	color:#FFFFFF;
	line-height:130%;
	margin-left:100px;
}
/*.whiteBodyCopy a:link, .whiteBodyCopy a:active, .whiteBodyCopy a:hover, .whiteBodyCopy a:visited {
	text-decoration:none;
	color:#FFFFFF;
	}
*/

.submitButton {
	height:25px;
	border:0px solid #333333;
	background-color:#1A74C6;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}
.closeButton {
	height:25px;
	border:0px solid #333333;
	background-color:#FF0000;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}
#userDetails {
	z-index:1;
	z-index:3; /*remove once built*/
	position:absolute;
	top:100px;
	left:100px;
	width:430px;
	height:500px;
	background-color:#1A74C8;
	border:1px solid #FFFFFF;
	padding:15px 10px 10px 10px;	
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#FFFFFF;

}
#userDetails td, #login td, #register td, #passwordReset td {
	height:45px;
}
#userDetails input, #login input, #register input, #passwordReset input {
	width:200px;
	height:19px;
	margin-right:20px;
	border:1px solid #1A74C8;
	}
#login input.submitButton {
	width:200px;
	height:19px;
	margin:10px 20px 0 0;
	border:1px solid #1A74C8;
}
#login .checkbox input {
	width:15px;
	height:15px;
	border:1px solid #213150;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}
.keepMeLoggedIn {
	color:#FFFFFF;
}
#login td.spacer {
	height:5px;
}
#userDetails input.username, #login input.username {
	border:1px solid #CCCCCC;	
	background-color:#1A74C8;
	color:#CCCCCC;
}
#login input.submitButton, #userDetails input.submitButton, #register input.submitButton {
	width:70px;
	height:25px;
	background-color:#1A74C6;
	color:#FFFFFF;
	text-indent:0px;
}
#passwordReset input.submitButton {
	width:150px;
	height:25px;
}

#login input.closeButton, #userDetails input.closeButton, #register input.closeButton {
	width:70px;
	height:25px;
	border:0px solid #1A74C8;
	background-color:#FF0000;
	color:#FFFFFF;
	text-indent:0px;
}
#loginWrapper {
       position:relative;
       float:left;
      width:450px; /*should  be 430px*/
      margin-top:1px;
}
#login {
	background-image:url(../_images/login.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
	width:430px;
	height:170px;
	background-color:#051F42;
	padding:0px 10px 23px 10px;	
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
#login a {
	color:#FFFFFF;
}
#passwordResetWrapper {
	position:relative;
	float:left;
	width:450px;
	margin-top:1px;
}
#passwordReset {
	background-image:url(../_images/password-reset.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
	width:430px;
	height:150px;
	background-color:#051F42;
	padding:0px 10px 10px 10px;	
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#FFFFFF;	
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(border-radius.htc);
}
#welcomeWrapper {
	width:450px;
	position:relative;
	float:left;
	clear:left;
	z-index:1;
}
#welcome {
	background-image:url(../_images/welcomeNavInfo.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
	width:430px;
	position:relative;
	background-color:#051F42;
	padding:5px 10px 10px 10px;	
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
#welcomeNavWrapper {
	position:relative;
	float:left;
	width:450px;
	margin:1px 0 0 0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#FFFFFF;	
}
#welcomeNavLogin {
	background-image:url(../_images/welcome-nav-login.png);
	background-repeat:no-repeat;
	background-position:left;
	width:450px;
	height:48px;
	background-color:#051F42;
	position:relative;
	float:left;
	margin-bottom:1px;
	padding:5px 0;	
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(border-radius.htc);
}
#welcomeNavRegister {
	background-image:url(../_images/welcome-nav-register.png);
	background-repeat:no-repeat;
	background-position:left;
	width:450px;
	height:48px;
	background-color:#051F42;
	position:relative;
	float:left;
	margin-bottom:1px;
	padding:5px 0;	
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(border-radius.htc);
}
/*#welcomeNavRegister a:link, #welcomeNavRegister a:visited {
    text-decoration:none;
	color:#FFFFFF;
}*/



#welcomeNavAccomodation {
	background-image:url(../_images/welcome-nav-accomodation.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:450px;
	height:48px;
	background-color:#051F42;
	position:relative;
	float:left;
	padding:5px 0;
	margin:0px;	
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(border-radius.htc);
}
#arrivalWrapper /*nav back to home*/{
	position:relative;
	float:left;
	width:450px;
	margin-bottom:1px;
}
#arrival {
	background-image:url(../_images/welcome-nav-arrivals.png);
	background-repeat:no-repeat;
	background-position:left;
	width:450px;
	height:48px;
	background-color:#051F42;
	position:relative;
	float:left;
	padding:5px 0;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(border-radius.htc);
}
#registerWrapper {
	position:relative;
	float:left;
	width:450px;
	margin:1px 0 20px 0;
}
#register {
	background-image:url(../_images/register.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
	width:430px;
	background-color:#051F42;
	padding:0px 6px 10px 14px;	
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
#register p a {color:#FFFFFF; text-decoration:underline; line-height:100%; margin:0; padding:0;}
#registerWrapper .tickBox input {width:20px; border:none; vertical-align:middle;}

#mediumTop {
    width:370px;
    height:20px;
    position:relative;
    float:left;
    background-image:url(../_images/medium-top-bg.png);
   	background-repeat:no-repeat;
    margin:0;
    }
#mediumMid {
    width:370px;
    position:relative;
    float:left;
    background-image:url(../_images/medium-mid-bg.png);
   	background-repeat:repeat-y;
    margin:0;
    }
#mediumBtm {
    width:370px;
    height:20px;
    position:relative;
    float:left;
    background-image:url(../_images/medium-btm-bg.png);
   	background-repeat:no-repeat;
    margin:0;
    }

/* 
-----------------------------------------------------------
Invoice pop up
-----------------------------------------------------------
*/
/* See #InvoicePop   _css/Additional.css 

#invoicePop {
	width:638px;
	margin:0 auto; 
	position:relative;
    margin-top:100px;
	z-index:99;
}*/
#invoiceFunctionWrapper, #invoiceFunctionWrapperRemittance, #invoiceFunctionWrapperStatement {
	background-color:#F1F1F1;
	border:1px solid #CCCCCC;
	padding:5px 0;
	margin:0 0 0 20px;
	max-width:215px;
	}
 #invoiceFunctionWrapperRemittance {
	width:59px;
	}
 #invoiceFunctionWrapperStatement {
	max-width:100px;
	}
		
	
	
	
#invoicePop table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	/*background-color:#CC9900;*/
}
#invoicePop table.btm {
}
.invoiceTable {
	background-image:url(../_images/invoice-middle.png);
	background-position:center top;
	background-repeat:repeat-y;
}
.invoiceData {
	background-image:url(../_images/invoice-middle.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 0 0 10px;
}
.invoiceAddress {
	margin:0 0 0 10px;
}
.invoiceTable td {
	padding:5px;
}
.invoiceData td {
	padding:5px;
}
.invoiceTitle {
	font-size:24px;
	font-weight:bold;
}
.invoiceTotal {
	font-weight:bold;
	font-size:16px;
}
.invoiceFieldHeaders {
	font-weight:bold;
}
.invoiceTableCurveTop {
	background-image:url(../_images/invoice-top-curve.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.invoiceTableBtm {
	margin-bottom:50px;
}
.invoiceTableCurveBtm {
	background-image:url(../_images/invoice-btm-curve.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin-bottom:50px;
}
.invoiceFunctionText {
	color:#000000;
	font-size:11px;
}
.borderBtm {
    width:100px;
    margin-left:9px;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
.invoiceClose {
	margin-left:598px;
	margin-top:5px;
}
/* 
-----------------------------------------------------------
Print or Export
-----------------------------------------------------------
*/
#printExport {
	width:270px; 
	top:18px;
	left:0px;
	position:absolute;
	z-index:10;
}
#printExport table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
}
.printExportTable {
	background-color:#FFFFFF;
}
.printExportTable td {
	padding:5px;
    width: 224px;
}
.exportFileFormat {
	margin:5px 0px 0px 5px;
}
.printExportTableCurveTop {
	background-image:url(../_images/print-export-top-btm-curve.png);
	background-position:left 10px;
	background-repeat:no-repeat;
}
.printExportTableCurveBtm {
	background-image:url(../_images/print-export-top-btm-curve.png);
	background-position:left -10px;
	background-repeat:no-repeat;
	margin-bottom:50px;
}
#print {
	height:50px;
	border-left-color:#CCCCCC;
	border-left-style:dotted;
	border-left-width:1px;
	padding-top:20px;
}


#printOrExportContent {
	background-color:#FFFFFF;
	margin-left:5px;
}
#printExportClose 
{
    top:15px;
    left:180px;
    position:absolute;
    z-index:11;
    }

/* 
-----------------------------------------------------------
Currency
-----------------------------------------------------------
*/
#currencySelect {
	width:200px;
	top:18px;
	left:0px;
	position:absolute;
	z-index:10;
}

#currencySelect2
{
	width:300px; 
	margin:25px 0px 0px 0px;
	padding:10px;
	position:absolute;
	z-index:10;
	left:25px;
}

#currencySelect2Top
{
    background-image:url(../_images/currency-select-bg-top.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:16px;
}

#currencySelect2Mid
{
    background-image:url(../_images/currency-select-bg-mid.png);
	background-position:left top;
	background-repeat:repeat-y;
	padding-left:10px;
}

#currencySelect2Btm
{
    background-image:url(../_images/currency-select-bg-btm.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:16px;
}

#currencySelectClose 
{
    top:15px;
    left:180px;
    position:absolute;
    z-index:11;
    }


#currencySelectStatements {
	width:200px; 
	margin:18px 0px 0px 194px;
	position:absolute;
	z-index:10;
}
#currencySelectInvoices {
	width:200px; 
	margin:18px 0px 0px 194px;
	position:absolute;
	z-index:10;
}
#currencySelectRemittances {
	width:200px; 
	margin:18px 0px 0px 194px;
	position:absolute;
	z-index:10;
}
.currencySelect {
	background-color:#FFFFFF;
}
.currencySelectTableCurveTop {
	background-image:url(../_images/print-export-top-btm-curve.png);
	background-position:left 10px;
	background-repeat:no-repeat;
	display:table;
}
.currencySelectTableCurveBtm {
	background-image:url(../_images/print-export-top-btm-curve.png);
	background-position:left -10px;
	background-repeat:no-repeat;
	margin-bottom:50px;
	display:table;
}
#currencySelect ul {
	list-style-type:none;
	padding:0px;
	margin: 0px 0px 0px 5px;
}
#currencySelect li {
	height:30px;
	text-indent:30px;
	line-height:220%;
}
#currencySelect li a {
	text-decoration:none;
	color:#1B3150;
}
#currencySelect li .btnCurrency {
	color:#333333;
	text-decoration:none;
	background-color:transparent;
}

#currencySelect li .btnCurrency:hover {
	background-image:url(../_images/currency-hover.png);
	background-position:25px center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
}

#currencySelect2 ul {
	list-style-type:none;
	padding:0px;
	margin: 0px 0px 0px 5px;
}
#currencySelect2 li {
	height:30px;
	text-indent:30px; /*for when currency flag added */
	line-height:220%;
}
#currencySelect2 li a {
	text-decoration:none;
	color:#1B3150;
}
#currencySelect2 li .btnCurrency {
	color:#333333;
	text-decoration:none;
	background-color:transparent;
}

#currencySelect2 li .btnCurrency:hover {
	background-image:url(../_images/currency-hover.png);
	background-position:25px center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
}
/*to be removed when CurrencySelect2 is replaced with 1 */
.currencyConvertLi   {
    background-color:#F5F5F5;
    }
.all {
	background-image:url(../_images/currency/all.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.aud {
	background-image:url(../_images/currency/AUD.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.brl {
	background-image:url(../_images/currency/BRL.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.cad{
	background-image:url(../_images/currency/CAD.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.chf{
	background-image:url(../_images/currency/CHF.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.cny{
	background-image:url(../_images/currency/CNY.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.dkk{
	background-image:url(../_images/currency/dkk.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.eur{
	background-image:url(../_images/currency/EUR.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.eur-big {
	vertical-align:middle;
	margin-left:15px; 
	padding:1px 0px;
}
.gbp {
	background-image:url(../_images/currency/GBP.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.gbp-big {
	background-image:url(../_images/currency/GBP-big.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.inr {
	background-image:url(../_images/currency/INR.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.isk {
	background-image:url(../_images/currency/ISK.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.jpy {
	background-image:url(../_images/currency/JPY.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.krw {
	background-image:url(../_images/currency/KRW.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.nok {
	background-image:url(../_images/currency/NOK.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.nzd {
	background-image:url(../_images/currency/NZD.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.pln {
	background-image:url(../_images/currency/PLN.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.rub {
	background-image:url(../_images/currency/RUB.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.rub-big {
	background-image:url(../_images/currency/RUB-big.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.sgd {
	background-image:url(../_images/currency/SGD.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.sgd-big {
	background-image:url(../_images/currency/SGD-big.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.sek{
	background-image:url(../_images/currency/SEK.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.try {
	background-image:url(../_images/currency/TRY.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.usd {
	background-image:url(../_images/currency/USD.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.usd-big {
	background-image:url(../_images/currency/USD-big.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.zar {
	background-image:url(../_images/currency/ZAR.png);
	background-position:left center;
	background-repeat:no-repeat;
}
/* 
-----------------------------------------------------------
Notes
-----------------------------------------------------------
*/

#notesWrapper, #termsAndConditionsWrapper {
		top:50px;
		left:250px;
		position:absolute;
		float:left;
		width:587px;
		height:570px;
		background-image:url(../_images/notes-wide-bg.png);
		background-repeat:no-repeat;
		z-index:101;
}
#termsAndConditionsWrapper {
    	top:110px;
    	left:180px;
}
#notesInternalTop {
	width:370px;
	margin: 20px 0 0 19px;
	padding:5px 5px 0 5px;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}
#termsAndConditionsTop {
	width:390px;
	margin: 20px 0 0 19px;
	padding:5px 5px 0 5px;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}


#notesInternalWrapper, #termsAndConditionsInternalWrapper {
    width:560px;
	height:300px;
	margin:0 10px 0 5px;
	overflow-y: auto;
	overflow-x: hidden; 
}
#notesInternal, #termsAndConditionsInternal {
	width:500px;
	margin: 10px 0 3px 19px;
	padding:10px 5px;
	background-color:#F5F5F5;
	border:1px solid #DBDBDB;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}
#termsAndConditionsInternalWrapper p {margin-left:20px;}    
.notesTravcoUser {
    float:left;
    clear:left;
    text-indent:20px;
    font-size:11px;
    color:#1976CA;
    }
.notesExternalUser {
    float:left;
    clear:left;
    text-indent:20px;
    font-size:11px;
    color:#CCCCCC;
    }
    
/* 
-----------------------------------------------------------
Remittance
-----------------------------------------------------------
*/
.remittanceStepDescription {
	width:510px;
	float:left;
	position:relative;
	margin:0 0 0 360px;
	float:left;
	padding:2px 5px;
}
.remittanceStepDescription p {
	font-size:11px;
	margin:0;
	padding:0;
}
.remittanceNav {
	width:642px;
	float:left;
	position:relative;
	margin:3px 0 0 180px;
	padding:0;
	display:inline; /* ie dbl margin bug fix */
}
.remittanceNav ul { margin:0; padding:0;}
.remittanceNav li {
	float: left;
	list-style: none;
	/* see _css/ie6.css */
}
.remittanceNav li a {
	    background-repeat:no-repeat;
		padding:7px 15px 0 25px;
		margin:0 0 0 5px;
	    height:35px;
	    font-size:12px;
		line-height:90%;
	    text-decoration:none;
		display:block;
	    position:relative;
	    color:#FFFFFF;
        text-align:left;
}
.remittanceNav li a.remBlank { 
       background-image:url(../_images/btn-remittance-step-blank-off.png);
        margin:0px;
}
.remittanceNav li a.remOne { 
       background-image:url(../_images/btn-remittance-step-1-off.png);
        margin:0px;
}
.remittanceNav li a.remTwo {
		background-image:url(../_images/btn-remittance-step-2-off.png);
		padding:7px 28px 0 25px;
}
.remittanceNav li a.remThree {
		background-image:url(../_images/btn-remittance-step-3-off.png);
		padding:7px 15px 0 25px;
}
.remittanceNav li a.remFour {
		background-image:url(../_images/btn-remittance-step-4-off.png);
		padding:7px 35px 0 35px;
}
.remittanceNav li a.remHistory{
		background-image:url(../_images/btn-remittance-history-off.png);
		padding:7px 30px 0 30px;
}
.remittanceNav li .remBlank:hover, .remittanceNav li .remBlankOn, .remittanceNav li .remBlankOn:hover {
		background-image:url(../_images/btn-remittance-step-blank-on.png);
		color:#1B3150;
		margin-left:0px;
}
.remittanceNav li .remOne:hover, .remittanceNav li .remOneOn, .remittanceNav li .remOneOn:hover {
		background-image:url(../_images/btn-remittance-step-1-on.png);
		color:#1B3150;
		margin-left:0px;
}
.remittanceNav li .remTwo:hover, .remittanceNav li .remTwoOn, .remittanceNav li .remTwoOn:hover {
		background-image:url(../_images/btn-remittance-step-2-on.png);
		padding:7px 28px 0 25px;
		color:#1B3150;
}
.remittanceNav li .remThree:hover,.remittanceNav li .remThreeOn, .remittanceNav li .remThreeOn:hover {
		background-image:url(../_images/btn-remittance-step-3-on.png);
		padding:7px 15px 0 25px;
		color:#1B3150;
}
.remittanceNav li .remFour:hover, .remittanceNav li .remFourOn, .remittanceNav li .remFourOn:hover {
		background-image:url(../_images/btn-remittance-step-4-on.png);
		padding:7px 35px 0 35px;
		color:#1B3150;
}
.remittanceNav li .remHistory:hover, .remittanceNav li .remHistoryOn, .remittanceNav li .remHistoryOn:hover  {
		background-image:url(../_images/btn-remittance-history-on.png);
		padding:7px 30px 0 30px;
		color:#1B3150;
}

				
.remittanceNav li a:hover {
	background-image:url(../_images/btn-remittance-hover.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
}	
.remittanceNav li a.remittanceNavOn {
	background-image:url(../_images/main-nav-on.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
}
.remittanceStepDescription {}

#uploadRemittance {
    background-image: url(../_images/upload-remittance-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:200px;
	float:left;
	padding:4px 5px;
}
#downloadRemittance {
	width:240px; 
	float:left;
	position:relative;
	margin:0;
}
#remittanceHistoryHeader {
	font-size:16px;
	line-height:25px;
	color:#FFFFFF;
}
.remittanceHistoryData {
/*	background-image: url(../_images/data-row-remittance-history-bg.png);
	background-repeat:no-repeat;
	background-position:left top;*/
	height:35px;
	line-height:100%;
}
.remittanceHistoryDataSelect {
    background-image: url(../_images/data-row-remittance-history-bg.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:35px;
	line-height:100%;    
    }
.remittanceHistoryDataOther {
    background-image: url(../_images/data-row-statement-bg.png);
	background-repeat:no-repeat;
	background-position:-300px 0px;
	height:35px;
	line-height:100%;    
    }
.remittanceHistoryDataAdditional {
    background-image: url(../_images/data-row-statement-bg.png);
	background-repeat:no-repeat;
	background-position:-150px 0px;
	height:35px;
	line-height:100%;    
    }
.remittanceHistoryDataNotes {
    background-image: url(../_images/data-row-remittance-history-bg.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:35px;
	line-height:100%;    
    }
.dataTableBackgroundSelect {
    background-image: url(../_images/data-row-statement-bg.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	}


.dataTableBackground {
	background-image: url(../_images/data-statement-status-bg.png);
	background-repeat:no-repeat;
	background-position:-225px 0px;
	height:35px;
	line-height:250%;    
    }
.dataTableBackgroundOther {
	background-image: url(../_images/data-row-statement-bg.png);
	background-repeat:no-repeat;
	background-position:-100px 0px;
	height:35px;
	line-height:250%;    
    }    
.dataTableBackgroundAdditional {
	background-image: url(../_images/data-row-statement-bg.png);
	background-repeat:no-repeat;
	background-position:-250px 0px;
	height:35px;
	line-height:250%;    
    }
.dataTableNotesBackground, .dataTableToPayBackground  {
	background-image: url(../_images/data-statement-status-bg.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:35px;
	line-height:250%;      
    }























.remittedDate {
    padding:0 10px 0 150px;
}
.notesHistoryBatchYes {
	float:right;
	margin:1px 10px 0 0;
    }

.downloadRemittanceHistoryBatch {
	padding:0;
	margin:10px 0 0 10px;
    }
.btnUploadRemittance {}
.btnDownloadRemittancePreview {}
.remittanceHistoryCurrency {
	margin: 0 0 0 5px;
	padding: 0;
}
.remittanceHistoryCurrencyTotal {
    margin-left:550px;
}
#jumpToCurrency {
    background-image: url(../_images/currency-jump-bg.png);
    background-position:left;
    background-repeat: no-repeat;
	position:relative;
	width:240px; 
	height:35px;
	float:left;
	padding-top:7px;
}

#currencyHeaderWrapper {
	width:100%;
	position:relative;
	float:left;
	clear:left;
	margin-bottom:31px;
}
#currencyHeaderWrapper2 {
	width:100%;
	position:relative;
	float:left;
	clear:left;
	margin-bottom:31px;
}
#currencyHeader {
	background-image:url(../_images/btn-currency-header-background.png);
    background-repeat: no-repeat;
	background-position:left 3px;
	font-size:16px;
	color:#FFFFFF;
	padding-top:3px;
}
.remittanceExpand, .remittanceCollapse {
	float:right;
	margin:0 5px 0 0;
	display:inline;
}

.remittanceCurrency {
	margin: 0 0 0 5px;
	padding: 0;
}

.remittanceCurrencyTotal {
   margin-left:0px;

}



/*----------------------------*/
.curved {
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(~/border-radius.htc);
}

.remittanceHeaderText {
                font-size:14px;
                font-weight:bold;
                color:#333333;
                line-height:100%;
				margin:0 0 0 5px;
				padding:0;
}
.largeText {
                font-size:24px;
                color:#333333;
                line-height:130%;
				margin:0;
				padding:0 0 0 5px;
}
.remittanceLargeText {
                font-size:24px;
                color:#333333;
                line-height:130%;
				margin:0;
				padding:0;
}
.largePopUpText {
                font-size:24px;
                color:#333333;
                line-height:130%;
				margin:0;
				padding:0 0 0 30px;			
			}
.largePopUpTextOther {
                font-size:24px;
                color:#333333;
				margin:0;
				padding:0;			
			}				
			
.closeWindow {
	float:right;
/*	margin:0 0 30px 0;*/
	margin:0;
}
#closeWindow {
    position:relative;
    margin:0;   
    }
#closeWindowExpand {
    position:absolute;
    top:0;
    left:348px;
    margin:0;
    z-index:102;   
    }
#closeWindowExpandTwo 
{
    position:absolute;
    left:467px;
    z-index:102;   
    }
a.convertPopup {
     color:#fff;   
    }


/*------------------- Wrappers ----------------*/
#remittanceWrapperWide {
	width:620px;
	background-image:url(../_images/remittance-wide-bg.png);
    background-repeat:no-repeat;
}
#remittanceWrapperMedium {
	width:373px;
	background-image:url(../_images/remittance-medium-bg.png);
    background-repeat:no-repeat;
}
#remittanceWrapperSmall {
	width:220px;
	background-image:url(../_images/remittance-small-bg.png);
    background-repeat:no-repeat;
}
#remittanceInternalWide p, #remittanceInternalWideTop p, #remittanceInternalMedium p, #remittanceInternalMediumTop p, #remittanceInternalSmall p, #remittanceInternalSmallTop p {
    font-size:12px;
    line-height:120%;
	margin:2px 0 0 5px;
}
/*--------------- Internal Grey Boxes ---------------*/
#remittanceInternalWideTop {
	width:570px;
	margin:20px 0 0 19px;
	padding:5px 5px;
	background-color:#F5F5F5;
	border:1px solid #DBDBDB;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}
#remittanceInternalWide {
	width:570px;
	margin: 20px 0 0 19px;
	padding:5px 5px;
	background-color:#F5F5F5;
	border:1px solid #DBDBDB;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}
#remittanceInternalMediumTop {
	width:320px;
	margin: 0 0 0 19px;
	padding:10px 5px;
	background-color:#F5F5F5;
	border:1px solid #DBDBDB;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}
#remittanceInternalMedium {
	width:320px;
	margin: 10px 0 0 19px;
	padding:10px 5px;
	background-color:#F5F5F5;
	border:1px solid #DBDBDB;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}
#remittanceInternalSmallTop {
	width:170px;
	float:left;
/*	margin: 30px 0 0 19px;*/
	margin: 10px 0 0 19px;
	padding:5px 5px 5px 5px;
	background-color:#F5F5F5;
	border:1px solid #DBDBDB;
	display:inline; /* ie dbl margin bug fix */	
}
#remittanceInternalSmall {
	width:170px;
	margin: 10px 0 0 19px;
	padding:5px 5px;
	background-color:#F5F5F5;
	border:1px solid #DBDBDB;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}
/*--- Input fields ---*/

textarea {
    resize:none; /* hide drag handles in firefox */
}

.inputBody {
	font-family:Arial, Helvetica;
    font-size:14px;
    overflow-y:auto;
    border:1px solid #DBDBDB;
    }
.inputOff {
	color:#CCCCCC;
}
#remittanceInputSingleWide{
	width:550px;
	margin:0 0 10px 3px;
	padding:5px 5px;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}
#remittanceInputMultiWide{
	width:550px;
	margin:5px 0 10px 3px;
	padding:5px 5px;
	float:left;
	display:inline; /* ie dbl margin bug fix */

}
#queryInputMultiWide{
	width:550px;
	margin:5px 0 10px 3px;
	padding:5px 5px;
	float:left;
	margin-top:20px;
	display:inline; /* ie dbl margin bug fix */
}
#remittanceInputSingleMedium, #accountInputSingleMedium {
	width:300px;
	margin:5px 0 10px 3px;
	padding:5px 5px;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}
#remittanceInputMultiMedium {
	width:300px;
	margin:5px 0 10px 3px;
	padding:5px 5px;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}
.inputSmall {width:150px;}
.inputMedium {width:300px;}
.inputWide {width:500px;}

#remittanceInputSingleSmall {
	margin:10px 0 10px 3px;
	padding:5px 5px;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}
#remittanceInputMultiSmall {
	width:150px;
	margin:0 0 10px 3px;
	padding:5px 5px;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}

/*------------------ Buttons ------------------*/
.addRemoveBtn {	
	padding:0 0 0 5px;
}
.addFile {
/*	vertical-align:super; */
	padding-left:5px;
}
.removeFile {
	line-height:40px;
	vertical-align:super;
	padding-left:5px;
}
.uploadLimit {padding-left:50px; color:#666666;}


.bigGreenButton {
         display:block;
         background-image: url(../_images/btn-big-green-left.png);
         background-position:left;
         background-repeat: no-repeat;
         float:left;
		 margin:10px 0 0 30px;
		 display:inline;
}
.bigGreenButton em {
         display:block;
         background-image: url(../_images/btn-big-green-right.png);
         background-position:right;
         background-repeat: no-repeat;
}
.bigGreenButton a {
        margin:0px 10px 0px 10px;
        padding:10px 5px;
        display:block;
        background-image: url(../_images/btn-big-green-centre.png);
        background-position:center;
        background-repeat: repeat-x;
        text-decoration:none;
        vertical-align:middle;
        font-style:normal;
        font-size:18px;
		color:#1B3150;
}
.bigGreyButton {
         display:block;
         background-image: url(../_images/btn-big-grey-left.png);
         background-position:left;
         background-repeat: no-repeat;
         float:left;
		 margin:10px 0 0 30px;
		 display:inline;
}
.bigGreyButton em {
         display:block;
         background-image: url(../_images/btn-big-grey-right.png);
         background-position:right;
         background-repeat: no-repeat;
}
.bigGreyButton a {
        margin:0px 10px 0px 10px;
        padding:10px 5px;
        display:block;
        background-image: url(../_images/btn-big-grey-centre.png);
        background-position:center;
        background-repeat: repeat-x;
        text-decoration:none;
        vertical-align:middle;
        font-style:normal;
        font-size:18px;
		color:#FFFFFF;
}
.btnRemittance {
         display:block;
         background-image: url(../_images/btn-remittance-left.png);
         background-position:left;
         background-repeat: no-repeat;
         float:left;
		 margin:0 0 0 30px;
		 display:inline;
}
.btnRemittance em {
         display:block;
         background-image: url(../_images/btn-remittance-right.png);
         background-position:right;
         background-repeat: no-repeat;
         padding :2px 0px 2px 0;
}
.btnRemittance a {
        margin:3px 5px 3px 5px; 
        padding:5px 0 5px 0;
        display:block;
        background-image  : url(../_images/btn-remittance-centre.png);
        background-position:center;
        background-repeat: repeat-x;
        text-decoration:none;
        vertical-align:middle;
        font-style:normal;
        font-size:14px;
        color:#FFFFFF;
}
        
/* ----------------- tooltips -------------- */
.tooltipRemittanceSteps {
        background-image: url(../_images/tooltip-remittances-steps.png);
        background-position:center;
        background-repeat: repeat-x;
        color:#000000;
    }


.tooltipRemittanceStepOne {}
.tooltipRemittanceStepTwo {}
.tooltipRemittanceStepThree {}
.tooltipRemittanceStepFour {}
.tooltipRemittanceStepHistory {}


.currencyTotalHeader {
	font-size:16px;
	color:#333333;
}
.currencyTotal {
	font-size:16px;
	line-height:30px;
	font-weight:bold;
	color:#333333;
	margin-left:4px;
}
.currencyConverted {
	font-size:20px;
	color:#333333;
}	
.currencyConverted img {	
	vertical-align:top;
	padding-left:5px;
}
/*--------------------- Step One ------------------*/
#remittanceUploadWrapper {
		top:50px;
		left:100px;
		position:absolute;
		width:370px;
		z-index:101;
		
}
#remittanceAdjustPaymentWrapper {
		top:50px;
		left:600px;
		position:absolute;
		width:220px;
		height:220px;
		background-image:url(../_images/remittance-small-bg.png);
		background-repeat:no-repeat;
		z-index:101;								
}
#remittanceAdjustPaymentReasonWrapper {
		top:50px;
		left:300px;
		position:absolute;
		width:373px;
	  /*height:570px;
		background-image:url(../_images/remittance-medium-bg.png);
		background-repeat:no-repeat;*/
		z-index:100;							
}
.addFile {line-height:200%;}


/*--------------------- Step Two ------------------*/
#remittanceChangeCurrencyWrapper {
		top:50px;
		left:300px;
		position:absolute;
		width:220px;
		height:250px;
		background-image:url(../_images/remittance-small-bg.png);
		background-image:url(../_images/remittance-change-currency-bg.png);
		background-repeat:no-repeat;
/*		padding-top:10px; */
		z-index:100;
}
#remittanceChangeCurrencyWrapper img {padding-right:5px;}



/*--------------------- Step Three ------------------*/
/*--------------------- Step Four ------------------*/
#remittanceAdviceWrapper {
		top:80px;
		left:200px;
		position:absolute;
		width:620px;
		height:420px;
		background-image:url(../_images/remittance-wide-bg.png);
   		background-repeat:no-repeat;
}
/* Contact, Feedback, My details*/
#remittanceAdviceReceiptConfirmation {
        top:130px;
 		left:250px;
		position:absolute;
		width:392px;
		height:210px;
		background-image:url(../_images/remittance-rescind-bg.png);
   		background-repeat:no-repeat;
   		padding:0px 0 0 30px;    		
   		z-index:10;
    }
#rescindRemittanceAdvice {
    	top:150px;
		left:250px;
		position:absolute;
		width:420px;
		height:210px;
		background-image:url(../_images/remittance-rescind-bg.png);
   		background-repeat:no-repeat;
   		padding:20px 0 0 30px;
   		z-index:10;
}
#receiveRemittanceAdvice {
    	top:150px;
		left:250px;
		position:absolute;
		width:420px;
		height:210px;
		background-image:url(../_images/remittance-rescind-bg.png);
   		background-repeat:no-repeat;
   		padding:20px 0 0 30px;
   		z-index:10;
}

#confirmDownload {
        top:130px;
 		left:250px;
		position:absolute;
		width:392px;
		height:210px;
		background-image:url(../_images/remittance-rescind-bg.png);
   		background-repeat:no-repeat;
   		padding:0px 30px 0px 30px;
   		z-index:10;
}

#rescindRemittanceAdviceConfirmation {
        top:150px;
 		left:250px;
		position:absolute;
		width:392px;
		height:210px;
		background-image:url(../_images/remittance-rescind-bg.png);
   		background-repeat:no-repeat;
   		padding:0 0 0 30px;
   		z-index:10;
		 
    }

#receiveRemittanceAdviceConfirmation {
        top:150px;
 		left:250px;
		position:absolute;
		width:392px;
		height:210px;
		background-image:url(../_images/remittance-rescind-bg.png);
   		background-repeat:no-repeat;
   		padding:0 0 0 30px;
   		z-index:10;
		 
    }
.rescindOptions {
    margin:20px 30px 0 50px;
}
.downloadConfirm {
    margin:15px 30px 0px 130px;
}
.rescindConfirmationTick {
    float:left;
    margin:0 10px 0 10px;    
}
.confirmationText {
    /*margin-top:35px;*/
    float:left;
}
.confirmationTextTwo {
    margin-top:10px;
    float:left;
}
.confirmationOptions {
    margin:20px 30px 0 10px;
}
/*--------------------- Invoice Query ------------------*/
#invoiceQueryWrapper { 
		top:50px;
		left:200px;
		position:absolute;
		width:620px;
		height:420px;
		background-image:url(../_images/remittance-wide-bg.png);
   		background-repeat:no-repeat;
		z-index:102;

		visibility:hidden;
}
#invoiceQueryInternalWideTop {
	width:570px;
	margin: 0 0 0 19px;
	padding:5px 5px;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}
#invoiceQueryMailTo {
	width:550px;
	margin: 10px 0 0 0;
	padding:5px 5px;
	background-color:#F5F5F5;
	border:1px solid #DBDBDB;
	float:left;
}
#invoiceQueryMailTo hr {
	background-color:#DBDBDB;
	width:100%;
	border:0px;
	height:1px;
}
hr { 
	background-color:#DBDBDB;
	width:95%;
	border:0;
	height:1px;
}
#confirmationHeader {
    width:360px;
    float:left;
    clear:left;
    position:relative;
    margin:30px 0 0 0; 
    }
#confirmationBody {
    width:360px;
    float:left;
    clear:left;
    position:relative;
    margin:20px 0 0 0; 
    }

#changeConfirmation {
        top:150px;
 		left:250px;
		position:absolute;
		width:392px;
		height:210px;
		background-image:url(../_images/remittance-rescind-bg.png);
   		background-repeat:no-repeat;
   		padding:0 0 0 30px;
   		z-index:100;    		
} 
#addToRemittanceConfirmation {
        top:150px;
 		left:250px;
		position:absolute;
		width:392px;
		height:210px;
		background-image:url(../_images/remittance-rescind-bg.png);
   		background-repeat:no-repeat;
   		padding:0 0 0 30px;
   		z-index:100;    		
} 
#addToRemittanceConfirmationInvoice {
        top:150px;
 		left:250px;
		position:absolute;
		width:392px;
		height:210px;
		background-image:url(../_images/remittance-rescind-bg.png);
   		background-repeat:no-repeat;
   		padding:0 0 0 30px;
   		z-index:101;    		
   		
} 

.addedToCartInvoice {
    	background-image:url(../_images/remittance-rescind-confirmation-tick.png);
   		background-repeat:no-repeat;
   		background-position:top left;
   		padding:5px 0 30px 50px;
   		display:block;
    }
.addedToCart {
		background-image:url(../_images/tick-confirmation.png);
   		background-repeat:no-repeat;
   		background-position:top left;
   		padding:5px 0 5px 30px;
    }
.excludedFromCart {
		background-image:url(../_images/btn-close.png);
   		background-repeat:no-repeat;
   		background-position:top left;
   		padding:5px 0 5px 30px;
    }    
    
#invoiceQueryConfirmation {
        top:150px;
 		left:250px;
		position:absolute;
		width:392px;
		height:210px;
		background-image:url(../_images/remittance-rescind-bg.png);
   		background-repeat:no-repeat;
   		padding:0 0 0 30px;
   		z-index:100;    		
    }
#invoiceCount {
    top:0px;
    left:385px;
    position:absolute;
    z-index:2;
    }
#remittanceCount {
    top:0px;
    left:600px;
    position:absolute;
    z-index:2;           
    }
.btnCount {
         display:block;
         background-image: url(../_images/btn-green-left.png);
         background-position:left;
         background-repeat:no-repeat;
         float:left;
}
.btnCount em {
         display:block;
         background-image: url(../_images/btn-green-right.png);
         background-position:right;
         background-repeat: no-repeat;
         padding:0px;
         padding:3px 5px 3px 0;

}
.btnCount a {
        margin:3px 0 3px 5px;
        padding:3px 0px 3px 0px;
        display:block;
        background-image : url(../_images/btn-green-centre.png);
        background-position:center;
        background-repeat:repeat-x;
        text-decoration:none;
        vertical-align:middle;
        font-style:normal;
        font-size:12px;
		color:#1B3150;
}
/*--------------------- Contact and Feedback ------------------*/

#loggedOutSpacer {
    height:150px;
    }

#contactUsQueryInternal, #feedbackInternal {
	position:relative;
	width:570px;
	margin: 0 0 0 19px;
	padding:5px 5px;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}
#accountInternal {
 	width:450px;
	margin: 0 0 0 19px;
	padding:5px 5px;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}
#contactUsQueryInternal p, #feedbackInternal p, #contactUsAddress p {
    line-height:120%;
    padding:0 0 0 5px;
    margin:0;
}
#contactUs, #feedback {
        position:relative;
        float:left;
		width:620px;
		height:420px;
		background-image:url(../_images/remittance-wide-bg.png);
   		background-repeat:no-repeat;
   		margin:0;
   		margin:0 0 0 350px;
   		padding:20px 0 0 0;
   		display:inline;
}
#contactUs {
   		margin:0 0 0 0;
}
#errorPage {
        position:relative;
        float:left;
		width:520px;
		height:280px;
		background-image:url(../_images/error-bg.png);
   		background-repeat:no-repeat;
   		margin:0;
   		margin:0 0 0 350px;
   		padding:20px 0 0 0;
   		display:inline;
   		margin:0 0 0 0;
}
#contactUsAddress {
        position:relative;
        float:left;
        clear:left;
		width:260px;
		height:185px;
		background-image:url(../_images/contact-address-bg.png);
   		background-repeat:no-repeat;
   		margin:0 70px 0 0;
   		padding:25px 0 0 20px;
   		display:inline;
   		}
#accountDetailsWrapper  { 
		top:0px;
		left:350px;
		position:relative;
		width:500px;
   		margin:0;
   		padding:0;
}
#accountDetailsTop {
 /* width:500px; */
    width:488px;
    height:20px;
    position:relative;
    float:left;
    background-image:url(../_images/account-top-bg.png);
   	background-repeat:no-repeat;
    margin:0;
    }
#accountDetailsMid {
 /* width:500px; */
    width:488px;
    position:relative;
    float:left;
    background-image:url(../_images/account-mid-bg.png);
   	background-repeat:repeat-y;
    margin:0;
    }
#accountDetailsBtm {
 /* width:500px; */
    width:488px;
    height:20px;
    position:relative;
    float:left;
    background-image:url(../_images/account-btm-bg.png);
   	background-repeat:no-repeat;
    margin:0;
    }

#contactSubject, #feedbackSubject, #accountField {
	width:550px;
	margin: 10px 0 0 5px;
	padding:5px 5px;
	background-color:#F5F5F5;
	border:1px solid #DBDBDB;
	float:left;
	display:inline; /* ie dbl margin bug fix */
	z-index:1;
}
#contactQuery, #feedbackComment  {
	width:540px;
	margin: 10px 0 0 5px;
	padding:10px 10px;
	background-color:#F5F5F5;
	border:1px solid #DBDBDB;
	float:left;
	display:inline; /* ie dbl margin bug fix */
	z-index:1;
}

#receiptConfirmation, #updateConfirmation {
        top:130px;
 		left:300px;
		position:absolute;
		width:392px;
		height:210px;
		background-image:url(../_images/confirmation-bg.png);
   		background-repeat:no-repeat;
   		padding:0 0 0 30px;
   		z-index:2;	
    }

#accountRealName, #accountUserName, #accountJobTitle, #accountPhone, #accountMobile {
	width:420px;
	margin: 5px 0 0 5px;
	padding:0 5px;
	background-color:#F5F5F5;
	border:1px solid #DBDBDB;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}
#accountPassword, #accountNewPassword, #accountNewPasswordConfirm {
	width:420px;
	margin: 0;
	padding:0;
	float:left;
}
#accountPasswordWrapper {
	position:relative;
	width:420px;
	margin: 5px 0 0 5px;
	padding:5px 5px;
	background-color:#F5F5F5;
	border:1px solid #DBDBDB;
	float:left;
	display:inline; /* ie dbl margin bug fix */
}
.accountFieldLocked {
    color:#999999;
}
.inputLocked {
    color:#999999;
    border:1px solid #CCCCCC;
}
.inputError {
    border:1px solid #FF0000;
}

.inputErrorText {
    color:#FF0000;
}

.inputErrorText {
    color:#FF0000;
}
.inputOnText {
    color:#1A74C6;
}
#accountUpdateConfirmation  {
        top:50px;
 		left:300px;
		position:absolute;
		width:392px;
		height:210px;
		background-image:url(../_images/remittance-rescind-bg.png);
   		background-repeat:no-repeat;
   		padding:0 0 0 30px;    		   
    }
    
.generalPopup 
{
    position:absolute;
	background-image:url(../_images/remittance-rescind-bg.png);
    z-index:99;
    top:200px;
    left:250px;
	width:380px;
	height:200px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
}

.generalPopupClose {
	margin-left:375px;
	margin-top:-10px;
}

.generalPopupHeader
{
    font-weight:bold;
    font-size:x-large;
    padding-bottom:10px;
}

.generalPopupMedium
{
    position:absolute;
	background-image:url(../_images/general-pop-medium.png);
    z-index:99;
    top:100px;
    left:250px;
	width:480px;
	height:380px;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
}

.generalPopupMediumClose {
	margin-left:485px;
	margin-top:-10px;
}

.generalPopupLarge
{
    position:absolute;
	background-image:url(../_images/general-pop-large.png);
    z-index:99;
    top:100px;
    left:250px;
	width:580px;
	height:630px;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
}

.generalPopupLargeClose {
	margin-left:585px;
	margin-top:-10px;
}

.quickNote
{
    clear:both;
}

.quickNoteTop
{
    background-image:url(../_images/quick-note-bg-top.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:16px;
}

.quickNoteMid
{
    background-image:url(../_images/quick-note-bg-mid.png);
	background-position:left top;
	background-repeat:repeat-y;
	padding-left:20px;
	padding-right:20px;
}

.quickNoteBottom
{
    background-image:url(../_images/quick-note-bg-btm.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:16px;
}

.whitelink 
{
    color:White;
    text-decoration:underline;
}

.redlink 
{
    color:#FF5C00;
    font-weight:bold;
    text-decoration:underline;
}

.generalPopupField
{
    font-weight:bold;
}

.btnTick
{
    background-image:url(../_images/btnTick.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:28px;
	height:21px;
	display:block;
	text-decoration:none;
	margin:0px 0px 0px 6px;
	cursor:pointer;
}
.btnTickOff
{
    background-image:url(../_images/btnTickOff.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:28px;
	height:21px;
	display:block;
	text-decoration:none;
	margin:0px 0px 0px 6px;
	cursor:pointer;
}
.lozengeShort {
 	width:310px;
	background-image: url(../_images/lozenge-short.png);
	background-repeat:no-repeat;
	background-position:right top;
	float:left; 
	position:relative;
	margin:3px 0 0 180px;
   }

.modal 
{
	width:270px; 
	top:20px;
	left:150px;
	position:absolute;
	z-index:10;
    overflow: auto;
}

.modal-content 
{
    background-image: url("../_images/invoice-export-modal-bg.png");
    /*
    margin: 300px 700px auto auto;
*/
    margin: 300px 700px 0px 0px;
    padding: 10px;
    width: 170px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #666666;
}

.statusData {
	background-image: url(../_images/data-statement-status-bg.png);
	background-repeat:no-repeat;
	background-position:-44px 0px;
	height:35px;
	line-height:250%;
}
.statusDataOverdue {
	background-image: url(../_images/data-statement-status-overdue-bg.png);
	background-repeat:no-repeat;
	background-position:-44px 0px;
	height:35px;
	line-height:250%;
}

#filterDateStatement {
	background-image: url(../_images/filter-date-statement-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:500px; 
	height:29px;
	float:left;
	clear:left;
	position:relative;
	margin:0px 0px 3px 0px;
}

input.filterStatementGo {
	border:none;
	width:32px;
	background: url(../_images/btn-go.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin-right:2px;
	margin-top:2px;
	font-size:14px;
	padding-bottom:5px;
	color:#FFFFFF;
	cursor:pointer;
}