/*****************************************
CSS for Customer System 2.
Author 	- Ben Stride
Date	- 15/05/2006

v1.00a NiceTable width from 500px to 600px
v1.00b #entryManifestNotes now has width:100% and text align left.
v1.20 Loads of new stuff for the new entry/edit screen.
*****************************************/

/*****************************************
Main Style. Used Throughout.
*****************************************/

* {
	padding:0;
	margin:0;
}

body {
	text-align:center;
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #DFDFDF;
}

legend{
	font-weight:bold;
	font-style:italic;
}

h1 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

h2 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#container {
	margin-left:auto;
	margin-right:auto;
	width:775px;
	border:1px solid #C0C0C0;
	text-align:center;
	background-color:#FFFFFF;
} 

#titleBar {
	text-align: right;
	color: #FFFFFF;
	font-weight: bold;
	background-color:#C0C0C0;
	padding: 3px;
	height: 16px;
	margin-left:2px;
	margin-right:2px;
	margin-top:2px;
	margin-bottom:10px;
}

#titleBar a{
	color:#FFFFFF;
	text-decoration:none;
}

#titleBar a:hover{
	color:#000000;
	text-decoration:underline;
}

#content {
	width:750px;
	border:1px dashed #C0C0C0;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	padding:5px;
}

#footer {
	text-align: right;
	background-color:#C0C0C0;
	padding: 3px;
	height: 16px;
	margin:2px;	
	color: white;
}

img{
	border:none;
}

a{
	border:none;
}


/*****************************************
index.php
*****************************************/
.menuLoginForm {
	margin-left:auto;
	margin-right:auto;
}

.menuLoginForm input{
	width: 150px;
}

.menuLoginForm input#submit{
	width: auto;
}

/*****************************************
modules/menu.php - MENU
*****************************************/
.menuButton {
	width:200px;
	height:140px;		
	padding:0px;
	float:left;
	border:1px solid #000000;
	margin:2px;
	text-align:center;
	background-color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

.menuButton img {
	border:none;
}

.menuButton a {
	text-decoration:none;
	color:#000000;
}

.menuButton a:hover {
	text-decoration:underline;
}

.menuContainer {
	width:414px;
	text-align:left;
	position:relative;
	margin-right:auto;
	margin-left:auto;
}

/*****************************************
modules/entry.php
*****************************************/
#entryCollection {
	width:345px;
	float:left;
	margin-left:12px;
	text-align:left;
	margin-bottom:15px;
}

#entryCollectionAlternate {
	width:220px;
	float:left;
	clear:both;
	text-align:left;
	margin-bottom:15px;
}

#entryReferences {
	width:750px;
	float:left;
	margin-left:0px;
	text-align:left;
	margin-bottom:15px;
}

#entryDelivery {
	width:345px;
	float:left;
	margin-left:8px;
	text-align:left;
	margin-bottom:15px;
}

#entryDetails {
	width:220px;
	height:250px;
	float:left;
	margin-left:0px;
	text-align:left;
	margin-bottom:15px;
	clear:both;
}

#entryManifestNotes {
	width:100%;
	clear:both;
	float:left;
	text-align:left;
}

#entryIFrame{
	float:right;
	border:1px solid #000000;
	margin:10px;
	width:450px;
	height:240px;
}

#entryIFrame iframe {
	border:none;
	border:0px;
	width:100%;
	height:100%;
}

#entryControlButtons {
	margin-top:10px;
	clear:both;
}

.entryAddrLabel {
	text-align:right;
	width:72px;
}

.entryFieldset {
	width:330px;
}

/*****************************************
modules/entryAcctSearch.php
*****************************************/

#acctSearchTable table {
	width:410px;
	border-collapse:collapse;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

#acctSearchTable th {
	font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:12px;
	border:1px solid black;
	background-color:#CCCCCC;	
}

#acctSearchTable tr {
	border:1px solid #000000;
}

#acctSearchTable td {
	text-align:center;
	border:1px solid #000000;
	cursor:pointer;
}

/*****************************************
modules/validationErrorReport.php
modules/validationCodeTown.php
*****************************************/

.validationError{
	text-align:center;
	color:#FF0000;
	padding:10px;
}

/*****************************************
modules/entryConsolidation.php
*****************************************/

#consolidationTable {
	width:410px;
	border-collapse:collapse;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

#consolidationTable th{
	font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:12px;
	border:1px solid black;
	background-color:#CCCCCC;	
}

#consolidationTable tr {
	border:1px solid #000000;
}

#consolidationTable td {
	text-align:center;
	border:1px solid #000000;
	cursor:pointer;
}

/*****************************************
modules/admin.php
*****************************************/

