/* adjust font size settings across browsers */
body, body div, body p, body th, body td, body li, body dd {
             /* more specific to override rule in importing sheet */
    font-size:    x-small;      
             /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
             /* trick WinIE4/5 into thinking the rule is over */
    voice-family: inherit;   
             /* recover from trick */
    font-size:    x-small;      
             /* intended value for better browsers */
    }

html>body, html>body div, html>body p, html>body th, 
html>body td, html>body li, html>body dd    {
    font-size:    13px;
             /* be nice to Opera */
    }

/* Header sizes */
H1{
	font-size: medium
	}
H2{
	font-size: small;
	font-weight: light
	}
H3,
H4,
H5,
H6{
	font-size: x-small
	}	

/* adjust nav font sizes for non-NN4 browsers */

.header,
.panelheader a:link,
.panelheader a:active,
.panelheader a:visited{
	font-weight: bold
	}
	
/* create full-width rollovers for advanced browsers */
.nav1 a,
.panellink a{
	width: 100%;
	}
	
.panellink a:hover{
	background-color: #FFFFFF;
	text-decoration: none;
	}
	
.nav2highlight a{
	color: #0000FF; 
	background-color: #E1E1E1
	}
	
/* Button style */

.button,
.button2 {
	border: 1px outset;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
	}

/* default font settings */
body, div, td, td, th, li, dd, code{
/* redundant selectors to help NS4 not forget */
    font-family: Arial, Verdana, Lucida, Helvetica, sans-serif;
    font-size: small;
	color: #244266
    }
	
/* default link style */
:link,
:active,
:visited {
	color: #244266
	}

code{
	font-size: x-small;
	font-family: Courier New, Courier, mono;
	color: #000000}

/* Header sizes */
H1	{
	font-size: large
	}
.TI	{
	margin-top: 0px
	}
H2	{
	font-size: medium
	}
H3, H4, H5, H6{
	font-size: small
	}
H4	{
	margin-bottom: 0;
	}	
H5	{
	display: inline;
	margin-left: 0;
	margin-right: 10px;
	}
	
H4 + P,
H5 + P {margin-top: 0;}
.HP_P  {MARGIN-TOP: 9PX; margin-bottom: 9px}		

/* Basic Nav 1 style */
.nav1{
	background-color: #EBEBEB;
	border: 1px outset;
	text-align: center;
	padding: 0px;
	}
.nav1 a,
.nav1 a:link,
.nav1 a:active,
.nav1 a:visited{
	padding: 1px;
	color: #244266; 
	text-decoration: none;
	font-weight: bold;	
	}
.nav1 a:hover{
	color: #FFFFFF;
	}

/* Define Colours for Nav 1 Rollovers */
#a1 a:hover	{background-color: #0076BD}
#a6 a:hover	{background-color: #E41F1F}
#a5 a:hover	{background-color: #FFA102}
#a2 a:hover	{background-color: #244266}
#a4 a:hover	{background-color: #9C3D97}
#a3 a:hover	{background-color: #AE6119}
#a3a a {background-color: #AE6119; font-size: 9px;}
#a3a a:link {background-color: #AE6119; font-size: 9px;}
#a3a a:active {background-color: #AE6119; font-size: 9px;}
#a3a a:visited {background-color: #AE6119; font-size: 9px;}
#a3a a:hover {background-color: #AE6119; font-size: 9px;}
#a4a a {background-color: #9C3D97; font-size: 9px;}
#a4a a:link {background-color: #9C3D97; font-size: 9px;}
#a4a a:active {background-color: #9C3D97; font-size: 9px;}
#a4a a:visited {background-color: #9C3D97; font-size: 9px;}
#a4a a:hover {background-color: #9C3D97; font-size: 9px;}

/*Extra for cycles*/
#mainnav ul #cycles a:hover{
 color: #fff;
 background-color: #96A297;
 padding-left: 12px;
 padding-right: 14px;
}

#mainnav ul #cycles a{
 padding-left: 12px;
 padding-right: 14px;
}

#mainnav {
height: 22px
}

/* Panel styles */
.panelbody{
	background-color: #EBEBEB
	}

.panelbody td{
	vertical-align: top
	}
	
.panelheader a:hover,
.apend a:hover{
	text-decoration: underline;
	}

.header,
.apfooter,
.header:link,
.header:active,
.header:visited,
.apfooter:link,
.apfooter:active,
.apfooter:visited{	
	color: #FFFFFF;
	text-decoration: none; 
	}

/* Nav2 link styles */
.panellink a,	
.panellink a:link,
.panellink a:active,
.panellink a:visited,
.panellink a:hover{
	color: #244266; 
	text-decoration: none;
	}
.panellink a:hover{
	text-decoration: underline;
	}

/* Button style - 'button2' is green across all modes*/
.button,
.button2{
	color: #FFFFFF;
	font-weight: bold;
	border: 1 outset;
	text-align: middle;
	}

/* format text when button style is applied to containing cell or table - DEPRECATED*/	
.button a:link,
.button a:active,
.button a:visited,
.button a:hover,
.button2 a:link,
.button2 a:active,
.button2 a:visited,
.button2 a:hover{
	color: #FFFFFF;
	text-decoration: none;	
	}

/* format text when button style is applied to link */	
a:link.button,
a:active.button,
a:visited.button,
a:hover.button,
a:link.button2{ font-family: Verdana, Arial, Lucida, Helvetica, sans-serif; font-size: small; text-decoration: none; color: #FFFFFF; },
a:active.button2{ font-family: Verdana, Arial, Lucida, Helvetica, sans-serif; font-size: small; text-decoration: none; color: #FFFFFF; },
a:visited.button2{ font-family: Verdana, Arial, Lucida, Helvetica, sans-serif; font-size: small; text-decoration: none; color: #FFFFFF; },
a:hover.button2{
	font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: small;
	text-decoration: none;	
	}

.button2 {
	background-color:	#5CA1D7;
	background-image: url(grafika/gumb.gif);
	}

/* Form element styles */
input.button,
input.button2{
	padding: 0px
	}
select,
textarea,
input{
    font-family: Arial, Verdana, Lucida, Helvetica, sans-serif;
	color: #244266;
    }
legend{
	font-weight: bold
	}
fieldset{
	border: 1px solid #C0C0C0;
	padding: 5px;
	margin-left: 0px;
	margin-right: 0px
	}

/* Top-of-page link styles */
	
.top a:link,
.top a:active,
.top a:visited,
.top a:hover{
	color: #244266;
	text-decoration: none;
	}
	
/* data tables */

.datatable td, th,
.datatable2 td{
	padding: 5px;
	vertical-align: top
	}
.datatable th,
.datatable2 th{
	color: #FFFFFF; 
	text-align: left
	}
.datatable td{
	border: 0px solid;
	}
	
.datatable {
	background-color:	#FFFFFF}	
caption{
	font-size: x-small
	}

.datatable2 td,
.pidatatable td,
.ftdatatable td{
	border: 1px solid #EBEBEB
	}	

/* Media specific elements */

#ap,
.dontdisplay{
	display: none
	}

/* horizontal rule */
	
hr{
	color: #C0C0C0
	}
hr.homepage{
	height: 1px;
	width: 250px;
	}

/* banners and images */

.banner {margin-bottom: 12px;}
.image {
margin-top: 3px;
margin-bottom: 10px;
margin-right: 10px;
float: left
}
.hp_image {
margin-top: 11px;
margin-bottom: 11px;
margin-right: 9px;
float: left;

}
.corp {font-size: xx-small}

/* unordered list spacing */

ul ul {list-style-type: circle;}
ol ol {list-style-type: lower-roman;}
li{
	padding-bottom: 10px}
	
ul.sitemap li{
	padding-bottom: 0px}
	
/* definition lists */

dt {font-weight: bold}	
	
/* page breaks */

.break {page-break-after: always}
.datatable,
.datatable2{
		page-break-inside: avoid}
		
/* alerts */
				
.alert {color: red}

/* quicklinks panel */

.quicklinks td {
	font-family: Verdana, Lucida, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	color: #E41F1F
	}
	
.quicklinks td a:link,
.quicklinks td a:active,
.quicklinks td a:visited,
.quicklinks td a:hover{
	text-decoration: none;	
	}
	
.quicklinks td a:hover{
	color: #E41F1F	
	}

#ticker td{
	border: 1px solid #ebebeb;
	border: 1px 0;
	font-size: 0.8em;
}

#iemarquee {
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px
}

#iemarquee a:link
#iemarquee a:active,
#iemarquee a:visited,
#iemarquee a:hover {
	text-decoration: none;	
	}

#tickerbox{
	position:relative;
	float: left;
	width: 400px;
	height: 22px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}

