/* ================================
    CSS STYLES FOR E-FREIGHT PORTAL 
    v1.0, 01/2001
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: Black;
}

/* background color for the content part of the pages */

BODY {
	FONT-WEIGHT: normal; 
	MARGIN: 0px; 
	COLOR: #000000; 
	FONT-FAMILY: Tahoma,Verdana,Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR:#ffffff;
}
One
{
	BORDER-RIGHT: thin solid; BORDER-TOP: thin solid; LEFT: 10px; BORDER-LEFT: thin solid; WIDTH: 200px; COLOR: #ffffff; BORDER-BOTTOM: thin solid; POSITION:absolute; TOP: 50px; HEIGHT: 200px; BACKGROUND-COLOR: white 
}
/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle 
{
	font-family:Tahoma ,verdana, Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    color:black
}
.SubTitle 
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color:blue
}
.TopNames {
    font-family: Tahoma , Verdana Bold, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color:black
}
.TopNames2 {
    font-family: Tahoma,Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color:black
}.TopNames3 {
    font-family: Tahoma,Verdana , Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color:Aqua
}
/* background/border colors for the selected tab */
.TabBg {
    background-color: #333399;
    border-color: #ffffff;
    border-top-color :#333399;
    border-bottom-color :#333399;
   
}
.TabBg2 {
    background-color: #333399;
    border-color: #33ccff;
    border-bottom-color :#333399;
    border-top-color :#333399;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg2 {
    background-color: #9c9cfc;
	border-color: white;
    border-style :none;
    border-top-color :#333399;
    border-bottom-color :white;
    border-bottom-width :thin ;
    border-bottom-style :solid ;
    
}
.OtherTabsBg {
    background-color: #9c9cfc;
	border-color: lightskyblue;
    border-style :none;
    border-top-color :lightskyblue;
    border-top-width :thin ;
    border-top-style :solid ;
    border-bottom-color :#9c9cfc;
    
}

/* text style for the selected tab */
.SelectedTab {
    font-family:  Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color:#ffffff;
    font-weight: bold;
}

/* text style for the unselected tabs */
.OtherTabs {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color:black;
    font-weight: bold
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link    {
    text-decoration:    none;
    color:black;
}

A.OtherTabs:visited {
    text-decoration:    none;
    color:black;
}

A.OtherTabs:active  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:hover   {
    text-decoration:    underline;
    color:white;
}
    
/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold
}   

/* hyperlink style for the site links */
A.SiteLink:link {
    text-decoration:    none;
    color:#003399;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color:#003399  ;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:#003399;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color:Blue;
}
.SiteLink2 {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold
}   

/* hyperlink style for the site links */
A.SiteLink2:link {
    text-decoration:    none;
    color:white;
}

A.SiteLink2:visited  {
    text-decoration:    none;
    color:white;
}

A.SiteLink2:active   {
    text-decoration:    none;
    color:white;
}

A.SiteLink2:hover    {
    text-decoration:    underline;
    color:silver;
}

/* style for separator between site links */
.Accent
{
    color: LightCyan;
    font-weight:    bold;
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color: darkred;
}



/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color: darkred;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Tahoma,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 11px ;
    background-color :white;   
    display:inline ;
}
.NormalB
{
    font-family: Tahoma,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:bold ;
    line-height: 11px ;
    background-color :white;   
    display:inline ;
}
.Normal1
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 11px ;
    background-color :aqua;   
    display:inline ;
}
.Normal2
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 11px  ;
    background-color: aqua ;
    display:inline ;
}
.Normal3
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:bold;
    line-height: 11px  ;
    background-color: MistyRose ;
    display:inline ;
}

.NormalSmall
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 11px  ;
    background-color: Silver;
    display:inline ;
}
.NormalSmall2
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 9px  ;
    background-color: aqua ;
    display:inline ;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
}
.DropDownList     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    background-color: Aqua   
}    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: red;
}
    



/* GENERIC */
H1  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: darkred;
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: darkred;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: darkred;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: darkred;
}

A:link  {
    text-decoration:    none;
    color:  darkred;
}

A:visited   {
    text-decoration:    none;
    color:  darkred;
}

A:active    {
    text-decoration:    none;
    color:  darkred;
}

A:hover {
    
    color:  red;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}

.BookListHead
{
    background-color: #dddca3;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 20pt;
    padding-left: 5px
}

.BookListItem
{
    background-color: #ffffff;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 14px;
    padding-left: 5px
}

