/* 0 BASIC TAGS -*/

a
{
	color: #003399;
	text-decoration: none;
}

a:visited
{
	color: #003399;
}

a:hover
{
	color: #FF9933;
}

a:active
{
	color: #003399;
}



body
{
	color: #666666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
	background: url('../../images/bg-main.jpg') repeat-x; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:20px;
	/* vertical-align: top; */
}


h1, h2, h3, h4
{
	font-family: verdana, arial, helvetica, sans-serif;
}
h1
{
	padding-top: 8px;
	font-size: large;
	font-weight: bold;
}

h2
{
	font-size: larger;
	font-weight: bold;
}

h3
{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1.12em;
	margin-top: 1.0em;
}

h4
{
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 1.12em;
	margin-top: 1.0em;
}


hr
{
	border: 0;
	border-top: 1px solid #BABABA;
	height: 1px;
}

img
{
	border-width: 0;
}

p
{
	line-height: 1.4em;
}

table
{
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 0;
}

table.contenttable
{
	border: 2px;
	border-color: #FFFFFF;
}
.gridview
{
	border-color: Gray;
	border-width: 1px;
	border-style: Solid;
	width: 90%;
	border-collapse: collapse;
}

.navtitle
{
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	font-family: Verdana, Arial, 'Trebuchet MS';
	background-color: #009999;
	padding-left: 10px;
}
.rightframe
{
	width: 180px;
	height: 100px;
	border-bottom: 3px solid #cccccc;
	border-top: 3px solid #cccccc;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 15px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin-bottom: 10px;
	
}
.imgframe
{
	border-bottom: 3px solid #cccccc;
	border-top: 3px solid #cccccc;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin-bottom: 10px;
	
}

.alternatehour
{
	background-color: #f8f8f9;
	border-left: #EBE9EB 1px solid;
	border-right: #EBE9EB 1px solid;
	font-size: smaller;
	vertical-align: top;
}

.box
{
	background: url(../../images/bg-box4.gif) #FFFFFF top left repeat-x;
	border-bottom-color: #DFE5E7;
	border-left-color: #A8BAC2; /*#FFCC00;  great green-grey: 94A6AE */
	border-right-color: #DFE5E7;
	border-style: solid;
	border-top-color: #A8BAC2;
	border-width: 1px;
	color: #184A69;
	font-family: verdana, tahoma, arial, sans-serif;
}

