/*
Page Name:        global.css
Author Name:      Rafael Trujillo
Creation Date:    12/10/2005
Last Modified:    12/28/2005
		Modified By:  Phil McMullin - Added hover image, increased the gap between the header and portlets so the logo wouldn't overlap
Purpose:  Provide the stylesheet classes used on all APL Logistics WPS.
------------------------------------------------- */
/* ----- BASE CLASSES ----- */
* { font-family: Arial, Helvetica, Geneva, sans-serif; margin: 0; padding: 0; }
body { 
	background: 
	margin: 0; 
	padding: 0; 
	height:100%; }
	
html, body, p, div, span, ul, ol, li, td, th, dl, dt, blockquote, h1, h2, h3, h4, h5, select, input, textarea { 
	color: #000; 
	font-size: 100%; 
	margin: 0px; 
	padding: 0px; }
	
html,body { 
	margin:0; 
	padding:0; 
	height:100%; }
	
p {
	line-height: 1.4em;
	
}
	
a:link { 
	color: #333399; 
	text-decoration: none; 
	font-weight: normal; }
	
a:visited { 
	color: #333399; 
	text-decoration: none; 
	font-weight: normal; }
	
a:hover { 
	color:#FF0000; 
	text-decoration: underline; 
	font-weight: normal; }
	
a:active { 
	color:#FF0000; 
	text-decoration: underline; 
	font-weight: normal; }
	
ul, li, ul li, ol, ol li { 
	line-height: 1.4em; }
	
img { 
	border: 0px; }
	
h1 { 
	color:#FF0000; 
	font-size: 150%; }
	
h2 { 
	color:#000; 
	font-size: 125%; }
	
h3 { 
	color:#000; 
	font-size: 110%; 
	margin-top: 10px; }
	
hr {
	height: 1px;
	 }
	
caption {
	text-align: left;
	font-weight: bold;
	padding: 5px;
	background-color:#AFB9D8;
	font-size: 120%;
	  }
	  
	
th {
	font-size: 110%;
	font-weight: bold;
	padding: 3px;
	background-color: #D6D6D6;
	 }
	
td {
	padding: 0px;
	vertical-align: top;
	 }

.headerText {
        color: #223688;
        font-size: 70%;   
        font-family: Arial, Helvetica, Geneva, sans-serif;
        
}
	 
.tableCells {
	padding: 3px;
	font-size: 90%;
	vertical-align: top;	
			 }
	 
.nowrap {
         white-space:nowrap;
        }
		
#Image {
	margin:0px 5px 5px 10px;
	font-size: 80%;
	font-style: italic;
	float: right;
}

#ImageMap { 
	line-height: 1.4em; 
	color:#000; 
	background-color:#FFF; 
	layer-background-color:#FFF;
	margin:10px 5px 10px 5px; }

#ImageMap img { 
	border:0;
	margin:0px; }	
	
/* ----- RightLink ----- */
#RightPartner { 
	width:100%; height:500px; 
	line-height: 1.4em; 
	color:#ffffff; 
	background-color:#afb9d8; 
	layer-background-color:#afb9d8;
	margin:10px 5px 0px 5px; }

#RightPartner a {  
	color:#ffffff; 
	line-height: 1.4em; 
	background-color:#afb9d8; 
	layer-background-color:#afb9d8; }
	
#RelatedContent { 
	width:95%; height:400px; 
	line-height: 1.4em; 
	color:#ffffff; 
	background-color:#afb9d8; 
	layer-background-color:#afb9d8;
	margin:10px 5px 0px 5px; 
	padding: 0px 2px 0px 2px; }

#RelatedContent h2 { 
	color:#FFF; 
	font-weight: bold; 
	font-size: 110%; }
	
#RelatedContent a {  
	color:#ffffff; 
	line-height: 1.4em; 
	background-color:#afb9d8; 
	layer-background-color:#afb9d8; }

/* ----- MASTHEAD ----- */
.masthead {
	height: 24px;
	width: 850px;
	left: 0px;
	position: absolute;
	top: 0px;
	z-index: 1;
}
	
