/* css Zen Garden default style v1.02 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */

/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Your images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


body, html, form {
height:100%;
min-width:640px;
min-height:100%;
}

body {
	background-color:White;
	margin:0;
	padding:0;
	font-family:Arial, Gisha, Verdana, Helvetica, sans-serif;
	font-size:10px;
}

h1
{
	font-size:14px;
}

h2
{
	font-size:12px;
}

.BottomPane
{
	top: 0px;
	position:relative;
	overflow:auto;
	width:100%;
}

#maincontainer 
{
	overflow:hidden;
	position:absolute;
	background-color:#D9E0ED;
	width:100%;
	margin:5px;
	border:solid 1px #009FC6;
}

#contentwrapper 
{
	position:absolute;
	width:100%;
}

#leftcolumn
{	
	position:absolute;
	background-color:#D9E0ED;
	width:300px;
	min-height:150px;
}

.LeftPaddedColumn
{
	padding:10px 5px 10px 10px;
}


#rightcolumn
{	
	position:absolute;
	background-color:#D9E0ED;
	left:300px;
}

.RightPaddedColumn
{
	padding:10px 10px 10px 5px;
}

.DriverLabel
{
	position:relative;
	top:-5px;
	height:30px;
}

.AnalysisSelectionBox
{
	overflow:auto;
	line-height:1.5em;
	background-color:WhiteSmoke;
}

.AnalysisSelectionPanel
{
	width:100%;
	overflow:auto;
}

.SideBarInner
{
	text-align:left;
	padding-top:10px;
	padding-left:50px;
	writing-mode: lr-tb;
	overflow:hidden;
	display:none;
	white-space:nowrap;
}

.SideBar
{
    background:#D9E0ED; 	
	color:Black;
	/*background-image:url(Img/Pregem/SideBarBack.png);*/
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer; 
	width:20px; 
	height:100px; 
	writing-mode: tb-rl;
	/*filter: fliph;*/
	font-weight:normal;
	text-align:center;
	z-index:500;
	position:relative;
	float:right;
}
.SideBarMap
{
	background-image:url(Img/Pregem/SideBarBackMap.png);
}
.SideBarSearch
{
	background-image:url(Img/Pregem/SideBarBackSearch.png);
}
.SideBarDate
{
	background-image:url(Img/Pregem/SideBarBackDate.png);
}

#toolbar
{
	height:30px;
}

#toolbar_content 
{
	text-align:right;
	height:30px;
	width:100%;
	margin:auto;
	color:white;
	background-image:url(Img/Pregem/Header.png);    
	background-repeat:repeat-x;
} 

#footer_container 
{
	position:absolute;
	height:20px;
	width:100%;
	text-align:center;
}

/*#footer_content 
{
	position:absolute;
	padding-top:3px;
	height:20px;
	width:100%;
	margin:auto;
	color:white;
	background-image:url(Img/Pregem/Header.png);
	background-repeat:repeat-x;
	z-index:999;
} */

#topsection
{
	background-color:White;
	text-align: left;
	height:90px;
}

#header_right_content 
{
	font-size:small;
	font-weight:bold;
	float:right;
	height:60px;
	padding-top:10px;
	width:200px;
	color:Black;
} 

#footer 
{
	clear: left;
	text-align:center;
	height:20px;
}

/*** IE6 Fix ***/
* html #left 
{
  left:0px;           /* RC width */
}

.Copyright
{
	clear:both;
	color: White; 
	font-size: small;
	vertical-align:bottom;
	height:30px;
	width:100%;
	overflow:hidden;
}

.FlashingGridRow
{
	background-image:url(Img/Pregem/Flash.gif);
	background-position:top left;
	background-repeat:repeat;
}

.StreetName
{
	min-width:150px;
	padding-top:4px;
	padding-bottom:6px;
	/*width:150px;
	height:27px;*/
    text-transform:uppercase;
	font-size:12px;
	color:Black;
	text-align:left;
	font-weight:normal;	
	/*background-image:url(Img/Pregem/StreetName.png);
	background-position:top left;
	font-family:Arial Narrow;
	font-weight:lighter;
	background-repeat:no-repeat;*/
}

.ARoad
{
	padding:2px;
	width:185px;
    text-transform:uppercase;
	font-family:Arial Narrow;
	font-size:16px;
	font-weight:Bold;
	color:Black;
	text-align:center;	
	background-color:White;
	border:solid 1px black;
}

.Motorway
{
	padding:2px;
	width:185px;
    text-transform:uppercase;
	font-family:Arial Narrow;
	font-size:16px;
	font-weight:Bold;
	color:White;
	text-align:center;	
	background-color:#3173D6;
	border:none;
}

.LightBox
{
	padding: 10px; 
	background-color: #D9E0ED; 
	border: solid 1px #009FC6; 
	text-align: left;
	max-height:600px;
}

.Dashboard
{
	padding:5px;
	overflow:auto;
}

.SquareButton
{
	height:18px;
	width:18px;
	border:solid 1px #009FC6;
	border-left:none;
	background-color:White;
	background-image:url(Img/Pregem/Search.png);
	background-position:center;
}