.breadcrumb
{
	text-align: left;
	width: 450px;
	border-collapse: separate;
	clear: left;
	color: #000000;
	font-size: 9pt; /*font-weight: bold;*/
	margin: 10px;
	padding: 20;
	table-layout: fixed;
	text-transform: uppercase;

}
a.breadcrumb
{
	color: #FFFFFF;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}
a.breadcrumb:hover
{
	color: #ccffff;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}

.buttonbar
{
	background-image: url(images/photonav-bg.gif);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	text-align: center;
}

.buttonbar-top
{
	background-image: url(images/photonav-top-bg.gif);
}

.caldate
{
	color: #669999;
	font-size: 8pt;
	font-style: italic; /*background-color: #ffffcc;*/
	width: 100%;
}

.column
{
	background-image: url(images/content-shim.gif);
}

.content
{
	background-color: #FFFFFF;
}

.contentpane
{
	padding: 10px;
	padding-right: 25px;
}
.leftpane
{
	/*background-color: orange;*/
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 10px;
}

.daycell
{
	border-bottom: #EBE9EB 1px solid;
	border-left: #EBE9EB 1px solid;
	border-right: #EBE9EB 1px solid;
	border-top: #EBE9EB 1px solid;
	vertical-align: top;
	width: 100px;
}

.tollrate
{
	border-bottom: #EBE9EB 1px solid;
	border-left: #EBE9EB 1px solid;
	border-right: #EBE9EB 1px solid;
	border-top: #EBE9EB 1px solid;
	vertical-align: middle;
	text-align:center;
	font-size:12pt;
	font-weight:bold;
}

.eventdate
{
	background-color: #EAF1DC;
	border-bottom: #EBE9EB 1px solid;
	border-left: #EBE9EB 1px solid;
	border-right: #EBE9EB 1px solid;
	border-top: #EBE9EB 1px solid;
	font-size: 8pt;
	vertical-align: top;
	width: 100px;
}
.eventdatetoday
{
	background-color: #EAF1DC; /*border-bottom: #EBE9EB 1px solid; 	border-left: #EBE9EB 1px solid; 	border-right: #EBE9EB 1px solid; 	border-top: #EBE9EB 1px solid;*/
	font-size: 8pt;
	vertical-align: top;
	width: 100px;
}
.daycelltoday
{
	background-color: #fffbdc; /*border-bottom: #003333 1px solid; 	border-left: #003333 1px solid; 	border-right: #003333 1px solid; 	border-top: #003333 1px solid;*/
	font-size: 8pt;
	vertical-align: top;
	width: 100px;
}

.factsheet
{
	background-color: #DEE4EB;
}

.footer
{
	background-color: #FFFFFF;
	background-image: none;
	font-size: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* 3 FOOTER */
.footerbg
{
	height: 75px;
	text-align: center;
}

.gradient
{
	background-image: url(images/content-shim-photo.gif);
}

.header
{
	background-color: #FFFFFF;
	background-image: none;
	margin-left: auto;
	margin-right: auto;
}

.headerrow
{
	background-color: #b0c4de;
	border-bottom: 1px solid;
	border-left:#EBE9EB 1px solid;
	border-right:#EBE9EB 1px solid;
	border-top:#EBE9EB 1px solid;
	font-size: 9pt;
	font-weight: normal;
	text-transform: uppercase;
	width: 100px;
}

.hour
{
	background-color: #FFFFFF;
	border-bottom: #C0C0C0 1px solid;
	border-left: #C0C0C0 1px solid;
	border-right: #C0C0C0 1px solid;
	border-top: #C0C0C0 1px solid;
	font-size: 8pt;
	vertical-align: top;
	vertical-align: top;
}

.jadual
{
	border-right: #a2a3a3 1px solid;
	border-top: #a2a3a3 1px solid;
	border-left: #a2a3a3 1px solid;
	border-bottom: #a2a3a3 1px solid;
}
.jadualrow
{
	font-size: smaller;
}

.info
{
	color: #FF0033;
	font-weight: bolder;
}

.warning
{
	color: #FF0033;
	font-weight: bolder;
}

.item
{
	color: #B2B2B2;
	padding: 20px 50px;
}

.item h4
{
	margin-bottom: 0.4em;
}

/* under line text */
.itemtitle
{
	color: #000000;
	font-family: verdana;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}



.lefpane
{
	background-attachment: fixed;
	background-image: url(images/images_fix/1x1bgrey.gif);
	background-repeat: repeat;
	width: 300px;
}

.menua
{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	width: auto;
	padding-bottom: 5px;
	padding-top: 5px;
	border-left: 1px;
	border-right: 0px;
	border-color: Red;
}
.menuastaticitem
{
	border-right: 1px;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-color: Gray;
	border-style: solid;
	padding-right: 15px;
	padding-left: 1px;
	text-align: center;
}
.breadcrumbrow
{
	/*background-color: #0076a3;*/
}
.breadcrumbtd
{
	vertical-align: middle;
	text-indent: 10px; /*white-space:nowrap;*/
}
.menuarow
{
	background-image: url(../../images/images_fix/navtop_bg.jpg); /*background-repeat:repeat-y;*/
}

.menua a:visited, .nav a:visited
{
	color: #003399;
}

.menuahover
{
	color: #FF0000;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	width: auto;
}

.menub
{
	font-size: 10px;
	margin: 12px auto 5px auto;
	text-transform: uppercase;
}

.menub a:visited
{
	color: #D32525;
}

.nav
{
	font-size: 10px;
	text-transform: uppercase;
}

.nullpanel
{
	padding: 150px;
	text-align: center;
	width: auto;
}

/* 2 PAGE */
.page
{
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* 1.1 SHIM */
.shim
{
	background-repeat: no-repeat;
	font-size: 0;
	height: 8px;
	margin-left: auto;
	margin-right: auto;
}

.snippet
{
	color: #000000;
	font-size: 8pt;
}

.snippet a:hover
{
	color: #CC0000;
	font-size: 8pt;
}

.solid
{
	background-image: url(images/content-shim-none.gif);
}

.summary
{
	font-size: 8pt;
}

.title
{
	color: #000000;
	font-family: verdana, Arial, helvetica, Times New Roman;
	font-size: 10pt;
	font-weight: bold;
}
.inputtitle
{
	color: #003399;
	font-family: verdana, Arial, helvetica, Times New Roman;
	font-size: small;
	font-weight: lighter;
	text-decoration: none;
}

.view
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
TD .inputtitle
{
	color: #484b4b;
	font-family: verdana, Arial, helvetica, Times New Roman;
	font-size: small;
	font-weight: lighter;
	text-decoration: none;
}

.pagenumber
{
	font-weight: bold;
	color: Red;
}
a.pagenumber
{
	font-style: italic;
	font-weight: normal;
	color: #4863a0;
}

.searchupdateprogresspanel
{
	background-color: White;
	color: White;
	position: absolute;
	left: 250px;
	top: 350px;
	width: 700px;
	height: 500px;
	text-align:center;
	vertical-align:middle;
}

#footer
{
	clear: both;
	width: 535px;
	height: 55px;
	min-height: 55px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px 0px 10px 225px;
	background: url(../../images/bg-footer.jpg) white fixed no-repeat center top;
	color: #FFFFFF;
	font-size: .75em;
	vertical-align: middle;
	text-align: center;
}




.newsTitle 
{
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma, Verdana;
	}
	
.clearHR
{
	clear:both;
padding-top:30px;
margin-top:10px;

	
	}
	
.contentArea
{
padding: 2px 10px 5px 10px;
width:100%;	
	}
	
	
.mainLayout
{
	position:relative;
	top: 5px;
	margin-left: auto;
	margin-right: auto ;
	width: 900px;

	}