/* Added SO*/

BODY
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 11px;
	HEIGHT: 90%;
	overflow: auto;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	COLOR: #FFFFFF;
	PADDING-TOP: 0px;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;

}

TABLE    
{
    FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
}

A:link
{
    COLOR: #004b8d;
	text-decoration: underline;
}
A:visited
{
    COLOR: #004b8d;
	text-decoration: underline;
}
A:active 
{
    COLOR: #004b8d;
	text-decoration: underline;
}
A:hover
{
    COLOR: #666666;
}
#partiesml
{
	color: #004b8d !important;
}

#logon
{
	color: #004b8d;
	font-weight:bold;
}
#header
{
	WIDTH: 100% !important;
	HEIGHT: 100px;
	left: 150px;
	background-image:url(../images/back.jpg);
	background-repeat:repeat-x;
	
}
.username
{
	FONT-SIZE: 11px;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
    COLOR: #FFFFFF;
} 
#paging
{
	FONT-SIZE: 11px;
	border: none;
    COLOR: #000000;
	float: left;
}
#paging A:link,table.gridview A:visited,table.gridview A:hover,table.gridview A:active
{
	color: #004b8d;
	font-weight:bold;

}
#content
{
	position: absolute;	
	TOP: 100px;
	left: 150px;
	height: 100%!important;
	width: 83% !important;
	padding-left: 10px;
	border-left: solid 1px #CCCCCC;
	/* background-image:url(../images/conbk.png); */
	background-attachment:scroll;
	background-repeat: repeat-y;
	background-color: #ffffff !important;
	overflow-x: hidden;  /* this overflow stops the scrolling on all the pages. Where this needs to be overruled, the style is a local css  */

	background-repeat:repeat-y;
}
#content H1
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 10px;
	height: 12px;
	color: black;
	font-variant:small-caps;
}
#content IMG.button
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 8px 8px 8px 0px;
    PADDING-TOP: 0px;
}
#content SPAN.na
{
    COLOR: #999999;
}
#content SPAN.bold
{
    FONT-WEIGHT: bold;
}
#header TABLE.hdr
{
    COLOR: #FFFFFF;
}
INPUT:focus
{
    BACKGROUND: #ffffff;
}
INPUT.sffocus
{
    BACKGROUND: #ffffff;
}
SELECT.focus
{
    BACKGROUND: #ffffff;
}
SELECT.sffocus
{
    BACKGROUND: #ffffff;
}
.focusred {
	color:#660000;
	font-weight:bold;
}
#dashboard
{
	height:100%;
	WIDTH: 148px;
	POSITION: absolute;
	TOP: 100px;
	background-image: url(../images/dashback.png);
	background-repeat:no-repeat;
	overflow: visible !important;
	background-color: #FFF;
	COLOR: #626262;
	line-height: 16px;
	font-weight:normal;

}
#header {
	border: none;
	overflow: visible;
	
}
#dashboard body{
	background-color: #fff;
}

#dashboard.leftstyle
{

    FONT-SIZE: 11px;

    FONT-FAMILY: Times New Roman;
}
#dashboard ul.iconlist  
{
	list-style:  none;
	margin: .4em 0;
	padding-left: 20px;
}
#dashboard ul.iconlist  
{
	list-style:  none;
	padding-left: 20px;
}
#dashboard li 
{  
	height: 16px;
	background-repeat: no-repeat;
	background-position: top-left;
	padding: 3px 0 3px 22px;
}

#dashboard LI.margin
{
    MARGIN-LEFT: 20px !important;
}


li.admin
{
	background-image: url(../images/admin.gif);

}
li.myview
{
	background-image: url(../images/myview.png);
}
li.booking
{
	background-image: url(../images/booknew.png);
}

li.shipment
{
	background-image: url(../images/shipment0.png);
}

li.invoice
{
	background-image: url(../images/invoice.gif);
}
li.listview
{
	background-image: url(../images/dash.gif);
}
li.po
{
	background-image: url(../images/po.gif);
}
li.so
{
	background-image: url(../images/so.gif);
}
li.air
{
	background-image: url(../images/air.gif);
}
li.indent
{
	background-image: url(../images/indent.gif);
}
li.ocean
{
	background-image: url(../images/ocean.gif);
}
li.logout
{
	background-image: url(../images/logout.gif);
}
li.help
{
	background-image: url(../images/help.gif);
}
li.partner
{
	background-image: url(../images/partner.gif);
}
li.isfi
{
	background-image: url(../images/isfi.gif);
}
li.isfiparts
{
	background-image: url(../images/parts.png);
}
li.reports
{
	background-image: url(../images/reports.gif);
}
li.isfirep
{
	background-image: url(../images/isfirep.png);
}
li.isfitemplate
{
	background-image: url(../images/isfitemp.png);
}
li.isfipref
{
	background-image: url(../images/isfipref.png);
	background-repeat: no-repeat;
}
#content SPAN.boldred
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
	color:#6F0000;
}
#bigboldred
{
	font-weight: bold;
    FONT-SIZE: 10pt;
	color:#6F0000;
}
.backgroundblue
{
	background-color:#0033FF;
}
#content SPAN.formlabel
{
	font-weight: bold;
    FONT-SIZE: 10pt;
    COLOR: #004b8d;
}
#content SPAN.smalldetail
{
	color:#6F0000;
	margin-left: 20px;
}
#content td.label
{
	font-weight: bold;
    FONT-SIZE: 10pt;
    COLOR: #004b8d;
}

