/* CSS Document */

body
{
	margin-left: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	background-color: #FFFFFF;
}


input
{
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

textarea
{
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

select
{
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

a:link
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
a:visited
{
	color: #336699;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
a:hover
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
a:active
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

/* For default links */
.link
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0066FF;
	font-weight: normal;
	text-decoration: underline;
	padding: 4px;
}

.linkNoPad
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: Blue;
	font-weight: normal;
	text-decoration: underline;
}
a.defaultlink:link
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0066FF;
	text-decoration: underline;
	padding: 4px;
}

a.defaultlink:visited
{
	font-size: 11px;
	color: #993399;
	text-decoration: underline;
	padding: 4px;
}

a.defaultlink:hover
{
	font-size: 11px;
	text-decoration: underline;
	padding: 4px;
}

a.defaultlink:active
{
	font-size: 11px;
	text-decoration: underline;
	padding: 4px;
}

/* For menu border and bg color */
.menuStyle
{
	background-color: #ECEDEE;
	border-right-color: #336699;
	border-right-style: solid;
	border-right-width: 1px;
}

/* For user name in menu */
.menuName
{
	background-color: #DADADA;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}


.linkMenuBlueBold
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
}
.linkMenuBlueBold A:link
{
	text-decoration: none;
}

.linkMenuBlueBold A:visited
{
	text-decoration: none;
}

.linkMenuBlueBold A:hover
{
	text-decoration: underline;
}
.linkMenuBlueBold TD:hover
{
	text-decoration: underline;
}
.linkMenuBlueBold A:active
{
	font-weight: bold;
	text-decoration: none;
}

/* For menu second level links*/
.linkMenuBlueRegular
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	white-space: nowrap;
	text-decoration: none;
}
.linkMenuBlueRegular A:link
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
}
.linkMenuBlueRegular A:visited
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
}
.linkMenuBlueRegular A:hover
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: underline;
}
.linkMenuBlueRegular A:active
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: underline;
}

.linkMenuBlueRegularActive
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	white-space: nowrap;
	text-decoration: none;
}
.linkMenuBlueRegularActive A:link
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
}
.linkMenuBlueRegularActive A:visited
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
}
.linkMenuBlueRegularActive A:hover
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: underline;
}
.linkMenuBlueRegularActive A:active
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
}

/* For table column headers */
TH.colHeading
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	background-color: #CCCCCC;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
}

/* This style is used for grid header */
.GridHeading
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	background-color: #CCCCCC;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
	border-color: black;
}

/* This style2 is used for grid header */
.GridHeading2
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	background-color: #CCCCCC;
	padding: 5px;
	vertical-align: bottom;
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
	border-color: black;
}

/* For table column headers in activity boards */
TH.colHeadingSmall
{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	background-color: #CCCCCC;
	padding: 3px;
	vertical-align: top;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	empty-cells: show;
}

/* For table column headers in shipment entry */
.colHeadingSmallBold
{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	background-color: #CCCCCC;
	padding: 1px;
	vertical-align: top;
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
}

/* For table column headers when class is applied at row level - TR */
.rowHeading
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	background-color: #CCCCCC;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
}

/* For table column headers when class is applied at row level, Without the Borders*/
.rowHeadingWithoutBorder
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	background-color: #CCCCCC;
	padding: 5px;
	vertical-align: top;
	border-collapse: collapse;
	empty-cells: show;
}
/* For table column headers when class is applied at row level, Without the Borders 2 */
/* with padding 2 */
.rowHeadingWithoutBorder2
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	background-color: #CCCCCC;
	padding: 2px;
	vertical-align: top;
	border-collapse: collapse;
	empty-cells: show;
}
/* For table rows in activity boards */

.nonShadedRowsSmall
{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	empty-cells: show;
}