.masthead .blueBar {
	height: 75px;
	width: 850px;
	left: 0px;
	position: absolute;
	top: 0px;
	z-index: 2;
	background-repeat: no-repeat;
	background-color: #AFB9D8;
	background-image: url(/_apll/images/logo_apll_55.gif);
	background-position: 235px;
}
	
.masthead .highlight { 
	height: 0px; width: 0px; left: 0px; 
	position: absolute; top: 0px; 
	z-index: 3; }
	
.masthead .logo { 
	/*background: url(/_apll/images/logo_apll_65.gif); */
	position: absolute; top: 5px; left:10px; 
	height: 65px; width: 142px;
	margin-bottom:5px;
	z-index: 4; 
	 }
	
.masthead .logo a { 
	position: absolute; top: 0px; left:0px; 
	height: 65px; width: 142px;
	margin-bottom:5px; 
	z-index: 4; 
	font-size:0; }
	
.masthead .logo h1 { 
	text-indent: -999em; }
	
* html .masthead.logo { 
	text-indent: 0pt; }
	
* html .masthead.logo h1 span { 
	border: 0px; 
	text-indent: -999em; }

/* ----- NAVIGATION L1 ----- */
#nav {
	position: absolute;
	left: 0px;
	top: 75px;
	z-index: 10;
	font-size: 80%;
	width: 850px;
	background-color: #223688;
}

#nav .normal {
	
}

#nav .invisible {
	visibility:hidden;
}

#nav .upper {
	float:right;
	font-size: 80%;	
}
	
#nav ul {
	margin: 0pt;
	padding: 0pt;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	
	
}
	
#nav ul li {
	margin: 0pt;
	padding: 0pt;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	color: #c5d0e6;
	float: left;
	border-right-width: 1px;
	border-right-style: groove;
	border-right-color: #FFFFFF;
		
}
	
#nav ul li a { 
	margin: 0pt; 
	padding: 3px 10px; 
	color: #ffffff; 
	font-weight: bold;
	display: block;
	  }
	
#nav ul li a:hover {
	color: #FF0000;
	text-decoration: none;
		 }
	
#nav ul li.selected { 
	COLOR: #000;
	 }
	


#nav ul li.selected a { 
	COLOR: #000;
	BACKGROUND-COLOR: #FFF;
	  }
	
#nav ul li.selected a:hover {
	color: #000;
	text-decoration: none;
	 }

/* ----- Tools ----- */
#Tools {
	position: absolute;
	top: 5x;
	float:right;
	width:325px;
	margin:0px;
	z-index: 13;
	color: #223688;
	font-size: 70%;
	padding: 10px;
	text-align: right;
	left: 500px;
}

#Tools a {
	padding: 0px 10px 0px 0px; 
	}
	
/* ----- Search ----- */
#Search {
	position: absolute; left: 500px; top:48px; 
	float:right;text-align: right;
	width:325px; height:20px;
	margin:0px 0px 0px 5px; 
	z-index: 12;
	color: #c5d0e6;
	font-size: 70%;}

#Search form table {
	margin:0px;
	color: #c5d0e6;}

#Search a {
	padding: 0px 2px 0px 2px; }

#Search .Label {
    color: #c5d0e6; 
    padding: 0px 4px;
    margin: 0px;}

#Search .Icon {
    font-size: small;
    color: #c5d0e6; 
    padding: 0px;
    margin: 0px;}

/* ----- CONTENT ----- */
#content { 
	position: relative; top: 107px; 
	width: 100%; 
	height:100%; }
	
#content ul, li, ul li, ol, ol li { 
	margin-left: 15px; 
	padding-left: 0px; 
	line-height: 1.4em; }

.frontPageTitle {
    background-color: #afb9d8;
    color: #4a4ea9;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold; 
    font-size: 100%;
    padding: 10px 5px 5px 5px; }

.frontPageBorder {
    border-width: 0px 2px 2px 2px;
    border-color: #afb9d8;
    background-color: #ebeef5;
    border-style: solid;
    padding:5px; }

/* ----- NAVIGATION L2 ----- */
#nav2  {
	position: relative;
	left:0px;
	top: 0px;
	float: left;
	margin-bottom:25px;
	font-size: 80%;
	width: 175px;
	background: #E1E1E1 repeat-y left;
	border-bottom: 5px solid #223688;
	height: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #5863a5;
	border-right-color: #223688;
	border-left-color: #223688;
}



	
#nav2 ul { 
	margin: 0pt; 
	padding: 0pt; 
	list-style-type: none; 
	list-style-image: none; 
	list-style-position: outside; 
	border: none; }

