/*
    GTI 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: #FFFFFF;
}

td.loginArea, td.helpArea
{
	border: solid 1px #F5C216;
	font-size: 11px;
	vertical-align: top;
	align: right;
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px;
}
/* BEGIN SECONDARY BUTTON (used for Log in / Log out; etc) */
.button2:link, .button2:visited, .button2
{
	background-color:#FFFFFF;
	padding:2px;
	color:#000000;
	font-weight:bold;
	font-size:11px;
	margin:2px;
	text-decoration:none;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
    height:20px;
    cursor:hand;
}

.button2:hover, .button2_hover
{
	background-color:#FEBE00;
	padding:2px;
	color:#000000;
	font-weight:bold;
	font-size:11px;
	margin:2px;
	text-decoration:none;
	border-top: 1px solid #FEBE00;
	border-left: 1px solid #FEBE00;
	border-right: 1px solid #FEBE00;
	border-bottom: 1px solid #FEBE00;
    height:20px;
    cursor:hand;
}

.button2:active, .button2_hover
{
	background-color:#FEBE00;
	padding:2px;
	color:#000000;
	font-weight:bold;
	font-size:11px;
	margin:2px;
	text-decoration:none;
	border-top: 1px solid #F3F3F3;
	border-left: 1px solid #F3F3F3;
	border-right: 1px solid #F3F3F3;
	border-bottom: 1px solid #F3F3F3;
    height:20px;
    cursor:hand;
}

.helpLink 
{
	padding-left: 5px;
	font-size: 10px;
	color: #DA0000;
	background-color:#F6C217;
	border-color:#F6C217;
}

.breadCrumbsArea
{
	padding-left: 5px;
	font-size: 11px;
	color: #DA0000;
	line-height: 150%;
	background-color: #F6C217;
}

.breadCrumbsArea a, .breadCrumbsArea a:visited, .breadCrumbsArea a:link, .breadCrumbsArea a:hover, .breadCrumbsArea a:active
{
	font-size: 11px;
	color: #DA0000;
	line-height: 150%;
	text-decoration:underline;
}

.breadCrumbsArea a:hover
{
	color: #DA0000;
	text-decoration: underline;
}


.searchArea
{
	padding-right: 6px;
	padding-left: 10px;
	font-size: 11px;
	padding-bottom: 6px;
	margin: 3px;
	color: #FFFFFF;
	padding-top: 6px;
	background-color: #286DA8;
}


/* BEGIN MAIN BUTTON */
.button1:link, .button1:visited, .button1
{
	background-color:#3686C5;
	padding:2px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	margin:2px;
	text-decoration:none;
	border-top: 1px solid #3686C5;
	border-left: 1px solid #3686C5;
	border-right: 1px solid #3686C5;
	border-bottom: 1px solid #3686C5;
    height:20px;
    cursor:hand;
}

.button1:hover, .button1_hover
{
	background-color:#3686C5;
	padding:2px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	margin:2px;
	text-decoration:none;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
    height:20px;
    cursor:hand;
}

.button1:active, .button1_active
{
	background-color:#3686C5;
	padding:2px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	margin:2px;
	text-decoration:none;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
    height:20px;
    cursor:hand;
}

.leftNav
{
	background-color: #3686C5;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
	font-family: verdana, arial,helvetica;
	text-decoration: none;
}

a.leftNavLink, a.leftNav, a.leftNavLink:visited, a.leftNav:visited, a.leftNavLink:active, a.leftNav:active, a.leftNavLink:link, a.leftNav:link
{
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
	font-family: verdana, arial,helvetica;
	text-decoration: none;
}

a.leftNavLink:hover, a.leftNav:hover {
    color:#FFFFFF;
    text-decoration: underline;
}

.h2
{
	background-color: #286DA8;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	padding: 3px 2px 4px 4px;
	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: #286DA8;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding:0px 4px;
}

.h2 table tr td.menuItem a:hover
{
	background-color: #286DA8;
	color: #FFFFFF;
	text-decoration: none;
}

.h2 table tr td.menuItem img.menuItem
{
	background-color: #FFFFFF;
	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: #3686C5;
}

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
}
