/* 
    Document   : main.css
    Created    : For WLP 8 Version of Modalgistics
    Modified   : Feb 15, 2007
    Author     : Anthony Stuchel
*/

/* This section sets up overrides that apply when printing. */
@media print 
{
	.leftMenu  {display: none;}
	.topMenu {display: none;}
	.utilityBar {display: none;}
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Common styles
// --------------------------------------------------------------------------------------------------------------------
*/
p, td, div, li
{
	font-family:  Verdana, Arial, sans-serif;
	font-size:  8pt;
}

li
{
	background: url('/nscmodalgistics/framework/skins/modalgistics/images/dot.gif') no-repeat;
	background-position: 0px 8px;
}

a
{
	color:  rgb(51, 51, 51);
	text-decoration:  none;
}

a:hover
{
	color:  rgb(114, 22, 3);
	text-decoration:  underline;
}

a:visited
{
	color:  rgb(102, 102, 102);
}

blockquote
{
	font-family: Arial;
	color: #666666;
	font-size: 10pt;
	line-height: 14pt;
	margin-top: 14px;
	margin-bottom: 20px;
	margin-left: 40px;
	
}

ol
{
	padding-left: 24px;
}

ol li
{
	background-image: none;
	font-family: Arial;
	color: #666666;
	font-size: 10pt;
	line-height: 14pt;
	margin-top: 14px;
}
*.dot
{
  color:  rgb(51, 51, 51);
}


/*
// --------------------------------------------------------------------------------------------------------------------
// Common class styles
// --------------------------------------------------------------------------------------------------------------------
*/
ul.fixed
{
	color:  rgb(51, 51, 51);
	padding-left: 6px;
}

ul.fixed li
{
	padding: 3px 0px 3px 10px;
}

p.fixed
{
	padding: 6px;
}

ul.menufixed
{
	color:  rgb(51, 51, 51);
	padding-left: 6px;
}

ul.menufixed li
{
	padding: 3px 0px 3px 10px;
}

.layout
{
	width: 100%;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Header styles
// --------------------------------------------------------------------------------------------------------------------
*/
table.topNav td.utilityBarNoGraphic input
{
	width:  90px;
	padding: 1px 0px 0px 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 2px;
	font-family:  Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size:  8pt;
	text-align: center;
}

table.topNav td.menubarButton a
{
	text-decoration:  none;
}

table.topNav td.utilityBarNoGraphic

{
	background-color:  rgb(241, 241, 229);
	background: transparent url("/nscmodalgistics/framework/images/header/button_bar_sliver.gif") top left repeat-x;
}

table.topNav td.utilityBarGraphic
{
	background-color:  rgb(241, 241, 229);
	background: transparent url('/nscmodalgistics/framework/images/header/button_bar_sliver.gif') top left repeat-x;
}

table.topNav td.utilityBarGraphic input
{
	background-color:  rgb(241, 241, 229);
}
/*
// --------------------------------------------------------------------------------------------------------------------
// Left Panel styles 
// --------------------------------------------------------------------------------------------------------------------
*/
.two-column-left
{
	margin-top: 8px;
}

.two-column-left table
{
	width: 100%;
}

.two-column-left img
{
	display: inline;
}

.two-column-left .mainimage
{
	display: block;
	width: 100%;
	text-align: center;
}

.two-column-left .maintitle h1
{
	font-family:  Arial, Helvetica, Tahoma, sans-serif;
	font-size:  14pt;
	font-weight:  bold;
	text-align: center;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Left Menu styles 
// --------------------------------------------------------------------------------------------------------------------
*/
.leftMenu
{
	margin-top: 2px;
}
.leftMenu ul
{
	margin-left: 4px;
	margin-right: 4px;
}

.leftMenu ul ul
{
	margin: 0px 0px 18px 0px;
	
}

.leftMenu li
{
	background-image: none;	
	font-family:  Arial, Verdana, Helvetica, Tahoma, sans-serif;
	font-size:  8pt;
}

.leftMenu ul li a:hover
{
	color:  rgb(114, 22, 3);
}

.leftMenu ul li.list-normal
{
	padding-left: 14px;
	background: url('/nscmodalgistics/framework/skins/modalgistics/images/little_dot.gif') no-repeat;
	background-position: 6px 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.leftMenu ul li.list-selected 
{
	padding-left: 14px;
	background: url('/nscmodalgistics/framework/skins/modalgistics/images/little_dot.gif') no-repeat;
	background-position: 6px 10px;
	background-color:  rgb(247, 237, 200);
	padding-top: 5px;
	padding-bottom: 5px;
}

.leftMenu ul li.list-selected a
{
	color: #333333;
}

.leftMenu ul li.tree-normal
{
	background-image: none;
}

.leftMenu ul li.tree-selected
{
	background-image: none;
	background-color:  rgb(247, 237, 200);
}

.leftMenu ul li.tree-selected a
{
	color: #333333;
}

.leftMenu ul li ul li.tree-normal
{
	background: url('/nscmodalgistics/framework/skins/modalgistics/images/little_dot.gif') no-repeat;
	background-position: 3px 5px;
	padding-left: 10px;
}

.leftMenu ul li ul li.tree-selected
{
	background: url('/nscmodalgistics/framework/skins/modalgistics/images/little_dot.gif') no-repeat;
	background-position: 3px 5px;
	background-color:  rgb(247, 237, 200);
	padding-left: 10px;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Right Panel styles 
// --------------------------------------------------------------------------------------------------------------------
*/
.two-column-right
{
	background-color: #F2F3EE;
	background-image: url('/nscmodalgistics/framework/skins/modalgistics/images/watermark.gif');
	background-repeat: no-repeat;
	background-position: 40px 100px;
	padding: 50px 130px 80px 80px;
	min-height: 300px;
	_height: 300px;
}

.two-column-right p
{
	font-family: Arial;
	color: #666666;
	font-size: 10pt;
	line-height: 14pt;
	margin-top: 14px;
}

.two-column-right ul
{
	color: #666666;
	line-height: 14pt;
}

.two-column-right ul li
{
	font-family: Arial;
	font-size: 10pt;
	background: url('/nscmodalgistics/framework/skins/modalgistics/images/big_dot.gif') 0px 8px no-repeat; 
	padding-left: 14px;
	color: rgb(102, 102, 102);
}

.two-column-right a
{
	text-decoration: underline;
	color: #666666;
}

.two-column-right-footer
{
	background-color: #F2F3EE;
	min-height = 200px;
	padding: 20px 250px 100px 80px;
	
}

/*
// --------------------------------------------------------------------------------------------------------------------
// General "portlet" styles
// --------------------------------------------------------------------------------------------------------------------
*/
.portlet
{
	margin-top: 4px;
	margin-bottom: 20px;
}

.portlettitlebar
{
	font-family:  Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size:  11pt;
	color:  rgb(255, 255, 255);
	font-weight:  bold;
	font-style:  normal;
	background-color:  rgb(121, 121, 109);
	height: 20px;
	white-space: nowrap;
}

.portlet p
{
	clear: both;
}

.portletcontent
{
	border-right:  1px solid rgb(223,223,211);
	font-size:  8pt;
	border-bottom:  1px solid rgb(223,223,211);
	border-left:  1px solid rgb(223,223,211);
	background-color:  rgb(240, 240, 228);
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Footer styles
// --------------------------------------------------------------------------------------------------------------------
*/
table.pageFooter
{
	font-size: 10px;
	color: #666666;
	font-family: Arial, Tahoma, Verdana, Arial;
	text-align: center;
	margin-bottom: 24px;
}

table.pageFooter td {
	font-size: 10px;
	color: #666666;
	font-family: Arial, Tahoma, Verdana, Arial;
	text-align: center;
	background-color: transparent;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Breadcrumb
// --------------------------------------------------------------------------------------------------------------------
*/
div.breadcrumb
{
	font-family: Arial;
	font-size: 14px;
	color: #666666;	
	margin-bottom: 20px;
}

div.breadcrumb .leaf
{
	font-size: 18px;
	font-weight: bold;
	color: #333333;	
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Home page styles
// --------------------------------------------------------------------------------------------------------------------
*/
.homeContent
{
	margin: 3px 10px 0px 10px;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Alert "portlet" styles
// --------------------------------------------------------------------------------------------------------------------
*/
.alertstitlebar
{
	font-family:  Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size:  11pt;
	color:  rgb(255, 255, 255);
	font-weight:  bold;
	font-style:  normal;
	background-color:  rgb(114, 22, 3);
	height: 20px;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// Service Offerings "portlet" styles
// --------------------------------------------------------------------------------------------------------------------
*/
.serviceOfferings
{
	margin: 0px 22px 0px 22px;
}

td.dottedVertical
{
	vertical-align: top;
}

td.dottedVertical img
{
	display: inline;
	height: 500px;
	width: 1px;
}

td.dottedHorizontal img
{
	float: right;
	margin-right: 10px;
}

/*
// --------------------------------------------------------------------------------------------------------------------
// News "portlet" styles
// --------------------------------------------------------------------------------------------------------------------
*/
.newsCategoryTitle
{
	font-family:  Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size:  9pt;
	color:  rgb(51, 51, 51);
	font-weight:  bold;
	font-style:  normal;
	background-color:  rgb(200, 200, 188);
	height: 24px;
}

.newsCategoryTitle img
{
	float: left;
	padding-top: 2px;
}
.newsCategoryTitle span
{
	float: left;
	padding-top: 4px;
	padding-left: 4px;
}

.newsCategory ul
{
	clear: both;
	padding: 10px 0px 6px 6px;
}

.newsCategory ul li
{
	background: url('/nscmodalgistics/framework/skins/modalgistics/images/bullet.gif') no-repeat;
	padding-left: 20px;
}

a.news
{
	text-decoration: underline;
	font-weight: bold;
	color: #666666;
}

p.newsHomeTitle
{
	margin: 6px 0px 8px 0px;	
	text-decoration: none;
	font:  Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	color:  rgb(51, 51, 51);
}
.newsDetails
{
	margin: -12px 0px 8px 0px;	
	text-decoration: none;
	font:   Verdana,Arial, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	color:  rgb(51, 51, 51);
}
/*
// --------------------------------------------------------------------------------------------------------------------
// Site Map styles
// --------------------------------------------------------------------------------------------------------------------
*/
.layoutWatermark
{
	background-color: #F2F3EE;
	background-image: url('/nscmodalgistics/framework/skins/modalgistics/images/watermark.gif');
	background-repeat: no-repeat;
	background-position: 220px 120px;
	width: 100%;
}

.siteMap
{
	border:  1px solid rgb(51,51,51);
	margin: 12px 2px 0px 2px;
	
}

.siteMap .header
{
	color:  rgb(255, 255, 255);
	padding:  4px;
	background-color:  rgb(121, 121, 109);
}

.siteMap ul
{
	margin: 4px 20px 18px 20px;
}

.siteMap .siteMap
{
	margin: 12px 0px 12px 0px;
}

.siteMap li.subMap {
	background-image: none;
	margin: 0px;
	padding-left: 0px;
}

.siteMap li.subMap ul {
	margin-bottom: 12px;
}
	
.siteMap ul li
{
	line-height: 13px;
	padding-left: 8px;
	background-position: 0px 4px;
}

.footer
{
	/* background-color: #F2F3EE; */
	min-height = 200px;
	padding: 0px 80px 95px 80px;
	
}
.one-column-footer
{
	background-color: #F2F3EE; 
	min-height = 200px;
	padding: 0px 80px 95px 80px;
	
}

.one-column-center
{
	background-color: #F2F3EE;
	background-image: url('/nscmodalgistics/framework/skins/modalgistics/images/watermark.gif');
	background-repeat: no-repeat;
	background-position: 210px 100px;
	padding: 50px 50px 10px 0px;
	min-height: 300px;
	_height: 300px;
}  
.content
{
  font-family:  Arial;
  color:  rgb(102, 102, 102);
  font-size:  10pt;
  margin:  0px 120px 80px 80px;
}
.content p 
{
  font-family:  Arial;
  color:  rgb(102, 102, 102);
  margin: 0px 0px 12px 0px;
  font-size:  10pt;
  line-height:  14pt;
}