#nav2 ul li { 
	margin: 0px; 
	color: #000; 
	list-style-type: none; 
	list-style-image: none; 
	list-style-position: outside; 
	border-top: 1px solid #fff;
	height: 100%; }

#nav2 ul li a { 
	margin: 0pt; 
	padding: 4px 8px 4px 12px; 
	color: #000; 
	text-decoration: none; 
	display: block; 
		 }
	
#nav2 ul li a:hover { 
	color: #FF0000; text-decoration: none; 
	background: no-repeat 2px 5px;  }

 #nav2 ul li.selected {
	color: #000;
	background: #cccccc url(/_apll/images//nav2_bullet.gif) no-repeat 10px 5px;
	font-weight: bold;
	padding-left: 10px;
	 }
	 
#nav2 ul li.normal { 
	margin: 0px; 
	color: #000; 
	list-style-type: none; 
	list-style-image: none; 
	list-style-position: outside; 
	border-top: 1px solid #fff;
	padding-left: 10px;
	height: 100%; }
	 
 #nav2 ul li.selected2 {
	color: #000;
	background: #cccccc;
	font-weight: bold;
	background: url(/_apll/images/nav2_bullet.gif) no-repeat 5px 5px;
	padding-left: 5px;
	 }

#nav2 ul li.selected a { 
	color: #000;  
	 }
	
#nav2 ul li.selected a:hover { 
	color: #000; 
	 }
	
#nav2 ul.sub { 
	padding-left:10px; }

#nav2 ul.sub li { 
	font-weight: normal; 
	background: 245657; 
	border-top: 5px solid #efefef; }
	
#nav2 ul.sub li a { 
	background: none; 
	border-top: 0px; 
	padding-top: 1px; 
	padding-bottom: 1px; }

#nav2 ul.sub li.selected { 
	text-decoration: underline; }

#nav2 ul.sub li.selected a { 
	text-decoration: underline; 
	background: url(/_apll/images/nav2_sub_bullet.gif) no-repeat 2px 2px; }

#nav2 ul sub li.selected a:hover { 
	color: #000; 
	background: url(/_apll/images/nav2_sub_bullet.gif) no-repeat 2px 2px; }
	
	
	
	
#navLeft2  {
	position: relative;
	left:0px;
	top: 0px;
	float: left;
	margin-bottom:25px;
	font-size: 100%;
	width: 175px;
	background: #E1E1E1;
	border-bottom: 5px solid #223688;
	height: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #5863a5;
	border-right-color: #223688;
	border-left-color: #223688;
	}
	

#navLeft2 {
	color: #000;
	font-size: 80%;
	text-decoration: none;	 
		 }
		 	 
#navLeft2 a { 
	margin: 0pt; 
	color: #000;
	font-size: 80%; 
	text-decoration: none; 
	display: block; 
		 }
	 
#navLeft2 .normal {
	font-weight: normal;
	width: 100%;
	border-top: 1px solid #fff;
					 }
	
#navLeft2  .selected {
	color: #000000;
	font-weight: bold;
	width: 100%;
	background: #cccccc url(/_apll/images//nav2_bullet.gif) no-repeat 10px 5px;
	border-top: 1px solid #fff;
	padding-left: 10px;
	text-decoration: none;	
			 }
			 

#navLeftHeader {
	padding: 5px;
	font-weight: bolder;
	background-color: #AFB9D8;
	 }			 	
#navLeftHeader a {
	margin: 0pt;
	color: #000;
	font-size: 100%;
	font-weight: normal;	
	 }
	 
 #navLeftHeader a:selected {
	margin: 0pt;
	color: #000;
	font-size: 100%;
	font-weight: bold;	
	 }
	 
#navLeftHeader a {
	margin: 0pt;
	color: #000;
	font-size: 100%;
	text-decoration: none;
	display: block;
	font-weight: bold;	
	 }
	 
