#container
{
	padding: 0px;  
	margin: 0px; 
	width: 100%;
}

#header
{
	padding: 0px;  
	margin: 0px; 
	width: 100%;
	height: 105px;
}

#content
{
	background-color: #666666;
	width: 100%;
}

#footer
{
	clear: both;
	margin-top: 20px;
	width: 100%;
}

/***************
 * Menu styles *
 ***************/
#menu h4
{
	margin: 2px;
	padding: 0px;
}

#menu ul
{
	margin: 2px;
	padding: 0px;
}

#menu li
{
	line-height: 2.5ex; 
	list-style-type: none;
	background: transparent url(/alliedportal/freightmgt/images/bullet2.gif) no-repeat left center; 
	display: block; 
	padding-left: 15px; 
	margin: 0px;
	white-space: nowrap;
}

#jbssmenu h4
{
	margin: 2px;
	padding: 0px;
}

#jbsmenu ul
{
	margin: 2px;
	padding: 0px;
}

#jbsmenu li
{
	line-height: 2.5ex; 
	list-style-type: none;
	background: transparent url(/alliedportal/freightmgt/images/bullet2.gif) no-repeat left center; 
	display: block; 
	padding-left: 15px; 
	margin: 0px;
	white-space: nowrap;
}

#qmsmenu h4
{
	margin: 2px;
	padding: 0px;
}

#qmsmenu ul
{
	margin: 2px;
	padding: 0px;
}

#qmsmenu li
{
	line-height: 2.5ex; 
	list-style-type: none;
	background: transparent url(/alliedportal/querymgt/images/bullet2.gif) no-repeat left center; 
	display: block; 
	padding-left: 15px; 
	margin: 0px;
	white-space: nowrap;
}

#fleetMenu h4
{
	margin: 2px;
	padding: 0px;
}

#fleetMenu ul
{
	margin: 2px;
	padding: 0px;
}

#fleetMenu li
{
	line-height: 2.5ex; 
	list-style-type: none;
	background: transparent url(/alliedportal/images/bullet2.gif) no-repeat left center; 
	display: block; 
	padding-left: 15px; 
	margin: 0px;
	white-space: nowrap;
}

/********************
 * HTML Tag Classes *
 ********************/

a:link,a:visited,a:active,a:hover
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

body.portal
{
	background-image: url(../images/mainBKG.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	color: #CCCCCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0px;
}

body.popup
{
	color: #CCCCCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0px;
}

button
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

caption
{
	color: #CCCCCC;
	background-color: #444444;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left: 2px;
	text-align: left;
}

div.jobDetails
{
	padding-bottom: 10px;
}

div.queryDetails
{
	padding-bottom: 10px;
}

div.querySearch
{
	padding-bottom: 10px;
}

div.nav
{
	padding: 3px;
}

form
{
	margin: 0px; 
	padding: 0px;  
}

h1 
{
	font-size: 24px;
}

h2 
{
	font-size: 18px;
}

h3 
{
	font-size: 16px;
}

h4 
{
	font-size: 14px;
}

h5 
{
	font-size: 12px;
}

h6 
{
	font-size: 11px;
}


input
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input.uppercase
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}

img
{
	border: 0px;
}

img.link
{
	border: 0px;
	vertical-align: bottom;
}

img.eSigImage
{
	width: 100px;
}

img.podImage
{
	width: 500px;
}

p.portal-copyright
{
	color: #999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}

select
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

table.headerTable
{
	font-size: 11px;
	margin: 0px; 
	padding: 0px;  
	width: 100%;
}

table.pageContent
{
	background-color: #666666;
	border-collapse: collapse;
	margin: 0px; 
	padding: 0px;  
	width: 100%;
}

table
{
	font-size: 11px;
}

td.leftColumn
{
	background-color: #4F4F4F;
	padding-left: 10px;
	padding-top: 10px;
	vertical-align: top;
    width: 200px;
    min-width: 200px;
}

td.centerColumn
{
	padding-top: 10px;
	padding-left: 10px;
	vertical-align: top;
}

td.field-label-left
{
	background-color: #4F4F4F;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	width: 15%;
	white-space: nowrap;
}

td.field-label-right
{
	background-color: #4F4F4F;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	width: 15%;
	white-space: nowrap;
}

td.field
{
	background-color: #4F4F4F;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
}

td.overdueWarning
{
	background-color: #C00000;
	width: 3px;
}

td.firstWarning
{
	background-color: yellow;
	width: 3px;
}

td.secondWarning
{
	background-color: orange;
	width: 3px;
}

textarea
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 300px;
    height: 100px;
}

th
{
	background-color: #4F4F4F;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}

th.noteHeading
{
	background-color: #4F4F4F;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}

th.scanHeading
{
	background-color: #4F4F4F;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}

th.itemDimensions
{
	background-color: #4F4F4F;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}

/*******************
 * Generic Classes *
 *******************/
.alignBottom
{
	vertical-align: bottom;
}

.alignCenter
{
	text-align: center;
}

.alignLeft
{
	text-align: left;
}

.alignRight
{
	text-align: right;
}

.alignTop
{
	vertical-align: top;
}

.bold
{
	font-weight: bold;
}

.formCheckBoxCell
{
	background-color: #4F4F4F;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
    width: 25px;
}

.fullWidth
{
    width: 100%;
}

.fullSize
{
	width: 100%;
	height: 200px;
	overflow: auto;
	margin: 0 auto;
}

.noWrap
{
	white-space: nowrap;	
}
/**************************
 * Scrolling Table Styles *
 *************************/ 
div.scrollingTableContainer 
{
    height: 120px;
    width: 100%;
    overflow: auto;
    margin: 0 auto;
    margin-bottom: 5px;
}

table.smallScrollingTable
{
    width: 99%;
}

/* This syntax is ignored by IE but makes FireFox look great */
table>tbody.scroll
{
	overflow: auto; 
	height: 70px;
	overflow-x: hidden;
}

/*----------------------------------------------------------------------------*/
/*                              Portal Styles                                 */
/*----------------------------------------------------------------------------*/

/* Login JSP Selectors */
#login-container
{
    position: relative;
    top: 55px;
    width: 320px;
    height: 250px;
}


#login-container legend
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
	color: #CCCCCC;
}

/****************************
* Portlet Container Windows *
*****************************/
#regionA
{
    width: 95%;
}

#regionB
{
    width: 99%;
}

#regionMaximized
{
    width: 99%;
}

.portlet-container
{
	padding-bottom: 20px;
    width: 100%;
}

.portlet-titlebar-left
{
    background-image: url(../images/portlet-top-left.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 15px;
    width: 5px;
    min-width: 5px;
    padding-right: 0px;
}

.portlet-titlebar-center
{
    background-image: url(../images/portlet-top-middle.gif);
    background-repeat: repeat-x;
    height: 15px;
}

.portlet-titlebar-decoration
{
    float: left;
    padding-top: 1px;
}

.portlet-titlebar-title
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
    font-weight: bold;
    white-space: nowrap;
    line-height: 100%;
    text-indent: 10px;
    margin: 0px;
    padding: 0px;
    padding-bottom: 1px;
    vertical-align: top;
}

.portlet-mode-container
{
    float: right;
    margin: 0px;
    padding: 0px;
}

.portlet-mode-minimized
{
    background-image: url(../images/minimize.gif);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    float: left;
    display: inline;
    cursor: pointer;
}

.portlet-mode-maximized
{
    background-image: url(../images/maximize.gif);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    float: left;
    display: inline;
    cursor: pointer;
}

.portlet-mode-normal
{
    background-image: url(../images/normal.gif);
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    float: left;
    display: inline;
    cursor: pointer;
}

.portlet-titlebar-right
{
    background-image: url(../images/portlet-top-right.gif);
    background-repeat: no-repeat;
    width: 5px;
    height: 15px;
    min-width: 5px;
}

.portlet-content-left
{
    background-image: url(../images/borderPixel.gif );
    background-repeat: repeat-y;
}

.portlet-content-center
{
}

.portlet-body
{
}

.portlet-text
{
}

.portlet-content-right
{
    background-image: url(../images/borderPixel.gif );
    background-repeat: repeat-y;
    background-position: top right;
}

.portlet-footer-left
{
    background-image: url(../images/borderPixel.gif );
    background-repeat: repeat-x;
}

.portlet-footer-center
{
    background-image: url(../images/borderPixel.gif );
    background-repeat: repeat-x;
}

.portlet-footer-right
{
    background-image: url(../images/borderPixel.gif );
    background-repeat: repeat-x;
}

/************************
 * Portlet Window Modes *
 ************************/

.portlet-mode-help
{
}

.portlet-mode-edit
{
}

.portlet-mode-remove
{
}

.portlet-mode-view
{
}

.portlet-mode-reload
{
}

/***********
 * WINDOWS *
 ***********/

div.portlet-window
{
	border: 1px solid #4F4F4F;
	margin-bottom: 20px;
	width: 100%
}

div.portlet-decoration
{
	width: 100%
}

table.portlet-titleBarContainer
{
	background-color: #4F4F4F;
	width: 100%
}

td.portlet-titleBarBorderLeft
{

}

td.portlet-titleBarContentLeft
{
	text-align: left;
	width: 100%
}

span.portlet-title
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	white-space: nowrap;
}

td.portlet-titleBarContentRight
{
	text-align: right;
}

td.portlet-titleBarBorderRight
{

}

div.portlet-content
{

}

a.normalMode
{
	background-image: url(../images/window/normal.gif); 
	display: block;
	overflow:hidden;
	width: 16px; /* width of actual icon */ 
	height: 0px;
	padding-top: 16px; /* height of the replacement icon */
	background-repeat: no-repeat; 
	margin-bottom: -16px;
	margin-top: 0px; 
	margin-left: 0px; /* width of the minimize image to this icon's left */
	margin-right: 0px;
}

a.minimizedMode
{    
	background-image: url(../images/window/minimize.gif); 
	display:block;
	overflow:hidden;
	width: 16px; /* width of actual icon */ 
	height: 0px; 
	padding-top: 16px; /* height of the replacement icon */
	background-repeat: no-repeat; 
	margin-bottom: 0px;
	margin-top: 0px; 
	margin-left: 16px; /* width of the normal image to this icon's left */
	margin-right: 32px;
}

a.maximizedMode
{    
	background-image: url(../images/window/maximize.gif); 
	display: block;
	overflow:hidden;
	width: 16px; /* width of actual icon */ 
	height: 0px;
	padding-top: 16px; /* height of the replacement icon */
	background-repeat: no-repeat; 
	margin-bottom: 0px;
	margin-top: -16px; /* height of the replacement image */
	margin-left: 32px; /* width of the minimize image to this icon's left */
	margin-right: 16px;
}


/************
 * SECTIONS *
 ************/

.portlet-section
{
	padding-top: 5px;
	padding-bottom: 5px;
    width: 100%;
}

/* Table or section header */
.portlet-section-header
{

}

/* Normal text in a table cell */
.portlet-section-body
{
}

/* Text in every other row in the cell */
.portlet-section-alternate
{

}

/* Text in a selected cell range */
.portlet-section-selected
{

}

/* Text of a subheading */
.portlet-section-subheader
{

}

/* Table or section footnote */
.portlet-section-footer
{

}

/* Text that belongs to the table but does not fall in one of the other categories
  (e.g. explanatory or help text that is associated with the section. */
.portlet-section-text
{

}

/********
* FONTS *
*********/

/* Font attributes for the normal  fragment font.
   Used for the display of non-accentuated information */
.portlet-font
{
	color: #CCCCCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* Font attributes similar to the portlet.font but the color is lighter */
.portlet-font-dim
{

}

/********
* FORMS *
*********/

/* Text on a button */
.portlet-form-button
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
		
.portlet-form-button-container
{
	background-color: #4F4F4F;
	text-align: right;
}

/* Text for a field (not input field, eg. checkboxes, etc.) */
.portlet-form-field
{
	background-color: #4F4F4F;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
}

/* Text for a separator of fields (e.g. checkboxes, etc.) */
.portlet-form-field-label
{
	background-color: #4F4F4F;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	width: 15%;
	white-space: nowrap;
}

.portlet-form-field-label-required
{
	background-color: #4F4F4F;
    color: orange;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	width: 15%;
	white-space: nowrap;
}

/* Text used for the descriptive label of the whole form (not the label for fields) */
.portlet-form-label
{
	color: #CCCCCC;
	background-color: #444444;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left: 2px;
	text-align: left;
}

/* Text of the user-input in an input field */
.portlet-form-input-field
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 200px;
}

.portlet-form-input-field-medium
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 100px;
}

.portlet-form-input-field-small-medium
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 75px;
}

.portlet-form-input-field-small
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 50px;
}

/* Text that appears beside a context dependent action icon */
.portlet-icon-label
{

}

/* Text that appears beside a "standard" icon (e.g Ok, or Cancel) */
.portlet-dlg-icon-label
{

}


/***********
* MESSAGES *
************/

/* Status of the current operation. */
.portlet-msg-status
{

}

/* Help messages, general additional information, etc. */
.portlet-msg-info
{
	color: white;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
}

/* Error messages. */
.portlet-msg-error
{
	color: yellow;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

/* Warning messages. */
.portlet-msg-alert
{
	color: orange;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

/* Verification of the successful completion of a task. */
.portlet-msg-success
{
	color: white;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.validation-summary
{
    color: yellow;
    padding: 11px;
	font-size: 12px;
}

/********
* MENUS *
*********/

.portlet-menu
{

}

.portlet-menu-item
{

}

.portlet-menu-item:hover
{

}

.portal-title-level1
{

}

.portlet-form-field-middle
{

}

.portal-title-level2
{

}