#tickerscroller{
	position: absolute;
	width: 400px;
}

#tickerscroller div h3{
	font-size: 0.8em;
	line-height: 12 px;
}

/* The following styles allow the new versions of the main and side navigation
/* to be used in the old templates */

/* Main navigation style */
#mainnav{
	margin-bottom: 10px;
}
#mainnav ul{
	margin-bottom: -5px;
	margin-top: 4px;
	margin-left: 4px;
	padding: 0px;
}
#mainnav ul li{
	display: inline;
	text-align:	center;
}

#mainnav ul li a {
	white-space: nowrap;
	font-size: 1em;
}

/* Main navigation link styles */
#mainnav ul li a,
#mainnav ul li a:link,
#mainnav ul li a:active,
#mainnav ul li a:visited{
	font-weight: bold;
	padding: 1px 8px 1px 9px;
	margin: 1px 2px 1px -4px;
	background-color: #EBEBEB;
	color: #244266; 
	text-decoration: none;
	border-left: #C0C0C0 solid 1px;
	border-right: #808080 solid 1px;
	border-bottom: #808080 solid 1px;
	border-top: #C0C0C0 solid 1px;	
	}
#mainnav ul li a:hover{
	color: #FFFFFF;
	}
	
/* Colours for main navigation rollovers */
#mainnav ul #a1 a:hover	{background-color: #0076BD}
#mainnav ul #a6 a:hover	{background-color: #E41F1F}
#mainnav ul #a5 a:hover	{background-color: #FFA102}
#mainnav ul #a2 a:hover	{background-color: #244266}
#mainnav ul #a4 a:hover {background-color: #9C3D97}
#mainnav ul #a3 a:hover	{background-color: #AE6119}
#mainnav ul #a3a a:hover {background-color: #AE6119; font-size: 9px;}
#mainnav ul #a4a a:hover {background-color: #9C3D97; font-size: 9px;}

#mainnav h1,
#breadcrumbs h1,
#subnav h2{
	display: none;
}

.current {
	color: #fff;
/*	width: 165px;*/
	margin-left: 15px;
		}

#search fieldset {
	background-image: url(grafika/vozni-bg.jpg);
	margin-bottom: 12px }
	
#txtSearch {
	width: 135px;
	color: #808080 }

/* Button style */
.button2 {
	border: 1px outset;
	margin-bottom: 2px
}	
	
/* forms */
form {
	margin: 0px;
	padding: 0px;
}
select.jp,
input.jp {
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	width: 100%
}
input.jpf {
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	margin-top: 6px;
	width: 100%
}
.space {
	margin-top: 6px;
}
include {margin-top: 0px; padding-top: 0px}

/* fieldsets */
fieldset.panel{
	background-image: url(grafika/vozni-bg.jpg);
	background-color: #ffffff;
	border: 2px solid #6B92CE;
	margin: 0px;
	padding-left: 8px;
	padding-right: 8px
}

fieldset.box{
	background-color: #ffffff
}

legend.panel {
	background-color: #ffffff;
	border: 0px;
	color: #214163;
}

.smalltext {
	font-family: Verdana, Arial, Lucida, Helvetica, sans-serif;
	font-size: xx-small;
}

.greenlink{
	color: #009A00;
}

/* Nav 1 style */ 

#a1{
	border: 1px solid #353C91;
	background-color:	#353C91
	} 
#a1 a{
	color: #FFFFFF;
	background-color:	#353C91
	} 

/* Panel headers & footers */ 

.panelheader, 
.apend{
	background-color: #0076BD
	}

/* Buttons */ 
.button{
	background-color:	#353C91
	} 

/* data tables */ 

.datatable th,
.datatable2 th,
.pidatatable th{
	background-color:	#353C91;
	border: 1px solid #353C91
	}

