html, body
{
	font: 10px verdana;
	margin: 0px auto;
	padding: 0;
	border: 0 none; /*overflow:hidden;*/
	height: 100%;
	width: 100%;
	cursor: default; /*color: rgb(0, 84,137);*/
	color: rgb(1, 52,102);
}
select, input, th, textarea, span, div, fieldset, table, td
{
	font: 11px verdana;
}
body
{
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0px none;
}
html, body
{
	height: 100%;
}
form
{
	width: 100%;
	height: 100%;
}
p
{
	margin: 5px;
}
input
{
	border: 1px solid #999999;
	padding: 2px;
	font-size: 11px;
}
select
{
	border: 1px solid #999999;
	padding: 2px;
	font-size: 11px;
}
div, select, textarea
{
	scrollbar-base-color: #999999;
	scrollbar-arrow-color: #999999;
	scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-face-color: #EBE8E4;
	scrollbar-highlight-color: #999999;
	scrollbar-shadow-color: #999999;
	scrollbar-track-color: #EBE8E4;
}
TABLE.legend
{
	border-collapse: separate !important;
	border: 1px solid #999999;
	border-width: 1px;
	margin: 4px;
	width: 150px;
}
.legend A:link, A:active, A:visited
{
	color: #C36800;
	text-decoration: none;
}
.legend A:hover
{
	color: #C36800;
	text-decoration: none;
}
A.legendselected
{
	color: black;
	text-decoration: none;
}
TABLE.legend TD
{
	padding: 4px !important;
}
DIV.legendindicator
{
	width: 20px;
	font-size: 0px;
	height: 10px;
	border: 1px solid black;
}
.centeredTable
{
	margin: 0px auto;
	text-align: center;
}

.righteredTable
{
	margin: 0px auto;
	text-align: right;
}

.iconContainer
{
	clear:left;
}
.iconItem
{
	float: left;
	width: 110px;
}

.right
{
	text-align: right;
}
.center
{
	text-align: center;
}
.bottom
{
	vertical-align: bottom;
}

.appletContainer
{
	position: absolute;
	top: 4px;
	right: 4px;
	width: 16px;
	height: 16px;
}

/* DESKTOP CLASSES */
.welcome
{
	font: normal 14px helvetica;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	text-align: left;
	padding-bottom: 4px;
	padding-left: 10px;
	float: left;
}

.functionText
{
	width: 110px;
	font: normal 14px helvetica;
	text-align: center;
}

.functionTextDisabled a
{
	text-decoration: none;
	cursor: arrow;
}

.functionTextDisabled a:hover
{
	text-decoration: none;
	cursor: arrow;
}

/* Base desktop icons css  */
.function
{
	background: transparent no-repeat center center;
	margin: 0px auto;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 86px;
	height: 86px;
	cursor: pointer;
}

.services {
	background-image: url(../ext/desktop/images/functions/16x16-services.png) !important;
}



/* Disabled */
.functionMV0
{
	background-image: url(../ext/desktop/images/functions/86x86-mapview0.gif);
	cursor: default;
}
.functionJV0
{
	background-image: url(../ext/desktop/images/functions/86x86-junctionview0.gif);
	cursor: default;
}
.functionSGD0
{
	background-image: url(../ext/desktop/images/functions/86x86-signalgroup-diagram0.gif);
	cursor: default;
}
.functionTSD0
{
	background-image: url(../ext/desktop/images/functions/86x86-timespace-diagram0.gif);
	cursor: default;
}
.functionSR0
{
	background-image: url(../ext/desktop/images/functions/86x86-status-reportS0.gif);
	cursor: default;
}
.functionTD0
{
	background-image: url(../ext/desktop/images/functions/86x86-trafficdata0.gif);
	cursor: default;
}
.functionUS0
{
	background-image: url(../ext/desktop/images/functions/86x86-user-settings0.gif);
	cursor: default;
}

