/* Formatting for all blockquote elements */
body
{
	background-color: #ffffff;
	background-repeat: no-repeat;
	font-family: Arial, Verdana;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	scrollbar-face-color: #c2d5dc;

}
#bodySection
{
	/*margin: 10px;*/
}
#bodySectionNoMenu
{
margin: 10px;
}
#footer{
	width:100%;
	clear:both;
	border-top:#003366 1px solid;
	position:relative; 	
	bottom:0; 
	margin:0px;
}
#loginArea
{
	 text-align:right;
	 position:relative;
	 right:0;	
}
hr
{
  border-color:#CCC;
  border-width:3px;
  border-style:solid;	
}
h2
{
	font-weight: 400;
	font-family: Verdana;
	font-size: 1.2em;
}
blockquote
{
	margin: 30px;
}
.title-label
{
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}
.stelvioVersion
{
	font-family: Verdana, Arial, sans-serif;
	color:black;
	font-size:8pt;
}

h1#MTATitle
{
  border-color:#258;
  border-width:3px;
  border-style:solid;
  background-color:#47A;
  text-align:center;
  vertical-align:middle;
  padding:1px;
  margin:0px;
  font-size: 24px;
  font-weight: bold; 
  color: #FFFFFF; 
  text-align: center;
}

h2#mainPageTitle{
	border-bottom: 1px solid #eee;
	font-size:1.4em;
	margin-left:10px;
	color:#0C0C0C;
}
h3#secondPageTitle{
	font-size: 1.2em;
}
h4.sectionTitle
{
	font-size:12px;
	font-weight: bold;
	padding:5px;  
	padding-bottom:0;
	margin-top:10px;
	margin-left:10px;
	margin-bottom: 5px;
}

.vertTH 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: #111111; 
	FONT-FAMILY: Arial; 
	BACKGROUND-COLOR: #e9eff8; 
	TEXT-ALIGN: right
}

.dataTable 
{
	BORDER-RIGHT: 1px solid; 
	BORDER-TOP: 1px solid; 
	BORDER-LEFT: 1px solid; 
	BORDER-BOTTOM: 1px solid; 
	BORDER-COLLAPSE: collapse;
	margin-bottom: 2px;
}

TABLE.dataTable TD 
{
	BORDER-RIGHT: 1px solid; 
	BORDER-TOP: 1px solid; 
	VERTICAL-ALIGN: middle; 
	BORDER-LEFT: 1px solid; 
	BORDER-BOTTOM: 1px solid ;
	FONT-FAMILY: Arial;
	FONT-SIZE: 10pt;
	padding-bottom: 0px; 
	padding-top: 0px; 
	padding-right: 2px; 
	padding-LEFT: 2px;
}

TABLE.dataTable TH 
{
	BORDER-RIGHT: 1px solid; 
	BORDER-TOP: 1px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	VERTICAL-ALIGN: center; 
	BORDER-LEFT: 1px solid; 
	COLOR: #ffffff; 
	background-color: #4477AA;
	BORDER-BOTTOM: 1px solid; 
	FONT-FAMILY: Arial; 
	TEXT-ALIGN: center; 
	padding-bottom: 0px; padding-top: 0px; padding-right: 2px; padding-LEFT: 2px;
}

TABLE.dataTable TH#GenHeader
{
	BORDER-RIGHT: 1px solid; 
	BORDER-TOP: 1px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	VERTICAL-ALIGN: center; 
	BORDER-LEFT: 1px solid; 
	COLOR: #ffffff; 
	background-color: #225588;
	BORDER-BOTTOM: 1px solid; 
	FONT-FAMILY: Arial; 
	TEXT-ALIGN: center; 
	padding-bottom: 0px; padding-top: 0px; padding-right: 2px; padding-LEFT: 2px;
}

TABLE.dataTable tr#row1
{
  PADDING-LEFT: 12px; 
  FONT-SIZE: 10pt; 
  COLOR: #111111; 
  FONT-FAMILY: Arial;
  BACKGROUND-COLOR: #029082; 
  TEXT-ALIGN: left
}

TABLE.dataTable tr#row2
{
  PADDING-LEFT: 12px; 
  FONT-SIZE: 10pt; 
  COLOR: #111111; 
  FONT-FAMILY: Arial;
  BACKGROUND-COLOR: #ffffff; 
  TEXT-ALIGN: left
}

