/*
    N4 Standard style sheet.
    See Html document that describes the usage of this before modifying.
    Copyright (c) 2003 by Navis Corp.
    Written by Andrew J. Peterson, 2003
    $Id: n4standard.css,v 1.4.2.1 2009/11/11 12:00:41 uganesan Exp $
*/

table.mainTable
{
	border-right: #ccc 2px solid;
	border-top: #ccc 2px solid;
	border-left: #ccc 2px solid;
	border-bottom: #ccc 0px solid;
	margin: 0px;
	font-weight: normal;
	font-family: verdana, arial,helvetica;
	width: 100%;
	/*height: 1200px;*/
	color: #000;
	background-color: #fff;
}

iframe
{
  margin:10px;
}

div.help
{
	border-top-width: 4px;
	padding-right: 6px;
	padding-left: 6px;
	border-left-width: 4px;
	font-size: 10pt;
	border-left-color: #999;
	border-bottom-width: 4px;
	border-bottom-color: #999;
	padding-bottom: 6px;
	width: 100%;
	color: #900;
	border-top-color: #999;
	padding-top: 6px;
	height: 72px;
	background-color: #ccc;
	border-right-width: 4px;
	border-right-color: #999;
}

a
{
	color: #666;
	text-decoration: underline;
}

a:visited
{
    color:#000;
}

a:hover
{
	color: #6DAD21;
	text-decoration: underline;
}

img
{
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: medium none;
}

.login { background-color: transparent; }
table.login tr th { text-align: right; }

.errors
{
    font-size:12px;
    font-weight:bold;
    color: #CC0000;
}

.messages li
{
    /*color: #59B224;*/
}

.brandingArea
{
	font-size: 32pt;
	width: 100%;
	background-color: #ddb;
}

.branding { margin: 5px; }

td.loginArea, td.helpArea
{
	border: solid 1px #A9A9A9;
	font-size: 11px;
	vertical-align: top;
	align: right;
	color: #999999;
	background-color: #eeeedd;
	padding: 5px;
}

a.loginArea
{
	border-width:0px;
	align: center;
    width:100%;
    color: white;
	background-color: darkgray;
    font-weight: bold;
	font-size: 11px;
    text-decoration: none;
    padding: 3px;
}

.globalNavigationArea
{
	border-right: darkgray 1px solid;
	padding-right: 10px;
	border-top: darkgray 1px solid;
	padding-left: 5px;
	font-size: 11px;
	padding-bottom: 1px;
	border-left: darkgray 0px solid;
	color: #999;
	padding-top: 0px;
	border-bottom: darkgray 0px solid;
	background-color: white;
}

