/*
	Styling of Volvo layout

	Copyright 2006 Ivasoft Brno.
*/

/*
	Header
*/

.header 
{
	background-color:#A7B9CD;
}
.header A, .header A:visited 
{
	color:white;
}

.header #volvoForLife 
{
	padding-left:30px;
	padding-top:14px;
}
.header #abLogo 
{
	padding: 0pt;
	margin: 0em 0em 0em 2em;
	border: none 0px;
}
.header .topRegion 
{
	height: 65px;
	padding: 0pt 0pt 0pt 0pt;
	background: url(images/volvoHeaderBg.gif) repeat-x;
}

.topNav {
	background: #CCCCCC;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: bold;
	color: Black;
	padding: 0em 1em 0em 1em;
	line-height: 3em;
	white-space:nowrap;
}
.topNav DIV {
	display: inline;
}
.topNav DIV.simpleSelected, .topNav A.collapsed, .topNav A:visited.collapsed, .topNav A.simple, .topNav A:visited.simple {
	display: inline-block;		
	padding: 0em 1em 0em 1em;
	color: Black;
	/* FireFox hack: line-height is not enough for space allocation
		Allocate space using padding, line-height = 1em + SUM(padding.top + padding.bottom) */
}
.topNav DIV.simpleSelected, .topNav A:hover.collapsed, .topNav A:hover.simple
{	
	background-color: #E6E6E6;	
	text-decoration: none;	
}
.topNav DIV.simpleSelected 
{
	display: inline;
}

.pagePath
{
	background-color: White;
	color: #999999;
	padding: 0em 2em 0em 2em;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	line-height: 2em;
}
.pagePath A, .pagePath A:visited 
{
	color: #999999;
}

.header .caption 
{
	background: #A7B9CD url(images/volvoCaptionBg.gif) repeat-y;
	color: White;
	padding: 0pt 0pt 0pt 1.2em;
}

/*
	Main
*/
.white {
	color: white;
}
.white a {
	color: white;
	text-decoration: underline;
}

.navPane 
{	
	background: #EAEEF2;
	border-top: solid 1px white;
	border-right: none;
}
.navPane A.simple, .navPane A.collapsed, 
.navPane .simpleSelected, .navPane .expanded, 
.navPane A.sub, .navPane .subSelected,
.navPane .sub2 A, .navPane .subSelected2 SPAN
{
	color:#EAEEF2;
	background-color:#A7B9CD;
	border-bottom-color:#EAEEF2;
}
.navPane A.simple:hover, .navPane A.collapsed:hover
{
	background-color: #C3CFDD;
	color:#666666;
}
.navPane .simpleSelected
{
	background-color:#C3CFDD;
	color:#666666;
}
.navPane A.sub, .navPane .subSelected,
.navPane .sub2 A, .navPane .subSelected2 SPAN
{
	background-color:#C3CFDD;
	color:#000000;
}
.navPane A.sub:hover
{
	background-color:#EAEEF2;
}
.navPane A.collapsed 
{
	background-image:URL(images/expandable.gif);
}
.navPane A.collapsed:hover 
{
	background-image:URL(images/expandable_a.gif);
}
.navPane .expanded 
{
	background-image:URL(images/expanded.gif);
}
.navPane .subSelected, .navPane .subSelected2
{
	background-color: #EAEEF2;
	border-top-color:#A7B9CD;
	border-bottom-color:#A7B9CD;
}
.navPane .sub2 A, .navPane .subSelected2 SPAN
{
	background-color:#EAEEF2;
}
.navPane .sub2 A
{
	color:#666666;
}
.navPane .sub2 A:hover 
{
	color:#000000;
}

/*
	Footer
*/
.footer td {
	background-color: #A7B9CD;
}
.footer td .matrj {
	border-top-color: #EAEEF2;
}

@media screen {
/* HACK for default.aspx */
/*html { height: 100%; }
body { height: 100%; }
#frm { height: 100%; }
#scroll {
            position:relative;
            height:expression(frm.clientHeight - header.offsetHeight - footer.offsetHeight - 20);
            overflow:auto;
}*/
}

/*
	Content panes and their cues
*/
.paneR {
	/* Pane in reveal mode */
	border-color: #AA3300;	
}
.paneC {
	/* Pane cue */
	background-color: #AA3300;
	color: White;	
}
.editCnt {
	/* Edit cue */
	border-color: #3300AA;
}