body  
{
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 8.5pt;
  line-height:1.3em;
  /* -- Quirk to make page show in Firefox/Mozilla -- */
  position: relative;
  top : 0;
  left: 0;
  z-index: 0;
  /* -- End Quirk -- */
  margin: 0;
  padding: 0;
}
form
{
    padding: 0;
    margin: 0;
}

p     { margin-bottom: 0.2em; margin-top: 0.1em; }

label { font-size: 7pt; font-weight: bold; display: block; margin-top: 3px; }

h1,h2,h3,h4
{
  font-family: "Jet Set Sans", Verdana, Arial, Helvetica, Sans-Serif;
  margin-bottom: 1ex;
  margin-top: 0.2ex;
  padding: 0;
  color: rgb(44,50,121);
}

h1 { font-size: 20pt; padding-top: 1ex; margin-top: 0px; margin-bottom: 1ex; line-height: 2ex; } /* For page header (topp image alternative text) */
h2 { font-size: 15pt; } /* For body title (page title image alternative text) */
h3 { font-size: 10pt; margin-top:1ex; margin-bottom:0.1ex; } /* Section headings on a page */

table { border: none; margin: 0; border-collapse: collapse; }
tr    { border: none; margin: 0; padding: 0; }
th    { font-size: 8.5pt; border: none; font-weight: bold; margin: 0; }
td    { font-size: 8.5pt; border: none; }

.body
{
	line-height:1.3em;
	margin-bottom:5px;
	margin-top:0px;
}

A           { color: black; }
A:visited   { color: black; }

hr.white { color: white; }
hr.black { color: black; }

A.biglink
{
	font-size: small; 
	color: rgb(44,50,121);
	text-decoration: none;
}

ul
{
  padding: 0px;
  margin-top: 0px;
}

.body p
{
	margin-bottom:0px;
	margin-top:0px;
}

.heading
{
	margin: 0;
	font-weight:bold;	
	font-size: 10pt;
	margin-bottom:5px;
	margin-top:5px;	
}

#pagecontent
{
	margin: 0;
	padding: 0; 
	background-color: white;
	vertical-align: top;
}

#pageheader
{
	text-align: left;
	vertical-align: bottom;
	margin: 0;
	padding: 0; padding-left: 2em;	/* padding-left should be same as for .pagecontent */
	width: 2048px;
}

.mainheadingcontainer
{
  padding-top: 4px;
  height: 31px;
  font-family: JetSetSans, Verdana;
  font-size: 24pt;
  font-weight: bold;
  color: rgb(44,50,121);
}
.relrubrcontainer
{
    margin-top:13px;
    margin-bottom:0px;
    font-family: JetSetSans, Verdana;
    font-size: 12pt;
    font-style: italic;
    font-weight: bold;
    line-height: 150%;
    color: rgb(44,50,121);
}