.ReportButton
{
	cursor:pointer;
	width:300px;
	height:60px;
	background-color:White;
	background-image:url(Img/Pregem/ReportButton.png);	
	background-position:center;
	background-repeat:no-repeat;
	padding: 5px 5px 5px 5px;
	float:left;
}

.ReportButton:hover
{
	background-image:url(Img/Pregem/ReportButtonHover.png);	
}

.ReportButton75
{
	color:Black;
	text-decoration:none;
	padding-top:3px;
	cursor:pointer;
	width:100px;
	height:20px;
	text-align:center;
	background-color:White;
	background-image:url(Img/Pregem/ReportButton75.png);	
	background-position:center;
	background-repeat:no-repeat;
}

.ReportButton75:hover
{
	background-image:url(Img/Pregem/ReportButton75Hover.png);	
}


.ReportButton200
{
	padding-top:8px;
	cursor:pointer;
	text-align:center;
	width:200px;
	height:20px;
	background-color:White;
	background-image:url(Img/Pregem/ReportButton200.png);	
	background-position:center;
	background-repeat:no-repeat;
}

.ReportButton200:hover
{
	background-image:url(Img/Pregem/ReportButton200Hover.png);	
}

.ajax__calendar_container { z-index : 1000 ; }

.MapPopupTitle
{
	display:block;
	overflow:hidden;
	color:White;
	height:15px;
	max-height:15px;
	font-size:x-small;
	background-image:url(Img/Pregem/Header.png);
	background-repeat:repeat-x;
	text-align:left;
	padding:2px;
}

.ReportButtonImage
{
	height:40px;
	width:40px;
}

.ReportButtonTitle
{
	font-weight:bold;
}

.ReportButtonText
{
	font-size:xx-small;
	font-weight:lighter;
}

.Registration
{
/*	top:-4px;
	padding-top:6px;
	padding-bottom:6px;*/
	font-weight:bold;
	color:Black;
	text-align:left;	
	font-size:small;
}

.SideBarTitle
{
	font-weight:bold;
	height: 15px; 
	background-color: #D9E0ED; 
	margin-bottom:10px;
	margin-top:5px;
}

.VehicleIcon
{
	height:20px;
	width:20px;
}

.VehicleIconText
{ 
	margin-top:-17px;
	margin-left:11px;
	/*margin-left:20px;*/
	font-size:x-small;	
	background-color:White;
	border:solid 1px Black;
	padding:2px;
	padding-left:10px;
	font-weight:bold;
	font-family:Arial, Gisha, Verdana, Helvetica, sans-serif;
}

.VehicleIconDiv
{
	color:Black;
	background-color:transparent; 
	text-align:left;	
}

.DescriptionSpan
{
	font-style:italic;
	font-weight:lighter;
	color:#009FC6;
}

.BottomPopup
{
	background-color: #D9E0ED;
	padding:5px;
}

.TopPopup
{
	background-color: White;
	border:gainsboro 1px solid;
	font-style:italic;
	padding:5px;
}

.JourneyImage
{
	width:20px;
	height:20px;
}


.POIImage
{
	width:14px;
	height:14px;
}

.POILargeImage
{
	width:20px;
	height:20px;
}

.POIIconDiv
{
	border: solid 1px black;
	background-color:White;
	padding: 1px;
	
}

.SelectableWindowTitle
{
	overflow:hidden;
	height:20px;
	background-image:url(Img/Pregem/Header.png);
	background-repeat:repeat-x;
	text-align:left;
	color:White;
	padding:2px;
	cursor:pointer;
}

.MainLabel
{
	color:Black;
}

.DescriptionLabel
{
	color:Black;
	font-size:x-small;
	font-style:italic;
	font-weight:lighter;
}

.WindowTitle
{
	display:block;
	overflow:hidden;
	color:White;
	height:20px;
	max-height:20px;
	font-size:x-small;
	background-image:url(Img/Pregem/Header.png);
	background-repeat:repeat-x;
	text-align:left;
	padding:2px;
}

.OptionsTitle
{
	display:block;
	overflow:hidden;
	color:White;
	font-size:x-small;
	text-align:left;
	padding:2px;
	background-color:#009FC6;
	border-top:solid 1px White;
}

/*.LoginDiv
{
	color:White;
	background-image:url(img/Pregem/LoginBackground.png);
	background-repeat:repeat-x;
	background-position:top left;
	width:300px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px gray;
}*/

.DriverGridControl
{
	border:none;
	width:100%;
}

.fadingTooltip 
{ 
	BORDER-RIGHT: darkgray 1px outset; 
	BORDER-TOP: darkgray 1px outset; 
	FONT-SIZE: 12pt; 
	BORDER-LEFT: darkgray 1px outset; 
	WIDTH: auto; 
	COLOR: black; 
	BORDER-BOTTOM: darkgray 1px outset; 
	HEIGHT: auto; 
	BACKGROUND-COLOR: White; 
	MARGIN: 3px 3px 3px 3px; 
	padding: 3px 3px 3px 3px; 
	borderBottomWidth: 3px 3px 3px 3px;
}