/* For table rows - shaded */
.shadedRows
{
	background-color: #F6F5F5;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}



/* for Shaded columns-when applied at column level. <td> */
.shadedColumns
{
	background-color: #F6F5F5;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
}

/*For shaded Columns -without border*/
.shadedColumnsnobdr
{
	background-color: #F6F5F5;
	padding: 5px;
	vertical-align: top;
	border-collapse: collapse;
	empty-cells: show;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
}

/* For table rows - nonshaded */
.nonShadedRows
{
	background-color: #FFFFFF;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}

/* For table rows - shaded with Bold Text used in Session View */
.shadedRowsBold
{
	background-color: #E7E5E5;
	vertical-align: top;
	border: 1px solid #E7E5E5;
	border-collapse: collapse;
	empty-cells: show;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	padding: 5px 3px 5px 3px;
}

/* For table rows - nonshaded with small text and white border used in Session View*/
.nonShadedRowsBdr
{
	background-color: #FFFFFF;
	padding: 3px;
	vertical-align: top;
	border: 1px solid #FFFFFF;
	border-collapse: collapse;
	empty-cells: show;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}

/* For table rows with no padding used in Shipment Entry screens */
.shadedRowsSmallest
{
	background-color: #F6F5F5;
	padding: 1px;
	vertical-align: top;
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}

/* For table rows with no padding used in Shipment Entry screens*/
.nonShadedRowsSmallest
{
	background-color: #FFFFFF;
	padding: 1px;
	vertical-align: top;
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}

/* For table borders */
.bdr
{
	border: 1px solid #000000;
	empty-cells: show;
	border-collapse: collapse;
}

/* For table borders with black background and black border*/
.bdrBkgBlack
{
	background-color: #000000;
	border: 1px solid #000000;
	empty-cells: show;
	border-collapse: collapse;
}

/* For table with white background and black border */
.bdrBkgWhite
{
	background-color: #FFFFFF;
	border: 1px solid #000000;
	empty-cells: show;
	border-collapse: collapse;
}

/* For table grey colored borders */
.bdrGrey
{
	border: 1px solid #CDCDCD;
	empty-cells: show;
	border-collapse: collapse;
}

/* For blue colored page headers */
.pageHeader
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #5f5f5f;
	padding: 4px;
}

/* For peach colored page sub headers */
.pageSubHeader
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #000000;
	font-weight: bold;
	background-color: #ececec;
	padding: 4px;
}

/* For gray colored page sub divisions */
.pageSubDivision
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #000000;
	font-weight: bold;
	background-color: #EEEFF0;
	padding: 4px;
}

/* For green colored panels */
.panelgreen
{
	background-color: #66CCCC;
}

/* For gray colored panels */
.panelgray
{
	background-color: #EEEFF0;
	padding: 4px;
}
.panelgray2
{
	background-color: #CCCCCC;
}

/* For form labels with borders on all sides */
.formLabelsBdr
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	background-color: #F2F0F0;
	padding: 4px;
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
}

/* For form inputs with borders on all sides */
.formInputsBdr
{
	background-color: #FFFFFF;
	padding-right: 4px;
	padding-left: 4px;
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
}

/* For form labels without borders */
.formLabels
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	background-color: #F2F0F0;
	padding-left: 4px;
}

/* For form inputs without borders */
.formInputs
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #FFFFFF;
	padding-left: 4px;
}

/* For default form buttons */
.button
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 4px;
}

/* For green form buttons */
.button1
{
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000000;
	background-color: #E0E0E0;
	white-space: nowrap;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #336699;
	border-bottom: 1px solid #336699;
	border-left: 1px solid #FFFFFF;
	padding: 1px;
}

/* For global navigation row in top banner area */
.topNav
{
	color: #ffffff;
	text-align: right;
	background-color: #336699;
}

/* For global navigation links in top banner area*/
.topNavText
{
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	word-spacing: 4px;
	padding: 3px;
	text-decoration: none;
}

.topNavText A:link
{
	color: #FFFFFF;
	text-decoration: none;
}