.globalNavigationArea .navDisabled { color: #ccc; }

.globalNavigationArea .nav
{
	font-weight: bold;
	color: #999;
}

.globalNavigationArea .navActive
{
	font-weight: bold;
	color: #000;
}

.mainNavigationArea
{
	border-right: darkgray 0px solid;
	padding-right: 10px;
	border-top: darkgray 1px solid;
	padding-left: 0px;
	font-size: 11px;
	padding-bottom: 2px;
	border-left: darkgray 0px solid;
	color: #999;
	padding-top: 0px;
	border-bottom: darkgray 1px solid;
	background-color: white;
}

.mainNavigationArea .navDisabled { color: #ccc; }

.mainNavigationArea .nav
{
	font-weight: normal;
	color: #999;
}

.mainNavigationArea .navActive
{
	font-weight: bold;
	color: #000;
}

/* added by Darren */
.leftNavTable { background-color: #ffffff; }

.leftNav
{
	background-color: #eeeedd;
	font-weight: bold;
	color: #333;
	font-size: 11px;
	font-family: verdana, arial,helvetica;
	text-decoration: none;
}

.utilLink {
    font-family:verdana,arial,helvetica;
    color:#999;
    font-size:10px;
    text-decoration:none;
    background-color:#EEEEDD;
    border:solid 1px #999;
    padding:0px;
    margin:0px;
    height:16px;
    padding-right:3px;
}

a.leftNavLink, a.leftNav
{
	font-weight: bold;
	color: #333;
	font-size: 11px;
	font-family: verdana, arial,helvetica;
	text-decoration: none;
}

a.leftNavLink:hover, a.leftNav:hover {
    color:#000;
    text-decoration: underline;
}

.shim { background-color: #A9A9A9; }

.tabArea
{
	background-position: bottom;
	background-repeat: repeat-x;
}

.tab
{
	padding: 2px 10px;
	border: solid 1px #a9a9a9;
	background-color: #eeeeee;
}

.tabActive
{
	padding: 2px 10px;
	border: solid 1px #a9a9a9;
	border-bottom: solid 1px #ffffff;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	font-family: verdana, arial,helvetica;
	text-decoration: none;
}

a.tabLink:active, a.tabLink:visited, a.tabLink:link
{
	margin: 0px;
	width: 100%;
	font-weight: bold;
	color: #666666;
	font-size: 11px;
	font-family: verdana, arial,helvetica;
	text-decoration: none;
}

a.tabLink:hover
{
	text-decoration: none;
	color: #333;
}

form { margin: 0px; }

.subLink, .subLink a
{
	font-weight: normal;
	color: #666666;
	font-size: 11px;
	font-family: verdana, arial,helvetica;
	text-decoration: none;
}

.subLink a:hover { text-decoration: underline; }

.subLinkActive, .subLinkActive a, a.subLinkActive
{
	font-weight: bold;
	color: #333;
	font-size: 11px;
	font-family: verdana, arial,helvetica;
	text-decoration: none;
}

.leftSidebarArea
{
	border-right: darkgray 1px solid;
	border-top: darkgray 0px solid;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 0px solid;
	background-color: white;
}

.shortcutsArea
{
	padding-right: 6px;
	padding-left: 10px;
	font-size: 11px;
	padding-bottom: 6px;
	margin: 3px;
	color: #333;
	line-height: 150%;
	padding-top: 6px;
	background-color: #eed;
}

.searchForm { margin: 0px; }

.searchArea
{
	padding-right: 6px;
	padding-left: 10px;
	font-size: 11px;
	padding-bottom: 6px;
	margin: 3px;
	color: #333;
	padding-top: 6px;
	background-color: #eed;
}

.searchArea input { margin-left: 1px; }

.searchAreaInline
{
	width: 100%;
	padding-right: 5px;
	padding-left: 0px;
	font-size: 11px;
	padding-bottom: 0px;
	margin: 0px;
	color: #333;
	padding-top: 0px;
	background-color: transparent;
}

.breadCrumbsArea
{
	padding-left: 5px;
	font-size: 11px;
	color: #000;
	line-height: 150%;
	background-color: #eed;
}

.breadCrumbsArea a, .breadCrumbsArea a:visited, .breadCrumbsArea a:link, .breadCrumbsArea a:hover, .breadCrumbsArea a:active
{
	font-size: 11px;
	color: #666;
	line-height: 150%;
	text-decoration:underline;
}

.breadCrumbsArea a:hover
{
	color: #6DAD21;
	text-decoration: underline;
}

.contentArea
{
	width:100%;
	margin: 0px;
	background-color: #FFFFFF;
}

div.contentArea
{
  padding:10px;
}
.contentMenuArea
{
	font-size: 11px;
	margin: 0px;
	background-color: white;
	width: 600px;
}

.statusArea
{
	margin: 10px;
	background-color: transparent;
}

table.statusArea td
{
	background-color: transparent;
}

img
{
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: medium none;
}
hr
{
  height:1px;
  background-color:#a9a9a9;
}

table.protoMcf
{
	margin: 10px;
	color: #000;
	background-color: #f2f2f2;
  width:auto;
}

table.protoMcf tr.even { background-color: #eeeeee; }
table.protoMcf tr.odd { background-color: #E0E0E0; }

table.mcfwide
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 4px 6px;
	width: 100%;
	color: #000;
	padding-top: 0px;
	background-color: #f2f2f2;
}

table.protoGridView
{
	border-top-width: 1px;
	padding-right: 0px;
	padding-left: 0px;
	border-left-width: 1px;
	border-left-color: #dddddd;
	border-bottom-width: 1px solid;
	border-bottom-color: #dddddd;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	border-top-color: #dddddd;
	padding-top: 0px;
	background-color: #f2f2f2;
	border-right-width: 1px;
	border-right-color: #dddddd;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-style: solid;
}

table.protoGridView tr td
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 1px;
	background-color: #ddd;
}

table.protoGridView tr td table tr td
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 1px;
	background-color: #ddd;
}

table.protoGridView tr.sumRow td
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 1px;
	background-color: #C8C8C8;
	font-weight: bold;
}

table.protoGridView tr.even td
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 1px;
	background-color: #ddd;
}

table.protoGridView tr td table tr.even td
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 1px;
	background-color: #ddd;
}

table.protoGridView tr.odd td
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 1px;
	background-color: #eee;
}

table.protoGridView tr td table tr.odd td
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 1px;
	background-color: #eee;
}

table.protoGridView tr.total td
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 1px;
	background-color: white;
}

table.protoGridView tr td table tr.total td
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 1px;
	background-color: white;
}

table.protoGridView tr th
{
	padding-right: 8px;
	padding-left: 8px;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 2px;
	vertical-align: bottom;
	color: white;
	padding-top: 1px;
	background-color: #B6B6B6;
}

table.protoGridView tr td table tr th
{
	padding-right: 8px;
	padding-left: 8px;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 2px;
	vertical-align: bottom;
	color: white;
	padding-top: 1px;
	background-color: #999;
}