/* Normal */
.functionMV1
{
	background-image: url(../ext/desktop/images/functions/86x86-mapview1.gif);
}
.functionHIS1
{
	background-image: url(../ext/desktop/images/functions/86x86-mapviewhis1.gif);
}
.functionJV1
{
	background-image: url(../ext/desktop/images/functions/86x86-junctionview1.gif);
}
.functionSGD1
{
	background-image: url(../ext/desktop/images/functions/86x86-signalgroup-diagram1.gif);
}
.functionTSD1
{
	background-image: url(../ext/desktop/images/functions/86x86-timespace-diagram1.gif);
}
.functionSR1
{
	background-image: url(../ext/desktop/images/functions/86x86-status-reportS1.gif);
}
.functionTD1
{
	background-image: url(../ext/desktop/images/functions/86x86-trafficdata1.gif);
}
.functionUS1
{
	background-image: url(../ext/desktop/images/functions/86x86-user-settings1.gif);
}
.functionSYSCONFIG1
{
	background-image: url(../ext/desktop/images/functions/86x86-sys-config1.gif);
}
.functionSYSALERT1
{
	background-image: url(../ext/desktop/images/functions/86x86-sys-alert1.gif);
}
.functionTE1
{
	background-image: url(../ext/desktop/images/functions/86x86-trafficevents1.gif);
}
.functionTEHIS1
{
	background-image: url(../ext/desktop/images/functions/86x86-trafficeventshis1.gif);
}
.functionDEF1
{
	background-image: url(../ext/desktop/images/functions/86x86-default1.gif);
}
.functionUTSCN1
{
	background-image: url(../ext/desktop/images/functions/86x86-signalgroup-diagram1.gif);
}
.functionLIN1
{
	background-image: url(../ext/desktop/images/functions/86x86-linearized1.gif);
}
.functionVMSSCN1
{
	background-image: url(../ext/desktop/images/functions/86x86-vmsscn1.gif);
}
.functionPARK1
{
	background-image: url(../ext/desktop/images/functions/86x86-park1.gif);
}
.functionSC1
{
	background-image: url(../ext/desktop/images/functions/86x86-sched1.gif);
}
.functionORD1
{
	background-image: url(../ext/desktop/images/functions/86x86-ordinances1.gif);
}
.functionFLE1
{
	background-image: url(../ext/desktop/images/functions/86x86-fleet1.gif);
}
.functionLACO1
{
	background-image: url(../ext/desktop/images/functions/86x86-layconf1.gif);
}


/* Highlighted */
.functionMV2
{
	background-image: url(../ext/desktop/images/functions/86x86-mapview2.gif);
}
.functionHIS2
{
	background-image: url(../ext/desktop/images/functions/86x86-mapviewhis2.gif);
}
.functionJV2
{
	background-image: url(../ext/desktop/images/functions/86x86-junctionview2.gif);
}
.functionSGD2
{
	background-image: url(../ext/desktop/images/functions/86x86-signalgroup-diagram2.gif);
}
.functionTSD2
{
	background-image: url(../ext/desktop/images/functions/86x86-timespace-diagram2.gif);
}
.functionSR2
{
	background-image: url(../ext/desktop/images/functions/86x86-status-reportS2.gif);
}
.functionTD2
{
	background-image: url(../ext/desktop/images/functions/86x86-trafficdata2.gif);
}
.functionUS2
{
	background-image: url(../ext/desktop/images/functions/86x86-user-settings2.gif);
}
.functionSYSCONFIG2
{
	background-image: url(../ext/desktop/images/functions/86x86-sys-config2.gif);
}
.functionSYSALERT2
{
	background-image: url(../ext/desktop/images/functions/86x86-sys-alert2.gif);
}
.functionTE2
{
	background-image: url(../ext/desktop/images/functions/86x86-trafficevents2.gif);
}
.functionTEHIS2
{
	background-image: url(../ext/desktop/images/functions/86x86-trafficeventshis2.gif);
}
.functionDEF2
{
	background-image: url(../ext/desktop/images/functions/86x86-default2.gif);
}
.functionUTSCN2
{
	background-image: url(../ext/desktop/images/functions/86x86-signalgroup-diagram2.gif);
}
.functionLIN2
{
	background-image: url(../ext/desktop/images/functions/86x86-linearized2.gif);
}
.functionVMSSCN2
{
	background-image: url(../ext/desktop/images/functions/86x86-vmsscn2.gif);
}
.functionPARK2
{
	background-image: url(../ext/desktop/images/functions/86x86-park2.gif);
}
.functionSC2
{
	background-image: url(../ext/desktop/images/functions/86x86-sched2.gif);
}
.functionORD2
{
	background-image: url(../ext/desktop/images/functions/86x86-ordinances2.gif);
}
.functionFLE2
{
	background-image: url(../ext/desktop/images/functions/86x86-fleet2.gif);
}
.functionLACO2
{
	background-image: url(../ext/desktop/images/functions/86x86-layconf2.gif);
}
/* END DESKTOP CLASSES */