.topNavText A:visited
{
	color: #FFFFFF;
	text-decoration: none;
}

.topNavText A:active
{
	color: #FFFFFF;
	text-decoration: none;
}

.topNavText A:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

/* For black, normal regular hyperlink*/
a.linkblackRegular:link
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

a.linkblackRegular:visited
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

a.linkblackRegular:hover
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

a.linkblackRegular:active
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

/* For black and normal hyperlink*/
a.linkblack:link
{
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

a.linkblack:visited
{
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

a.linkblack:hover
{
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

a.linkblack:active
{
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

/* For white and bold Text*/
.whiteTextLabel
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/* For white and bold hyperlink*/
a.linkwhite:link
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

a.linkwhite:visited
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

a.linkwhite:hover
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

a.linkwhite:active
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

/* For menu first level links*/
/* For blue and bold hyperlink*/
.linkBlueBold
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

a.linkBlueBold:link
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

a.linkBlueBold:visited
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

a.linkBlueBold:hover
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

a.linkBlueBold:active
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

/* For blue and normal hyperlink*/
a.linkBlueRegular:link
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: underline;
}

a.linkBlueRegular:visited
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: underline;
}

a.linkBlueRegular:hover
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: underline;
}

a.linkBlueRegular:active
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: underline;
}

/* for homepage welcome panel - customer name */
.WelcomeBkg
{
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
}

/* for logo as background image */
.LogoBkg
{
	background-color: #F2F2F2;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	bottom: auto;
}

/* for Text */
.textRegular
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 4px;
}

.textRegularBorder
{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 4px;
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
}

.textRegularBold
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 4px;
}

.textRegularBoldPadding
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.textRegularItalic
{
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 4px;
}

.textRegularBoldBorder
{
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 4px;
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
}

.textSmall
{
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 4px;
}

.textSmallBold
{
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 4px;
}

.textLargeBold
{
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.titleBold
{
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #0099CC;
}

.titleBarGreen
{
	background-color: #66CCCC;
}
.titleBoldGreen
{
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #66CCCC;
}

.titleBar
{
	background-color: #0099CC;
}

/* For quick track table in top banner area */
.toptable
{
	font-weight: bold;
	background-color: #EEEEEE;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #66CCCC;
	padding: 2px;
}

/* For green line */
.line
{
	background-color: #66CCCC;
}

.lineBlk
{
	background-color: #000000;
}

.footer
{
	font-size: 9px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #CCCCCC;
	text-align: center;
}

.txtRed
{
	color: #FF0000;
}

.txtGreen
{
	color: #009933;
}

.txtGreen1
{
	color: #29B3B3;
}

.txtBlue
{
	color: #3875B0;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* For left, right and bottom borders*/
.bdrWT
{
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 5px;
}

/* For left and right borders*/
.bdrWB
{
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 5px;
}

/* For bottom border*/
.bdrBtm
{
	border-bottom: 1px solid #000000;
	padding: 5px;
}

/* For left border*/
.bdrLft
{
	border-left: 1px solid #000000;
	padding: 5px;
}
/* For right border*/
.bdrRgt
{
	border-right: 1px solid #000000;
	padding: 5px;
}

/* For left and bottom borders*/
.bdrLftBtm
{
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 5px;
}

/* For top, right and bottom borders*/
.bdrtoprightbtm
{
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 5px;
}


/* For top, left and bottom borders*/
.bdrtopleftbtm
{
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 5px;
}

/*For top and left borders*/
.bdrtopleft
{
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 5px;
}

/*For top and right borders*/
.bdrtopright
{
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 5px;
}

/*For red colored backgrounds with white text*/
.bgOrange
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF0000;
	padding: 2px;
}
.bgBlack
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #000000;
	padding: 2px;
}

/* Light Grey Column Headings*/
.colHeadingGrey
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	background-color: #EEEFF0;
	padding: 2px;
	vertical-align: top;
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
}