.map
{
	background-color:White;
	position: relative;
	width:100%;
	/*min-width:400px;*/
	height:620px;
}

.SelectedDataDiv
{
	overflow:auto;
	position:relative;
	width:100%;
	display:none;
	padding:5px;
	background-color:White;
	min-height:200px;
}

.ListBox
{
	width:250px;
	height:100px;
	color:black;
}

.ReportTitleText
{
	font-weight:bold;
	font-size:small;
}

.ReportSelectPrompt
{
	font-weight:bold;
	font-size:small;
}

.ReportExplanationText
{
	font-size:x-small;
}

.UserControlTopDiv
{
	Width:100%;
	Height:100%;
	Background-Color:White;
	overflow:auto;
}

.UserControlBottomDiv
{
	Width:100%;
	Height:100%;
	Background-Color:White;
	overflow:hidden;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}

.SpeechImage
{
	float:left;
	display:block;
	position:relative;	
	left:0px;
	top:-25px;
}


.speech_bubble
{
	min-height:30px;
	vertical-align:middle;
	text-align:center;
	background: palegoldenrod;
	padding-left:12px;
	margin-left:13px;
	background-position:left center;
	border:solid 2px #0863B5;
}

.ConversationGrid
{
	border:none;
	background-color:Transparent;
	font-size:x-small;
}

.LeftQuote
{
	font-size:large;
	font-family:Times New Roman;
	color:gray;
}

.QuotedText
{
	font-size:small;
	font-style:italic;
	color:black;
}

.RightQuote
{
	font-size:large;
	font-family:Times New Roman;
	color:gray;
}

.MainHeading
{
	font-size: 20px; color: white; font-family: Verdana;
}

.SubHeading
{
	font-size: 1.0em; color: gray; font-family: Verdana;
}

.AccordionSmallText
{
	position:relative;
	top:3px;
	left:5px;
}

.NormalGridText
{
	font-size:x-small;
	color:Black;
}


.FixedDetailView
{
    Font-Size:x-small;
    Border:solid 1px Black; 
    Background-Color:White;
	overflow:auto;
}

.DetailEditRow
{
	background-color:#D9E0ED;
	Color:Black;
	margin:3px;
	padding:3px;
}

.DetailRow
{
	background-color:#D9E0ED;
	Color:Black;
	margin:3px;
	padding:3px;
}	

.DetailAlternateRow
{
	background-color:rgb(240,240,240);
	Color:Black;
}	

.DetailFooter
{
	Background-Color:#0863B5;Color:Black;
}

.DetailHeader
{
  display:block;
  height:20px;
  padding:3px;
  overflow:hidden;
  color:White;
  background-image:url(Img/Pregem/Header.png);
  background-repeat:repeat-x;
}	

.DetailPager
{
	Background-Color:White;
	Color:Black;
	text-align:center;
}

.DetailSelectedRow
{
	Background-Color:#FF9933;
	Color:White;
	font-weight:bold;
}

.GridView
{
    Font-Size:x-small;
    Background-Color:White;
	width:99%;
	overflow:auto;
}

.GridEditRow
{
	Background-Color:White;Color:Black; 
}

.GridViewSummary
{
	Background-Color:#1C61AE;Color:white; 
}

.GridFooter
{
	Background-Color:#0863B5;Color:Black;
}

.GridHeader2
{
	text-align:left;
}	

.GridPager
{
	Background-Color:White;
	Color:Black;
	text-align:center;
}

.GridHoverRow
{
	Background-Color:Silver;
	Color:Black;
	cursor:pointer;
}

.HideButton { Display : none}

.Accordion
{
	color:Black;
	font-weight:bold;
	width:100%;
	/*height:100%;*/
	overflow:hidden;
	min-height:250px;
	/*border-right:solid 1px #009FC6;*/
}


.TreeView
{
}

.CalendarText
{
	color:Black;
	font-size:x-small;
}

.ClaimGridView
{
/*	width:100%;*/
    Background-Color:White;
	padding:10px;
}

.invisibletextbox
{
	background-color:Transparent;
	color:White;
	border-style:none;
}

.UserControlBorderDiv
{
	color:Black;
}

.inboxwindow
{
	background-color:White;
	height:140px;
	overflow:auto;
}

.window
{
	padding:10px;
	background-color:White;
	height:240px;
	min-height:150px;
	overflow:auto;
}

.DashLabel
{
	float:none;
	padding:5px;
	font-weight:bold;
	font-size:x-small;	
}

.hello
{
	padding-top:5px;
	padding-left:23px;
	background-color:White;
	border-bottom:solid 1px steelblue;
	height:18px;
}

.FieldStyle
{
	width:120px;
	color:Black;
/*	background-color:White;*/
	font-weight:bold;
}

.ClaimGridView
{
	width:100%;
    Background-Color:White;
	overflow:hidden;
	text-align:left;
}

.ReportGridView
{
	width:220px;
	padding:20px;
	border:none;
	font-size:x-small;
}


#ChartDiv
{
	min-height:235px;
}

.Chart
{
	z-index:10;
	margin-right:-3px;
}