/***********************************************
* Site StyleSheet for Goodyear Web App
* v1.0.2 10 Jan 03 [media=screen]
***********************************************/
#header{
	margin-bottom: 1px;
	background-image: url(background.gif);
	background-repeat: repeat;
	left: 0;
	position: relative;
	top: 0;
}

/**************************
Need to overide table definition
found in global
**************************/
#header table{
	padding: 5px;
	color: #FFFFFF;
}

#header td.toolbar{
	border-top: 1px solid #FFFFFF;
	background: #003366;
}

#header td.toolbar a.bold{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}


#header td.toolbar a.bold:hover{
	color: #6699CC;
	font-weight: bold;
	text-decoration: none;
}

#header td.toolbar a{
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

#header td.toolbar a:hover{
	color: #6699CC;
	font-weight: normal;
	text-decoration: underline;
}

#header td.toolbar a.logout{
	color: #FFFF66;
}

#header td.toolbar a.logout:hover{
	color: #6699CC;
	text-decoration: underline;
}


/**************************
main is used to structure entire
page, contains all layers below
**************************/
#main{
	left: 0;
	position: relative;
	top: 0;
	height:100%;

}

/**************************
nav contains several layers
search and each link layer
**************************/
#nav{
	width: 170px;
	height:100%;
	background-image: url(dotV.gif);
	background-repeat: repeat-y;
	background-position: right;
	/*border-right: 1px dotted #CCCCCC;*/
	left: 0;
	position: absolute;
	top: 0;
	padding:6px 0px 0px 0px;

}

/* This gives link layers a margin and allows
us to remove margin for search layer */
#nav div{
	margin-left: 8px;
}

#nav #infobox{
	padding: 4px 2px 4px 4px;
	margin: 2px 4px 12px 2px;
	background-color: #EFEFEF;
	border:1px solid #999999;
}

#infobox .note, #infobox .note a{
	font-size:7pt;
	line-height:14pt;
}

#nav #infobox input.button{
	border-top: 1px solid #6699CC;
	border-left: 1px solid #6699CC;
	border-right: 1px solid #003D7C;
	border-bottom: 1px solid #003D7C;
	background-color: #336666;
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
}

/**************************
Overide UL and LI elements
***************************/
ul {
	margin: 0px 20px 8px 0px;
	list-style: none;
}

li{
	margin: 0px 0px 0px 5px;
}

	
/***************************
Describe links in nav layers
***************************/

#nav div li{
	padding: 1px 0px 1px 0px;
	border: 1px solid #FFFFFF;
	display: block;
	background-color: #FFFFFF;
	color: #000000;

}

#nav div li a {
	padding: 1px 1px 1px 1px;
	border: 1px solid #FFFFFF;
	display: block;
	background-color: #FFFFFF;
	color: #003366;
	text-decoration: none;
}

#nav div li a:hover {
	border: 1px solid #003D7C;
	color: #003366;
}

#nav div li.active {
	padding: 1px 2px 1px 2px;
	margin:2px 1px 0px 6px;
	border: 1px solid #666666;
	color:#333333;
	background-color:#EFEFEF;
}


#nav div a.module{
	font-weight:bold;
	color:#003366;
	text-decoration:none;
}

#nav div a.module:hover{
	color:#336666;
}

/**************************
view contains two layers
descriptor and content
**************************/
#view{
	left: 180px;
	position: absolute;
	top: 0;
}

/**************************
descriptor describes the breadcrumb 
links and titles/subtitles
**************************/
#descriptor{
	margin: 4px 0px 4px 0px;
}

/**************************
content describes data/info
**************************/
#content{
	width: 98%;
	background-image: url(dotH.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 8px;
}

#content .note{
	/*line-height:22pt;*/
	font-weight:normal;
	color:#666666;
}

#content .sectionTitle{
	font-weight:bold;
	font-size:8pt;
	color:#000000;
	line-height:14pt;
}


/***************************
simple table formating
***************************/

table.simple{
	border:1px solid #999999;
	padding:1px 1px 3px 1px;
}

table.simple tr.divider td.divider{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
}
table.simple tr.divider2 td.divider2{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:0px 0px 0px 0px;
}

table.simple tr.divider3 td.divider3{
	border-top:1px solid #999999;
	border-bottom:2px solid #999999;
	padding:0px 0px 0px 0px;
}

table.simple tr.shaded{
	background: #EFEFEF;
}

table.simple tr.subtotal{
	background:#DFEFFF;
	font-weight:bold;
}

table.simple tr.subtotal2 td.first,table.simple tr.subtotal2 divider{
	font-weight:bold;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
}

table.simple tr.subtotal2 td.divider{
	font-weight:bold;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
}

table.simple tr.subtotal3 td.first,table.simple tr.subtotal2 divider{
	font-weight:bold;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#003366;
	color:#FFFFFF;
}

table.simple tr.subtotal3 td.divider{
	font-weight:bold;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#003366;
	color:#FFFFFF;
}


/*
table.simple th{

	background-color:#336666;
	color:#FFFFFF

}
*/

table.simple td.first, table.simple th.first{
	border-right:1px solid #999999;
	padding-left:2px;
}

table.simple tr.divider td.first{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
}

table.simple tr.total {
	font-weight:bold;
	border-top:1px solid #999999;
}


table.complex{
	border-bottom:1px solid #999999;
	padding:1px 1px 3px 1px;
}

table.complex tr.divider td.divider{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
}

table.complex tr.shaded{
	background: #EFEFEF;
}

table.complex th{
	border-top:1px solid #999999;
	border-right:0px solid #999999;

}

table.complex th.major{
	background-color:#336666;
	color:#FFFFFF;
	text-align:center;
}
table.complex th.minor{
	text-align:center;
	color:#000000;
}

table.complex th.light{
	font-size:7pt;
	font-weight:normal;
	text-align:center;
	background-color:#FFFFFF;
	color:#333333;

}

table.complex th.blank{
	border-left:0px solid #999999;
	border-top:0px solid #999999;
	background-color:#FFFFFF;
}

table.complex th.last{

	border-right:1px solid #999999;
	padding-right:2px;

}


table.complex td.first, table.complex th.first{
	border-right:1px solid #999999;
	border-left:1px solid #999999;

}

table.complex td.last{
	border-right:1px solid #999999;
	padding-right:2px;
}

table.complex tr.divider td.first{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	padding-right:2px;
}

table.complex tr.divider td.last{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	padding-right:2px;
	
}


table.complex tr.total {
	font-weight:bold;
	border-top:1px solid #999999;
}

table.complex tr.total td.last {
	border-right:1px solid #999999;
	padding-right:2px;
}



/******************************
search toolbar
******************************/

form.search{
	background-color:#EFEFEF;
	border:1px solid #999999;
	padding:4px 2px 4px 2px;
}