#adminBankHoliday{
	width:730px;
	margin-left:auto;
	margin-right:auto;
}

#adminSSU{
	width:730px;
	margin-left:auto;
	margin-right:auto;
}

fieldset{
	margin-top:10px;
	padding:5px;
	width:auto;
	background-color:#FFFFFF;
}

.niceTable{
	width:600px;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:10px;
}

.niceTable th{
	font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:12px;
	border:1px solid black;
	background-color:#cccccc;	
}

.niceTable tr {
	border:1px solid #000000;
}

.niceTable td {
	text-align:center;
	border:1px solid #000000;
}

.adminForm{
	margin-left:auto;
	margin-right:auto;
}

/*****************************************
modules/addresses.php
*****************************************/

.addrMainForm{
	float:left;
	width:490px;
	border:1px solid #000000;
	padding-top:10px;
	padding-bottom:10px;
}

.addrCustList{
	float:right;
	width:240px;
	border:1px solid #000000;
	padding:5px;
	overflow:auto;
	height:440px;
}

.addrCustListInfo{
	float:right;
	width:246px;
	border-color:#000000;
	border-style:solid;
	border-width:0 1px 1px 1px;
	padding:2px;
	height:24px;
	font-size:10px;
	text-align:right;
}

.addrSearchArea{
	float:right;
	clear:right;
	width:240px;
	height:80px;
	border:1px solid #000000;
	padding:5px;
	margin-top:5px;
}

.addrLabel{
	text-align:right;
}

.addrFormTable tr td{
	text-align: right;
}

.addrFormTable tr td input{
	float:left;
}

/*****************************************
progress dialog div
*****************************************/
#progressDisplay{
	position:relative;
	top:-220px;
	z-index:0;
	margin-left:auto;
	margin-right:auto;
	width:200px;
	border:2px solid #000000;
	background-color:#FFFFFF;
	visibility:hidden;
}

.progressDialog h1{
	padding:10px;
	margin:auto;
}

/*****************************************
Main grid
*****************************************/

.gridMain{
	border:1px solid #000000;
	width:740px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
}

.gridControl{
	border:1px solid #000000;
	width:740px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

.gridInfo{
	border:1px solid #000000;
	width:736px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	border-color:#000000;
	border-style:solid;
	border-width:0 1px 1px 1px;
	padding:2px;
}

.gridStatus{
	float:left;
	text-align:left;
	width:300px;
	border:1px solid #000000;
	margin:2px 2px 2px 20px;
}

.gridStatus h1{
	font-size:12px;
	background-color:#CCCCCC;
	border-bottom:1px solid #000000;
}

.gridStatus table{
	border-collapse:collapse;
}

.statusLabel{
	font-style:italic;
	font-size:10px;
}

.gridStatus td{
	padding-left:5px;
}

table.datagrid{
	width:96%;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
}

table.datagrid th{
	background-color:#CCCCCC;
	border-color:#000000;
	border-style:solid;
	border-width:1px 1px 0 1px;
}

table.datagrid th a{
	text-decoration:none;
}

table.datagrid th a:hover{
	color:#000000;
}

table.datagrid td{
	border:1px solid #000000;
}

table.datagrid tr.colRow{
	background-color: #CCCCFF;
}

.Accepted{
	background-color:#CCFFCC;
}

.Declined{
	background-color:#FF6666;
}

.ModAccepted{
	background-color:#FFFF00;
}

.ModDeclined{
	background-color:#00FFFF;
}

.Consolidated{
	background-color:#666666;
	color:#FFFFFF;
}

.PTM{
	color:#FF0000;
}

.evenRow{
	background-color:#EEEEEE;
}

.acceptInfo{
	border:1px solid #000000;
	width:736px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	border-color:#000000;
	border-style:solid;
	border-width:0 1px 1px 1px;
	padding:2px;
}

.acceptMain{
	border:1px solid #000000;
	width:740px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
}

.infoBar{
	float:left;
	font-style:italic;
	color:#FF0000;
	font-size:10px;
}

/*****************************************
Job Acceptance
*****************************************/
#acceptDeclineReasons{
	border:1px solid #000000;
	width:180px;
	height:275px;
	margin-top:10px;
	margin-right:7px;
	background-color:#FFFFFF;
	float:right;
}

#acceptDeclineReasons h1{
	font-size:12px;
	background-color:#CCCCCC;
	border-bottom:1px solid #000000;
}

#acceptDeclineTables{
	float:left;
}

#acceptDeclineReasons ul{
	list-style-image: url("../images/arrow.gif");
	padding-left:22px;
	text-align:left;
}	

/*****************************************
Job Edit
*****************************************/
#editControls{
	float:right;
	margin:10px;
}