table.protoGridView tr th a
{
    color:#FFF;
}

table.printGridView
{
	border-top-width: 1px;
	padding-right: 0px;
	padding-left: 0px;
	border-left-width: 1px;
	border-left-color: #dddddd;
	border-bottom-width: 1px;
	border-bottom-color: #dddddd;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	border-top-color: #dddddd;
	padding-top: 0px;
	background-color: #dddddd;
	border-right-width: 1px;
	border-right-color: #dddddd;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-style: solid;
}

table.printGridView tr td
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 1px;
	background-color: #ddd;
}

table.printGridView tr td table tr td
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 1px;
	background-color: #ddd;
}

table.printGridView tr.even td
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 1px;
	background-color: #ddd;
}

table.printGridView tr td table tr.even td
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 1px;
	background-color: #ddd;
}

table.printGridView tr.odd td
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 1px;
	background-color: #eee;
}

table.printGridView tr td table tr.odd td
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 1px;
	background-color: #eee;
}

table.printGridView tr.total td
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 1px;
	background-color: white;
}

table.printGridView tr td table tr.total td
{
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 1px;
	background-color: white;
}

table.printGridView tr th
{
	padding-right: 8px;
	padding-left: 8px;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 2px;
	vertical-align: bottom;
	color: white;
	padding-top: 1px;
	background-color: #B6B6B6;
}

table.printGridView tr td table tr th
{
	padding-right: 8px;
	padding-left: 8px;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 2px;
	vertical-align: bottom;
	color: white;
	padding-top: 1px;
	background-color: #999;
}

table.protoPanel
{
	border-right: #3157a4 2px solid;
	border-top: #3157a4 2px solid;
	border-left: #3157a4 2px solid;
	width: 100%;
	border-bottom: #3157a4 2px solid;
	background-color: #f2f2f2;
}

table.protoSimpleForm
{
	border-right: #bbb 2px solid;
	padding-right: 0px;
	border-top: #bbb 2px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 4px 10px 4px 14px;
	border-left: #bbb 2px solid;
	color: #000;
	padding-top: 0px;
	border-bottom: #bbb 2px solid;
	background-color: #f2f2f2;
}

.transparent
{
    background-color: transparent;
}

.login { background-color: transparent; }
table.login tr th { text-align: right; }