/* Dark Grey Column Headings*/
.colHDGrey
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	background-color: #CCCCCC;
	padding: 2px;
	vertical-align: top;
	border: 1px solid #000000;
	border-collapse: collapse;
	empty-cells: show;
}

/*For Table Background*/
.tableBkg
{
	border: 1px solid #000000;
	empty-cells: show;
	border-collapse: collapse;
	background-color: #EEEFF0;
}
.BkgWhite
{
	empty-cells: show;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

.BkgBlue
{
	background-color: #D2E9FF;
}

.bkgyellow
{
	border: 1px solid #000000;
	empty-cells: show;
	border-collapse: collapse;
	background-color: #FFFF00;
}
.leftIndent
{
	padding-left: 4px;
	border: 1px solid #000000;
	empty-cells: show;
	border-collapse: collapse;
}




/* For informative messages -with border---If any change, please change style in all the five next classes*/
.infomsg
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	text-align: left;
	background-color: #FEFEED; /*border: 1px solid #CCCCCC;*/
	border-collapse: separate;
}

/* For error messages -with border*/
.errormsg
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #EF0101;
	font-weight: normal;
	text-align: left; /*padding: 4px;	*/
	background-color: #FEFEED; /*border: 1px solid #CCCCCC;*/
	border-collapse: separate;
}
/* For informative messages -without border*/
.infomsgnobdr
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	text-align: left;
	padding: 4px;
	background-color: #FEFEED;
}

/* For error messages -with border*/
.errormsgnobdr
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #EF0101;
	font-weight: normal;
	text-align: left;
	padding: 4px;
	background-color: #FEFEED;
}


/* For rows containing the messages -- The background color-No text property set*/
.rowmsg
{
	background-color: #FEFEED;
	border: 1px solid #CCCCCC;
}





/*Classes for TABS*/
/*Active Tabs Start Here*/
.tab-left-active
{
	background: url( "../images/tab_left_active.gif" ) no-repeat;
	width: 5px;
	height: 26px;
}

.tab-bg-active
{
	background: url( "../images/tab_bg_active.gif" );
	height: 26px;
	font: 11px Arial;
	color: #000000;
	text-decoration: none;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
}

.tab-right-active
{
	background: url( "../images/tab_right_active.gif" ) no-repeat;
	width: 5px;
	height: 26px;
}


/*Inactive Tabs Start Here*/
.tab-left-inactive
{
	background: url( "../images/tab_left_inactive.gif" ) no-repeat;
	width: 5px;
	height: 26px;
}

.tab-bg-inactive
{
	background: url( "../images/tab_bg_inactive.gif" );
	height: 26px;
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
}

.tab-inactive-link A
{
	font: 11px Arial;
	color: #000000;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
}

.tab-inactive-link A:link
{
	text-decoration: none;
}

.tab-inactive-link A:visited
{
	text-decoration: none;
}

.tab-inactive-link A:hover
{
	text-decoration: underline;
}

.tab-inactive-link A:active
{
	text-decoration: none;
}

.tab-right-inactive
{
	background: url( "../images/tab_right_inactive.gif" ) no-repeat;
	width: 5px;
	height: 26px;
}

/* Class For Line After Tabs*/

.tab-bg-line
{
	font: 11px Arial;
	background: url( "../images/tab_bg_line.gif" );
	background-color: #FFFFFF;
	height: 26px;
}