.mellrubrcontainer
{
  font-family: JetSetSans, Verdana;
	margin-top:16px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

.bodytextfirst	{ font: inherit; font-size: x-small; }
.bodytext		{ font: inherit; font-size: x-small; text-indent: 1.5em; }

.sidebarItemTitle
{
	font-size: 10pt; 
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
	
}
.sidebaritem
{
	font-size: 8pt; 
	margin-top:0px;
	margin-bottom:0px;
}

.sidebarTopicalTitle 
{
	font-family:Verdana,arial,helvetica;
	font-size: 10pt; 
	font-weight:bold;
	margin-top:8px;
	margin-bottom:0px;
}
.sidebarTopical 
{
	font-family:Verdana,arial,helvetica;
	font-size: 8pt; 
	margin-top:2px;
	margin-bottom:5px;
}
.sidebarTopicalTitle A
{
	color:Black;
}

.sidebarTopical A
{
	color:Black;
}
.sidebarTopical A:visited
{
	color:Black;
}

.sidebarTopicalTitle A
{
	color:Black;
}
.sidebarTopicalTitle A:visited
{
	color:Black;
}

.infoAlert
{
    display: block;
    padding: 1ex 1em 1ex 1em;
    margin: 0.5ex 0 1ex 0;
    border: solid 1px rgb(230,189,21);
    color: rgb(44,50,121);
    background-color: rgb(255,246,181);
}

.faqquestion {
	font-family: verdana;
	font-weight:bold;
	font-size: 9pt;
	margin-bottom:0px;
	margin-top:15px;
}
.faqanswer {
	font-family: verdana;
	font-size: 8.5pt;
	margin-bottom:5px;
	margin-top:3px;
}

.karta A
{

 border-width:0px;
}

.whiterow
{
	background-color:White;
	height:5px;
}
.yellowtablerow
{
	background-color:rgb(230,189,21);
	font-family:Verdana;
	font-size:9pt;
	height:22px;
	text-align:left;
}

.leftimg  { vertical-align: top; float: left; }
.rightimg { vertical-align: top; float: right; }

.datatable 
{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-collapse: collapse;
}
.datatable tr
{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
.datatable td
{
  border-top: solid 3px white;
  padding: 1px 5px 1px 5px; 
}
.datatable tr td
{
  background-color: rgb(230,189,21);
  color: Black;
}
.datatable tr.hover td,.datatable tr.hover td a
{
  background-color: rgb(75,80,133);
  color: White;
}
.datatable tr.selected td
{
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E6BD15', endColorStr='red', gradientType='0');
  background-color: red;
}
.datatable th
{
  /* Due to a bug in System.Web.UI.Datagrid, columns headers are not rendered with <th> */
  /* This will be fixed in the next service pack of the .NET Framework */
  background-color: rgb(230,189,21);
  text-align: center;
  padding: 1px 5px 1px 5px; 
}
td.centred
{
  text-align: center;
  white-space: nowrap;
}

.inputtable
{
}

.inputtable th
{
  text-align: left;
  vertical-align: middle;
  padding: 0px 5px 0px 0px;
}
.inputtable td
{
  vertical-align: bottom;
  padding: 0px 5px 0px 0px;
}
.radiobuttonlist td * { vertical-align: middle; }
.radiobuttonlist label { display: inline;  margin-top: 0px; font-weight: normal; }

.calendarNextPrev A { text-decoration: none; background-color: Gray; }

.errorMessage
{
  color: red;
}
.errorSummary
{
  font-size: larger;
  font-weight: bolder;
}

.red-emphasis
{
  font-weight: bold;
  color: Red;
}

.mandatory
{
  font-size: 7pt;
  font-weight: bold;
  color: Red;
}
/* ============================================================= */
.pricestitle
{
    font-family: verdana;
    font-size: 7pt;
    text-align: center;
    padding-bottom: 5px;
    width: 100%;
}
.productprices
{
    text-align: center;
}
.productname
{
    font-family: "Jet Set Sans", Arial, Verdana, Helvetica;
    font-weight: bold;
    font-size: 11pt;
    color: white;
}
.productprice
{
    font-family: "Jet Set Sans", Arial, Verdana, Helvetica;
    font-weight: bold;
    font-size: 11pt;
    padding-right: 0.2em;
}
.productgroupheading
{
    font-family: verdana;
	font-size: 9pt;
    font-weight: bold;
    color: White;
    text-align: center;
    vertical-align: top;
    padding-bottom: 2px;
    border: solid 1px black;
}

.petrol .productgroupheading { background-color: rgb(0, 153, 60); }
.e85 .productgroupheading { background-color: rgb(0,124,192); }
.diesel .productgroupheading { background-color: black; }

.pricevalidity
{
    padding-left: 0.5em;
    padding-right: 0.5em;
    clear: left;
}
.pricefooter
{
    font-weight: bold;
    background-color: White;
    text-align: center;
    color: Gray;
}
/* --- pricebar --- */
.pricebar
{
    text-align: center;
    width: 100%;
}
.pricebar .pricestitle
{
    margin-bottom: 5px;
}
.pricebar .productprices
{
    height: 100%;
    clear: both;
    padding: 0;
    margin: 0;
}
.pricebar .productgroup
{
    float: left;
    padding: 0;
    margin: 0;
}

.pricebar .petrol .productpricing { background-image: url(../images/circle-green.gif); }
.pricebar .e85 .productpricing { background-image: url(../images/circle-blue.gif); }
.pricebar .diesel .productpricing { background-image: url(../images/circle-black.gif); }

.pricebar .productpricing /* name and price */
{
    margin-left: 7px;
    margin-right: 7px;
    background-position: center center;
    background-repeat: no-repeat;
    /*min-width: 80px;*/
    width: 74px; /* IE6-hack */
    height: 74px;
    float: left;
}
.pricebar .productname
{
    padding: 0;
    margin: 0;
    text-align: center;
    padding-top: 1.3em;
}
.pricebar .productprice
{
    padding: 0;
    margin: 0;
    text-align: center;
    color: White;
    padding-top: 0.5em;
}
.pricebar .pricevalidity
{
    font-size: 7pt;
    text-align: center;
}
.pricebar .pricefooter
{
    border: solid 1px silver;
    border-top: none;
}
/* -- price table -- */
table.pricetable
{
    width: 100%;
    border: none;
}
.pricetable .pricestitle
{
    font-weight: bold;
    color: White;
    background-color: rgb(44,50,121);
    border-bottom: solid 2px white;
}
.pricetable .productgroup
{
    width: 100%;
}
.pricetable .productname
{
    padding-left: 0.2em;
    padding-right: 0.2em;
    border-bottom: solid 1px white;
    background-color: rgb(230,189,21);
}
td.productname
{
    padding-top: 5px;
    padding-bottom: 5px;
}
.pricetable td.productprice
{
    color: black;
    text-align: right;
    background-color: rgb(230,189,21);
}
.pricetable .pricevalidity
{
    background-color: silver;
    text-align: left;
    color: black;
}
.pricetable .pricefooter
{
    border: none;
    border-collapse: collapse;
}

/* ============================================================= */

.checkboxes LABEL
{
  font-weight: normal;
}

/* ============================================================= */

div.poll
{
  margin: 0;
  padding: 0;
  z-index: 0;
}

.poll LABEL
{
  font-weight: normal;
  display: inline; 
}

.poll .heading
{
  font-size: 10pt;
  font-weight: bold;  
}

/* ============================================================= */

.survey .title
{
  color: rgb(44,50,121);
  font-size: 24pt;
  font-weight: bold;
  line-height: 2ex;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.survey .image
{
  margin-right: 1em;
  margin-bottom: 1ex;
  text-align: left;
}
.survey .buttons
{
  padding-top: 3ex;
  text-align: right;
}
.survey .buttons input
{
  width: 9em;
}
.survey .question
{
  border: dashed 2px rgb(44,50,121);
  padding: 1ex 1em 1ex 1em;
}
.survey .question .text
{
  color: rgb(44,50,121);
  font-size: 10pt;
  font-weight: bold;
  margin-bottom: 1ex;
}
.survey .question .answer
{
}
.survey .question .answer label
{
  display: inline;
  font-weight: normal;
}
.survey P
{
  margin-top: 0.5em;
}

/* ============================================================= */

DIV.culture-selection
{
  border-bottom: solid 1px rgb(75,80,133);
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  top: 131px;
  left: 180px;
  width: 504px;
  position: absolute;
  height: 20pt;
  z-index: 0;
  vertical-align: middle;
}

.culture-selection A
{
  font-weight: bold;
  background-color: rgb(75,80,133);
  padding-left: 1em;
  padding-right: 1em;
  font-size: 10pt;
  height: 100%;
  padding-top: 0.5ex;
  margin: 0 0 0 0;
}

.culture-selection A:link,.culture-selection A:visited
{
  color: White;
}

.blue-hover A:hover
{
  background-color: rgb(75,80,133);
  color: White;
}

TR.blue-hover TD
{
  background-color: rgb(75,80,133);
  color: White;
}

/* ============================================================= */

IFRAME.routeplanning
{
  position: absolute;
  left: 0;
  width: 810px;  /* Normal width 778 increased by 10 for scrollbar */
  height: 1300%;
  border: none 0;
  padding: 0;
  margin: 0;
  overflow: visible;
}

/* ============================================================= */

@media print
{
  *
  { visibility: hidden; }
  body #mainbody_nosidebar, body #mainbody
  { left: 0px; top: 0px; position: absolute; width: 75%; }
  body #mainbody_nosidebar, body #mainbody_nosidebar *, body #mainbody, body #mainbody *,#iframeRouteClient
  { visibility: visible; }
  body #sidebar
  { visibility: visible; left: 75%; top: 0px; position: absolute; 
    border-left: solid 1px gray; width:25%; height: 100%; }
  body #sidebar *
  { visibility: visible; }
  body #sidebar #sidebarfade, #sidebarfade
  { visibility: hidden; display: none; }
  body #sidebar #sidebarbody
  { padding-left: 0px; }
  body #sidebar #sidebarheading
  { padding-left: 0px; }
}