SPAN.Bold
{
	FONT-WEIGHT: bold; 
}

/* Section title */
.sectionTitle
{
	font-weight: 600;
	font-family: Verdana;
	font-size: 12px;
}
/* Vehicle title */

A:link, A:visited { 
	background: transparent; 
	color: #1C3462; 
	text-decoration: underline; 
	text-align: left; 
	font-weight: bold;
}
A:active, A:hover { background: transparent; color: #0c84f3;  text-align: left; font-weight: bold;}

.mh1 {
	width: 100%; 
	border-right:5px #ffffff solid; 
	border-left:5px #ffffff solid; 
	border-top:5px #ffffff solid;
	margin:0px auto;
	background-color:#ffffff;
}
.mh2 {
	padding:5px 0px 5px 5px;
	margin:0px auto;
	background-color:#029082;
	height: 10px; 
}

.sidenav {
	border-right:0px #ffffff solid; 
	border-left:0px #ffffff solid; 
	border-bottom:0px #ffffff solid;
	height: 100%;	
}
.stacks {
	font-family: Verdana,Arial,sans-serif; 
	font-size: 10pt; 
	color: #029082; 
	font-weight:bold;
	text-align:center;
	vertical-align: middle;
	background: #edf7dd;
	width: 583px;
	text-align:center;
	vertical-align: middle;
	background: #edf7dd;
	border-bottom:1px #ffffff solid;
	height: 27px;	
}
a.stacksLink:hover,a.stacksLink:focus,a.stacksLink:link,a.stacksLink:visited,a.stacksLink:active {
	color: #029082; 
	font-weight:bold;
  text-decoration:none;
}
.cnt {
	font-family: Verdana,Arial,sans-serif; 
	font-size: 9pt; 
	color: #1f1f1f; 
	font-weight: normal;
	line-height: 18px;
	padding-left:2px;
}
.footext {
	font-family: Verdana,Arial,sans-serif; 
	font-size: 8pt; 
	color: #1f1f1f; 
	font-weight: normal;
	line-height: 18px;
	padding-top:10px; 
    padding-left:2px;
}
.copyw {
    padding-top:0px; 
	padding-bottom:10px;
    padding-left:2px;
}
input,label {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 8pt;
	color:#222222;
}
input.stdtxt {
	border-top: 1px solid #a9a9a9;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
input.stdbtn {
    font-size: 12pt;
	background-color:#dcdcdc;
	border: 1px solid #cccccc;
	padding: 3px 20px 3px 20px;
}
input.stdbtn:hover {
	border: 1px solid #483d8b;
}

textarea {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 8pt;
	color:#222222;
}

textarea.stdtxt {
	border-top: 1px solid #a9a9a9;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}


.login td{
	font-family: Verdana,Arial,sans-serif; 
	font-size: 8pt; 
	color: #737373; 
	font-weight:normal;
}

.login_form td{
	padding: 5px 0px 5px 0px;
}

.actor {
	color: #029082; 
	font-weight:bold;
	font-family: Verdana,Arial,sans-serif; 
	font-size: 11pt; 
}

.error
{
	color:red;
}

.sectionMenu {								
	padding: 0px;
	margin-right: 10px;
	float:left; 
	width:240px;
	border: 1px solid  #c2d5dc;
}
.sectionMenu h5 {
	display: block;		
	font-size: 90%;
	padding: 3px 0 5px 3px;
	border: 1px solid #000000;
	color: #333333;
	margin: 0px;
	width:100%;
	height:25px;
	background-image:url(/resources/scripts/dhtmlxgrid/imgs/skin_light_header.png);
	border-right:1px solid #B5B5B5;
	border-left:1px solid #FDFDFD;
	border-top:1px solid #FDFDFD;
	border-bottom:1px solid #B5B5B5;
	background-color:transparent;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	color:#055A78;			
}
.sectionMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;

}
.sectionMenu ul li {
	margin: 0px;
	padding: 0px;
}
.sectionMenu ul li a {				
	border-bottom: 1px dashed;
	border-color : #FDFDFD #93AFBA #93AFBA #FDFDFD;	
	display: block;	
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	color: #000000;
	width:100%;
	font-weight: :300;
	font-size: 90%;
}
.sectionMenu ul li a:hover, .sectionMenu ul li a:focus
{
	color: #000000;
	background-color: #E5F2F8;
}
.sectionMenu ul li a.current, .sectionMenu ul li a.current:hover{
	background-color: #ededed;
}
#saveBlock
{
	position:absolute;
	right:5%;
	display:block;		
	text-align: right;		
	height:30px;

}
#saveBlock *
{
	vertical-align: middle;	
	
}
#blanket 
{
	background-color:#D4D0C8;
	opacity: 0.5;
	filter:alpha(opacity=65);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	width:100%;
}
.popUpDiv 
{
	position:absolute;
	background-color:#FFF;
	padding: 5px 25px 5px 25px;
	z-index: 9002;					
	border: double 2px;
	border-color : #93AFBA #93AFBA #93AFBA #93AFBA;
}
	  			
 /* Autocomplete Style */
div.autocomplete {
	position:absolute;
	width:250px;
	background-color:#FEFEFE;
	border:1px solid #055A78;
	margin:0px;
	padding:0px;
	
	
}
div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	overflow: auto;
	height:100px;
}
div.autocomplete ul li.selected { background-color: #e9eff8;}
div.autocomplete ul li 
{
	list-style-type:none;
	display:block;
	margin:0;
	margin-right:10px;
	cursor:pointer;
	font-size: 12px;
}


.ui-widget-content{background:#FCFCFC; padding: 0.2em 0.2em; border: 1px solid #a6c9e2;border-top: #ccc 1px solid;}
.ui-widget-content button{	color: #323232;} 
.ui-widget-header{margin:0px;background:transparent url(/resources/scripts/dhtmlxgrid/imgs/skin_light_header.png) 0 0  repeat-x;	color: #055a78; border: #93afba 1px solid;  padding: 0px 0px 10px 5px;  font-weight: bold;	font-size: 11px; 	PADDING-TOP: 5px; HEIGHT: 15px;	BACKGROUND-COLOR: transparent;}

.ui-fieldreport-inbox{clear:both;margin: 10px 0 20px 0; text-align:center; width:100%;}
.ui-fieldreport-inbox .ui-form{text-align: left;}
.ui-fieldreport-inbox .ui-widget-content{margin-bottom: 20px;}
.ui-fieldreport-inbox .ui-fixed-width{width:800px;}


/* ui-fieldreport-submission */
.ui-fieldreport-submission { margin: 0 5px 0 10px;}
.ui-fieldreport-submission label{font-weight:bold;}
.ui-fieldreport-submission  .ui-widget-content{padding:10px;}
.ui-fieldreport-submission  .ui-table-footer{ text-align:center; height:30px; width:99%;}
.ui-fieldreport-submission  .ui-table-footer input{width:4em;}
.ui-fieldreport-submission  .ui-table-footer span{width:auto; padding-left:20px;}
.ui-fieldreport-submission  .ui-table-footer span label{ line-height:2.0em;  height: 2.2em; }
.ui-fieldreport-submission  button{cursor: pointer;	 color: #333; margin-left: 2em}
.ui-fieldreport-submission  button .ui-icon{display:inline;margin-right:5px;}

/* ui-fieldreport-header */
.ui-fieldreport-submission-header {margin-bottom:10px;text-align:center}
.ui-fieldreport-submission-header h3 {font-size:14px;text-align: center;width:370px;	}
.ui-fieldreport-submission-header h4{ margin:0; padding:0;}
.ui-fieldreport-submission-header .ui-widget-content{border:1px solid #a6c9e2;background-color:#E4EDF1;margin-top:2px; padding:5px;	text-align:center;width:370px;}

/* ui-fieldreport-submission-step */
.ui-fieldreport-submission-step { border:1px solid #a6c9e2;  border-bottom:0; padding: 5px 5px 10px 0px; }
.ui-fieldreport-submission-step .num{color:#222; padding:5px;font-size:20px; }
.ui-fieldreport-submission-step .content {margin-left:30px;}
.ui-fieldreport-submission-step label{line-height: 35px; color:#222; font-weight: bold;}
.ui-fieldreport-submission-step-last{border-bottom:1px solid #a6c9e2;}

/* ui-fieldreport-comment */
#ui-fieldreport-submission-comment{border-bottom:1px solid #a6c9e2; }


/* ui-fieldreport-submission-grid */
#ui-fieldreport-submission-grid .hdr td{ padding:0; margin:0}
#ui-fieldreport-submission-grid .hdr td div.hdrcell{text-align:center; padding:0; margin:0}
#ui-fieldreport-submission-grid td.readonly{ background-color:#e6eff9;	color: #333;}
#ui-fieldreport-submission-grid tr.rowselected  td.readonly{	color: #333;}
#ui-fieldreport-submission-grid div.objbox{overflow-x: hidden; }

/* ui-blanket */
.ui-blanket{position:absolute;z-index:4;background:gray; position: absolute;}

/* ui-fieldreport-submission-dialog */
.ui-fieldreport-submission-dialog{border:solid 1px #8ca2ad ; font-weight:bold;display:none;background: #E4EDF1; color: #222;  font-size:13px;  width:420px;padding:20px;position: absolute;  left:35%; top: 585px; z-index:999}

/**/
.ui-fieldreport-submission-footer {margin: 10px 10px 5px 10px; height:30px;}
.ui-fieldreport-submission-footer #submitbuttons{float:right; width:auto; padding-right:40px;}
.ui-fieldreport-submission-footer #backbutton {float:left;}


.ui-form{background-image: url(/resources/images/skin_light_back_estimage.png);}
.ui-form label{ width: 20em; }
.ui-form label,  .ui-form span{font-weight: bold; display: block; float:left; line-height: 22px; height: 22px;}		
.ui-form div{ padding: 5px 0 5px 0px;clear:both;	border-bottom: 1px  dotted #fcfcfc;height:30px;}
.ui-form div.last{border-bottom: 0;}
 
.ui-table{font-family:'Verdana'; width:100%;border:1px solid #a6c9e2;empty-cells: show;}
.ui-table thead tr{	background-image: url(/resources/scripts/dhtmlxgrid/imgs/skin_light_header.png); padding:10px;}
.ui-table thead tr td{BORDER-RIGHT: #93afba 1px solid;BORDER-TOP: #fdfdfd 1px solid;BORDER-LEFT: #fdfdfd 1px solid;BORDER-BOTTOM: #93afba 1px solid;FONT-WEIGHT: bold;FONT-SIZE: 11px;color: #055a78;VERTICAL-ALIGN: top;BACKGROUND-COLOR: transparent;}
.ui-table tbody  td {border-width: 0px 1px 0px 1px;border-left: 1px solid white;	border-right: 1px solid #D6D6D6;font-family:Tahoma;	font-size:11px;padding:6px;}
.ui-table tbody  tr.odd{ background-color: #e5f2f8; }
.ui-table tbody  tr.pending{ color:black; }
.ui-table tbody  tr.adjusted td{color:#864800; }
.ui-table tbody  tr.approved td{color:#134200;}
.ui-table tbody  tr.rejected td{color:red;}
.ui-table-footer {padding:5px;height:15px;background-color: transparent; border-right: #93afba 1px solid; border-top: #fdfdfd 1px solid; BORDER-LEFT: #93afba 1px solid;	BORDER-BOTTOM: #93afba 1px solid;FONT-WEIGHT: bold;	FONT-SIZE: 11px;color: #055a78;	VERTICAL-ALIGN: top;background-image: url(/resources/scripts/dhtmlxgrid/imgs/skin_light_header.png);}
.ui-table-footer .ui-icon{cursor:hand;float:left;margin-top:8px;}
.ui-table-footer .ui-table-pager{width:91%;float:left;text-align:center}

.ui-table-pager {height:20px;}
.ui-table-pager ul{margin:0;padding:0;text-align:center;list-style-type: none;}
.ui-table-pager ul li{background-color:#fff;border:#93afba 1px solid;cursor:hand; float:left;display:inline; padding:5px;font-size:1em; margin:4px;}
.ui-table-pager ul li.disabled{background:transparent;background-color:#e6eff3; cursor:default;}
.ui-table-pager ul li.hover{background-color:#e6eff3; }

.ui-icon{display:block;width: 16px; height: 16px; }
.ui-icon-previous{background-image:url('/resources/images/resultset_previous.png');}
.ui-icon-first{background-image:url('/resources/images/resultset_first.png');}
.ui-icon-next{background-image:url('/resources/images/resultset_next.png');}
.ui-icon-last{background-image:url('/resources/images/resultset_last.png');}
.ui-icon-hidden{background-image:url('');}
.ui-icon-approve{background: transparent url('/resources/images/tick.png') 0px 0px no-repeat;}
.ui-icon-reject{background: transparent url('/resources/images/cross.png') 0px 0px no-repeat;}
 
.adjusted{color:#864800; }
.approved{color:#134200;}
.rejected{color:red;}


/* autocomplete of jquery----------------*/
.ac_results { color:#222;padding: 0px; border: 1px solid #a6c9e2;background-color: white;	overflow: hidden;z-index: 99999;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: hand;	display: block;	font: menu;	font-size: 12px;line-height: 16px; overflow: hidden;}
.ac_loading {background: white url('/resources/images/circleajax-loader.gif') right center no-repeat;}
.ac_odd {background-color: #e5f2f8; }
.ac_over {background-color:  #eeeeee;}

#operationautocomplete.empty{color:#aca899;}
#operationautocomplete.selected{background-color: #ccccc;} 

/* Error Dialog */
/*  Dialog */
/*  Dialog */
.ui-dialog {	background: #dbe8fb;COLOR: #222222;	position: relative;	padding: .2em; 	width: 300px; COLOR: #222222;border-right: #a6c9e2 1px solid;border-top: #a6c9e2 1px solid;	background: #fcfdfd;border-left: #a6c9e2 1px solid;	border-bottom: #a6c9e2 1px solid}
.ui-dialog .ui-dialog-titlebar {padding: .5em .3em .3em 1em; position: relative; border-right: #4297d7 1px solid;border-top: #4297d7 1px solid;border-bottom: #4297d7 1px solid;font-weight: bold;background: #5c9ccc;border-left: #4297d7 1px solid;color: #ffffff; height: 25px;}
.ui-dialog .ui-dialog-title { float: left; 	margin: .1em 0 .2em;} 
.ui-dialog .ui-dialog-titlebar-close {PADDING-RIGHT: 1px;PADDING-LEFT: 1px;	RIGHT: 0.3em;PADDING-BOTTOM: 1px;MARGIN: -10px 0px 0px;	width: 19px; padding-top: 1px;POSITION: absolute;TOP: 50%;height: 18px;}
.ui-dialog .ui-dialog-titlebar-close span  {text-decoration: none;  color:white;display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; background: none; margin:0; padding:5px;  }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .2em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .2em .4em .5em 0; cursor: pointer; padding: .0em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #7b8e8c; background: #bdc79c url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }

.ui-dialog-error {background:#fef1ec; border: 1px solid #cd0a0a; color: #cd0a0a;	padding: 1em;}
.ui-dialog-error .ui-dialog-titlebar{display:none;}
.ui-dialog-error #message{background-image: url('../images/alert.png');	background-position: 0 50% ;background-repeat: no-repeat; display: block; margin-right:25px; padding-left:22px;}

/* Overlays */
.ui-dialog-overlay { background-color: #aaaaaa; opacity: .30;filter:Alpha(Opacity=70); }
.ui-dialog-shadow { margin: -8px 0 0 -8px; padding: 8px; background-color: #aaaaaa; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }

#copyright {
float:left;
width:100%;
}

#copyright div.copyrightText {
font-family: Arial,Helvetica;
font-size:10px;
color:#8A8A8A
}

#copyright div.logoContainer {
width: 550px;
margin-left:auto;
margin-right:auto ;
}

#copyright div.mtaLogo {
background-image: url(/resources/images/mta_nsw_logo_small.png);
background-repeat: no-repeat;
background-position: right top;
float:left;
clear:left;
width:400px;
height:50px;
}

#copyright div.mtaLogo img {
width:350px;
}


#copyright .stelvioLogo {
margin:2px 10px 0px 50px;
width:60px;
height:40px;
float:left;
}

#copyright .stelvioLogo img {
border:0;
float:right;
}
 
div.stelvioVersion {
font-family: Verdana, Arial, sans-serif;
color:black;
font-size:8pt;
width:120px;
height:50px;
float:left;
}