/*  New Class For Line After Tabs*/
.tab-bg-line-bottom
{
	font: 11px Arial;
	background-color: #FFFFFF;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

/*Class for text link in tabs*/
.tab-text
{
	font: 11px Arial;
	color: #000000;
	text-align: center;
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
	white-space: nowrap;
}

.tab-text A
{
	font: 11px Arial;
	color: #000000;
	text-align: center;
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
	white-space: nowrap;
}

.tab-text A:link
{
	color: #000000;
	text-decoration: none;
}

.tab-text A:visited
{
	color: #000000;
	text-decoration: none;
}

.tab-text A:hover
{
	color: #000000;
	text-decoration: underline;
}

.tab-text A:active
{
	color: #000000;
	text-decoration: none;
}

.titleBoldGrey
{
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #ECEDEF;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #CDCDCD;
	border-collapse: collapse;
	empty-cells: show;
}

.ValidatorHide
{
	color: #EEEFF0;
	background-color: #EEEFF0;
	display: none;
}

.Seperator
{
	color: #CCCCCC;
}

.VisibleFalse
{
	border: 0;
	height: 0;
	width: 0;
}

/* Menu related styles */
/*begin creating the tabs */
.menu
{
	margin-left: 5px;
	background-color: #252525;
	font-size: 11px;
	font-weight: bold;
}

/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td
{
	/*background: url(images/tab.gif) no-repeat #919191;*/
}
/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited
{
	color: #d8d8d8;
	text-decoration: none;
	font-weight: bold;
}

/* set tab1 as top level container table, then target TDs inside*/
.menuItem td
{
	color: Black;
	height: 24px;
	width: 100px;
	text-align: left;
}

/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover
{
	text-decoration: underline;
	color: #F47B20;
	text-decoration: blink;
}

/* make drop down menu container style */
.menuPopup
{
	border: 1px solid #666666;
	border-bottom: 1px solid #666666;
	color: Black;
	background-color: #EEEFF0; /* This is the fix for IE8 white space problem in Menu dropdown*/
	z-index: 100;
}

/* set tab1 as top level container table, then target TDs inside*/
.menuPopupItem td
{
	color: Black;
	width: 100px;
	text-align: left;
	background-color: #EEEFF0;
}

/* make drop down menu item style */
.menuPopupItem
{
	color: Black;
	border-bottom: 1px solid #666666;
	padding: 4px;
	padding-right: 10px;
	background-color: #EEEFF0;
}

A.menuPopupItem:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding-right: 10px;
	color: #66CCCC;
}

.menuPopupItem a:link, .menuPopupItem a:visited
{
	color: Black;
	text-decoration: none;
	font-weight: bold;
}

/******************************************************************

Class For Legends 

******************************************************************/
.Scheduled
{
	background: AliceBlue;
	font-weight: bold;
}
.Critical
{
	background: Red;
	font-weight: bold;
}
.Confirmed
{
	background: #66ccff;
	font-weight: bold;
}

.Arrived
{
	background: #cccc99;
	font-weight: bold;
}

.Loading
{
	background: #ffffcc;
	font-weight: bold;
}

.Received
{
	background: #ccbb00;
	font-weight: bold;
}

.Loaded
{
	background: AntiqueWhite;
	font-weight: bold;
}

.Departed
{
	background: #cccccc;
	font-weight: bold;
}

.Late
{
	background: #66cccc;
	font-weight: bold;
}

.Delivered
{
	background: Aquamarine;
	font-weight: bold;
}

.Problem
{
	background: background;
	font-weight: bold;
}

.UnConfirmed
{
	background: CadetBlue;
	font-weight: bold;
}

.Refuse
{
	background: DeepSkyBlue;
	font-weight: bold;
}
.Unscheduled
{
	background: #EED5D2;
	font-weight: bold;
}
.InDoor
{
	background: #FFCCFF;
	font-weight: bold;
}
.Unloaded
{
	background: #CCCCFF;
	font-weight: bold;
}
/* End here */

.dispNone
{
	display: none;
}

/* Class for Dock Schedules */
.TdClosed
{
	background-color: gray;
}

.TdSlotPUHidden
{
	background: #ffff99;
	border-left-color: #EEEFF0;
	border-right-color: Blue;
	border-left-width: 2px;
	border-right-width: 2px;
	border-left-style: solid;
	border-right-style: solid;
}

.TdSlotDELHidden
{
	background: #ffff99;
	border-left-color: Red;
	border-right-color: #EEEFF0;
	border-left-width: 2px;
	border-right-width: 2px;
	border-left-style: solid;
	border-right-style: solid;
}