.BookListItemAlt
{
    background-color: #f2f2f2;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 14px;
    padding-left: 5px
}
.BookListHead2
{
    background-color: #dddca3;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 20pt;
    padding-left: 5px
}

.BookListItem2
{
    background-color: #ffffff;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 10px;
    padding-left: 5px
}

.BookListItemAlt2
{
    background-color: #f2f2f2;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 10px;
    padding-left: 5px
}

.BookListFooter
{
    background-color: #dddca3;
    line-height: 10pt
}
.topnav {
	font-size: 12px; 
	MARGIN: 0px; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; 
	BORDER-RIGHT: #97a6b7 1px solid; 
	BORDER-TOP: black 0px solid; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #97a6b7 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: black 1px solid;
	BACKGROUND-COLOR: #7d9fc4;
}
.headX {
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: white;
}
A.topmenu {
	FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.leftmenu {
	FONT-WEIGHT: bold; TEXT-DECORATION: none
}
A.topmenu:link {
	BORDER-RIGHT: #97a6b7 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000000 0px solid; DISPLAY: inline; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #97a6b7 1px solid; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: #000000 0px solid; BACKGROUND-COLOR: #7d9fc4; TEXT-ALIGN: center;FONT-WEIGHT: bold;
}
A.leftmenu:link {
	BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; COLOR: #000000; BORDER-TOP-COLOR: #000000; BACKGROUND-COLOR: #d9e4d1; BORDER-RIGHT-COLOR: #000000
}
A.topmenu:visited {
	BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; COLOR: #000000; BORDER-TOP-COLOR: #000000; BACKGROUND-COLOR: #d9e4d1; BORDER-RIGHT-COLOR: #000000
}
A.leftmenu:visited {
	BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; COLOR: #000000; BORDER-TOP-COLOR: #000000; BACKGROUND-COLOR: #d9e4d1; BORDER-RIGHT-COLOR: #000000
}
A.topmenu:hover {
	BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; COLOR: #000000; BORDER-TOP-COLOR: #000000; BACKGROUND-COLOR: #fcf2e0; BORDER-RIGHT-COLOR: #000000
}
A.leftmenu:hover {
	BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; COLOR: #000000; BORDER-TOP-COLOR: #000000; BACKGROUND-COLOR: #fcf2e0; BORDER-RIGHT-COLOR: #000000
}
A.topmenu:hover {
	BACKGROUND-COLOR: #4d75a0
}
A.topmenu:hover {
	BORDER-LEFT: 1px solid; PADDING-LEFT: 2px;BORDER-RIGHT: 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: 1px solid; DISPLAY: block; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; WIDTH: 145px; PADDING-TOP: 2px; BORDER-BOTTOM: 1px solid; TEXT-ALIGN: center ;FONT-WEIGHT: bold;
}
A.leftmenu:hover {
	BORDER-LEFT: 1px solid; PADDING-LEFT: 2px;BORDER-RIGHT: 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: 1px solid; DISPLAY: block; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; WIDTH: 145px; PADDING-TOP: 2px; BORDER-BOTTOM: 1px solid; TEXT-ALIGN: center ;FONT-WEIGHT: bold;
}
A.topmenu:link {
	BORDER-LEFT: 1px solid; PADDING-LEFT: 2px;BORDER-RIGHT: 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: 1px solid; DISPLAY: block; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; WIDTH: 145px; PADDING-TOP: 2px; BORDER-BOTTOM: 1px solid; TEXT-ALIGN: center ;FONT-WEIGHT: bold;
}
A.leftmenu:link {
	BORDER-LEFT: 1px solid; PADDING-LEFT: 2px;BORDER-RIGHT: 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: 1px solid; DISPLAY: block; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; WIDTH: 145px; PADDING-TOP: 2px; BORDER-BOTTOM: 1px solid; TEXT-ALIGN: center ;FONT-WEIGHT: bold;
}
A.topmenu:visited {
	BORDER-LEFT: 1px solid; PADDING-LEFT: 2px;BORDER-RIGHT: 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: 1px solid; DISPLAY: block; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; WIDTH: 145px; PADDING-TOP: 2px; BORDER-BOTTOM: 1px solid; TEXT-ALIGN: center ;FONT-WEIGHT: bold;
}
A.leftmenu:visited {
	BORDER-LEFT: 2px solid; PADDING-LEFT: 2px;BORDER-RIGHT: 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: 1px solid; DISPLAY: block; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; WIDTH: 145px; PADDING-TOP: 2px; BORDER-BOTTOM: 1px solid; TEXT-ALIGN: center ;FONT-WEIGHT: bold;
}

/* ghfdg hfghfdhg */
.bar {
		background:#336699;
		width:100%;
		border-top:0px solid #99CCFF;
		border-bottom:0px solid #000000; }
		

.desbar {
		background:#FFFFFF; 
		width:100%;
		padding: 10px;
		border-top:1px solid #CCCCCC;
		border-bottom:1px solid #000000;
		color:black; 
		font-size:9pt;
		height:55; }
		
.title {
		font-size:15pt;
		color:white;
		padding-left:10px; }
	
.lpanelcont {
		position:absolute; 
		top:0; 
		left:0; 
		width:350px; 
		height:317; 
		overflow:hidden; 
		z-index:2 }
		
.rightPanel {
		position:absolute; 
		top:37; 
		left:420; }
		
.buttonholder {
		border-bottom:1px solid #336699;
		padding:7px; 
		text-align:center}

.outerblue {
		border-top:1px solid #336699;
		padding:5px; 
		padding-top:0px;
		height:100%; 
		overflow:hidden }
		
.innerwhite {
		background:white; 
		height:100%; 
		width:100%; 
		padding:5px; 
		border:1px solid black; }

.descHints {
		padding:5px; 
		background:#e4e4e4; 
		font-size:8pt;
		width:100%;
		height:100%; }

.descHilite {
		color:red }

.controlTitle {
		border-bottom:1px solid #cccccc; 
		font-weight:bold; 
		padding:5px; 
		cursor:hand; 
		background:white; 
		text-align:center}

.copyBar {
		margin-top:5px; 
		text-align:left; 
		border-top:1px solid #cccccc; 
		font-weight:bold; 
		font-family:verdana; 
		font-size:9pt; 
		padding:5px; 
		cursor:hand; 
		background:#cccccc; }

.codeHilite {
		color:red; 
		font-size:9pt; 
		font-family:verdana; }

.controlpanel
	{
	position:absolute;
	top:20;
	left:0;
	width:99.9%;
	height:480px;
	background-color:#6699CC;
	z-index:1;
	border:0px solid #99CCFF;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:2px;
	padding-top:5px;
	text-align:left;
	overflow:auto;
	display:inline ;
	}
	
.cpcontent
	{
	position:absolute;
	width:100%;
	height:99%;
	background-color:white;
	z-index:1;
	border:2px solid #336699;
	border-bottom:2px solid #99CCFF;
	font-family:verdana;
	font-size:10pt;
	font-weight:normal;
	padding:0px;
	text-align:left;
	overflow:auto;
	scrollbar-base-color:#cccccc;
	display:none ;
	}
	
.tab {
	position:absolute;
	width:90;
	height:25px;
	top:3px;
	left:2;
	z-index:1;
	cursor:hand;
	font-family:verdana;
	font-size:8pt;
	font-weight:normal;
	color:white;
	text-align:center;
	padding-top:4px;
	background-image: url(/images/UI_graytab.gif);
	background-repeat:no-repeat;
	}

.btover { 
		background:#666666; 
		border:1px solid black; 
		border-top:1px solid #cccccc; 
		border-left:1px solid #cccccc; 
		cursor:hand; color:white; 
		font-weight:bold; 
		font-family:verdana; 
		width:110px }
		
.cDescText {
		width:100%; height:133px;
		padding-top:10px;
		}
TD {font-size:70%}
BODY { font-family:tahoma; font-size:80%;}
.attrib {color:red; font-size:8pt; font-family:verdana;}
.staticAttrib {color:blue; font-size:8pt; font-family:verdana;}
.basic {border: 4px solid black; width:250;height:250; filter:progid:DXImageTransform.Microsoft.Gradient(); color:white;font-size:28; font-family:trebuceht; font-weight:bold; text-align:center}
.specialI {font-size:15pt; font-family:arial; color:#000000; font-weight:bold;}

.marker {
	background:lavender; 
    border-color:lavender  ; 
	border-style:solid  ;
	border-width:1px;
	font-family:tahoma,verdana;
	font-size:7pt;
	font-weight:bold ;
	color:black;
	text-align:center;
	}
	
A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited
{
    color: goldenrod;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  10px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}

A.MenuUnselected:hover
{
    color: blue;
    text-decoration: none;
    padding-left: 10px
}

A.MenuSelected
{
    color: white;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  10px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}

A.MenuSelected:hover
{
    color: blue;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 10px
}