.auditLink{
	float:left;
	margin:10px;
	font-size:10px;
}

/*****************************************
Register Customers
*****************************************/
.registerCustTable{
	width:650px;
	text-align:left;
}

.registerCustLabel{
	width:190px;
	text-align:right;
}

.registerCustHeader{
	text-align:left;
	font-weight:bold;
}

/*****************************************
Download Jobs
*****************************************/
.downloadMain{
	border:1px solid #000000;
	width:740px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
}

.downloadInfo{
	border:1px solid #000000;
	width:736px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	border-color:#000000;
	border-style:solid;
	border-width:0 1px 1px 1px;
	padding:2px;
}

/*****************************************
Messaging
*****************************************/
.SimpleBorder{
	font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:12px;
	border:1px solid black;
}

.TableHeader{
	font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:12px;
	border-bottom:1px solid #000000;
	border:1px solid gray;
	background-color:#cccccc;
}
	 
.MessageTable{
	 font-size:12px;
	 border-collapse:collapse;
	 border:1px solid #000000;
	 text-align:center;
	 line-height:16px;
	/*margin-left:10px;*/
 }
	 
.MessageTable td{
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
 }
	 
.DeletionBack{
	background-image:url('../images/delete_backer.jpg');
}
	
.Bold{
	font-weight:bold;
}

.messageLink a{
	color:#FF0000;
	font-weight:bold;
}

/*****************************************
New Entry
*****************************************/

/****Form****/
.stdForm{
	padding: 0px;
	text-align: left;
	width: 732px;
	margin-left: auto;
	margin-right: auto;
}

.stdForm fieldset{
	text-align: right;
	width:350px;
	display: inline;
	vertical-align: top;
}

.stdForm fieldset.inner{
	width: auto;
	display: block;
	margin-top: 0px;
	margin-bottom: 7px;
}

.stdForm fieldset.inner input.small_left{
	margin-right: 97px;
}

.stdForm label{
	margin-right: 5px;
	vertical-align: baseline;
}

.stdForm input{
	width: 200px;
	margin: 0px 0px 3px 1px;
}

/*2 smalls = 1 normal*/
.stdForm input.small{
	width: 96px;	
}

.stdForm input.small_left{
	width: 96px;
	margin-right: 104px;	
}

/*The medium + v_small = 1 normal*/
.stdForm input.medium{
	width: 136px;	
}

.stdForm input.v_small{
	width: 56px;	
}

.stdForm select.v_small{
	width: 60px;	
}

.stdForm input.button{
	width: 100px;	
}

.stdForm input.auto_width{
	width: auto;
}

.stdForm input.chk{
	width: 13px;
	height: 13px;
	margin: 0px 5px 2px 10px;	
}

.stdForm input.chk_lined{
	width: 13px;
}

.stdForm input.chk_right{
	width: 13px;
	height: 13px;	
}

.stdForm select{
	width: 204px;
	margin-bottom: 4px;
	margin-left: 1px;	
}

/****Dialog****/
#dialog_form{
	display: none;
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;
}

#dialog{
	background-color: white;
	width: 700px;
	height: 500px;
	border: 1px solid black;
	position: absolute;
	display: none;
	top: 50%;
	left: 50%;
	margin-left: -350px;
	margin-top: -250px;
}

/*This is a fix to stop select elements showing through on IE(LOAD OF WANK)6*/
#dialogFrame{
	width: 701px;
	height: 503px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -350px;
	margin-top: -250px;
	z-index: -50;
	filter:alpha(opacity=0);	
}

#dialogTitleBar{
	background-color: #CCCCCC;
	font-size: medium;
	font-weight: bold;
	color: white;
	margin: 2px;
}

#dialogClose{
	cursor: pointer;
	float: right;
	padding: 0px 4px 0px 4px;	
}

#dialogClose:hover{
	background-color: #AAAAAA;		
}

#dialogContent{
	text-align: right;
	overflow: auto;
	height: 476px;
	padding: 2px 2% 2px 2%;
	background-image: url('/modules/entry/images/ajax-loader.gif');
	background-position: center center;
	background-repeat: no-repeat;
}

/****Table****/
.edTable{
	width: 100%;
	clear: both;
	border-collapse: collapse;
	margin-top: 5px;
}

.edTable td{
	border: 1px solid black;
	text-align: left;
	padding: 0px 2px 0px 2px;
}

.edTable th{
	background-color: #CCCCCC;
	border: 1px solid black;
	text-align: center;
}

/****Generics****/

.no_border{
	border-style: none;
}

.center_text{
	text-align: center;
}

.option_title{
	text-align: right;
	text-decoration: underline;
	font-weight: bold;
	margin: 10px 0px 8px 0px;
}