#navLeft  {
	font-size: 100%;
	width: 175px;
	margin-bottom:20px;
	border-top: 1px solid #AFB9D8;
	border-right: 1px solid #AFB9D8;
	border-bottom: 5px solid #223688;
	border-left: 1px solid #AFB9D8;
		}
		
#level1  {
	font-size: 110%;
	border-top: 1px none #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px solid #AFB9D8;
	border-left: 1px none #CCCCCC;
	background-color: #AFB9D8;
	padding: 3px;
	font-weight: bold;
	text-decoration: none;
		}
		
#level2  {
	font-size: 90%;
	border-top: 1px none #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px solid #AFB9D8;
	border-left: 1px none #CCCCCC;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
		}
		
#level3  {
	font-size: 80%;
	border-top: 1px none #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px solid #AFB9D8;
	border-left: 1px none #CCCCCC;
	background-color: #FFFFFF;
	padding-left: 20px;
		}
		
#navLeft a {
	font-weight: normal;
	text-decoration: none;
	}
	
#navLeft .selected a {
	font-weight: bold;
	font-size: 110%;
	
			}
			


	 
#navLeft table {
	border: #FFFFFF;
	  }
	 
#navLeft caption {
	text-align: left;
	font-weight: bold;
	padding: 3px;
	background-color:#AFB9D8;
	font-size: 120%;
	color: #FF0000;
	  }
	
#navLeft th {
	font-size: 90%;
	font-weight: bold;
	padding: 0px;
	background-color: #D6D6D6;
	text-align: left;
	 }
	
#navLeft td {
	font-size: 80%;
	padding: 0px;	
	 }

#portletArea { 
	font-size: 80%; 
	z-index: 100; }
	
.portletWrapper {
	padding: 0px;
	border: 1px solid;
		 }
	
.portletHeader {
	padding: 5px;
	font-weight: bold;
	text-align: center;	
	 }
	 
.portletContent {
	padding: 5px;
	font-size: 100%;
	 }
	 
.portletContentSmall {
	padding: 10px;
	font-size: 90%;
	 }
	
#borderGray { 
	border: #CCCCCC;	
	 }
	 
#backgroundGray {
	background-color:#CCCCCC;
	color: #000;
	 } 
	 
#borderDarkBlue { 
	border: #223688;	
	 }
	 
#backgroundDarkBlue {
	background-color:#223688;
	color: #FFFFFF;
	 } 
	 
#borderLtBlue { 
	border: #AFB9D8;	
	 }
	 
#backgroundLtBlue {
	background-color:#AFB9D8;
	color: #000;
	 }
	


.loginContent {
	font-weight: normal;
	text-align: right;
	font-size: 80%;
	padding: 3px;
	border: 1px solid #CCCCCC;
}

.smallContent {
	font-weight: normal;
	font-size: 80%;
}

.error {
	font-size: 80%;
	background-color: #FFFF00;
	padding: 5px;
	vertical-align: middle;
}

.breadcrumb {
	font-size: x-small;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 0px;
}

.sitemap1 {
	font-size: 120%;
	font-weight: bold;	
}

.sitemap2 {
	font-size: 100%;
	font-weight: normal;	
}

.sitemap3 {
	font-size: 80%;
	font-weight: normal;	
}

.printVersion {
	font-size: x-small;
	text-align: right;
	padding-bottom: 10px;
}
	
#backtotop {
	text-align: right;
	font-weight: bold;
	padding-bottom: 5px;
	padding-right: 5px;
	}
	
	
#footerText { 
	background-color: #5863a5; 
	color:#223688; 
	text-decoration: none; 
	font-weight: normal; }


#footer {
	width:850px;
	font-size: 80%;
	padding: 3pt;
	text-decoration: none;
	font-weight: normal;
}
	
#footer a { 
	text-decoration: none; 
	font-weight: normal; }
	
#footer ul { 
	font-size: 80%; 
	margin: 0pt; 
	padding: 0pt; 
	list-style-type: none; 
	list-style-image: none; 
	list-style-position: outside; }
	
#footer ul li { 
	list-style-type: none; 
	list-style-image: none; 
	list-style-position: outside; 
	color: #c5d0e6; 
	float: left; }
	
#footer ul li a { 
	color: #c5d0e6; 
	text-decoration: none; 
	display: block; 
	padding-right: 10px; }