/* Error Messages Styles */
.protoError { color: #990000; }

.protoMessage
{
	font-size: 11px;
	color: #000000;
}

.label
{
		color: #666;
		font-size: 11px;
		white-space: nowrap;
		font-weight:bold;
}

.i1, .d1
{
	font-size: 14pt;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
	white-space: nowrap;
}

.i2
{
  font-size: 11px;
	white-space: nowrap;
}

.d2
{
	font-size: 11px;
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
}

.i3, .d3
{
	font-size: 11px;
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
}

.l1
{
	color: #666;
	font-weight: normal;
	font-size: 11px;
	text-align: center;
	padding-right: 10px;
	vertical-align: top;
	white-space: nowrap;
}

.l2
{
	color: #666;
	font-weight: normal;
	font-size: 11px;
	padding-left: 4px;
	padding-right: 10px;
	white-space: nowrap;
}

.l3
{
	color: #666;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	padding-left: 14px;
	padding-right: 10px;
	vertical-align: top;
	white-space: nowrap;
}

.h1
{
	background-color: white;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	/*padding: 10px 2px 0px 2px;*/
	/*vertical-align: baseline;*/
	white-space: nowrap;
}

.protoMcf .h1
{
    background-color:transparent;
}

.h2
{
	/*#b7b7b7*/
	background-color: #999;
	color: white;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	padding: 3px 2px 4px 4px;
	/*vertical-align: baseline;*/
	white-space: nowrap;
}

.h3
{
	background-color: transparent;
	color: #666;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	padding: 0px 2px 0px 2px;
	/*vertical-align: baseline;*/
	white-space: nowrap;
}

td.menuItem
{
	padding: 0px 5px;
	/*vertical-align: baseline;*/
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.menuItem a, .menuItem a:visited, .menuItem a:link, .menuItem a:active
{
	background-color: transparent;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding:0px 4px;
}

img.menuItem
{
	background-color: #333;
	vertical-align:middle;
}

.menuItem a:hover
{
	background-color: #666;
	color: #FFF;
	text-decoration: none;
}

/* We need a special case for menu items with h2 headings, since they are dark gray. */
/* We simply reverse the appearance */
/* @see .h2 */
.h2 table tr td.menuItem a, .h2 table tr td.menuItem a:visited, .h2 table tr td.menuItem a:link, .h2 table tr td.menuItem a:active
{
    background-color: transparent;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding:0px 4px;
}

.h2 table tr td.menuItem a:hover
{
	background-color: #666;
	color: #FFF;
	text-decoration: none;
}

.h2 table tr td.menuItem img.menuItem
{
	background-color: #FFF;
	vertical-align:middle;
}

.disable_button
{
	background-color:#666;
	padding:2px;
	color:#CCCCCC;
	font-weight:bold;
	font-size:11px;
	margin:2px;
	text-decoration:none;
	border-top: 1px solid #939393;
	border-left: 1px solid #939393;
	border-right: 1px solid #4A4A4A;
	border-bottom: 1px solid #4A4A4A;
	height:20px;
	cursor:text;
}

/* grey button */
.button1:link, .button1:visited, .button1
{
	background-color:#666;
	padding:2px;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	margin:2px;
	text-decoration:none;
	border-top: 1px solid #939393;
	border-left: 1px solid #939393;
	border-right: 1px solid #4A4A4A;
	border-bottom: 1px solid #4A4A4A;
    height:20px;
    cursor:hand;
}

.button1:hover, .button1_hover
{
	background-color:#7D7D7D;
	padding:2px;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	margin:2px;
	text-decoration:none;
	border-top: 1px solid #ABABAB;
	border-left: 1px solid #ABABAB;
	border-right: 1px solid #636363;
	border-bottom: 1px solid #636363;
    height:20px;
    cursor:hand;
}

.button1:active, .button1_active
{
	background-color:#565656;
	padding:2px;
	color:#EBEBEB;
	font-weight:bold;
	font-size:11px;
	margin:2px;
	text-decoration:none;
	border-bottom: 1px solid #7E7E7E;
	border-right: 1px solid #7E7E7E;
	border-left: 1px solid #393939;
	border-top: 1px solid #393939;
    height:20px;
    cursor:hand;
}

/* neutral button */
.button2:link, .button2:visited, .button2
{
	background-color:#DDDDBB;
	padding:2px;
	color:#666;
	font-weight:bold;
	font-size:11px;
	margin:2px;
	text-decoration:none;
	border-top: 1px solid #E7E7CB;
	border-left: 1px solid #E7E7CB;
	border-right: 1px solid #C6C6A8;
	border-bottom: 1px solid #C6C6A8;
    height:20px;
    cursor:hand;
}

.button2:hover, .button2_hover
{
	background-color:#CECEAE;
	padding:2px;
	color:#666;
	font-weight:bold;
	font-size:11px;
	margin:2px;
	text-decoration:none;
	border-top: 1px solid #DDDDBB;
	border-left: 1px solid #DDDDBB;
	border-right: 1px solid #B3B398;
	border-bottom: 1px solid #B3B398;
    height:20px;
    cursor:hand;
}

.button2:active, .button2_hover
{
	background-color:#B4B498;
	padding:2px;
	color:#585858;
	font-weight:bold;
	font-size:11px;
	margin:2px;
	text-decoration:none;
	border-top: 1px solid #95957E;
	border-left: 1px solid #95957E;
	border-right: 1px solid #CECEAE;
	border-bottom: 1px solid #CECEAE;
    height:20px;
    cursor:hand;
}

.button, a.button, a.button:visited
{
	background-color: #aaa;
	color: white;
	font-size: 11px;
	font-weight: normal;
	line-height: 150%;
	text-decoration: none;
	padding: 1px 3px 2px 2px;
	border-color: #ccc;
	border-width: 0px;
	border-style: inset;
	/* dashed, groove, ridge, inset, outset */
	margin: 0px 2px 1px 2px;
}

a.button:hover
{
	background-color: #666;
	color: white;
	font-size: 11px;
	font-weight: normal;
	line-height: 150%;
	text-decoration: underline;
}

/**************************************/
/********* CALENDAR STUFF *************/
/***** Copied directly from WebDepot **/
/**************************************/
td.cal
{
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 11px;
	color: #000000;
}

select.month
{
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 11px;
	color: #000000;
	width: 85px;
}

input.year
{
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 11px;
	color: #000000;
	width: 30px;
}

.calDaysColor
{
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #666;
}

.calBgColor
{
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 11px;
	color: #999;/*#ffffff;*/
        background-color: #E4E4E4;/*#DDDDBB;*/
}

.calBorderColor
{
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #A9A9A9;
}

.calHighlightColor
{
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #F2F2F2;
}

a.cal
{
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 11px;
	color: #0000;
	text-decoration: none;
}

a.cal:Hover
{
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 11px;
	color: #6DAD21;
	text-decoration: none;
}

.disabled
{
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 11px;
	color: #808080;
	font-family: Arial,Helvetica,Sans-serif;
	text-decoration: none;
}
.popup
{
    position: absolute;
    visibility: hidden;
    background-color: #DDDDBB;
    layer-background-color: #DDDDBB;
    border: 1px solid #A9A9A9;
    padding: 1px;
    z-index: 10;
}