.favorites
{
	background-image: url(../ext/desktop/images/functions/favorites.png) !important;
}

.recents
{
	background-image: url(../ext/desktop/images/functions/history.png) !important;
}

.trash
{
	background-image: url(../ext/desktop/images/functions/trash.png) !important;
}

.logviewer-small
{
	background-image: url(../ext/desktop/images/functions/journal.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}

.appFolder-small
{
	background-image: url(../Img/appFolder-16x16.png) !important;
	background-repeat:no-repeat;
	background-position:center;
}

.sched
{
	background-image: url(../ext/desktop/images/functions/16x16-sched.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}

.map-small, .maphis-small
{
	background-image: url(../ext/desktop/images/functions/16x16-map-view.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.default-small
{
	background-image: url(../ext/desktop/images/functions/16x16-default.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.jv-small
{
	background-image: url(../ext/desktop/images/functions/16x16-junction-view.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.jvd-small
{
	background-image: url(../ext/desktop/images/functions/16x16-junction-view.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.sgd-small
{
	background-image: url(../ext/desktop/images/functions/16x16-signalgroup-diagram.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.sgsel-small
{
	background-image: url(../ext/desktop/images/functions/16x16-signalgroup-diagram.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.tsd-small
{
	background-image: url(../ext/desktop/images/functions/16x16-timespace-diagram.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.sr-small
{
	background-image: url(../ext/desktop/images/functions/16x16-status-report.gif ) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.td-small
{
	background-image: url(../ext/desktop/images/functions/16x16-traffic-data.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.useradm-small
{
	background-image: url(../ext/desktop/images/functions/16x16-user-settings.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.sysconfig-small
{
	background-image: url(../ext/desktop/images/functions/16x16-settings.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.sysalert-small
{
	background-image: url(../ext/desktop/images/functions/16x16-alert.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.traff_evt-small, .traff_evt_his-small
{
	background-image: url(../ext/desktop/images/functions/16x16-trafficevents.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.ord-small
{
	background-image: url(../ext/desktop/images/functions/16x16-ordinances.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.fle-small
{
	background-image: url(../ext/desktop/images/functions/16x16-fleet.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.utopia_act-small
{
	background-image: url(../ext/desktop/images/functions/16x16-signalgroup-diagram.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.lin_A4-small, .lin_tang-small
{
	background-image: url(../ext/desktop/images/functions/16x16-linearized.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.vms_scn-small, .vms_his-small
{
	background-image: url(../ext/desktop/images/functions/16x16-vmsscn.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.park-small
{
	background-image: url(../ext/desktop/images/functions/16x16-park.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.lay_conf-small
{
	background-image: url(../ext/desktop/images/functions/16x16-layconf.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}

.command-panel
{
	background-image: url(../ext/desktop/images/functions/16x16-command-panel.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}



.about
{
	background-image: url(../ext/desktop/images/functions/16x16-about.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}

.userinfo
{
	background-image: url(../ext/desktop/images/functions/16x16-user-info.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}

.sysinfo
{
	background-image: url(../ext/desktop/images/functions/info.gif ) !important;
	background-repeat: no-repeat;
	background-position: center;
}

.help
{
	background-image: url(../ext/desktop/images/functions/help.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}

.settings
{
	background-image: url(../ext/desktop/images/functions/16x16-user-info.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}

.setup-panel
{
	background-image: url(../ext/desktop/images/functions/16x16-setup.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}

.appsfolder-small
{
	background-image: url(../ext/desktop/images/functions/16x16-apps.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}


.filter-panel
{
	background-image: url(../Img/Filter2HS.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}

.scheduler-small
{
	background-image: url(../ext/desktop/images/functions/16x16-scheduler.png ) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.save-icon
{
	background-image: url(../ext/desktop/images/functions/16x16-filesave.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.goto-icon
{
	background-image: url(../ext/desktop/images/functions/16x16-cnr.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}

.hand
{
	cursor: pointer;
}

input.button
{
	border: 0px;
	width: 91px;
	padding: 0px;
	margin: 0px;
	color: #333;
	background: transparent url(../img/btn_bg.gif) no-repeat;
	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
	height: 21px;
}

input.smallbutton
{
	border: 0px;
	width: 32px;
	padding: 0px;
	margin: 0px;
	color: #333;
	background: transparent url(../img/btn_bg_small.gif) no-repeat;
	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
	height: 21px;
}


.menucontainer TD, .menucontainer DIV, .menucontainer SPAN
{
	padding: 0px;
	margin: 0px;
}
.div100
{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
}
a:hover
{
	color: #004f68;
	text-decoration: underline;
}
a
{
	color: #004f68;
	text-decoration: none;
}
a:link, a:active, a:visited
{
	color: #004f68;
}

.memotable
{
	width: 100%;
	border: 1px solid #7897b8;
	background-color: #e1eeff;
}
.memotable .header
{
	font: normal 12px verdana;
	height: 20px;
	text-align: left;
	padding-left: 6px;
	background-color: #7897b8;
	color: White;
	font-style: italic;
}
.memotable .odd
{
	background-color: white;
}
.memotable td
{
	font: normal 12px verdana;
	text-align: left;
	padding-left: 6px;
	height: 24px;
}
.memotablecolumn
{
	width: 48%;
	vertical-align: top;
}
.w48
{
	width: 48%;
	vertical-align: top;
}

.memotablecontainter
{
	width: 550px;
	margin-top: 26px;
	margin-left: auto;
	margin-right: auto;
}

.centeredrows
{
	margin-left: auto;
	margin-right: auto;
}

.memoicon
{
	width: 16px;
	height: 16px;
	float: left;
	margin-right: 4px;
}

.grid
{
	width: 100%;
	background-color: white;
	color: black;
	font: 12px verdana;
	border: 1px solid #d0d0d0;
	border-collapse: collapse;
}

.grid td
{
	font: normal 11px verdana;
	padding: 16;
	border-spacing: 6;
}

.grid .header
{
	background-color: #e3e3e3;
}


.grid .columnSmall
{
	vertical-align: middle;
	width: 90px;
}

.grid .columnMedium
{
	vertical-align: middle;
	width: 120px;
}

.controllerCommandsHeaderBox
{
	border: 1px solid #d0d0d0;
	background: white;
	height: 30px;
	color: black;
}

.centered
{
	text-align: center;
}

.title, .title TD
{
	font: bold 11px verdana;
}

.info, info.TD
{
	font-style: italic;
	font: 11px verdana;
}


TABLE.detailsTable
{
}

TABLE.detailsTable TR.title TH
{
	padding: 1px 4px 1px 4px;
	border: 1px solid #999999;
	background: #EBE8E4;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

TABLE.detailsTable TD
{
	padding: 1px 4px 1px 4px;
	border: 1px solid #999999;
	text-align: left;
	vertical-align: middle;
}

TABLE.detailsTable TR TH.centered
{
	text-align: center;
	vertical-align: middle;
}

.detailEventsMessages
{
	width: 70%;
	height: 100px;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#east
{
	height: 100%;
}
#west
{
	height: 100%;
}
#south
{
	width: 100%;
}
#content
{
	height: 100%;
	width: 100%;
}


/* LOGIN CLASSES */
DIV.canvasLogin
{
	width: 100%;
	height: 100%;
	text-align: center;
}
TABLE.contentLogin
{
	width: 852px;
	height: auto;
	margin: 8% auto auto auto;
	padding: 0;
	border-collapse: collapse;
}

TABLE.contentLogin TR.Header
{
	width: 100%;
}
TABLE.contentLogin TD.Header
{
	background-color: White;
	height: 66px;
	border: 1px solid #999999;
	border-bottom: none;
}

TD.Content
{
    background-color: White;
	border: 0px solid #999999;
}

TD.Content1
{
    background-color: White;
	border: 0px solid #999999;
	border-left: 1px solid #999999;
}

TD.Content2
{
    background-color: White;
	border: 0px solid #999999;
	border-right: 1px solid #999999;
}

TD.Content3
{
    background-color: White;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	text-align: center;
}

TABLE.contentLogin .HeaderImage
{
	margin-left: 350px;
}
TABLE.contentLogin .HeaderImage1
{
	margin-left: 24px;
}
TABLE.contentLogin TD.Content
{
	height: 173px;
	margin: 0;
	padding: 0;
}

TABLE.contentLogin TD.Footer DIV.FooterLogo
{
	/*margin-right: 15px;*/
	margin-top: 4px;
	float: right;
}

TABLE.LoginForm
{
	height: 100%;
	width: 100%;
	background: #EBE8E4;
	/*border: 1px solid #999999;*/
	border-collapse: collapse;
}

TABLE.LoginForm TD.title
{
	padding: 6px 4px 6px 4px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

TABLE.login TD.label
{
	font-weight: bold;
	text-align: right;
}
TABLE.login TD.input
{
	text-align: left;
}
TABLE.login TD.button
{
	text-align: right;
	padding: 10px;
}
TABLE.login TD.input INPUT, TABLE.login TD.input SELECT
{
	width: 200px;
}

TABLE.LoginForm TD.label
{
	font-family: verdana;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	text-align: right;
	width: 155px;
	height: 30px;
	color: #888785;
}

TABLE.LoginForm TR.marginTop
{
	height: 38px;
}

TABLE.LoginForm TD.marginRight
{
	width: 105px;
}

TABLE.LoginForm TD.input
{
	text-align: left;
	padding-left: 20px;
}
TABLE.LoginForm TD.buttonLine
{
	text-align: right;
}

TABLE.LoginForm .button
{
	width: 92px;
	text-align: center;
}

TABLE.LoginForm .Error
{
	color: Red;
	text-align: center;
	height: 30px;
}

TABLE.LoginForm .labelError
{
	width: 100%;
	text-align: center;
}

TABLE.LoginForm .TextBox
{
	width: 270px;
	height: 18px;
	font-size: 12px;
}
.command
{
	cursor: pointer;
}

.w100
{
	width: 100%;
}

.h100
{
	height: 100%;
}
/* END LOGIN CLASSES */



/* TOOLTIP CLASSES */

.tooltipPanel
{
	width: 212px;
}

.tooltipContent
{
	float: left;
}

.tooltipContent TABLE.tooltipTable
{
	width: 100%;
	margin: 0;
	border: 0;
}

.tooltipToolbar
{
	width: 100%;
	margin-bottom: 2px;
}

.tooltipToolbar DIV.tooltipLabel
{
	display: inline;
	float: left;
	margin-left: 2px;
	color: rgb(1, 52,102);
	vertical-align: middle;
	height: 20px;
	margin-top: 4px;
	width: 80px;
	font-style: italic;
}

.tooltipToolbar DIV.tooltipButton
{
	display: inline;
	float: right;
	text-align: right;
	vertical-align: top;
	cursor: pointer;
	margin-left: 6px;
	margin-right: 2px;
	margin-top: 2px;
	width: 16px;
	height: 16px;
}

.tooltipLoader
{
	width: 212px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
}

DIV.tooltipLoader DIV.tooltipImage
{
	position: relative;
	height: 100%;
	margin-top: 30px;
	text-align: center;
	vertical-align: middle;
}
/* END TOOLTIP CLASSES */


.floatRight
{
	display: inline;
	float: right;
}

.floatLeft
{
	display: inline;
	float: left;
}

.fullWidth
{
	width: 100%;
}

.fullHeight
{
	height: 100%;
}

.footerButtons
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 23px;
}

.stripNormal
{
	padding-left: 1px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	cursor: pointer;
}

.formBox
{
	width: 90%;
	text-align: center;
	margin: 10px auto;
}
.listbox
{
	height: auto;
}
.formBox SELECT
{
	height: auto;
}
.formBox TD
{
	text-align: center;
	vertical-align: middle;
	padding: 2px;
	border-spacing: 2px;
}


.popuppanel
{
	background-color: white;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.ext-mb-input
{
	font-size: 13px;
	padding: 4px;
	cursor: text;
}
/* TOOLBAR ICONS CLASSES */
.x-tool-omnia
{
	background: url(../img/misticlogo-small1.png) !important;
	width: 74px !important;
	height: 16px !important;
	position: absolute !important;
	right: 64px !important;
	background-repeat: no-repeat !important;
	margin-top: -1px !important;
}
.x-tool-omnia-over
{
	background: url(../img/misticlogo-small2.png) !important;
	width: 74px !important;
	height: 16px !important;
	position: absolute !important;
	right: 64px !important;
	background-repeat: no-repeat !important;
	margin-top: -1px !important;
}