#tblCargoSearchCriteria td {
	font-weight: bold;
	padding: 0px 4px;
}

a {
	color: #3f609b;
}
a:visited {
	color: #000000;
}

a.TitleLink {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

select
{
    font-family:Segoe UI, Verdana, Arial;
    font-size:12px;
}
.PageBtn {
	background-color: #dfd5a7;
	/*background-image: url(../../Images/Paging/pagingBackground.gif);
	background-repeat: repeat-x;
	border: solid 1px #515151;*/
	padding: 0px;
}
	.PageBtn table tbody tr td {
		/*border: solid 1px #8cbede;
		color: #0065ad;
		padding: 4px;
		text-align: center;
		width: 40px;*/
		padding-bottom: 0px;
		padding-top: 0px;
		padding-left: 2px;
		padding-right: 2px;
	}
		.PageBtn table tbody tr td a {
			color: #2c3c81;
			text-decoration: none;
		}
		.PageBtn table tbody tr td span {
			color: #000000;
			font-weight: bold;
			text-decoration: none;
		}

.plainLink a {
	text-decoration: none;
}

.headerLink a {
	text-decoration: none;
	font-size: 11px;
}

a.HeadingLink {
	 color: #ffffff;
	 text-decoration: none;
}

body {
	color: #000000;
	margin-top: 0px;
	padding-top: 0px;
	margin-left:0px;
	margin-right:0px;
	font-family:Segoe UI, Arial;
	font-size:11px;
	overflow: auto;	
}

#LoginBox
{
    width:400px;
    margin:0px auto;
    text-align:center;
}

div.CenterBox
{
    margin:0px auto;    
    text-align:center;
}

#LoginBox .panel
{
    text-align:left;
}

div.MainBox {
	position: relative;
    width: 984px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}

div.ContentBox {
	background-color: silver; /* some other colors:  #7d7250  #501c03 #704027*/
	padding: 1px;
}
	div.ContentBox div.Caption {
		color: black;
		font-weight: normal;
		padding: 3px;
		text-align:left;
	}
	div.ContentBox div.Content {
		background-color: #ffffff;
		padding: 4px;
		text-align:left;
	}

div.Caption
{
    color: #15428b;
	font-weight: bold;
	margin-bottom: 2px;
	font-size:13px;
}

div.DetailBox {
	background-color: #ffffff;
	border: solid 1px gray;
	padding: 1px;
}
	div.DetailBox div.Caption {
		/*background-color: #4f81bd;*/
		color: #15428b;
		font-weight: bold;
		margin-bottom: 2px;
		padding: 3px;
		font-size:13px;
	}
	div.DetailBox div.Content {
		background-color: #ffffff;
		padding: 4px;
	}

div.UserMessageBox {
	background-color: #ffffff;
	border: solid 1px silver;
	padding: 1px;
}
	div.UserMessageBox div.Caption {
		background-color: #4f81bd;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 2px;
		padding: 3px;
	}
	div.UserMessageBox div.Content {
		background-color: #ffffff;
		padding: 4px;
	}

div.CustomerHome {
	padding: 20px;
}
	h1 {
		color: #0065ad;
		font-size: 24px;
		font-weight: bold;
	}
	div.CustomerHome div.Options {
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		width: 600px;
	}
		div.CustomerHome div.Options table {
			width: 100%;
		}

div.Login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	width: 400px;
}
	div.Login table {
		background-color: #ffffff;
		width: 100%;
	}
		div.Login table tr.Body td {
			background-color: #cee3f7;
		}
		div.Login table td.Edges {
			background-color: #8cbede;
		}
		div.Login table table {
			margin: 7px;
			width: 97%;
		}
			div.Login table table td.req {
				font-weight: bold;
			}
			div.Login table table td .txt {
				width: 97%;
			}
			
div.RoundBox {
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	width: 400px;
}
	div.RoundBox table {
		background-color: #ffffff;
		width: 100%;
	}
		div.RoundBox table tr.Body td {
			background-color: #cee3f7;
		}
		div.RoundBox table td.Edges {
			background-color: #8cbede;
		}
		