/* fares and ticket tables */ 

.ftdatatable {
	border: 1px solid #353C91;
	}
.ftdatatable td {
	padding: 5px;
	vertical-align: top;
	}	
.ftdatatable th {
	background-color:	#353C91;
	color: #FFFFFF; 
	text-align: left;
	padding: 5px;
	vertical-align: top
}

.ft-blank 	{border: 1px solid #FFFFFF;}
.ft-zone-1 	{border: 1px solid #EBEBEB; background-color: #FFFFFF}
.ft-zone-2 	{border: 1px solid #D6EFDE; background-color: #D6EFDE}
.ft-zone-3 	{border: 1px solid #FFFBCE; background-color: #FFFBCE}
.ft-zone-4 	{border: 1px solid #FFEBDE; background-color: #FFEBDE}
.ft-zone-5 	{border: 1px solid #D6DBEF; background-color: #D6DBEF}
.ft-zone-6 	{border: 1px solid #FFDFEF; background-color: #FFDFEF}
.ft-zone-A,
.ft-zone-B,
.ft-zone-C,
.ft-zone-D 	{border: 1px solid #FFDFEF; background-color: #FFFFFF}			

/* single pixel borders */

.datatable,
.datatable2,
.pidatatable, 
.box,
.panelbody{
	border: 1px solid #353C91
	}

/* default link style */

:hover{
	color: #353C91;
	text-decoration: 	none
	}

/* restore header and footer link styles */

.header:link,
.footer:link{
	color: #FFFFFF
	}

/* remove modaly specific elements */
.xtfl {
	display: none
	}

/* The following styles allow the new versions of the man and side navigation
/* to be used in the old templates */

#mainnav ul #a1{
	border: 0 solid;
	background-color:	#FFF;
	} 

/* Main navigation */
#mainnav ul #b1 a{
 background: #0076BD;
 color: #FFF;
 border: 1px solid #353C91;
 border-left: 1px solid #353C91;
 border-right: 1px solid #353C91;
}

#mainnav ul #b3 a{
 background: #AE6119;
 color: #FFF;
 border: 1px solid #353C91;
 border-left: 1px solid #353C91;
 border-right: 1px solid #353C91;
}

#mainnav ul #b4 a{
 background: #9C3D97;
 color: #FFF;
 border: 1px solid #353C91;
 border-left: 1px solid #353C91;
 border-right: 1px solid #353C91;
}

#mainnav ul #b5 a{
 background: #FFA102;
 color: #FFF;
 border: 1px solid #353C91;
 border-left: 1px solid #353C91;
 border-right: 1px solid #353C91;
}

#mainnav ul #b2 a{
 background: #244266;
 color: #FFF;
 border: 1px solid #353C91;
 border-left: 1px solid #353C91;
 border-right: 1px solid #353C91;
}

#mainnav ul #b6 a{
 background: #E41F1F;
 color: #FFF;
 border: 1px solid #353C91;
 border-left: 1px solid #353C91;
 border-right: 1px solid #353C91;
}

.navline {
/*margin-top: 3px;*/
border-top: #C0C0C0 solid 1px;
line-height: 1px;
height: 1px;
}

.menu { POSITION: absolute; VISIBILITY: hidden; BACKGROUND-COLOR: #EBEBEB; LAYER-BACKGROUND-COLOR: #EBEBEB; BORDER-LEFT: 1px solid #C0C0C0; BORDER-TOP: 1px solid #C0C0C0; BORDER-BOTTOM: 1px solid #808080; BORDER-RIGHT: 1px solid #808080; PADDING: 3px; z-index: 10; width: 240 }

.menuLink { text-decoration: underline; font-style: bold; outline: none; font-family: Arial, Verdana, Lucida, Helvetica, sans-serif; font-size: 11px; }
a:hover.menuLink { text-decoration: none; font-style: bold; font-family: Arial, Verdana, Lucida, Helvetica, sans-serif; font-size: 11px; }

#menu1 { position: absolute; left: 38%; top: 89; font-size: 11px; font-style: bold; }
#menu2 { position: absolute; left: 44%; top: 89; font-size: 11px; font-style: bold; }