.TdSlotBothHidden
{
	background-color: #EEEFF0;
	border-left-color: Blue;
	border-right-color: Red;
	border-left-width: 2px;
	border-right-width: 2px;
	border-left-style: solid;
	border-right-style: solid;
}

.TdSlotPU
{
	background: #ffff99;
	border-left-color: Red;
	border-right-color: Red;
	border-left-width: 2px;
	border-right-width: 2px;
	border-left-style: solid;
	border-right-style: solid;
}

.TdSlotDEL
{
	background: #ffff99;
	border-left-color: Blue;
	border-right-color: Blue;
	border-left-width: 2px;
	border-right-width: 2px;
	border-left-style: solid;
	border-right-style: solid;
	width: 16;
}

.TdSlotBoth
{
	background-color: #ffff99;
	border-left-color: Blue;
	border-right-color: Red;
	border-left-width: 2px;
	border-right-width: 2px;
	border-left-style: solid;
	border-right-style: solid;
}
.TdAppPU
{
	background: lightblue;
}
.TdAppPUStart
{
	background: lightblue;
	border-top-color: White;
	border-top-style: solid;
	border-top-width: 2px;
}
.TdAppDEL
{
	background: #f88;
}
.TdAppDELStart
{
	background: #f88;
	border-top-color: White;
	border-top-style: solid;
	border-top-width: 2px;
}
.TdTopLeftRight
{
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
}

.TdLeftRight
{
	border-right-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
}

.TdBottomLeftRight
{
	border-right-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/*Navisphere Styles*/
.logo-navisphere 
{
    background-image: url(../../Images/logo-navisphere.png);
    background-repeat: no-repeat;
    background-position: 12px 20px;
    background-attachment: scroll;
    background-color: transparent;
    display:inline-block;
    overflow:hidden;
    width: 200px;
    height: 73px;
    /*padding-right:4px;
    padding-left:4px;*/
}

tr.header
{
	background: #949494;
	/*overflow: hidden;*/
	/*width:100%;*/
	height: 73px;
	/*clear: both;*/
	white-space:nowrap;
}

td.Logo 
{
    /*float: left;*/
    background-color: #252525;
    width: 200px;
    height: 73px;
    padding-right:4px;
    padding-left:4px;
}

.buffer
{
	background: #FFFFFF;
	height: 10px;
}

td.LogoBuffer 
{
    background-color: #252525;
    width: 200px;
}

td.divider
{
    width: 3px;
}

.divider-navisphere 
{
    background-image: url(../../Images/bg-header.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    color: #d8d8d8;
    
    background-color: #d8d8d8;
    display:inline-block;
    overflow:hidden;
    width: 3px;
    height: 73px;
}

td.Search 
{
    width: 1100px;
}

div.MinWidth 
{
    width: 1100px;
    float: left;
}

.panelblack
{
	background-color: #252525;
	padding: 4px;
}

.litTitle
{
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	white-space:nowrap;
	width: 280px;
}

a.linkwhite
{
	white-space:nowrap;
}

.nowrap
{
    white-space:nowrap;
}

.centered {
    text-align: center;
}

div.display-table {
    display: table;
    width: 100%;
}

div.display-table div.display-row {
    display: table-row;
}

div.display-table div.display-row > div.display-cell {
    display: table-cell;
    padding: 5px;
}

div.align-inline-content-right,
span.align-inline-content-right {
    text-align: right;
}

div.align-inline-content-center,
span.align-inline-content-center {
    text-align: center;
}

div.align-inline-content-left,
span.align-inline-content-left {
    text-align: left;
}

div.HoverPopUp 
{
    border: 1px solid black;
    padding: 3px 3px 3px 3px;
    background-color: #ECECEC;
    position:absolute; 
    display:none; 
    z-index:1000;
    margin: 0 0 0 0;
}