/*
    N4 Client specific style sheet.
    Overrides of entries in n4standard.css for specific clients
    Copyright (c) 2003 by Navis Corp.
    Written by Phil Robertson, 2003
    $Id: n4client.css,v 1.5 2003/10/07 21:15:29 uprasad Exp $
*/

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

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

td.h2 table, td.h2 td.h2
{
background-color:#000033;
}

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

.copyrightArea
{
	padding-right: 6px;
	padding-left: 3px;
	font-size: 11px;
	padding-bottom: 6px;
}

/* grey button */
.button1:link, .button1:visited, .button1
{
	background-color:#000033;
	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:#000033;
	padding:2px;
	color:#ffffff;
	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:#000033;
	padding:2px;
	color:#ffffff;
	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:#000033;
	padding:2px;
	color:#ffffff;
	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;
}

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

.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: #000033;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding:0px 4px;
}

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

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

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

table.protoMcf tr.even { background-color: #D7EAF8; }
table.protoMcf tr.odd { background-color: #EBF4FB; }

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

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: #D7EAF8;
}

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: #D7EAF8;
}

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

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: #EBF4FB;
}

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: #000033;
}

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.protoGridView tbody tr.odd{ background-color: #EBF4FB; }

tbody.tablebody1 tr.even_background_color { background-color: #D7EAF8; }

tbody.tablebody1 tr.even { background-color: #D7EAF8; }
tbody.tablebody1 tr.odd { background-color: #EBF4FB; }

.odd_background_color{ background-color: #EBF4FB; }

table.protoGridView tr td{
	border:1 solid #D7EAF8
}

.loginTable{
	font-weight: bold;
	color: #666666;
	font-size: 13px;
	background-color:#D7EAF8;
}

.loginSubmitRow{
 height:40px;
}

tr.odd td.loginTable{ background-color:#0099CC }

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

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

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

a
{
	color:White;
	text-decoration: underline;
}

a:visited
{
	color:White;
}

a:hover
{
	color:White;
	text-decoration: underline;
}


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

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

.breadCrumbsArea a:hover
{
	color:White;
	text-decoration: underline;
}

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

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

/**
** moved over from pc_style_regular
**/
.userbox {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; clip:   rect(   )}
.categorybox {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px}
.servertime { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; clip: rect( ) }
.tabletext {  font-family: Arial, Helvetica, sans-serif; font-size: 9px}
.spilldowntxt { font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-style: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
.dialogbox { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal}
.header1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal ; font-weight: bold; color: #333333}
.tablebody1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal ; color: #000000}
.tableheader { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal ; color: #FFFFFF; font-weight: bold; text-transform: uppercase}
.containerbodyreg { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal ; text-align: left; color: #000000}
.containerbodybld { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal ; font-weight: bold; color: #000000; text-align: right}
.containerbodybld_wht { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal ; font-weight: bold; color: #FFFFFF; text-align: right}
.containerbodybld_lrg { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal ; font-weight: bold; color: #000000; text-align: right}
.containerbodyreg_lrg { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal ; text-align: left; color: #000000}
.formprompt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: right}
.invalidformprompt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: right; color: #FF0000}
.formpromptleft { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: left}
.formpromptcenter { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: center}
.formtext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left}
.valueaslabel { border: none; text-align: left; background-color: #D7EAF8; readonly: true}
.readonlyformfield { text-align: left; background-color: #D7EAF8; readonly: true}
.navbody {margin-left: 0px; margin-top: 0px; margin-width: 0; margin-height: 0; background-color: #FFFFFF}
.navlinks { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: black}
.errormsg { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-align: center; color: #FF0000}
.titlefont {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; text-align: left; valign:top}
A.navlinks:hover { color:#CC9900}
.popup { POSITION: absolute; VISIBILITY: hidden; BACKGROUND-COLOR: #999999; LAYER-BACKGROUND-COLOR: #999999; BORDER-LEFT: 2px solid black; BORDER-TOP: 2px solid black; BORDER-BOTTOM: 2px solid black; BORDER-RIGHT: 2px solid black; PADDING: 1px; z-index: 10;}
A:link {color: #000000; }
A:visited {color: #000000; }
A:hover {color: #000000; }
.paraform { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal ; color: #FFFFFF; font-weight: bold;}
.border_color { border-color: #000000;}
.background_color { background-color: #666666;}
.background_color_header { background-color: #333333;}
.odd_background_color { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #EEEEEE; }
.even_background_color { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; }
.popup { POSITION: absolute; VISIBILITY: hidden; BACKGROUND-COLOR: #EBF4FB; LAYER-BACKGROUND-COLOR: #EBF4FB; BORDER-LEFT: 2px solid black; BORDER-TOP: 2px solid black; BORDER-BOTTOM: 2px solid black; BORDER-RIGHT: 2px solid black; PADDING: 1px; z-index: 10;}
.system_error { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: left; color: RED}
.system_warning { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: left; color: BLUE}
.business_error { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: left; color: MAGENTA}
.business_warning { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: left; color: BLUE}
.valueaslabel { border: none; text-align: left; background-color: #D7EAF8; readonly: true}
.valueaswhitelabel { border: none; text-align: left; background-color: #FFFFFF; readonly: true}
/**
** END MOVED OVER FROM PC_STYLE_REGULAR
**/