#content td.detail
{
	font-weight: bold;
    FONT-SIZE: 10pt;
    COLOR: Black;
}
#content SPAN.formdetail
{
	font-weight: bold;
    FONT-SIZE: 10pt;
    COLOR: Black;
}
#content div.intro
{
	COLOR: Black;
}
#content tr.colhdr
{
	background-color: #004b8d;
	color: white;
	font-weight: bold;
	text-align: center;
}

#content th.colhdr
{
	background-color: #004b8d;
	font-weight: bold;
	color: white;
	text-align: center;
	speak-header: once;
	}


#content td.colhdr
{
	background-color: #004b8d;
	color: white;
	font-weight: bold;
	text-align: center;
	border: 1px solid #CCCCCC;
}

#content table.search
{
	
	border-collapse: collapse;
	border-style: solid;
	border-color: white;	
	table-layout: auto;
	text-align: left;
}
#partiesm
{
	width: 605px;
	border:solid 1px #b7ddf2;
	background-color:#f3f9fd;
	font-size: 10px !important;
	border-collapse: collapse;
	table-layout: auto;
	text-align: left;
}
#content table
{
	background-color: #f5f5f5;
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
}
#content td
{
	font-weight: normal;
    font-size: 11px !important;
	border-bottom: 1px groove;	
	background-repeat:repeat-x;
	border-bottom: 1px solid #DDD;
}
p.instruct, span.instruct
{
	font-weight: normal;
    color: #000000 !important;
	width: 600px;
	FONT-SIZE: 12px !important;
	padding: 10px 0px 0px 0px;
	margin: 4px 4px 0px 0px;
}
#content th, #partiesm th
{
	font-weight: bold;
    FONT-SIZE: 10pt;
	background-image:url(../images/tabletop.png);
	background-color:#2864a9;
	color: white;
	padding: 4px 4px 4px 4px;
	border-bottom:solid 2px #000000;
		
}
p.belowtable
{
	font-weight: bold;
	color: #000000;
}
.gridview
{
	border-collapse: collapse;
	border-left: 1px ridge #000000;
	border-right: 1px ridge #000000;
	border-bottom: 1px ridge #000000;
	table-layout: auto;
	empty-cells: show;
	color: black;
	font-weight: bold;
	text-align: center;
}
table.gridview A:link,table.gridview A:visited,table.gridview A:hover,table.gridview A:active
{
	color: #004b8d;
	font-weight:bold;
}
p.gridview A:link, p.gridview A:visited, p.gridview A:hover,p.gridview A:active
{	
	color:#004b8d;
	font-weight:bold;
	font-size: 11px;
}
p.gridview
{
	color:#000000;
	font-size: 11px; 
}
caption{
	color: #004b8d;
	font-weight: bold;
	font-size: 10px;
}
span.gridview
{
	color: black;
	font-weight: bold;
	font-size: small;
}
#content h3
{
	color: #004b8d;
	font-size: 11px;
	font-weight: bold;
}
.smallcaps{
	font-variant:small-caps;
}
#bottomalign {
	vertical-align:bottom;
} 
img.floatmid { 
	vertical-align: middle; 
}
.10pxblack {
	font-size: 10px;
	color: #000000 !important;
	font-variant: normal;
}
#stylizedright{
	margin-left: 20px;
	float:	left;
	margin-top: -10px;
}
#stylizedleft{
	color: #004b8d  !important;
	float:left;
	padding-left: 5px;
  	margin: 0;
  	width: 180px;
   	border:solid 2px #b7ddf2 !important;
	background:#ebf4fb!important;
	width: 178px!important;
	padding-top: -17px;
	padding: -17px;
}
#stylizedleft.small{
	font-size:10px;
	text-align:left;
}
.floatright {
	float: left;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	vertical-align: middle; 
}
#stylized h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
#stylized p{
	font-size:11px;
	color:#666666;
	border-bottom:solid 1px #b7ddf2;
}
#stylized label{
	display:block;
	font-weight:bold;
	text-align:right;
	float:left;
}
#stylized .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
}
.flft {
	float: left;
}
/*
#master{ /* On the Activity Parties Page, this is a container that ensures that the div and table does not split when screen is resized. -g  

  min-width: 1500px !important;
  max-width: 1500px !important;
  width: 1500px !important;
}

#master2{ /* On the Activity Parties Page, this is a container that ensures that the div and table does not split when screen is resized. -g  
  width: 1500px !important;
  background-color: #cccccc;
}*/
#nowrap{
	font-size: 12px;
	color: #000000 !important;
	white-space:nowrap;
}
.inputsm{

	font-size:11px;
	height: 15px;
	padding-bottom: 1px;
	text-transform: uppercase;
	border:solid 1px #666666;
}
autocmp
{

	float: right;
	COLOR: #004b8d !important;
	vertical-align:top; 
}