div.RoundBoxGray {
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
	div.RoundBoxGray table {
		background-color: #ffffff;
		width: 100%;
	}
		div.RoundBoxGray table tr.Body td {
			background-color: #e1e1e1;
		}
		div.RoundBoxGray table td.Edges {
			background-color: #e1e1e1;
		}
			
div.Search {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 400px;
}
	div.Search table {
		background-color: #ffffff;
		width: 100%;
	}
		div.Search table tr.Body td {
			background-color: #cee3f7;
		}
		div.Search table td.Edges {
			background-color: #8cbede;
		}
		/*
		div.Search table table {
			margin: 7px;
			width: 97%;
		}
		*/
			div.Search table table td.req {
				font-weight: bold;
			}
			div.Search table table td .txt {
				width: 97%;
			}

div.MainMenu {
	float: right;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	padding-right: 0px;
	padding-top: 13px;
}	
	div.MainMenu a {
		color: #000000;
		font-weight: bold;
		text-decoration: none;
	}
	
div.SearchResults {
	 background-color: #8cbede;
	 padding: 1px;
	 width: 700px;
	 margin-left:50px;
}
	div.SearchResults table {
		background-color: #475872;
		width: 100%;
	}
div.SearchResultsGrid {
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}

div.SubNav {
	margin-top: 3px;
	margin-right: auto;
	width: 98%;
}
	div.SubNav table {
		width: 100%;
	}
	div.SubNav table td {
		background-color: #0064af;
		color: #ffffff;
		font-weight: bold;
	}
	div.SubNav table td.RightCap {
		background-color: #ffffff;
		width: 1px;
	}
	div.SubNav table td.Bullet {
		text-align: center;
		width: 36px;	
	}
	div.SubNav table td a {
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
	}

div.SubNavLeft {
	background-color: #0064af;
	color: #ffffff;
	font-weight: bold;
	padding: 4px;
}

hr.Grid {
	background-color: #8cbede;
	border: none;
	color: #8cbede;
	height: 1px;
}

td.SubNavRight {
	background-color: #0064af;
	color: #ffffff;
}
td.SubNavButton {}
	td.SubNavButton a {
		color: #d6e3f7;
		font-weight: bold;
		padding: 3px;
		text-decoration: none;
	}
td.SubNavButton_sel {
	background-color: #0086e7;	
}
	td.SubNavButton_sel a {
		color: #d6e3f7;
		font-weight: bold;
		padding: 3px;
		text-decoration: none;
	}
td.SubNavRightButton {
	background-color: #0086e7;
	padding: 5px;
}
	td.SubNavRightButton a {
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
	}

td.SubNavRightCap {
	background-color: #0086e7;
	padding: 0px;
}

td.TopMostNav {
	vertical-align: top;
}
	td.TopMostNav div {
		margin-top: -10px;
	}
		td.TopMostNav div a {
			font-family: Verdana;
			font-weight: bold;
			text-decoration: none;
		}

div.Title 
{
    margin-top:4px;	
	padding-left:4px;	
}

/*
table.Grid {
	width: 95%;
}
	table.Grid td {
		padding: 3px;
	}
	table.Grid td.lbl {
		padding: 3px;
		padding-right: 6px;
		text-align: right;
	}
*/
td.lbl
{
    font-weight:bold;
    text-align:right;
}
table.LightGrid {
	background-color: #efefef;
	width: 100%;
}
	table.LightGrid td {
		background-color: #ffffff;
		padding: 3px;
	}

td.req {
	font-weight: bold;
}

.subBtn {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

hr.Thin {
	background-color: #555555;
	border: none;
	color: #888888;
	height: 1px;
	margin-top: -4px;
}

.txt {
	width: 98%;
}
.txtnarrow {
	width: 75%;
}

table.DetailsGrid {
	background-color: #fff;
}
	table.DetailsGrid thead tr td {
		background-color: #4f81bd;
		color: #fff;
		font-weight: bold;
	}
	table.DetailsGrid tr.div td {
		background-color: #4f81bd;
		color: #fff;
		font-weight: bold;
	}
	table.DetailsGrid td {
		background-color: #d0d8e8;
	}
	table.DetailsGrid tr.alt td {
		background-color: #e9edf4;
	}
	
div.busy {
	background-image: url(../../Images/Layout/Busybox.gif);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	filter: alpha(opacity=75); -moz-opacity:0.75; opacity: 0.75;
	margin-top: 50px;
	position: absolute;
	text-align: center;
	width: 750px;
	z-index: 500;
}
	div.busy div {
		height: 100px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		width: 250px;
	}
		div.busy div table {
			width: 100%;
		}
		
div.busy_hid {
	display: none;
}
	
div.DetailsGridCaption {
	background-color: #63cfff;
}
div.DetailsGrid {
	height: 230px;
	width:650px;
	overflow: scroll;
}

input.txt {
	border: solid 1px gray;
	width: 98%;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
	font-size:12px;
	font-family:Segoe UI,Arial;		
}

span.req {
	color: #dd0000;
}

table.DarkControls tr td.fill {
	background-color: #0065ad;
}

table.PageNav td {
	text-align: center;
}

.ErrorMessage
{
    color:Red;
}

table.OptionList
{
    padding: 0px 0px 0px 0px;
    border: solid 1px silver;
    width: 100px;
}
table.OptionList td
{
    padding: 0px 0px 0px 0px;
}
table.OptionList label
{
    font-size: 9px;
    line-height:5px;
}

.LoadingPanel1
{
	background:#fff url(../../images/loading.gif) center center no-repeat;
}

.LoadingPanel2
{
	background:#fff url(../../images/loading_small.gif) center center no-repeat;
}

.OutlookTopBar
{
	background-image: url(../../images/outlookBarTop.gif);
	background-color: white;
	background-repeat: repeat-x;
	padding-top: 3px;
	border: 1px solid #002D96;
	width: 180px;
	font-size: 11px;
	padding-left: 4px;
}

.OutlookTable
{
	background-color:#c4dafa;
	margin-top:4px;
}

.btnInfo
{    
    background-image: url(images/info.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

div.subjectHeading
{
    font-size:14px;
    font-weight:bold;
    margin-top:8px;
    margin-bottom:8px;
}

/*----------------------------------------------------------*/
/* ICONS   
/*----------------------------------------------------------*/

.icon
{
    width: 24px;
    height: 24px;
    padding: 0;
    background-repeat: no-repeat;
    background-image: url('../../Images/Icons/icon_sprite.png');
}
.icon a
{
    display: block;
    width: 24px;
    height: 100%;
    position: relative;
}

.icon.add
{
    background-position: 0px 0px;
}
.icon.add:hover
{
    background-position: 0px -24px;
}
.icon.view
{
    background-position: -24px 0px;
}
.icon.view:hover
{
    background-position: -24px -24px;
}
.icon.edit
{
    background-position: -48px 0px;
}
.icon.edit:hover
{
    background-position: -48px -24px;
}
.icon.delete
{
    background-position: -72px 0px;
}
.icon.delete:hover
{
    background-position: -72px -24px;
}

input.btn, input.btn.large,
input.btn.medium, 
input.btn.disabled
{
    height:24px;
    color:White;    
    font-size:11px;
    border:0;
	margin:0;
	padding:0;
	background-color:transparent;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	background-image: url('Images/button.png');
	background-repeat: no-repeat;	
}
input.btn
{        
    width:80px;    
}
input.btn.medium
{
    width:120px;    
    background-position: -266px 0px;
}
input.btn.large
{
    width:186px;    
    background-position: -80px 0px;
}
input.btn:hover
{
   background-position: 0px -24px;
   cursor:pointer;
}
input.btn.medium:hover
{
   background-position: -266px -24px;
   cursor:pointer;
}
input.btn.large:hover
{
   background-position: -80px -24px;
   cursor:pointer;
}
input.btn.disabled
{
    background-image: url('Images/button.png');
    width:186px;
    background-position: 0px -48px;
}
input.btn.large.disabled
{
    background-image: url('Images/button.png');
    width:186px;
    background-position: -80px -48px;
}

.drop
{
    padding-top:8px;
}

.hidden
{
    display: none;
}