/* CSS Document */
body{padding:0px; margin:10px 0 0 0; color:#6f6f6f; font:12px Arial, Helvetica, sans-serif; background:url(bg2.jpg) 0 0 repeat-x}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
h2{font:14px Arial, Helvetica, sans-serif; font-weight:bold;}
h3{font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; color:#003366;}
ul{list-style-type:none;}
a {text-decoration:none; color:#003366}
a:hover {color:#000000; text-decoration:none;}

#mainbody{background:#fff; width:770px; margin:0 auto; border: #fff 10px solid} 

/* HEADER  */
#topheader{height:85px; width:770px; position:relative; padding:0px; font-size:14px;} 
#topheader a {color:#6f6f6f}
#topheader a:hover {color:#000000}
#topheader a.uk {position:absolute; right:5px}
#topheader ul {width:480px; height:33px; position:absolute; top:40px; left:269px;}
#topheader ul li{float:left}
#topheader ul li.menu1{width:85px; height:30px; padding:0 0 0 10px; border-left: #ccc 1px dashed;}
#topheader ul li.menu2{width:85px; height:30px; padding:0 0 0 10px; border-left: #ccc 1px dashed;}
#topheader ul li.menu3{width:85px; height:30px; padding:0 0 0 10px; border-left: #ccc 1px dashed;}
#topheader ul li.menu4{width:85px; height:30px; padding:0 0 0 10px; border-left: #ccc 1px dashed;}
#topheader ul li.menu5{width:85px; height:30px; padding:0 0 0 10px; border-left: #ccc 1px dashed;}

/* HEAD CONTENT */
#topback{height:190px; width:760px; background:#fff url(vw_fleet_pano2.jpg) 0 0 no-repeat; margin: 0 0 0 5px; position:relative;}
#seek{background:#fff url(bg.gif) 0 0 repeat-x; height:190px; width:229px; margin:0 0 0 530px; font:11px Arial, Helvetica, sans-serif; color:#003366; border-left:solid 1px #fff;} 
#seek p {height:190px;padding: 0px 10px 4px 30px;}
.SeekButton { margin-left:87px ; color: #fff; background-color:#66A3DF; line-height: 20px; padding:3px; }

#topcontent{height:100px; width:760px; background:#ccc url(vw_fleet_pano.jpg) 0 0 no-repeat; margin:0 0 0 5px; position:relative; padding:0px;}
#topcontentActus{height:100px; width:760px; background:#ccc url(ppl_pano_lemans.jpg) 0 0 no-repeat; margin:0 0 0 5px; position:relative; padding:0px;}
#topcontentScania{height:200px; width:760px; background:#ccc url(scania_pano_flags.jpg) 0 0 no-repeat; margin:0 0 0 5px; position:relative; padding:0px;}
#topcontentVw{height:200px; width:760px; background:#ccc url(vup_pano.jpg) 0 0 no-repeat; margin:0 0 0 5px; position:relative; padding:0px;}
#topcontentOpen{height:200px; width:760px; background:#ccc url(ppl_pano_lemans.jpg) 0 0 no-repeat; margin:0 0 0 5px; position:relative; padding:0px;}
#topcontentPieces{height:100px; width:760px; background:#ccc url(ppl_pano_pieces.jpg) 0 0 no-repeat; margin:0 0 0 5px; position:relative; padding:0px;}

/*  BODY */
#bodypan{background:#fff; width:770px; margin:0 0 0 5px; padding:0px;}

/* BODY CONTENT */
#leftpan{width:230px; margin-top:15px; position:relative; float:left; background:#fff; font-size:0.9em;}
#leftpan img {border: none 0px #fff}
#leftpan h2{color: #fff; background:#fff url(tlbar.gif) 0 0 repeat-x; width:222px; height:12px; padding:4px}
#leftpan h2 a{color: #fff; line-height:12px; vertical-align:top}
.RssLink { vertical-align:bottom; }

#leftpan ul li.arrow{background:url(arrowD.jpg) 0px 18px no-repeat; font:11px Arial, Helvetica, sans-serif; font-weight:normal;}
#leftpan ul li{background:none; padding-top:12px; padding-left: 15px;}
#leftpan ul li a{color:#003366; text-decoration:none;}
#leftpan ul li a:hover{color:#000;}

#leftpanhisto{height:100px; background:#fff url(1978.gif) 0 0 no-repeat; font:11px Arial, Helvetica, sans-serif; font-weight:normal; padding: 15px}

#middlepan{width:240px; height:360px; margin-top:15px; margin-left:30px; position:relative; float:left; background:#fff}
#middlepan h2{color: #fff; background:#fff url(tlbar.gif) 0 0 repeat-x; width:232px; height:12px; padding:4px; line-height:12px; vertical-align:top;}
#middlepan a{color:#003366; text-decoration:none;}
#middlepan a:hover{color:#000;}
#middlepan ul li{height:40px;font:12px Arial, Helvetica, sans-serif; font-weight:normal; margin:10px 0 0 0; border-bottom: solid 2px #3078BF;}

#midpan{width:520px; height:525px; margin:15px 0 0 10px; position:relative; float:left; background:#fff;}
#midpan h2{color: #fff; background:#fff url(tlbar.gif) 0 0 repeat-x; width:512px; height:12px; padding:4px; line-height:12px; vertical-align:top;}
.TableActus {border-bottom: solid 2px #3078BF; width:513px; font:12px Arial, Helvetica, sans-serif; text-align:left;}
.TableActus td {text-align:left; vertical-align:top;}

#rightpan{width:230px; margin-top:15px; margin-left:30px; position:relative; float:left; background:#fff}
#rightpan h2{color: #fff; background:#fff url(tlbar.gif) 0 0 repeat-x; width:222px; height:12px; padding:4px; line-height:12px; vertical-align:top;}
#rightpan a{color:#6f6f6f; text-decoration:none;}
#rightpan a:hover{color:#000;}

/*  FOOTER */
#footer {position:fixed; z-index:1;	bottom:0; width:100%; height:75px; background:#f3f3f3;}
#footer p{margin:10px 0 0 10px; font:11px Arial, Helvetica, sans-serif; font-weight:normal;}
#footer a{color:#6f6f6f; text-decoration:none;}
#footer a:hover{color:#000; text-decoration:none;}

/* form elements */
input {
	padding: 2px;
	border: 1px solid #6f6f6f;
	font: normal 1em Arial, Helvetica, sans-serif;
}
select {
	padding: 2px;
	font: normal 1em Arial, Helvetica, sans-serif;
	border: 1px solid #003366;
	color: #003366;
}
textarea {
	font: normal 1em Arial, Helvetica, sans-serif;
	border: 1px solid #6f6f6f;
}

/* GridView */
.tablestyle
{
    border: none 0 #fff;
}
.tablestyle a
{
    color: #1F497D;
}
.tablestyle tr
{
    vertical-align: top;
}
.tablestyle td
{
    border-bottom: solid 1px #3078BF;
    vertical-align: top;
}
.pagerstyle td
{
    border: none 0 #fff;
}
.pagerstyle span
{
    border: none 0 #fff;
    color: #000;
    font-weight: bold;
}
.rowstyle 
{
    vertical-align:middle;
}
.altrowstyle 
{
    background-color:#F4F9FD;
    vertical-align:middle;
}
.partrowstyle 
{
    height:20px;
    line-height:20px;
    vertical-align:middle;
    font-size:0.9em;
}
.partaltrowstyle 
{
    background-color:#F4F9FD;
    height:20px;
    line-height:20px;
    vertical-align:middle;
    font-size:0.9em;
}


.panGridLeft
{
    padding: 10px;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	color: #003366;
	background:#fff url(bg.gif) 0 0 repeat-x;
	height: 350px;
}

/* EMPTY DIV BGCOL FLOAT COR */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */