* {
	font-family: verdana;
	font-size: 11px;
}

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

a.visibleLink {
	color:#792514 !important;
}

a.visibleLink:hover {
	text-decoration:underline !important;
}

.clear {
	clear: both;
}

/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  	BANNER
/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#banner{
	position:relative;
	height:60px;
	background-color:#1481C9;
	background-image:url(../images/layout/banner-repeat-x.png);
	background-repeat:repeat-x;
	overflow:hidden;
}

#banner-image{
	height:60px;
	background-image:url(../images/layout/banner.png);
	background-repeat:no-repeat;
}

#banner-links{
	padding:5px 5px 0 0;
	text-align:right;
	margin:0;
	height:20px;
}

#banner-links a, #banner-notifications a{
	color:white;
}

#banner-links a:hover, #banner-notifications a:hover{
	color:black;
}

#banner-notifications{
	padding: 5px 5px 0 0;
	text-align:right;
}

#border-link-image{
	position:absolute;
	left:380px;
	top:21px;
}

 #banner-tf-logo {
 	float: left;
 }

 #banner-tf-logo a {
 	display: inline-block;
 	height: 55px;
 	width: 200px;
 	position: fixed;
 	z-index: 100;
 }

/*  	FIN BANNER	*/

/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  	ICONS
/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.action-icon{
	padding: 0 10px 0 10px;
	background: no-repeat;
}
.drop-down-add{
	background-image: url(../images/icons/add_trigger.gif);
}
.icon-home{
	background-image: url(../images/icons/home.png);
}
.icon-stats{
	background-image: url(../images/icons/chart_bar.png);
}
.icon-admin{
	background-image: url(../images/icons/cog.png);
}
.icon-clients{
	background-image: url(../images/icons/users.png);
}
.icon-raster{
	background-image: url(../images/icons/map.png);
}
.icon-logout{
	background-image: url(../images/icons/door_in.png);
}
.icon-batch{
	background-image: url(../images/icons/package.png);
}
.icon-batch-go{
	background-image: url(../images/icons/package_go.png);
}

.icon-add {
    background-image: url(../images/icons/add.png);
}

.icon-remove {
    background-image: url(../images/icons/cross.png);
}

.icon-add-user {
    background-image: url(../images/icons/addUser.png);
}

.icon-excel{
	background-image: url(../images/icons/excel.png);
}

.icon-chart-add{
	background-image: url(../images/icons/chart_bar_add.png);
}
.icon-chart-settings{
	background-image: url(../images/icons/chart_bar_edit.png);
}
.icon-chart-migration{
	background-image: url(../images/icons/table_go.png);
}
.icon-stat-migration-settings{
	background-image: url(../images/icons/table_gear.png);
}

.icon-del-clients {
	background-image: url(../images/icons/deleteUser.png);
}

.icon-edit-clients {
	background-image: url(../images/icons/editUser.png);
}

.icon-add-key {
	background-image: url(../images/icons/key_add.png);
}

.icon-del-key {
	background-image: url(../images/icons/key_delete.png);
}

.icon-search {
	background-image: url(../images/icons/search.png);
}
.icon-db-conn{
	background-image: url(../images/icons/database_connect.png);
}

.icon-download{background-image: url(../images/icons/download.png);}

.icon-host{background-image: url(../images/icons/computer.png);}
.icon-host-add{background-image: url(../images/icons/computer_add.png);}
.icon-host-delete{background-image: url(../images/icons/computer_delete.png);}
.icon-host-edit{background-image: url(../images/icons/computer_edit.png);}

.check-true-column{
	background-image: url("../images/icons/check_11x11.gif");
	background-position: center;
	background-repeat: no-repeat;
}

.icon-valid{
	padding-left: 20px;
	background: url(../images/icons/tick.png) no-repeat 0 center !important;
}
.icon-warning{
	padding-left: 20px;
	background: url(../images/icons/warning.png) no-repeat 0 center !important;
}
.icon-busy{
	padding-left: 20px;
	background: url(../images/icons/loading.gif) no-repeat 0 center !important;
}
.icon-error{
	padding-left: 20px;
	background: url(../images/icons/cross.png) no-repeat 0 center !important;
	color: red;
}

/*  	FIN ICONS	*/

 /*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  	MENU TOP (+ footer)
/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#footer, .menuContainer {
	background-image:url(../images/layout/bg_menu2_alt.gif);
	height:20px;
	width:100%;
	border-collapse: collapse;
}

.menuTop{
	border-collapse: collapse;
}

.menuTop td {
	padding: 3px;
}

.menuTop a {
	color:#616161;
	text-transform:uppercase;
}

.menuTop a:hover {
	/* color:white; */
}

a.selectedmenu, a.selectedmenu:hover {
	font-weight:bold;
	color:#616161;
}

div.menu {
	padding-top: 10px;
  	position: absolute;
  	line-height: 15px;
 	visibility: hidden;
  	z-index: 1000;
  	border-bottom: 1px solid #7D7D7D;
	border-right: 1px solid #7D7D7D;
	border-left: 1px solid #7D7D7D;
	background-color: #D0D0D0;
}

div.menu a {
	text-transform:none;
	display: block;
	padding: 3px 1em;
	white-space: nowrap;

}

div.menu a.menuItem {
  	color:#616161;
}

div.menu a.menuItem:hover,
div.menu a.menuItemHighlight,
div.menu a.menuItemSel {
  	background-color: #999999;
}
div.menu div.menuItemSep {
  	border-bottom: 1px solid #FFFFFF;
	margin: 3px;
}

/*  	FIN MENU TOP	*/

/*
 * ================================================== Ext.ux.Notification  ==================================================
 */

 .x-notification .x-window-body {
    margin: 0;
    padding: 1em !important;
    width: auto !important;
}
.x-notification .x-tool-close {
    display: none;
}
.x-notification.fixed .x-tool-close {
    display: block;
}
.toastIconSuccess {
	background-image: url("../images/16x16/success.gif");
}
.toastIconInformation {
	background-image: url("../images/16x16/information.gif");
}
.toastIconError {
	background-image: url("../images/16x16/exclamation.gif");
}
/*
 * ========== END of Ext.ux.Notification
 */

 #notifAlarm img, #notifMessage img {
 	vertical-align: bottom;
 }

 #notifAlarm {
 	margin-right: 5px;
 }

 #notifMessage_count {
 	display: inline-block;
    height: 14px;
    vertical-align: middle;
 }

 .detail-content {
	background:url("../images/DriverBehaviour.png") no-repeat;
	height: 100%;
}

/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  	Geoplanning.form.FieldsetPanel
/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.formPanelTitle {
	background: none !important;
	box-shadow: none;
	font-weight: bold;
 	color: #AAAAAA;
 	border-bottom: 1px solid #AAAAAA !important;
 	padding: 0 0 2px 0;
 	margin-bottom: 10px;
}
.formPanelTitle div div.x-box-inner{
 	height: 16px !important;
}
.errorPanel, .validPanel, .warningPanel, .loadingPanel, .infoPanel {
 background-repeat: no-repeat;
 min-height: 16px !important;
 background-position: 5px 5px !important;
 width: 100%;
 /* padding: 5px; */
}
.errorPanel {
 border: 1px solid red;
 background-color: #FFE3E0;
 background-image: url('../images/16x16/exclamation_16.png') !important;
}
.validPanel {
 border: 1px solid green;
 background-color: #C5FFC1;
 background-image: url('../images/16x16/tick.png') !important;
}
.warningPanel {
 border: 1px solid #FFCD07;
 background-color: #F9FFAD;
 background-image: url('../images/16x16/exclamation_16.png') !important;
}
.loadingPanel {
 border: 1px solid gray;
 background-color: #E0E0E0;
 background-image: url('../js/extjs4/resources/themes/images/gray/tree/loading.gif') !important;
}
.infoPanel {
 border: 1px solid blue;
 background-color: #DDEBFF;
 background-image: url('../images/16x16/information.png') !important;

}
.errorPanel ul, .validPanel ul, .warningPanel ul, .loadingPanel li, .infoPanel li{
 padding-left: 35px;
 margin: 5px;
}
.errorPanel li, .validPanel li, .warningPanel li{
 list-style: disc;
}
.errorPanel li{
 color: red !important;
}

.validPanel  li{
 color: green !important;
}
.warningPanel  li{
 color: #AD8805 !important;
}
.loadingPanel  li{
 color: gray !important;
}
.infoPanel  li{
 /*color: blue !important; */
}


/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  	LOGIN PAGE
/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#splash{
	position:absolute;
	width:720px;
	height:360px;
	background-image:url("../images/layout/splash.png");
	left:50%;
	margin-left:-360px;
	top:50%;
	margin-top:-180px;
	font-family:verdana;
}


#forbidden {
	color:  #FF0000;
    font-size: 16px;
    font-weight: bold;
    left: 50px;
    line-height: 30px;
    position: absolute;
    top: 160px;
	width:400px;
}

#login {
	bottom: 50px;
	font-size: 11px;
	position: absolute;
	right: 25px;
	text-align: right;
}

#splash p{
	margin:0;
	padding:0;
}

#login label {
	color: #FFFFFF;
	font-weight: bold;
	height: 25px;
	margin-right: 10px;
}

#login .cellWidth {
	width: 120px;
}

.login_input {
	border: 1px solid #A0A5A8;
	margin: 1px 2px;
}

#login .checkbox {
	margin-right: 111px;
	vertical-align: middle;
}

#login .submit_btn {
	display: inline-block;
	text-align: left;
	margin-right: 6px;
}

#login input[type=submit] {
	border: 1px solid #A0A5A8;
	padding: 1px 3px;
	cursor: pointer;
}

#login input[type=submit]:hover {
	border: 1px solid #808588;
	background-color: #FFFFFF;
}

#login-error {
	font-weight: bold;
	color: #FF0000;
	text-decoration: blink;
}
/*
	copyright
*/
#copyright, #terms, #version_login, #visit {
	color: #A0A5A8;
    font-size: 10px;
    position: absolute;
    bottom: 30px;
}

#copyright a:link, #visit a:link, #terms a:link, #copyright a:active, #visit a:active #terms a:active, #copyright a:visited, #visit a:visited, #terms a:visited {
	color: #A0A5A8;
    text-decoration: none;
}

#copyright a:hover, #visit a:hover, #terms a:hover {
	color: #A0A5A8;
    text-decoration: underline;
}

#copyright {
    left: 40px;
    width: 350px;
}

#visit {
	font-family: verdana;
    margin-top: 200px;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 10px;
}

#terms {
  	font-family: verdana;
	font-size: 10px;
	left: 50%;
	margin: 190px 0 0 -360px;
	overflow: auto;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 720px;
}

#version_login {
	top: 30px;
	right: 25px;
	color: white;
}

.x-boundlist-item img.chkCombo {
    background: transparent url(../js/extjs4/resources/themes/images/default/menu/unchecked.gif);
    width: 16px;
    vertical-align: middle;
}
.x-boundlist-selected img.chkCombo{
    background: transparent url(../js/extjs4/resources/themes/images/default/menu/checked.gif);
    width: 16px;
    vertical-align: middle;
}

/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  	BATCH PAGE																								*/
/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#batch-explanation{
	padding: 0px 10px;
}

ul.no-decoration{
	list-style-type: none;
	padding: 0px 25px;
	margin: 0px;
}

.batch-button{
	border-color:#bbb;
	border-width:1px;
}

#file-preview{
	font-family: monospace !important;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow-x:auto;
	white-space: pre;
}
.file-preview-line{
	margin:0;
	padding:0;
	font-family: monospace !important;
	white-space: pre;
}

.explanation-body{
	overflow-y:auto;
}

.trans-border{
	border-color: transparent! important;
}

/* ###################### Ext.ux.StatusBar ################# */
.x-toolbar-default.x-statusbar{
	border-color:white;
	background-color:white;
	background-image: none;
}
/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  	MAP TOOLS PAGE																						 	*/
/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.highLighTile {
	border: 1px solid #000;
}
.urlform {
	line-height: 23px;
}
.urlform label {
	display: inline-block;
	width: 90px
}
/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*      ROUTING TOOLS PAGE                                                                                          */
/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.routing-result .label-cell {
	width: 160px;
}