/****Message Box Styles for Customer Config****/
.messagebox{
	position:absolute;
	width:100px;
	margin-left:30px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}

.messageboxok{
	position:absolute;
	width:auto;
	margin-left:288px;
	margin-top: -20px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	color:#008000;	
}

.messageboxerror{
	position:absolute;
	width:auto;
	margin-left:288px;
	margin-top: -20px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}

/**********SORTABLE TABLE**********/

.sort_table{
	border-collapse: collapse;
	width: 100%;
	background-color: white;
}

.sort_table tr.odd{
	background-color: #EEEEEE;
}

.sort_table tr.col{
	background-color: #CCCCFF;
}

.sort_table tr.green{
	background-color:#CCFFCC;
}

.sort_table tr.blue{
	background-color:#CCCCFF;
}

.sort_table tr.italic{
	font-style: italic;	
}

.sort_table th{
	border: 1px solid gray;
	padding: 0px 2px 0px 2px;
	background-color: #DDDDDD;
	background-position: right;
	background-repeat: no-repeat;
}

.sort_table th.sort_col{
	background-image: url('/images/sortable.gif');
	padding-right: 10px;
}

.sort_table th.sort_col a:hover{
	color: red;
}

.sort_table th.sort_asc{
	background-image: url('/images/sort_asc.gif');
	padding-right: 10px;
}

.sort_table th.sort_asc a:hover{
	color: red;
}

.sort_table th.sort_desc{
	background-image: url('/images/sort_desc.gif');
	padding-right: 10px;
}

.sort_table th.sort_desc a:hover{
	color: red;
}

.sort_table th a{
	text-decoration: none;
	color: black;
	display: block;
	width: 100%;
}

.sort_table td{
	border: 1px solid gray;
	padding: 0px 2px 0px 2px;
}

.sort_table td.green_text{
	color: #00AA00;
}

.sort_table td.red_text{
	color: #EE0000;
}

.sort_table td.left{
	text-align: left;
}

.sort_table td.left_img{
	text-align: left;
}

.sort_table td.left_img img{
	margin-right: 5px;
	vertical-align: middle;
}

.sort_table td.right{
	text-align: right;
}

.table_navigator_controls{
	margin-top: 5px;
}

.table_navigator_controls .controls_left{
	float: left;	
}

.table_navigator_controls .controls_left span{
	float: left;
	height:  15px;
	background-repeat: no-repeat;
}

.controls_left .table_first{
	background-image: url('../images/end_left_arrow.png');	
	width: 16px;
}

.controls_left .table_back_one{
	background-image: url('../images/single_left_arrow.png');	
	width: 16px;
}

.controls_left .table_first_disabled{
	background-image: url('../images/end_left_arrow_disabled.png');	
	width: 16px;
}

.controls_left .table_back_one_disabled{
	background-image: url('../images/single_left_arrow_disabled.png');	
	width: 16px;
}

.table_navigator_controls .controls_right{
	float: right;
}

.table_navigator_controls .controls_right span{
	float: right;
	height: 16px;
	background-repeat: no-repeat;
}

.controls_right .table_forward_one{
	background-image: url('../images/single_right_arrow.png');
	width: 16px;	
}

.controls_right .table_last{
	background-image: url('../images/end_right_arrow.png');
	width: 16px;
}

.controls_right .table_forward_one_disabled{
	background-image: url('../images/single_right_arrow_disabled.png');
	width: 16px;	
}

.controls_right .table_last_disabled{
	background-image: url('../images/end_right_arrow_disabled.png');
	width: 16px;
}

.table_page_links a{
	margin-left: 2px;
	color: black;
}

.table_page_links a.current_page{
	text-decoration: none;
	font-weight: bold;
	color: red;
}
/**********DECLINE JOBS STUFF**********/

.decline_form{
	width: 80%;
}

.decline_form fieldset{
	margin: 5px 5px 5px 5px;
	padding: 5px 10px 5px 5px;
}	

.decline_form td input{
	width: 100%;
}

#reasons_table{
	width: 19%;
	float: right;
}

#reasons_table td{
	text-align: left;
}

/**********FORMATTING TABLE**********/

.format_table{
	text-align: left;
}

/**********FILTER FORM**********/
#filter_form fieldset{
	text-align: right;
	vertical-align: top;
	display: inline;
	width: 260px
}

#filter_form select{
	width: 180px;
}

#filter_form input{
	width: 176px;
}

img.show_statuses{
	margin-left:5px
}

/**********ERROR BOX**********/
.error_box{
	text-align: left;
	border: 1px solid red;
	background-color: #FFEEEE;
	padding: 10px;
}

.error_box ul{
	margin-top: 5px;
	padding-left: 30px;	
}