/*
Theme Name: Netdispatcher specific CSS

[Table Of Contents] 

	0- General
	1- Layout Elements
	2- Inbox
	3- Custom Plugin CSS

*/

/* =0 General
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.bump-bottom { margin-bottom:25px !important; }
.autowidth { width:auto !important; }
.valign-top { vertical-align:top; }
.float-left { float:left !important; }
.float-right { float:right !important; }
.uppercase{text-transform:uppercase;}

/* =1 Layout Elemetns
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.main { padding:0 20px; min-width:1450px; }

.main:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }

.col-left { float:left; width:49.1%; }
.col-right { float:right; width:48.6%; }
.col-left2 { float:left; width:78%; }
.col-right2 { float:right; width:18%; }
.supp-div { float: left; width:100%; }

.main h1 { padding:0 0 0 15px; }

.breadcrumbs { margin:0 0 12px 15px; font-size:.917em; }

/*COMMON MODULES*/
.common-module { border:1px solid #d4d3d3; background:#e5e5e5; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin-bottom:18px; padding:7px 3px; position:relative; }
.monitor-module { border:1px solid #d4d3d3; background:#e5e5e5; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin-bottom:18px; padding:7px 3px; position:absolute; display: inline-block; }
.common-module .action-btn { position:absolute; top:6px; left:200px; }
.drag { display:block; width:10px; height:10px; background: url(../images/sprite-ui.png) -30px -900px; position:absolute; right:14px; top:12px; }
.expand { display:block; height:6px; width:14px; background:url(../images/sprite-ui.png) no-repeat 0 -922px; position:absolute; bottom:1px; left:50%; margin-left:-7px; cursor:s-resize; }
.expandRight  
{
    display:block; height:10px; width:2px; background:url(../images/sprite-ui.png) no-repeat  -30px -900px; position:absolute; right:0px; top:50%; margin-top:-7px; cursor:e-resize; 
}

.common-module-inner { background:#fff; padding:12px 20px; min-height:55px; }
.common-module p:last-child { margin:0; }
.wordwrap 
{ 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

/**************************************************/


/*COMMON HEADER*/
.common-header { 
	background:#e5e5e5; 
	padding:8px 3px 12px 14px; 
	margin-bottom:0; 
	font-weight:normal; 
	border-left:1px solid #d4d3d3;
	border-top:1px solid #d4d3d3; 
	border-right:1px solid #d4d3d3;
	-moz-border-radius:2px 2px 0 0; 
	-webkit-border-radius:2px 2px 0 0;
	border-radius:2px 2px 0 0; 
	}
    .common-header-withimage { 
	background:#e5e5e5; 
	padding:8px 3px 12px 14px; 
	margin-bottom:0; 
	font-weight:normal; 
	border-left:1px solid #d4d3d3;
	border-top:1px solid #d4d3d3; 
	border-right:1px solid #d4d3d3;
	-moz-border-radius:2px 2px 0 0; 
	-webkit-border-radius:2px 2px 0 0;
	border-radius:2px 2px 0 0; 
	}

    .common-header-withoutimage { 
	background:#e5e5e5; 
	padding:8px 3px 12px 14px; 
	margin-bottom:0; 
	font-weight:normal; 
	border-left:1px solid #d4d3d3;
	border-top:1px solid #d4d3d3; 
	border-right:1px solid #d4d3d3;
	-moz-border-radius:2px 2px 0 0; 
	-webkit-border-radius:2px 2px 0 0;
	border-radius:2px 2px 0 0; 
	}

        .common-header-withoutimage.selected {
            border-left: 4px solid orange;
            border-top: 4px solid orange;
            border-right: 4px solid orange;
        }
.common-module .common-header { margin:-7px -3px 0 -3px; border:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
.monitor-module .common-header { margin:-7px -3px 0 -3px; border:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
.common-header.nonrounded { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }

	.multi-sec .common-header { border-top:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
	.multi-sec .common-header.first { border-top:1px solid #d4d3d3; -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0; }
	.multi-sec .common-header.collapsed { border-bottom:1px solid #f6f5f5; }
	.multi-sec .common-header.last.collapsed { border-radius:0 0 2px 2px; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; border-bottom:1px solid #d4d3d3; }
	
	.multi-sec .common-header-withimage
    {
        border-top: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        background: #e5e5e5 url(../images/down-arrow.png) no-repeat center left;
    }

    .multi-sec .common-header-withimage.first
    {
        border-top: 1px solid #d4d3d3;
        -moz-border-radius: 2px 2px 0 0;
        -webkit-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0;
        background: #e5e5e5 url(../images/down-arrow.png) no-repeat center left;
    }
	    .multi-sec .common-header-withimage.collapsed
    {
        border-bottom: 1px solid #f6f5f5;
        background: #e5e5e5 url(../images/right-arrow.png) no-repeat center left;
    }
	.multi-sec .common-header-withimage.last.collapsed { border-radius:0 0 2px 2px; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; border-bottom:1px solid #d4d3d3;background:#e5e5e5 url(../images/right-arrow.png) no-repeat center left }
	
/**************************************************/

/*COMMON SECTION*/
.common-section { background:#f6f5f5; border-left:1px solid #d4d3d3; border-right:1px solid #d4d3d3; padding:20px; }
.common-section.first { border-top:1px solid #d4d3d3; border-radius:0 0 2px 2px; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; }
.common-section.last { border-bottom:1px solid #d4d3d3; border-radius:0 0 2px 2px; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; }
.common-section.last.selected { border-bottom:4px solid orange; border-left:4px solid orange; border-right:4px solid orange; }
.common-section label { font-size:1.167em; width:90px; }
.common-section select, .common-section input { margin-right:20px;margin-bottom:5px; }
.common-section select, .common-section input[type=radio] { margin-right:12px;margin-bottom:5px; }

/**************************************************/


/*TABLE STYLES*/
table { width:100%; }
th { background:#6f6f6f; color:#fff; background-color:#6f6f6f; }
th,td{ text-align:center; padding:12px; border:1px solid #fff; vertical-align:middle; }
th { padding:6px 12px; }
th:first-child, td:first-child { border-left:none; }
th:last-child, td:last-child { border-right:none; }
td { background-color:#f2f2f2; }
tr.alt td { background-color:#e5e5e5; }
tr.hover td { background-color:#f17c33 !important; }
tr.hoverBlack { color:black !important; }
table caption { background:#b4b4b4; text-align:left; padding:10px 15px; font-size:1.167em; }
tr.newEvent td { background: rgba(255, 255, 0, 1) ; color: Black ; }

tr.newEventSignalR td { -webkit-animation: colorchange 1s; -moz-animation:colorchange 1s; animation:colorchange 1s; }
/* Chrome, Safari, Opera */
@-webkit-keyframes colorchange {
    from {background: rgba(255, 255, 0, 1);}
    to {background: rgba(255, 255, 0, 0);}
}


@-moz-keyframes colorchange {
    from {background: rgba(255, 255, 0, 1);}
    to {background: rgba(255, 255, 0, 0);}
}
/* Standard syntax */
@keyframes colorchange {
    from {background: rgba(255, 255, 0, 1);}
    to {background: rgba(255, 255, 0, 0);}
}

tr.newEventA td { background: rgba(255, 255, 0, 0.6) ; color: Black ; }
tr.newEventB td { background: rgba(255, 255, 0, 0.2) ; color: Black ; }

.headerSortDown, .headerSortUp { color:#fff !important; background:#3b3b3b !important; }
.headerSortDown a, .headerSortUp a { color:#fff; padding-right:13px; }
.headerSortDown div, .headerSortUp div { color:#fff !important; background:#3b3b3b !important; }
.headerSortUp a { background:url(../images/sprite-ui.png) no-repeat right -793px; }
.headerSortDown a { background:url(../images/sprite-ui.png) no-repeat right -843px; }
table th a:hover, table th a:hover { text-decoration:none; }
table th a:link { color:#F5F5F5; }
/*tr:hover td { background-color:#f17c33 !important; }*/
.monitorDataTable tr { height: 22px; } /*line-height: 2px;*/
.monitorDataTable th, td { padding:3px 12px 3px 12px; }
.monitorHeaderTable th, td { padding:3px 12px 3px 12px; }
.monitorAlarmImage { margin-bottom: 0px; }
.refreshmImage { margin-bottom: 0px; }
/*tbl-monitor*/
.tbl-monitor .wrapper { padding:0; }
.tbl-monitor .col1 { width:09.6%; }
.tbl-monitor .col2 { width:08.7%; }
.tbl-monitor .col3 { width:13.0%; }
.tbl-monitor .col4 { width:12.1%; }
.tbl-monitor .col5 { width:16.6%; }
.tbl-monitor .col6 { width:12.8%; }
.tbl-monitor .col7 { width:27.2%; text-align:left; }

.tbl-monitor { border:1px solid #cfcfcf; margin:0; }
.tbl-monitor td, .tbl-monitor th { border:1px solid #cfcfcf; border-bottom:none; border-top:none; }
.tbl-monitor td:first-child, .tbl-monitor th:first-child { border-left:none; }
.tbl-monitor th:last-child, .tbl-monitor td:last-child { border-right:none; }
.tbl-monitor td { background-color:#fff; }

.tbl-monitor .scroll-pane { height:162px; overflow:auto; width:100% !important; }
.tbl-monitor .jspContainer { width:100% !important; }
.tbl-monitor .jspPane { width:100% !important; }
.scroll-pane tr:hover td, .scroll-pane tr:hover td a { background-color:#f17c33; color:#fff; font-weight:bold; }
.scroll-pane table { margin:0; }

.remarkscontent td { text-align:left;background-color:transparent; }
.remarkscontent .lefttd{padding:0px;}
.remarkscontent .righttd{padding:2px;width:80%;}

/*tbl-search-results*/
.tbl-search-results th { background:#c8c8c8; cursor:pointer; }
.tbl-search-results th a:link { color:#1580b3; }
.tbl-search-results tr.even td { background-color:#e5e5e5; }
.tbl-search-results tr.odd td { background-color: #F2F2F2; }
.tbl-search-results td { text-align:left;}

/*event-unit*/
.event-unit th { cursor:pointer; }
.event-unit tr.even td { background-color:#e5e5e5; }
.event-unit tr.odd td { background-color: #f2f2f2; }
.event-unit td { text-align:center;}
/*************************************/
/*REQUIRED FIELDS*/
.selectRequired { background:lightyellow !important; }
.fieldRequired,.eventRequired { background:lightyellow !important; }
/**************************************************/
/***************************************************/
/*Input Prompt Text */
/***************************************************/
.input-prompt {
  position: absolute;
  font-style: italic;
  color: #aaa;
  margin: 0.2em 0 0 0.5em;
}

/*PAGE SPECIFIC RULES*/

/*HOME*/
.link-restore { position:absolute; right:38px; top:13px; font-size:.833em; line-height:1; }
.link-filter { position:absolute; right:120px; top:9px; font-size:.833em; line-height:1; }
.filter-box
{
  border: 3px solid grey;
  position:absolute;
  color: black;
  top: 25px;
  right: 120px;
  background-color: lightgrey;
  z-index:1;
}

#afilter{
    display: none;
}

#af:hover + #afilter {
    display: block;
}


/**************************************************/

/*LOGIN*/
.main.login { width:780px; margin:60px auto 0 auto; padding:0; min-width:778px; border-left:1px solid #d4d3d3; border-right:1px solid #d4d3d3; border-bottom:1px solid #d4d3d3; border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; -moz-border-radius:0 0 2px 2px; background:#f6f5f5; position:relative; padding-bottom:15px; }
.login .head { background:#022b4f; min-height:45px; border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; color:#fff; margin:0 -1px 12px -1px; padding-bottom:20px; }

.login h1 { float:left; font-size:1.833em; margin:21px 0 0 40px; width:338px; line-height:1.2em; }
.login h2 { position:absolute; top:27px; left:399px; font-size:1.667em; width:338px;padding-bottom:10px; }

.login .col-left { width:379px; margin-right:20px; padding-top:25px; }
.login .logo-client { display:block; margin:0 auto; }

.login .col-right { width:280px; float:left; padding-top:25px; }
.login p { margin-bottom:20px; }

/*.frm-login label { width:60px; }
.frm-login .common-input { width:204px; }

.legal { color:#7f7f7f; font-size:1.083em; }
.frm-login .legal { padding-left:0px; }

.frm-login button { margin-left:62px; }

.login .error { margin-top:-22px; }*/

/*NEW ABOUT & LOGON PAGES*/

/*.pub-saf-background { position: relative; width: 560px; height: 385px; top: 80px; }*/

.nd-about-background { position: relative; background: url(../images/INetDispatcher_About.png) no-repeat; left: 200px; left: calc(50% - 280px); width: 560px; height: 385px; top: 80px; }
.nd-login-background { position: relative; background: url(../images/INetDispatcher_LogOn.png) no-repeat; left: 200px; left: calc(50% - 395px); width: 560px; height: 385px; top: 80px; }
.nv-about-background { position: relative; background: url(../images/INetViewer_About.png) no-repeat; left: 200px; left: calc(50% - 280px); width: 560px; height: 385px; top: 80px; }
.nv-login-background { position: relative; background: url(../images/INetViewer_LogOn.png) no-repeat; left: 200px; left: calc(50% - 395px); width: 560px; height: 385px; top: 80px; }
.copyright-statement { position: absolute; top: 130px; width: 474px; left: 54px; padding: 4px; color: #fff; font-size: 11px; font-family: Arial; }
.legal-statement { position: absolute; top: 150px; left: 54px; width: 474px; height: 140px; padding: 4px; color: #fff; font-size: 11px; font-family: Arial; overflow-y: scroll; scrollbar-track-color:#eb7524; scrollbar-face-color:#924921; scrollbar-shadow-color:#924921; scrollbar-arrow-color:#603A1A; }
.release-version { position: absolute; top: 355px; width: 150px; left: 28px; padding: 4px; color: #fff; font-size: 14px; font-family: Arial; }
.frm-login { position: absolute; top: 130px; left: 138px; height: 250px; }
    .frm-login label { width: 60px; color: #fff; font-size: 12px; font-family: Arial; }
    .frm-login .login-input { height: 25px; width: 400px; font: 14px Arial; margin-right: 18px; }  .frm-login .login-input:focus { border-color: #924A21; }
    .frm-login .login-button { height: 30px; width: 100px; font-size: 12px; font-family: Arial; float: right; background-color: #ED7522; color: white; margin-right: 18px; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; border: 1px solid #934921; }  .frm-login .login-button:hover { box-shadow: rgba(251, 247, 193, 0.85) 0 0 2px 2px; }  .frm-login .login-button:active { border-color: #F47D4C; border-width: 1px; box-shadow: none; color: #934921; background: linear-gradient(top, #5A290C 1px, #ED7522 0.25rem); background-image: -webkit-linear-gradient(top, #5A290C 1px,#ED7522 0.25rem); background-image: -moz-linear-gradient(top, #5A290C 1px, #ED7522 0.25rem); background-image: -o-linear-gradient(top, #5A290C 1px, #ED7522 0.25rem); background-image: -ms-linear-gradient(top, #5A290C 1px, #ED7522 0.25rem); background-image: linear-gradient(top, #5A290C 1px, #ED7522 0.25rem); }
.loginerror { position: relative; color: black; width: 521px; margin: 2px 0 2px 20px; font-family: Arial; font-size: 12px; left: 200px; left: calc(50% - 395px); top: 85px; border: 2px solid #ED1C24; border-radius: 4px; background-color: #EDEDED; padding: 5px 5px 5px 10px; } .loginerror ul { margin-left: 10px; list-style-position:outside; } .loginerror ul li { padding-left: 2px; }
.disclaimer { position: absolute; left:105px;  top: 345px;  color: white; font-size: 10px; font-family: Arial;text-align:right;width:437px; font-style:normal; }
.agency-background { position: absolute; width: 230px; height: 315px; left: 760px; left: calc(50% + 165px); top: 180px; background-color: #EEEEEE; border: 2px solid #CCCCCD; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.agency-logo { position: absolute; width: 100%; height: 100%; background: url(../images/placeholder-logo.png) center top no-repeat; top:20px; }
.agency-name { position: absolute; font-family: Arial; font-size: 16px; color: #006699; text-align: center; bottom:30px; width:230px; }
.legal-statement::-webkit-scrollbar{ width:10px; background:#924921;}
.legal-statement::-webkit-scrollbar-button{ height:9px;}
.legal-statement::-webkit-scrollbar-button:increment { background: url(../images/arrow_down.png); }
.legal-statement::-webkit-scrollbar-button:decrement { background: url(../images/arrow_up.png); }
.legal-statement::-webkit-scrollbar-thumb{background:#924921;}
.legal-statement::-webkit-scrollbar-track{background:#eb7524;}
/**************************************************/

/*EVENT SEARCH RESULTS*/
.module-date-range { background: #143860; margin:0; }
.module-date-range label { color:#fff; font-size:1.167em; padding:0 15px; }
.module-date-range select { margin:15px 0; top:0; }
.event-result #numOfVisibleRows{border:none;font-size:18px; text-align:center;}

/**************************************************/

/*EVENT CHRONOLOGY*/
.event-chronology h1 { font-size:1.333em; margin-bottom:30px; font-weight:bold }
h1 .event-desc { font-size:.875em; }
.upperCaseLabel { text-transform:uppercase; float:left; clear:both; font-weight:600; margin-right:5px; }

.nav-event { border-bottom:1px solid #b4b4b4; margin:0 0 20px 0; list-style:none; width:100%; font-weight:1.167em; }
.nav-event:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }
.nav-event li { float:left; border:1px solid #b4b4b4; border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; margin:0 0 -1px -1px; font-size:1.167em; }
.nav-event li:first-child { margin-left:1px; }
.nav-event li.selected { margin-top:-4px; }
.nav-event a { display:block; background:#e5e5e5; color:#000; line-height:1; padding:10px 20px; }
.nav-event li.selected a { background:#fff; font-weight:600; padding:12px 20px; }
.nav-event li.print { float:right; border:none; font-size:.786em; }
.nav-event li.print a { padding:18px 3px 5px 20px; background:url(../images/sprite-ui.png) no-repeat 0 -632px; color:#1580B3; }

.tbl-event-chronology { border:1px solid #d4d3d3; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; border-collapse:separate; }
.tbl-event-chronology td, .tbl-event-chronology th { border:1px solid #d4d3d3; padding:15px 20px; text-align:left; }
.tbl-event-chronology th { background:#f2f2f2; color:#000; font-size:1.167em; border-left:none; border-bottom:none; width:138px; vertical-align:top; font-weight:normal; line-height:1.5em; }
.tbl-event-chronology th a:link { color:#0a5472; }
.tbl-event-chronology td { border-right:none; border-bottom:none; border-left:none; background:#fff; vertical-align:top; line-height:1.5em; }
.tbl-event-chronology tr:first-child th { border-radius:2px 0 0 0; -moz-border-radius:2px 0 0 0; -webkit-border-radius:2px 0 0 0; border-top:none; }
.tbl-event-chronology tr:first-child td { border-radius:0 2px 0 0; -moz-border-radius:0 2px 0 0; -webkit-border-radius:0 2px 0 0; border-top:none; }
.tbl-event-chronology tr:last-child th { border-radius:0 0 0 2px; -moz-border-radius:0 0 0 2px; -webkit-border-radius:0 0 0 2px; }
.tbl-event-chronology tr:last-child td { border-radius:0 0 2px 0; -moz-border-radius:0 0 2px 0; -webkit-border-radius:0 0 2px 0; }

.tbl-event-chronology h2 { text-transform:uppercase; font-weight:600; margin-bottom:4px; clear:both; }
.tbl-event-chronology h3 { text-transform:uppercase; font-size:1em; margin:0 0 3px 0; font-weight:600; clear:both; }
.event-type { font-size:1.167em; }
.event-type span { text-transform:uppercase; }
.keyline { border-bottom:1px dashed #888; min-width:290px; float:left; padding:0 0 13px 0; clear:both; }

.tbl-event-chronology dt { float:left; clear:both; font-weight:600; margin-right:5px; }
.tbl-event-chronology dd { float:left; }

@media print { .event-chronology .normal-view { display:none; } }
@media screen { .event-chronology .normal-view { float:none;display:none;margin-left:800px; } }

.TableView span { clear:both; font-weight:600;}

/*EVENT INFORMATION*/
.event-information .col-left { width:59.2%; }
.event-information .col-right { width:38.2%; }
@media print { .event-information .normal-view { display:none; } }
@media screen { .event-information .normal-view { float:right;display:none; } }
.event-information h1 { font-size:1.333em; margin-bottom:30px; font-weight:bold }
.event-information .common-header { background:none; border:none; text-transform:uppercase; font-weight:600; clear:both; }
.event-information .common-module { padding:4px; }
h2 .primary-btn, h2 .secondary-btn { font-size:.75em; font-weight:normal; text-transform:none; }

.tbl-event-info td, .tbl-agency-info td { text-transform:none; }
.tbl-event-info td .col1, .tbl-event-info td.col7  { text-align:center; }
.tbl-agency-info td.col9 { text-align:left; }

.module-remarks { margin-top:-8px; line-height:1.7em; }
.module-remarks .scroll-pane-remarks { height:162px; overflow:auto; width:100% !important; background:#fff; margin:0 0 3px 0; }
.module-remarks .jspContainer { width:100% !important; }
.module-remarks .jspPane { width:100% !important; }
.module-remarks textarea { width:100%; border:none; height:300px; text-transform:uppercase; font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif; font-size:12px; }
.module-remarks .link-all { padding:0 0 0 10px; }
.event-information .float-right { float:right; }
.event-information #RemarksText { width:85%; }
.event-information #CommonRemarks { margin-left:0%; }
.event-information #CommonRemarksSpan { font-weight:normal; text-transform:none;  width:15%; float:left; }
.event-information #AgencyRemarksSpan { font-weight:normal; text-transform:none;   width:15%; float:left; }
.event-information #AddEventRemarksButton { float:right; width:10%; }
.event-information .label-as-link { cursor:pointer; cursor:hand; color: #0a5472; text-decoration:none;}
.event-information .li-selected { cursor:pointer; cursor:hand; background:#f17c33 !important; color:#0a5472; text-decoration:none; }

.event-information #backgroundMapImageInfo { position :absolute; margin:-12px 19px 12px -19px; z-index:0; cursor:url('../images/grab.cur');}
.event-information #MapSymbolInfo {position :absolute; margin:-12px 19px 12px -19px; z-index:0; cursor:url('../images/grab.cur');}

.event-information .hint { color: gray; font-style: italic;} 
.event-information .action-image { margin-bottom : 0px;} 
.event-information .module-location { background:#f2f2f2; padding:12px 18px; }
.module-location img { display:block; border:1px solid #b4b4b4; margin:0; }
.location-address, .location-x-street { text-transform:uppercase; line-height:1.6em; }
.location-choices{ line-height:1.2em; margin:0 -10px 5px -10px; padding:0 0 10px 10px;font-size:1.1em; font-weight:bold;color:Black !important}
.location-address { border-bottom:1px solid #c6c6c6; margin:0 -10px 10px -10px; padding:0 10px 10px 10px; }
.module-caller-info ul { list-style:none; margin:0; }
.module-caller-info li { margin-bottom:5px; }
.module-crossref ul { list-style:none; margin:0; }
.module-crossref li { margin-bottom:5px; }
.module-crossref .scroll-pane-crossref { height:162px; overflow:auto; width:100% !important; background:#fff; margin:0 0 3px 0; }
.jqte_editor_custom b{font-weight:normal;}
.jqte_editor_custom i{font-style:normal;}
.jqte_editor_custom u{text-decoration:none;}

/* supplemental table style */
.supplemental-div { padding: 0px; background: transparent; }
.tbl-event-supplemental { border:0px solid #d4d3d3; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; border-collapse:separate; margin: 0; }
.tbl-event-supplemental td, .tbl-event-supplemental th { padding:15px 20px; text-align:left; }
.tbl-event-supplemental th { border:1px solid #d4d3d3; background:#f2f2f2; color:#000; font-size:1.167em; border-right-style:none; border-top-style:none; width:108px; vertical-align:top; font-weight:normal; line-height:1.5em; }
.tbl-event-supplemental th a:link { color:#0a5472; }
.tbl-event-supplemental td { border-right:none; border-bottom:1px solid #d4d3d3; border-left:none; background: transparent; vertical-align:top; line-height:1.5em; }
.tbl-event-supplemental tr:first-child th { border-radius:2px 0 0 0; -moz-border-radius:2px 0 0 0; -webkit-border-radius:2px 0 0 0; border-top:none; }
.tbl-event-supplemental tr:first-child td { border-radius:0 2px 0 0; -moz-border-radius:0 2px 0 0; -webkit-border-radius:0 2px 0 0; border-top:none; }
.tbl-event-supplemental tr:last-child th { border-radius:0 0 0 2px; -moz-border-radius:0 0 0 2px; -webkit-border-radius:0 0 0 2px; }
.tbl-event-supplemental tr:last-child td { border-radius:0 0 2px 0; -moz-border-radius:0 0 2px 0; -webkit-border-radius:0 0 2px 0; }
.tbl-event-supplemental h3 { float:left; clear:both; font-weight:600; margin-right:5px; }
.tbl-event-supplemental p { float:left; }

/**************************************************/


/*EVENT INQUIRY*/

.event-inquiry .col-left { width:80px; margin-right:18px; padding-left:15px; font-size:1.25em; }
.event-inquiry .col-right { width:1050px; float:left !important; }
.event-inquiry .hint { color: gray; font-style: italic;} 

.label-on-top { position:relative; }
.label-on-top label { font-size:1em; width:auto; position:absolute; left:2.5px; top:-18px; }
label.autowidth { margin-right:5px; }

	/*field widths*/
	.event-inquiry select { width:167px; }
	.event-inquiry .common-input { width:157px; }
    .event-inquiry .common-check-box { margin-right:-14px;margin-bottom:0px; }
    .event-inquiry  label.error { margin-left:30px !important;}
	.event-inquiry #date-range { width:268px; }
	.event-inquiry #fr_date, .event-inquiry #to_date, .event-inquiry #fr_time,.event-inquiry #to_time { width:97px; margin-right:5px; margin-top:0px }
	.event-inquiry #sc_fr_date, .event-inquiry #sc_to_date, .event-inquiry #sc_fr_time,.event-inquiry #sc_to_time { width:97px; margin-right:5px; margin-top:0px }
	.event-inquiry #eventID, .event-inquiry #casenum { width:92px; }
	/*Location section*/
	.event-inquiry #ad_street,#dcode,#comment {width: 500px;}
	.event-inquiry #ad_mun, .event-inquiry #ad_apt,.event-inquiry #ad_bldg, .event-inquiry #ad_cnty , .event-inquiry #ad_state { width:68px; }
	.event-inquiry #ad_num,.event-inquiry #ad_area,.event-inquiry #beat ,.event-inquiry #esz  {width:68px}
	.event-inquiry #ad_dir,.event-inquiry #ad_type,.event-inquiry #ad_suf { width:100px; }
	.event-inquiry .common-combo input.ffb-input { width:480px !important; }
	/*style for recall-aniali*/
	.event-inquiry #st_suf, .event-inquiry #st_city, .event-inquiry #st_num { width:68px; }
	/*stype for crews*/
	.event-inquiry #Lineup,.event-inquiry #CrewID { width:350px;}
	
button.bump-top { margin-top:13px; }
/**************************************************/


.broadcast-inquiry .col-left { width:80px; margin-right:18px; padding-left:15px; font-size:1.25em; }
.broadcast-inquiry .col-right { width:880px; float:left !important; }
.broadcast-inquiry label.error {width:200px !important; margin-left:38px !important;}


	/*field widths*/
	.broadcast-inquiry select { width:167px; }
	.broadcast-inquiry .common-input { width:157px; }
	.broadcast-inquiry #date-range { width:268px; }
	
	.broadcast-inquiry #fr_date, .broadcast-inquiry #to_date, .broadcast-inquiry #fr_time,.broadcast-inquiry #to_time { width:97px; margin-right:5px; margin-top:0px }
	.broadcast-inquiry #ad_area, .broadcast-inquiry #ad_mun, .broadcast-inquiry #ad_apt { width:68px; }
	.broadcast-inquiry #authLast, .broadcast-inquiry #authFirst,.broadcast-inquiry #authMi,.broadcast-inquiry #authEmpId,.broadcast-inquiry #authUnitId,.broadcast-inquiry #authOther { width:68px; }
	.broadcast-inquiry #subLast, .broadcast-inquiry #subFirst,.broadcast-inquiry #subRace,.broadcast-inquiry #subSex,.broadcast-inquiry #subDOB,.broadcast-inquiry #subAge,.broadcast-inquiry #subHt,.broadcast-inquiry #subWt,.broadcast-inquiry #subHair,.broadcast-inquiry #subEye,.broadcast-inquiry #subCloth,.broadcast-inquiry #subAdditional { width:68px; }	
	.broadcast-inquiry #vehPriColor, .broadcast-inquiry #vehSecColor,.broadcast-inquiry #vehYear,.broadcast-inquiry #vehMake,.broadcast-inquiry #vehModel,.broadcast-inquiry #vehStyle,.broadcast-inquiry #vehLicense,.broadcast-inquiry #vehState,.broadcast-inquiry #vehLicYear,.broadcast-inquiry #vehAdditional{ width:68px; }
    .broadcast-inquiry #subPhysical {width: 172px;}

    .broadcast-inquiry #active-label, .broadcast-inquiry #closed-label {width:158px;}
    .broadcast-inquiry #narrative {width:700px;}
    .broadcast-inquiry #crEvent-label,.broadcast-inquiry #crCase-label,.broadcast-inquiry #lookout-label,.broadcast-inquiry #location-label, .broadcast-inquiry #eventType-label,.broadcast-inquiry #evsType-label  {width:150px;}
    .broadcast-inquiry .common-combo input.ffb-input { width:482px !important; }
    .broadcast-inquiry #date-range-label, .broadcast-inquiry #broadcastNumber_label, .broadcast-inquiry #datepicker_label { width:130px !important; }
/**************************************************/


/* Facility Search*/
.facility-Summary .col-left { width:80px; margin-right:18px; padding-left:15px; font-size:1.25em; }
.facility-Summary .col-right { width:880px; float:left !important; }

	/*field widths*/
	.facility-Summary select { width:167px; }
	.facility-Summary .common-input { width:157px; }
	.facility-Summary #date-range { width:268px;}
    .facility-Summary #SelectedDateRange { width:268px;}
    .facility-Summary .common-combo input.ffb-input { width:280px !important; }
    .facility-Summary #facilityHistFromdate, .facility-Summary #facilityHistTodate, .facility-Summary #facilityHistfromTime,.facility-Summary #facilityHistToTime { width:97px; margin-right:2px; margin-top:0px }
	/*.facility-Summary #ad_area, .facility-Summary #ad_mun, .facility-Summary #ad_apt { width:68px; }
	.facility-Summary #authLast, .facility-Summary #authFirst,.facility-Summary #authMi,.facility-Summary #authEmpId,.facility-Summary #authUnitId,.facility-Summary #authOther { width:68px; }
	.facility-Summary #subLast, .facility-Summary #subFirst,.facility-Summary #subRace,.facility-Summary #subSex,.facility-Summary #subDOB,.facility-Summary #subAge,.facility-Summary #subHt,.facility-Summary #subWt,.facility-Summary #subHair,.facility-Summary #subEye,.facility-Summary #subCloth,.facility-Summary #subAdditional { width:68px; }	
	.facility-Summary #vehPriColor, .facility-Summary #vehSecColor,.facility-Summary #vehYear,.facility-Summary #vehMake,.facility-Summary #vehModel,.facility-Summary #vehStyle,.facility-Summary #vehLicense,.facility-Summary #vehState,.facility-Summary #vehLicYear,.facility-Summary #vehAdditional{ width:68px; }
    .facility-Summary #subPhysical {width: 172px;}

    .facility-Summary #active-label, .facility-Summary #closed-label {width:158px;}
    .facility-Summary #narrative {width:700px;}
    .facility-Summary #crEvent-label,.facility-Summary #crCase-label,.facility-Summary #lookout-label,.facility-Summary #location-label, .facility-Summary #eventType-label,.facility-Summary #evsType-label  {width:150px;}
    .facility-Summary .common-combo input.ffb-input { width:482px !important; }
    .facility-Summary #date-range-label, .facility-Summary #broadcastNumber_label, .facility-Summary #datepicker_label { width:130px !important; }*/
    .facility-Summary label.error { margin-left:30px !important;}
    .facility-Summary label.print { float:right; border:none; font-size:.786em;}
    .facility-Summary label.print a { padding:18px 3px 5px 20px; background:url(../images/sprite-ui.png) no-repeat 0 -632px; color:#1580B3; }
    .facility-Summary label.normal { float:right; border:none; font-size:.786em;}
   

/* Facility Search*/
/*CREATE EVENT*/
.create-event .common-section label { width:160px; }
.create-event .submit-section { background:#f6f5f5; border:1px solid #D4D3D3; border-top:none; padding:0 0 20px 20px; }
.create-event .bump-left { margin-left:160px; }
.create-event .common-input, .create-event .common-textarea  { width:488px; }
.create-event select { width:200px !important;}
/*.create-event table{width:660px !important;border:0!important; margin:0 !important;}*/
.create-event .AgBgColor{ background-color: #FFE6ED !important; }
.create-event #AGroupTitle{width:300px !important;}
.create-event .common-combo input.ffb-input { width:468px !important; }
.create-event #agencyeventtype{margin-left:0px;}
.create-event #agencyeventsubtype{margin-left:0px;}
.create-event #callsource{margin-left:0px;}
.create-event #unitList{margin-left:0px;}
.create-event #agencyeventtype_input{background:lightyellow;}
.create-event #pickup-date{background:lightyellow;}
.create-event #pickup-time{background:lightyellow;}
	/*field widths*/
	.create-event #comments { height:90px; }
	.create-event .common-header label { font-size:.75em; }
	.create-event #type-normal { margin-left:60px; }
	.create-event #unit-id { width:190px; }
		.create-event #unit-id-combo input.ffb-input { width:160px !important; }
	.create-event #pickup-date, .create-event #pickup-time, .create-event #dropoff-date, .create-event #dropoff-time, .create-event #requested-date, .create-event #requested-time { width:219px; margin-right:5px; }
    .create-event #waring-span {background: url('../images/Elements/PNG/16x16/Warning.png');background-repeat: no-repeat;}
.create-event .hint { color: gray; font-style: italic;}
.create-event .common-header .first { border:none;}
.create-event #sched-title{ float: left; margin-left: -22px; width: calc(100% + 24px); }
.create-event #sched-info{ float: left; margin-left: -22px; width:calc(100% + 2px); }
.create-event .common-section { background:transparent; }
.create-event .common-section .full-view { width: 100%; float: left;}
.create-event .common-section .map-view { width: 64%; float: left;}
.create-event #MapContainer{ border: 1px solid gray; width: 35%; height: 695px;float: right;}
.create-event .common-section .attachments { margin-left: -22px; margin-right: -1.5%;}
#CreateEventForm .multi-sec{ padding: 0; margin: 20px; border: 1px solid #d4d3d3; min-width:1500px; }
#StagingAreaForm .multi-sec{padding: 0; margin: 20px; min-width:1500px; }
#CreateEventForm h1 { padding: 0 40px;}
/*Location Verify*/
/**************************************************/
.location-unverified-span {background: url('../images/Elements/PNG/16x16/Warning.png'); background-repeat:no-repeat;}
.location-verified-span {background: url('../images/Elements/PNG/16x16/CheckChecked.png'); background-repeat:no-repeat;}
.location-unverified-call {background: url('../images/Elements/PNG/16x16/Cancel.png'); background-repeat:no-repeat;}


/*Update Event*/
/**************************************************/
/*.update-event .common-section { border: 1px solid #D4D3D3; }*/
.update-event .common-section label { width:160px;}
.update-event #submitSection { background:#f6f5f5; border:1px solid #D4D3D3; border-top:none; padding-bottom:20px; }
.update-event .bump-left { margin-left:160px; }
.update-event .common-textarea  { width:488px; }
.update-event .common-input { width:488px; }
.update-event select { height:24px; width:498px !important;}
.update-event .datepicker{width:211px; }
.update-event .time-entry{width:211px; }
.update-event .common-combo input.ffb-input { width:468px !important;}
.update-event #ev_typ{margin-left:0px;}
.update-event #ev_typ_input{background:lightyellow;}
.update-event #ev_subtyp{margin-left:0px;}
.update-event #pickup-date{background:lightyellow; }
.update-event #pickup-time{background:lightyellow; }
.update-event #MapContainer { border: 1px solid gray; width: 35%; height: 500px;float: right;position: absolute;top:20px;right: 0;margin-right:30px; }
.update-event .common-section { background:transparent; float:left; width:60%;border-right:0}
.update-event .common-section .full-view { width: 100%; float: left; }
.update-event .common-section .map-view { width: 100%; float: left; }
.update-event .common-section .attachments { margin-left: -22px; margin-right:-1.5%; }
.update-event #sched-title{ float: left; width: 60% }
.update-event #sched-info{ float: left; width:60% }
.update-event .submit-section { clear:both; }
#UpdateEventForm .multi-sec{ padding: 0; margin: 20px; border: 1px solid #d4d3d3; background:#f6f5f5; min-width:1500px;min-height:550px;position:relative; }
#UpdateEventForm h1 { padding: 0 40px;}
/**************************************************/

/*Hold Event*/
/**************************************************/
.hold-event .common-section { border: 1px solid #D4D3D3; }
.hold-event .common-section label { width:160px; }
.hold-event .common-section .bump-left { margin-left:160px; }
.hold-event .common-input{ width:488px; }
.hold-event #hold_date{width:180px;}
.hold-event #hold_time{width:180px;}
.hold-event #hold_minutes{width:180px;}
.hold-event #UnitList{height:24px;}
.hold-event select { width:498px; }
.hold-event #EventList { height:142px;background:lightyellow; }
.hold-event #hold_date { background:lightyellow; }
.hold-event #hold_time { background:lightyellow; }
.hold-event #hold_minutes { background:lightyellow; }
/**************************************************/

/*EDIT DETAILS*/
/**************************************************/
.edit-details .submit { margin-left:14px; }
.edit-details .common-section .col-left { width:400px; margin-right:75px; }
.edit-details .common-section .col-right { width:450px; float:left !important; }
.module-personnel { width:340px; height:169px; overflow:auto; border:1px solid #cbcbcb; background:#fff; padding:10px 10px 0 10px; }
.module-personnel .common-chbx { margin:0 5px 0 0; }
.module-personnel p { margin-bottom:5px; }
.module-personnel label { width:250px; }

/*field widths*/
.edit-details #unit-id { font-weight:600; text-transform:uppercase; font-size:1.167em; }
.edit-details .col-left label { width:148px; }
.edit-details .col-right label { width:200px; }
.edit-details .common-input { width:178px; }
.edit-details select { width:190px; }
.edit-details #search-personnel { width:267px; }
.edit-details .secondary-btn, .edit-details .primary-btn { margin-right:5px; }
.edit-details #AgencyEmployeeList { width:438px; height:128px; }
.edit-details #shared-crew { margin-right:5px; }
.edit-details .common-combo input.ffb-input { width:200px !important; }
.edit-details #RadioIDList { width : 100px; }
.edit-details #ShiftStartDate { width:100px;}
.edit-details #StartDate { width:100px;}
.edit-details #EmployeeRadioID { width:70px;}
.edit-details table tr.hover td { background-color:#b0b0b0; }
.edit-details .wrap-div {height:120px; overflow:auto;}
.edit-details #autosearch-employee-list { margin-bottom:7px; }
.edit-details select, input { margin-bottom:0px; }
.edit-details .show {display:inline-block;}
.edit-details .hide {display:none;}
.edit-details .warning { color:red; }
.edit-details .center-align { margin-left:auto; margin-right:auto; display:block; }
.edit-details #error {color:Red;width:400px;}
.edit-details tr.even td {background-color: #e5e5e5;}
/*LOGOFF UNITS*/
/**************************************************/

.logoff-units .common-section label { width:160px; }
.logoff-units .common-section .col-left {width:164px;  }
.logoff-units .common-section .col-mid1 {width:310px; float:left  }
.logoff-units .common-section .col-mid2  {width:60px; float:left }
.logoff-units .common-section .col-right { width:362px; float:left !important; }

	/*field widths*/
	.logoff-units #comments { height:90px; }
	.logoff-units .col-mid1 label { width:280px; }
	.logoff-units .col-right label { width:190px; }
	.logoff-units #typeinunitlist { width:280px; height:128px;background:lightyellow }
	.logoff-units #unitlist { width:250px; height:128px;background:lightyellow }
	.logoff-units #location, .logoff-units #mileage, .logoff-units #comments { width:610px }

/*STARTEMPTRACKING UNITS*/
/**************************************************/

.StartEmployeeTracking .common-section label { width:160px; }
.StartEmployeeTracking .common-section .col-left {width:164px;  }
.StartEmployeeTracking .common-section .col-right { width:380px; float:left !important; }

	/*field widths*/
	.StartEmployeeTracking .col-mid1 label { width:280px; }
	.StartEmployeeTracking .col-right label { width:190px; }
	.StartEmployeeTracking #unitlistToTrack { width:250px; height:128px;background:lightyellow }

/*STOPEMPLOYEETRACKING UNITS*/
/**************************************************/

.StopEmployeeTracking .common-section label { width:160px; }
.StopEmployeeTracking .common-section .col-left {width:164px;  }
.StopEmployeeTracking .common-section .col-right { width:380px; float:left !important; }

	/*field widths*/
	.StopEmployeeTracking .col-mid1 label { width:280px; }
	.StopEmployeeTracking .col-right label { width:190px; }
	.StopEmployeeTracking #unitlistStopTrack { width:250px; height:128px;background:lightyellow }

/*ENABLE/DISABLEEMPLOYEETRACKING UNITS*/
/**************************************************/

.EnableDisableEmployeeDisplay .common-section label { width:160px; }
.EnableDisableEmployeeDisplay .common-section .col-left {width:164px;  }
.EnableDisableEmployeeDisplay .common-section .col-right { width:380px; float:left !important; }

	/*field widths*/
	.EnableDisableEmployeeDisplay .col-mid1 label { width:280px; }
	.EnableDisableEmployeeDisplay .col-right label { width:190px; }
	.EnableDisableEmployeeDisplay #unitlistEmployeeDisplay { width:250px; height:128px;background:lightyellow }

    /* popup */
    

    #outDiv .EditEmployeeDisplay { padding:0 0px; min-width:0px; }
#outDiv #EditEmployeeDisplay .common-section
{
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;

}
#outDiv #EditEmployeeDisplay .col-right
{
    width: 50px;
}
#outDiv #EditEmployeeDisplay .alert
{
    top: 40px;
    left: 5px;
}

#outDiv #EditEmployeeDisplay TH
{ 
    padding-left :3px;
    padding-right:3px;
}
/*EDITEMPLOYEEDISPLAY*/
/**************************************************/

.EditEmployeeDisplay .common-section label { width:160px; }
.EditEmployeeDisplay .common-section .col-left {width:280px;  }
.EditEmployeeDisplay .common-section .col-right { width:380px; float:left !important; }

	/*field widths*/
	.EditEmployeeDisplay .col-mid1 label { width:280px; }
	.EditEmployeeDisplay .col-right label { width:190px; }
	.EditEmployeeDisplay #unitlistEditEmployeeDisplay { width:250px; height:128px;background:lightyellow }
	
/**************************************************/

    /*Out of Service*
    .out-of-service .common-section label { width:160px; }
    .out-of-service .common-input, .out-of-service .common-textarea { width:488px; }
    .out-of-service select { width:498px !important; }
	.out-of-service .common-combo input.ffb-input { width:468px !important; }

	/*field widths*
	.out-of-service #comments { height:90px; }
	.out-of-service #unitlist { height:142px;background:lightyellow }
	.out-of-service #unit-id-combo input.ffb-input { width:160px !important; }
	
/**************************************************/

/*Into Service*
.into-service .common-section label { width:160px; }
.into-service .common-input, .into-service .common-textarea { width:488px; }
.into-service select { width:498px !important; }

	/*field widths*
	.into-service #comment { height:90px; }
	.into-service #unitlist { height:142px;background:lightyellow }
	.into-service #location, .into-service #mileage, .into-service #comment { width:488px; }	

/**************************************************/

/*Database Status*/
.database-status .common-section label { width:200px; }
.database-status .common-input { width:488px; }
/**************************************************/


/*Logon Unit*/
.logon-unit .common-section label { width:160px; }
.logon-unit .common-input, .logon-unit .common-textarea { width:488px; }
.logon-unit .common-section .grayout-text {color:#ACA899;}


	/*field widths*/
	.logon-unit #unitlist { width:488px; background:lightyellow }
	.logon-unit #comments { width:482px;height:90px; }
	.logon-unit #lineuplist { width:488px; }		


/*Unit Status*
.unit-status .common-section label { width:160px; }
.unit-status .common-input, .unit-status .common-textarea { width:488px; }
.unit-status select { width:498px !important; }

	/*field widths*
	.unit-status #comment { height:90px; }
	.unit-status #unitlist { height:142px; background:lightyellow }

/**************************************************/

/*Dispatch Assign*/
.dispatch-assign .common-section label { width:160px; }
.dispatch-assign .common-input, .dispatch-assign .common-textarea { width:488px; }
.dispatch-assign select { width:498px !important; }

/*field widths*/
.dispatch-assign #comment { height:90px; }
.dispatch-assign #eventlist { height:142px;background:lightyellow }
.dispatch-assign #unitlist { background:lightyellow }
/**************************************************/

/*Logon Group*/
.logon-group .common-section label { width:160px; }
.logon-group .common-input, .logon-group .common-textarea { width:488px; }
.logon-group .list-area { margin-left:162px; }


	/*field widths*/
	.logon-group #lineuplist{width:498px;}
	.logon-group #unitlist, .logon-group #crewlist {width:480px;}
	.logon-group #lineuplist {background:lightyellow}

    .logon-group #comments {height:90px}
	.logon-group #agencylist, .logon-group #grouplist { width:100px; }

/*Manual Notification*/
/**************************************************/
.manual-notification .common-section label { width:160px; }
.manual-notification .common-input, .manual-notification .common-textarea { width:488px; }
.manual-notification select { width:498px; height:24px !important; }

/*field height*/
.manual-notification #comments { height:90px; }
.manual-notification #notificationName { background:lightyellow }
/**************************************************/

/*Divert Clear*/
/**************************************************/
.divert-clear .common-section { border: 1px solid #D4D3D3; }
.divert-clear .common-section label { width:160px; }
.divert-clear .common-input, .divert-clear .common-textarea { width:488px; }

/*field widths*/
.divert-clear #comments { height:90px;width:488px;  }
/**************************************************/



/*Unit Command*/
/**************************************************/
.unit-command .common-section { border: 1px solid #D4D3D3; }
.unit-command .common-section label { width:160px; }
.unit-command .common-input, .unit-command .common-textarea { width:488px; }
.unit-command select { width:498px !important; }
.unit-command .common-combo input.ffb-input { width:468px !important; }
.unit-command .common-section .bump-left { margin-left:160px; }
.unit-command .upper-case { text-transform:uppercase; }

/*field widths*/
.unit-command #unitIds, .unit-command #AvailCrews, .unit-command #AvailPersonnels { height:142px;background:lightyellow }
.unit-command #comments { height:90px;width:488px;  }
.unit-command #unitlist { height:142px;background:lightyellow }
.unit-command #serviceCode {background:lightyellow; height:24px;}
/*.unit-command #location, .unit-command #mileage */
/**************************************************/

/*Dispatch Unit*/
/*************************************************
.dispatch-unit .common-section { border: 1px solid #D4D3D3; }
.dispatch-unit .common-section label { width:160px; }
.dispatch-unit .common-input, .dispatch-unit .common-textarea { width:488px; }
.dispatch-unit select { width:498px !important; }

/*field widths*
.dispatch-unit #unitIds { height:142px;background:lightyellow }
.dispatch-unit #comments { height:90px; }
/**************************************************/


/*Clear Unit*/
/**************************************************/
.clear-unit .common-section { border: 1px solid #D4D3D3; }
.clear-unit .common-section label { width:160px; }
.clear-unit .common-input, .clear-unit .common-textarea { width:488px; }
.clear-unit select { width:498px; height:150px;background:lightyellow }
.clear-unit table { width: 728px; }
.clear-unit table tr td { border: 0; }
.clear-unit  #dispCodeOptions { display:block; float:left;width:400px; }
.clear-unit  #dispCodeSelections { width:170px;float:left; }

/**************************************************/

/*Transfer Unit*/
/**************************************************/
.transfer-unit .common-section { border: 1px solid #D4D3D3; }
.transfer-unit .common-section label { width:160px; }
.transfer-unit .common-input, .transfer-unit .common-textarea { width:238px; }
.transfer-unit select { width:238px; background:lightyellow }
.transfer-unit .tableWrapper { width: 750px; height: 250px; border: 1px solid #D4D3D3; overflow:auto; }
.transfer-unit table tr td { border: 0; }
.transfer-unit tr.even td { background-color:#e5e5e5; }
.transfer-unit tr.odd td { background-color: #F2F2F2; }
.transfer-unit tr.clicked td { background-color: #F17C33; }
	/*field widths*/
	.transfer-unit #inputComments { height:80px; }

/**************************************************/

/*Unit Properties*/
/**************************************************/
.unit-properties .common-section label { width:140px; font-size:1.16em; }
.unit-properties .common-input, .unit-properties .common-textarea { width:260px; }
.unit-properties select { width:233px; background:lightyellow }
.unit-properties .col-left { float:left; width:35%; }
.unit-properties .col-right { float:right; width:62%; }
.unit-properties .col-right-equip { float:left; margin-left: 120px; }
.unit-properties .tableWrapper { width:800px; height: 220px; border: 1px solid #D4D3D3; overflow:auto; }
.unit-properties .tableWrapperEquipment { width:425px; height: 220px; border: 1px solid #D4D3D3; overflow:auto; }
.unit-properties table tr td { border: 0; }
.unit-properties tr.even td { background-color:#e5e5e5; }
.unit-properties tr.odd td { background-color: #F2F2F2; }
.unit-properties tr.clicked td { background-color: #F17C33; }
.unit-properties ul { list-style-type:none;margin-bottom: 0px; }
.unit-properties ul li:first-child { float:left; padding-top:5px; }
.unit-properties ul li img { margin-left: 10px;margin-bottom: 0px; visibility:hidden; }
	/*field widths*/
	.unit-properties #transferUnitTable { width:100%; }
	.unit-properties #SkillsText { height:80px; }
	.unit-properties #CommentsText { height:80px; }
    .unit-properties .common-combo input.ffb-input { width:200px !important; }    

/**************************************************/

/*Layout Configuration*/
/**************************************************/
.layout-config label { width:100px; font-size:14px; }
.percent-label label { width:20px !important; }
.layout-config .common-input, .layout-config .common-textarea { width:30px; align="LEFT"; }
.layout-config select { width:120px !important; }
/**************************************************/

/*SEND MESSAGE*/
/**************************************************/
.send-message .common-module { background:#f6f5f5; padding:23px 32px 0px 22px; border-bottom:none; margin-bottom:0; }
.send-message label { width:77px; font-size:1.167em; }
.send-message #label-to { margin-right:5px; padding-right:24px; }
.icon-arrow-down .icon { display:block; position:absolute; top:12px; right:13px; width:8px; height:5px; background:url(../images/sprite-ui.png) no-repeat 0 -900px; }
.send-message p { margin-bottom:18px; }
.send-message textarea { height:140px; }
.send-message #btnSendMessage { margin-left:77px; }

	/*field widths*/
.send-message #MessagePriorities { width:75px; }
.send-message .input-wrap { display:block; margin-left:77px }
.send-message .input-wrap input, .send-message .input-wrap textarea { width:100%; }
.send-message #MessageDestinations { height:50px; width: 500px; }
.send-message .common-textarea  { width:488px; }
.send-message .submit-section { background:#f6f5f5; border:1px solid #D4D3D3; border-top:none; padding:0 0 20px 20px; }

/*.select-contact*/
.select-contact #MessageOptions { min-height:220px; min-width: 100%; padding: 0px; font-family: 'Segoe UI', Tahoma, Arial, Helvetica, sans-serif; }
.select-contact #contactSelected { min-height:220px; min-width: 100%; font-family: 'Segoe UI', Tahoma, Arial, Helvetica, sans-serif; }

/*.employee-search*/
.employee-search { padding-top: 30px; }
.employee-search label { width:160px; }
.employee-search .common-input { width:410px; }

/*modal*/
.module-modal { position:relative; display:none; }
.module-modal h2 { background:#e5e5e5; padding:10px 20px; }
.module-modal .col-left { width:249px; margin:0 20px 0 0; padding:0 0 0 30px; }
.module-modal .col-right { width:249px; float:left !important; }
.module-modal .col-left label { display:block; font-weight:600; margin-bottom:2px; }
.module-modal #select-group { width:96px; margin-bottom:12px; }
.module-modal .instructions { font-style:italic; font-size:.917em; margin-bottom:3px; }
.module-modal .label { margin-bottom:7px; }

.module-modal .scroll-pane { height:231px; overflow:auto; padding:8px 10px 0 10px; background:#fff; border:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #666; margin-bottom:11px; }
.module-modal .scroll-pane ul { list-style:none; margin:0; text-transform:uppercase; }
.module-modal .scroll-pane li { margin-bottom:3px; }
.module-modal .wrap-div { width: 230px; height:240px; overflow: auto; }

#simplemodal-overlay {background-color:#000;}
#simplemodal-container { border:1px solid #d4d3d3; background:#f6f5f5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 0 0 20px #454545; }
.simplemodal-close { display:block; width:24px; height:23px; line-height:23px; text-align:center; color:#022b4f; text-shadow:0 1px #fff; font-weight:600; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:url(../images/sprite-ui.png) no-repeat 0 -875px; position:absolute; top:5px; right:5px; cursor:pointer; border:1px solid #c5c4c4; }
.simplemodal-close:hover { color:#0a5472; text-decoration:none; }

/* Message destination selector*/
.messageDestTypeSelector .col-left { width:400px; margin:0 20px 0 0; padding:0 0 0 30px; }
.messageDestTypeSelector .wrap-div-left { width: 395px; height:240px; overflow: auto; }

/*qf_nav*/
   #qf_nav{ 
      width:90%; 
      margin:auto; 
   } 
   #qf_nav ul{ 
      margin:auto; 
      width:50%; 
   } 
    
/**************************************************/

/*Agency-DGroup*/
/**************************************************/
.agdroup select { width:100px;background:lightyellow }
.agdroup textarea { height:140px;width:100px; }
.agdroup table { width: 300px; }
.agdroup table tr td { border: 0; }
.agdroup table tr td { width: 140px; }
/**************************************************/


.custom-table { margin:0; }
.custom-table tr.even td { background-color:#e5e5e5; }
.custom-table tr.clicked td { background-color:#b0b0b0; }
.custom-table th { background:#b4b4b4; color:#000; }
.custom-table td { padding:4px 12px; }
.custom-table .col1 { width:4%; }
.custom-table .col2 { width:10%; }

.form-table { margin:0; }
.form-table td { padding:4px 12px; }
.form-table .col1 { width:50%; }
.form-table .col2 { width:50%; }


/* =2 Inbox
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.main.inbox { position:relative; }
.nav-inbox { background:#f6f5f5; list-style:none; margin:0; padding:6px 12px; border-left:1px solid #d4d3d3; border-right:1px solid #d4d3d3; border-top:1px solid #d4d3d3; border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; }
.nav-inbox.last { border-bottom:1px solid #d4d3d3; border-radius:0 0 2px 2px; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; padding:12px; }
.nav-inbox li { display:inline-block; margin:0 3px 0 0; }

.module-message { border-left:1px solid #939393; border-right:1px solid #939393; border-top:1px solid #939393;border-bottom:1px solid #939393; line-height:1.6em; font-size:1.083em; }
.module-message .scroll-pane { height:365px; overflow:auto; width:100% !important; }
.module-message .scroll-pane-inner { padding:12px; }
.module-message .jspContainer { width:100% !important; }
.module-message .jspPane { width:100% !important; }
.module-message .jspVerticalBar { right:-1px; }

.tbl-inbox { margin:0; }
.tbl-inbox tr.even td { background-color:#e5e5e5; }
.tbl-inbox tr.clicked td { background-color:#b0b0b0; }
#messageContent tr:hover td, #messageContent tr:hover td a { background-color:#f17c33; color:#fff; font-weight:bold; }
#messageContent th, td { border:1px solid #fff; }
#messageContent a { width: 10px; }
.tbl-inbox .scroll-pane { width:100% !important; overflow:auto; height:165px; }
.tbl-inbox .jspContainer { width:100% !important; }
.tbl-inbox .jspPane { width:100% !important; }
.tbl-inbox .wrapper { padding: 0; }
.tbl-inbox th { background:#b4b4b4; color:#000; }
.tbl-inbox td { padding:4px 12px; }
.tbl-inbox .col1 { width:4%; }
.tbl-inbox .col2 { width:2%; }
.tbl-inbox .col3 { width:16%; text-align:left; }
.tbl-inbox td.col3 a { display:block; }
.tbl-inbox .col4 { width:9.7%; font-weight:bold; }
.tbl-inbox th.col4 { text-align:left; }
.tbl-inbox th.col5 { width:7%; text-align:middle; font-weight:bold; }
.tbl-inbox td.col5 { width:7%; text-align:middle; font-weight:bold; font-size: 20px; padding: 4px 25px 0px 30px; color: Red; }
.tbl-inbox .col6 { width:45%; text-align:left; }
.tbl-inbox .col7 { width:20%; text-align:left; }
.flag-0, .flag-1, .flag-2, .flag-3, .flag-4 { display:inline-block; padding-left:18px; background:url(../images/sprite-ui.png) no-repeat -999em -1060px; }
.flag-0 { background-position:0 -1060px; }
.flag-1 { background-position:-40px -1060px; }
.flag-2 { background-position:0 -1090px; }
.flag-3 { background-position:-40px -1090px; }
.flag-4 { background-position:-80px -1060px;  }

.alert { background:#f17c33; color:#fff; font-weight:bold; font-size:1.167em; display:none; padding:8px 50px 8px 10px; position:absolute; top:100px; left:250px; z-index:1000;}
.alertBottom { background:#f17c33; color:#fff; font-weight:bold; font-size:1.167em; display:none; padding:8px 50px 8px 10px; position:relative; left:120px; top: 10px; width: 320px; }
.alertRelative { background:#f17c33; color:#fff; font-weight:bold; font-size:1.167em; display:none; padding:8px 50px 8px 10px; position:absolute; top:-5px; left:410px; }
.alertEventSearch { background:#f17c33; color:#fff; font-weight:bold; font-size:1.167em; display:none; padding:8px 50px 8px 10px; position:absolute; top:103px; left:555px; }
.alert .close, .alertRelative .close, .alertEventSearch .close, .alertBottom .close { display:block; width:24px; height:23px; line-height:23px; text-align:center; color:#022b4f; text-shadow:0 1px #fff; font-weight:600; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:url(../images/sprite-ui.png) no-repeat 0 -875px; position:absolute; top:5px; right:5px; cursor:pointer; }
.alert .close:hover, .alertRelative .close:hover ,.alertEventSearch .close:hover,.alertBottom .close:hover{ color:#0a5472; text-decoration:none; }
.alertDetails { color: blue; margin-left: 20px; }
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 1em; background-color: white; border: 1px solid #a6c9e2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

/** alert style for event information command **/
.eialert { background:#f17c33; color:#fff; font-weight:normal; font-size:0.9em; display:inline-block; padding:8px 50px 8px 10px; position:absolute; top:100px; left:450px; }
.eialertRelative { background:#f17c33; color:#fff; font-weight:normal; font-size:0.9em; display:inline-block; padding:8px 50px 8px 10px; position:absolute; top:-5px; left:810px; }
.eialert .close, .eialertRelative .close { display:block; width:22px; height:22px; line-height:23px; text-align:center; color:#022b4f; text-shadow:0 1px #fff; font-weight:600; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:url(../images/sprite-ui.png) no-repeat 0 -875px; position:absolute; top:5px; right:5px; cursor:pointer; }
.eialert .close:hover, .eialertRelative .close:hover { color:#0a5472; text-decoration:none; }
.eialertDetails { color: blue; margin-left: 20px; }

/* =3 Plugin CSS
-------------------------------------------------------------------*/

.jspContainer { overflow: hidden; position: relative; }

.jspPane{ position: absolute; }

.jspVerticalBar{ /* position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: #DCDCDC; */ }

.jspHorizontalBar{ /* position: absolute; bottom: 0; left: 0; height: 16px; */ background: #DCDCDC; }

.jspVerticalBar *,.jspHorizontalBar *{ margin: 0; padding: 0; }

.jspCap{ display: none; }

.jspHorizontalBar .jspCap { float: left; }

.jspTrack{ background: #dcdcdc; position: relative; }

.jspDrag { background: #9a9a9a; position: relative; top: 0; left: 0; cursor: pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:14px; left:1px;
}

.jspDragHorizontal { background: #9a9a9a; position: relative; top: 0; left: 0; cursor: pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}

.jspVerticalBar .jspDrag { width:14px; left:1px; }
.jspHorizontalBar .jspDrag { height:14px !important; top:1px; }

.jspDrag .grippy { display:block; width:7px; height:14px; background:url(../images/sprite-ui.png) no-repeat -20px -925px;  position:absolute; top:50%; left:4px; margin-top:-7px; }

.jspDragHorizontal .grippyHorizontal { position:absolute; display:block; width:14px; height:7px; left:50%; top:4px; margin:0 0 0 -7px; background:url(../images/sprite-ui.png) no-repeat -20px -941px; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow { background: #b4b4b4; text-indent: -20000px; display: block; cursor: pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

.jspArrow.jspDisabled { cursor: default; background: #b4b4b4; }

.jspVerticalBar .jspArrow { height: 16px; }

.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }

.jspVerticalBar .jspArrow:focus { outline: none; }

.jspVerticalBar .jspArrowUp { background:#b4b4b4 url(../images/sprite-ui.png) no-repeat 3px -929px;  }
.jspVerticalBar .jspArrowDown { background:#b4b4b4 url(../images/sprite-ui.png) no-repeat 3px -944px; }

.jspHorizontalBar .jspArrowLeft  { background:#b4b4b4 url(../images/sprite-ui.png) no-repeat 5px -958px;  }
.jspHorizontalBar .jspArrowRight { background:#b4b4b4 url(../images/sprite-ui.png) no-repeat -9px -958px; }

.jspCorner { background: #eeeef4; float: left; height: 100%; }

.jspResize { background:#B4B4B4 url(../images/resize.gif) no-repeat; width: 15px; height: 15px; cursor: se-resize; }

/* TimeEntry styles */
.timeEntry_control { vertical-align: middle; margin-left: 2px; }
* html .timeEntry_control { /* IE only */
	margin-top: -4px;
}
/*Cancel Event*/
/**************************************************/

.cancel-event .common-section label { width:160px; }
.cancel-event .common-input, .assign-dispcode .common-textarea { width:440px; }
.cancel-event select { width:450px;height:150px;}
.cancel-event table { width: 690px; margin-right:120px }
.cancel-event table tr td { border: none; padding-left:0px;}
.cancel-event table tr th { border: none; text-align:center; color:#000000; background-color:transparent; padding-left:0px; line-height:1.35em; font-size:1.16em; font-weight:normal;}
.cancel-event .common-section .bump-left { margin-left:160px; }
.cancel-event .common-combo input.ffb-input { width:470px !important; }
.cancel-event  #DispCodeOptions { display:block; float:left;width:380px; background-color: lightyellow; }
.cancel-event  #DispCodeSelections { width:180px;float:left; background-color: lightyellow;}
.cancel-event .common-section { border: 1px solid #D4D3D3; }
.cancel-event  #AssignedDisp { width:170px; height:90px; }
.cancel-event  #EventList { background-color: lightyellow; }
.cancel-event #Comments { height:90px; }
/**************************************************/

/**************************************************/
/* Assign Disposition Code */
/**************************************************/
.assign-dispcode .common-section { border: 1px solid #D4D3D3; }
.assign-dispcode .common-section label { width:160px; }
.assign-dispcode .common-input, .assign-dispcode .common-textarea { width:488px; }
.assign-dispcode select { width:498px;}
.assign-dispcode table { width: 690px; }
.assign-dispcode table tr td { border: none; padding-left:0px;}
.assign-dispcode table tr th { border: none; text-align:left; color:#000000; background-color:transparent; padding-left:0px; line-height:1.35em; font-size:1.16em; font-weight:normal;}
.assign-dispcode .common-section .bump-left { margin-left:160px; }
.assign-dispcode .common-combo input.ffb-input { width:468px !important; }
.assign-dispcode  #DispCodeOptions { width:170px; height:90px; background-color: lightyellow; }
.assign-dispcode  #DispCodeSelections { width:170px; height:90px; background-color: lightyellow;}
.assign-dispcode  #AssignedDisp { width:170px; height:90px; }
.assign-dispcode  #EventList { background-color: lightyellow; }
.assign-dispcode #Comments { height:90px; }

/**************************************************/
/* Monitor Column Layout */
/**************************************************/
.monitor-columnlayout .common-section { border: 1px solid #D4D3D3; }
.monitor-columnlayout .common-section label { width:160px; }
.monitor-columnlayout .common-input, .monitor-columnlayout .common-textarea { width:488px; }
.monitor-columnlayout select { width:100px; margin-right:0px;}
.monitor-columnlayout input { margin-right:0px;}
.monitor-columnlayout table { width: 650px; }
.monitor-columnlayout table tr td { border: 0; padding-left:0px; padding-right:0px; }
.monitor-columnlayout .common-section .bump-left { margin-left:160px; }
.monitor-columnlayout .common-combo input.ffb-input { width:468px !important; }
.monitor-columnlayout  #AvaliableColumns { width:300px; height:240px; background-color: lightyellow;}
.monitor-columnlayout  #CurrentColumns { width:300px; height:240px; background-color: lightyellow;}
.monitor-columnlayout .secondary-btn { margin:12px; }
.monitor-columnlayout  #SortPosition { width:90px; margin:12px;}

/**************************************************/
/* lineup-event */
/**************************************************/
.lineup-event .common-section label { width:160px;}
.lineup-event .common-section .bump-left { margin-left:160px; }
.lineup-event .common-input, .lineup-event .common-textarea { width:488px; }
.lineup-event select { width:498px !important; }

.lineup-event .common-combo input.ffb-input { width:468px !important; }

/* show or hide */
.lineup-event .show {display:inline-block;}
.lineup-event .hide {display:none;}
.lineup-event .warning { background-color:red; }
.lineup-event .common-header label { font-size:.75em; }

/*field widths*/
.lineup-event #remarks { height:130px; }
.lineup-event #type-normal { margin-left:60px; }
.lineup-event #unit-id { width:190px; }
.lineup-event #unit-id-combo input.ffb-input { width:160px !important; }
.lineup-event #pickup-date, .lineup-event #pickup-time, .lineup-event #dropoff-date, .lineup-event #dropoff-time, .lineup-event #requested-date,
.lineup-event #requested-time { width:108px; margin-right:5px; }
.lineup-event #PlaySoundImg { margin:-24px 0px 0px 0px; border:0; }

/* add unit information in update lineup page*/
.equip-table { margin:0; }
.equip-table tr.even td { background-color:#e5e5e5; }
.equip-table tr.clicked td { background-color:#b0b0b0; }
.equip-table th { background:#b4b4b4; color:#000; }
/*.equip-table tr:hover td  { background-color:#f17c33; color:#fff; font-weight:bold; } */
.equip-table .highlight { background-color:#f17c33; font-weight:bold; }
.equip-table .nohighlight { background-color:#e5e5e5; font-weight:normal; }

/**************************************************/
/* event-unit  */
/**************************************************/
.event-unit table { width:100%; }
.event-unit h1 { font-size:1.333em; margin-bottom:30px; font-weight:bold }

/**************************************************/
/* unit-lineup-inquiry */
/**************************************************/
.event-inquiry #lineup { width:250px;}

/**************************************************/
/* display filter  */
/**************************************************/
.disp-filter table { width:880px;}
.disp-filter table tr td { height:10px; margin:0px; padding:2px}
.disp-filter .common-section label { width:160px;}
.disp-filter .common-section .bump-left { margin-left:160px; }
.disp-filter .common-input, .disp-filter .common-textarea { width:488px; }
.disp-filter select { width:170px !important; }
.disp-filter .small-input { width:70px !important; }
.disp-filter .common-input { width:150px !important; }
/**************************************************/
/* config commands
/**************************************************/
.usersettings-span { margin:0px -50px 0px -20px; }

/**************************************************/
/* Inquiry--Who Command*/
/**************************************************/
.event-inquiry #messageGroups { height:142px; width:260px}
/**************************************************/

/**************************************************/
/* eventunit details
/**************************************************/
.event-unit-detail h1 { font-size:1.333em; margin-bottom:30px; font-weight:bold }
.event-unit-detail h2 { text-transform:uppercase; font-weight:600; margin-bottom:14px; clear:both; } 
.event-unit-detail table tr th { text-align:left; border-style: solid;
border-color: #898989; border-left-width:1px; border-right-width:1px;}
.event-unit-detail table tr td { text-align:left; border-style: solid;
border-color: #898989; border-left-width:1px; border-right-width:1px;}
.event-unit-detail table tr td.col1 { align:left; valign:top; }

/**************************************************/
/*style for DefineNode*/
/**************************************************/
.NodeAssign table{width:60%;}
.NodeAssign img{ margin-bottom:0px; }

.rtl { direction:rtl; }

@media screen and (min-device-width: 481px) and (max-device-width: 1367px)  {
 /*for all tablets*/
 /*body {-webkit-user-select:none;}*/
 .mobileHome {-webkit-user-select:none;}
.monitorDataTable tr { height:30px; } /*line-height: 2px;*/
/*.main { padding:0 20px; min-width:inherit; }*/
common-module-inner{ min-width:inherit; }
.common-input { height:18px;font-size:medium } 
.common-textarea { font-size:medium}
.common-combo { height:22px;font-size:medium;  }
table tr {height:30px; }
 }
/* Two button pagination - previous / next */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next
{
    height: 19px;
    float: left;
    cursor: pointer;
    cursor: hand;
    color: #111 !important;
}
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover
{
    text-decoration: none !important;
}
.paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active
{
    outline: none;
}

.paginate_disabled_previous, .paginate_disabled_next
{
    color: #666 !important;
}
.paginate_disabled_previous, .paginate_enabled_previous
{
    padding-left: 23px;
}
.paginate_disabled_next, .paginate_enabled_next
{
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_enabled_previous
{
    background: url('../images/back_enabled.png') no-repeat top left;
}
.paginate_enabled_previous:hover
{
    background: url('../images/back_enabled_hover.png') no-repeat top left;
}
.paginate_disabled_previous
{
    background: url('../images/back_disabled.png') no-repeat top left;
}

.paginate_enabled_next
{
    background: url('../images/forward_enabled.png') no-repeat top right;
}
.paginate_enabled_next:hover
{
    background: url('../images/forward_enabled_hover.png') no-repeat top right;
}
.paginate_disabled_next
{
    background: url('../images/forward_disabled.png') no-repeat top right;
}

/* Full number pagination */
.paging_full_numbers
{
    margin: 5px 0px;
    height: 22px;
    line-height: 22px;
}
.paging_full_numbers > li {
  display: inline;
}
.paging_full_numbers a:active
{
    outline: none;
}
.paging_full_numbers a:hover
{
    text-decoration: none;
}

.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active
{
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    cursor: hand;
    color: #333 !important;
}

.paging_full_numbers a.paginate_button
{
    background-color: #ddd;
}

.paging_full_numbers a.gray_text {
    padding: 2px 5px;
    margin: 0 3px;
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:#ACA899;
    background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover
{
    background-color: #ccc;
    text-decoration: none !important;
}

.paging_full_numbers a.paginate_active
{
    background-color: #99B3FF;
}
.ui-tabs-disabled {
display: none; /* disabled tabs don't show up */
}
#EditEmployeeDisplay .ui-corner-all { border-radius: 0; }
#EditEmployeeDisplay .ui-state-default .head { margin-bottom: 0; min-height: 40px; background: #b4b4b4; }
#EditEmployeeDisplay .ui-widget-content { background: none; border: 1px solid #fff; color: #000; }
#EditEmployeeDisplay .ui-state-default .headtable { font-weight: bold; }
#EditEmployeeDisplay .head:after { content: none; }

#attachmentList .common-textarea  { width:90%; }

.notired{ background:#E43C03; text-align:center; color:#FFF; font-size:12px; font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; min-width:14px; z-index:1; margin:-11px 1px 0px 18px; position:absolute; padding:1px;}

#notificationContainer1, #notificationContainer2 { background-color: #fff; border: 1px solid rgba(100, 100, 100, .4); -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25); box-shadow: 0 3px 8px rgba(0, 0, 0, .25); overflow: visible; position: absolute; top: 40px; margin-left: -185px; width: 350px; z-index: 1000; display: none; }

#notificationContainer1:before, #notificationContainer2:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
color: transparent;
border: 10px solid black;
border-color: transparent transparent white;
margin-top: -20px;
margin-left: 188px;
}
#notificationTitle1, #notificationTitle2,#notificationFooter1,#notificationFooter2
{
font-weight: bold;
padding: 8px;
font-size: 13px;
background-color: #ffffff;
z-index: 1000;
max-width: 350px;
border-bottom: 1px solid #909090;
}
#eventNotificationsBody, #unitNotificationsBody
{
padding-top:1px;
height:300px;
overflow-y:scroll;
}

#unitsChangeText , #eventsChangeText { font:1.167em; color:black; line-height: 25px; margin-left:2px; }
.NotiIcon { padding-left: 8px; padding-right: 8px; margin-left: -10px; margin-top: -3px; width: 30px; height: 30px; }
#eventUpdates, #unitUpdates { display: none; height:33px;}
#eventClose, #unitClose { margin-bottom:0px; float:right;}
.notificationItem { border: 1px solid #C8C8C8; border-radius: 3px; padding-left:2px; padding-bottom:1px;}


/* Facilities related styles*/
.facility .col-left { float:left; margin-left:20px; }
.facility .col-left .common-module-inner{ padding:1px 10px 1px 15px; min-height:30px; }
.facility .col-right { float:right; width:calc(45% - 20px); margin-right:20px; }
.facility .large { font-size : large }
.facility .medium { font-size : medium; padding-right:20px; padding-left:20px;  }
.facility .hint { color: gray; font-style: italic;}
#addDiversionForm table td { width : 200px;}
#addDiversionForm table td.top-align { vertical-align: top;}
.facility .common-section label { width: 180px; }
.facility .common-input { width: 350px; }
.facility .common-input::-ms-clear { display:none;  }
.facility select { width: 360px; }
#updateTimer { width : 80px;}
#adddiversionDate { width : 200px;}
#facilityHistFromdate { width : 80px;}
#facilityHistTodate { width : 80px;}
#facilityHistfromTime { width : 80px;}
#facilityHistToTime { width : 80px;}
.facility .entrance-height { height:16px; margin-right: 0px;}
.facility td.add-alignment { text-align: left; padding-left: 50px; }
.facility td.add-buttons-alignment { text-align: left; padding-left: 235px; }
.facility td.add-text-alignment { text-align: left; padding-left: 320px; }
.facility .common-section label.max-width { width: 50px;}
.facility .common-section label.min-padding {padding-left:1px;}
.facility .common-section label.comments {text-align:left}
.facility .common-input.max-width {width:50px;}
.facility .common-input.max-width-right-padd {width:48px;}
.facility .comments { vertical-align: top;}


.facility .dropdown-arrow {
    width: 19px;
    height: 22px;
    background: url(../images/sprite-ui.png) no-repeat -30px -950px;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    display:inline-block;
    position:absolute;
}

.facilitycomments .dropdown-arrow {
    width: 19px;
    height: 22px;
    background: url(../images/sprite-ui.png) no-repeat -30px -950px;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    display:inline-block;
    position:absolute;
}

.openfacility .dropdown-arrow {
    width: 19px;
    height: 22px;
    background: url(../images/sprite-ui.png) no-repeat -30px -950px;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    display:inline-block;
    position:absolute;
}

.facility-Summary .dropdown-arrow {
    width: 19px;
    height: 22px;
    background: url(../images/sprite-ui.png) no-repeat -30px -950px;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    position:absolute;
}

.stagingarea .dropdown-arrow {
    width: 19px;
    height: 22px;
    background: url(../images/sprite-ui.png) no-repeat -30px -950px;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    position:absolute;
    margin-left:-4px;
}

.stageunit .dropdown-arrow {
    width: 19px;
    height: 22px;
    background: url(../images/sprite-ui.png) no-repeat -30px -950px;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    position:absolute;
    margin-left:-4px;
}

.stageunit .scrollableContainer .scrollArea .th-inner{
    width:0px;
}

.facility-edit {
    width: 40px;
    height: 40px;
    background: url(../images/fedit.png) no-repeat center lightgray;
    border-radius: 50%;
    margin-left:10px;
    float:right;
}

.facility-update {
    width: 25px;
    height: 25px;
    background-color:blue;
    border-radius: 50%;
    float:right;
    margin-top:10px;
    margin-left:10px;
    text-align:center;
    color: #FFFFFF;
    text-decoration: none;
    line-height:25px;
    font-weight:bold;
}

.facility-clear {
    width: 25px;
    height: 25px;
    background-color:green;
    border-radius: 50%;
    float:right;
    margin-top:10px;
    margin-left:10px;
    text-align:center;
    color: #FFFFFF;
    text-decoration: none;
    line-height:25px;
    font-weight:bold;
}

.facility-extend {
    width: 25px;
    height: 25px;
    background-color:orange;
    border-radius: 50%;
    float:right;
    margin-top:10px;
    margin-left:10px;
    text-align:center;
    color: #FFFFFF;
    text-decoration: none;
    line-height:25px;
    font-weight:bold;
}

.facilitycomments .common-section label { width:180px; }
.facilitycomments .common-section .common-input { height:16px; width:370px; }
.facilitycomments .common-section .common-display {height:16px; width:468px;}
.facilitycomments .common-section .entrance-height { width:440px; height:16px; margin-right: 0px;}
.facilitycomments .common-section .comments { vertical-align: top;}
.facilitycomments .common-section .common-textarea { width:460px; margin-right:20px;margin-bottom:5px; }
.facilitycomments .common-section .tableWrapper { padding-left:180px; width: 475px;  }

.ui-autocomplete {
    width: 375px;
}

.ui-menu-item a{ font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;}

.ui-menu-item a:hover {
    background: #f17c33;
    border:none;
    border-radius:0;
}

.facility-information .col-left { float:left;width:calc(56% - 20px); margin-left:0px; }
.facility-information .col-right { float:right; width:calc(45% - 20px); margin-right:0px; }
.facility-information .common-header { background:none; border:none; text-transform:uppercase; font-weight:600; clear:both; }
.facility-information h1 { font-size:1.333em; margin-bottom:30px; font-weight:bold }
.facility-information .common-module { padding:4px; }
.facility-information .col-left .common-module-inner{ padding:1px 10px 1px 15px; min-height:30px; }
.facility-information .common-section label {
        margin: 0 0 0 8px;
        width: 150px;
}

.tbl-facility-info {margin-left:0px; width:100%;}
.tbl-facility-info td { text-transform:none; }
.tbl-facility-info td { text-align:center; }

.tbl-entrance-info {margin-left:20px; width:80%;}
.tbl-entrance-info td { text-transform:none; }
.tbl-entrance-info td { text-align:center; }

#entrance-table .selected td { background:#f17c33; }
#diversion-table .selected td { background:#FFAE19;
}
#diversion-table .notifyColor td{background:#ffff00;}
#diversion-table .scrollArea { overflow-x: auto; }


.openfacility .col-left { width:calc(21.5% - 22px); margin-left:0px;}
.openfacility .col-middle { float:left;width:calc(5% - 20px); margin-left:0px; margin-top:50px; }
.openfacility .col-right { float:left; width:calc(68.5% - 20px); margin-right:0px; }
.openfacility .common-header { background:none; border:none; text-transform:uppercase; font-weight:600; clear:both; }
.openfacility h1 { font-size:1.333em; margin-bottom:30px; font-weight:bold }
.openfacility .common-module { padding:4px; }
.openfacility .common-section label {
        margin: 0 0 0 8px;
        width: 150px;
}
.openfacilitySelect .selected { background-color:orange}
.openfacility .common-section label.comments {text-align:left}
.openfacility .comments { vertical-align: top;}
.openfacility .entrance-height { width:440px; height:16px; margin-right: 0px;}
.openfacilitySelect {width:200px; height:200px;  }
.openfacilityLeft {float:left;  }
.openfacilityButtons {float:left; margin-top: 30px;  }
    .openfacilityButtons input { width:40px;
    }


.openfacility #right
{
    width:30px;
    height:30px;
    background-image: url(../images/Elements/PNG/24x24/ArrowRightGreen.png);
    background-repeat: no-repeat;
}

.openfacility #left
{
    width:30px;
    height:30px;
    background-image: url(../images/Elements/PNG/24x24/ArrowLeftGreen.png);
    background-repeat: no-repeat;
}

.spatialFilters{
    margin-top:0px;
    padding-left:10px;
    margin-bottom:0px;
}

.headerbackground {
    background-color: #6F6F6F;
}

#diversion-table .scrollableContainer { height:350px;}

#unitsTable .scrollableContainer { height:100%; padding-top: 37px;margin-bottom: 0px;font-size:9pt;width:100%}

#eventsTable .scrollableContainer { height:190px;}

.diversionsTable .scrollableContainer{
    height:130px;
    margin-left: 20px;
    width:80%;
}

.diversionsTable .scrollableContainer td {
    height:25px;
}

.scrollableContainer {
    height: 200px;
    position: relative;
    padding-top: 37px;
    margin-bottom: 30px;
}
.scrollableContainer .headerSpacer {
    border: 1px solid #d5d5d5;
    border-bottom-color: #bbb;
    position: absolute;
    height: 36px;
    top: 0;
    right: 0;
    left: 0;
    background: #6f6f6f;
}
.scrollableContainer th .th-inner .title > span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.scrollableContainer th .orderWrapper {
    position: absolute;
    top: 0;
    right: 2px;
    cursor: pointer;
}
.scrollArea {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #d5d5d5;
}
.scrollArea table {
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 0;
    border: none;
    border-collapse: separate;
}
.scrollArea table th {
    padding: 0;
    border: none;
}
.scrollArea table .th-inner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    top: 0;
    height: 36px;
    line-height: 36px;
    /*padding: 0 8px;
    border-left: 1px solid #ddd;*/
}
.scrollArea table tr th:first-child .th-inner {
    border-left: none;
}
.scrollArea table .th-inner.condensed {
    padding: 0 3px;
}
.scrollArea table tbody tr td:first-child {
    border-left: none;
}

.scrollArea table tbody tr td:last-child {
    border-right: none;
}
.scrollArea table tbody tr:first-child td {
    border-top: none;
}
.scrollArea table tbody tr:last-child td {
    border-bottom: 1px solid #ddd;
}

.scrollArea table tbody tr:nth-child(even) td {
    background-color:#ffffff;
}
.scrollArea table tbody tr:nth-child(odd) td {
    background-color:#e5e5e5;
}
.scrollableContainer th .orderWrapper .order {
    font-size: 8pt;
    color: #BDBDBD;
}
.scrollableContainer th .orderWrapper .active {
    color: #464646;
}

.scrollArea table th .box {
    padding: 0 8px;
    padding-right: 11px;    /*  order icon width*/
    border-left: 1px solid #ddd;
}

/*  to hack fix firefox border issue    */
@-moz-document url-prefix() {
    .scrollArea table th .box{
        border-right: 1px solid #ddd;
        border-left: none;
    }
}

.scrollArea table .th-inner .ng-scope {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.scrollArea table tr th:first-child th .box {
    border-left: none;
}
.scrollableContainer .scaler {
    position: absolute;
    top: 0px;
    width: 2px;
    height: 100%;
    background-color: #CFCFCF;
}

.scrollableContainer th .resize-rod {
    position: absolute;
    top: 0;
    right: 0;
    cursor: col-resize;
    width: 4px;
    height: 100%;
}

.scrollable-resizing .scrollableContainer {
    cursor: col-resize;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.scrollArea table th.name-align { width: 7%;}
.scrollArea table th.checkbox-align { width: 3%;}
.scrollArea table td.checkbox-align { width: 3%;}
.scrollArea table th.desc-align { width: 21%;}
.scrollArea table th.number-align { width: 14%;}

.scrollArea table th.check-box { width: 10%;}
.scrollArea table th.service { width: 30%;}
.scrollArea table th.diversion { width: 60%;}

.scrollArea table th.vehicle { width: 9%; cursor:pointer;}
.scrollArea table th.stagingChanged{width:3%;}
.scrollArea table th.buttonRemove{width:5%;}
.scrollArea table td.stagingChanged{width:3%;}
.scrollArea table td.buttonRemove{width:5%;}
.scrollArea table td.dirty{color:red;}

.stagingarea .common-section label { width:160px; margin-left:10px;}
.stagingarea .common-section .left { width:160px; margin-left:10px;}
.stagingarea .common-section .left1 { width:160px; margin-left:100px;}
.stagingarea .common-section .right { width:70px; margin-left:10px;}
.stagingarea .common-section .radiolabel { width:40px; }
.stagingarea .common-section .radiolabel1 { width:100px; }
.stagingarea .common-section select { width:165px; margin-right:20px;margin-bottom:5px; } 
.stagingarea .common-section .common-input { width:425px; margin-bottom:5px; }
.stagingarea .common-section .common-input1 { height:18px;width:370px; margin-bottom:5px; }
.stagingarea .common-section .common-input2 { height:18px; width:415px; margin-bottom:5px; }
.stagingarea .common-section input { margin-right:0px;margin-bottom:10px; }
.stagingarea .common-section .locationVerify { width:400px; }
.stagingarea .common-section .extrapad { padding-left:40px; }
.stagingarea .common-section .extrapad-loc { padding-left:28px; }
.stagingarea .common-section .primary-btn { margin-left:10px;}
.stagingarea .common-section .padTop { margin-top:10px;}
#staging-table {width: 100%; font-size: 1.2em; margin:0;}
#staging-table thead { padding: 3px 2px; text-align: center; font-weight: bold; border: 1px; color:#fff;  }
#staging-table th { padding: 3px 2px; text-align: center; font-weight: bold; border: 1px; color:#fff;  }
#staging-table td span, #staging-table td a { display: block; padding:3px 2px; text-align: right; text-decoration: none; line-height:1; background:#ebebeb url(../images/ui/sprite-ui.png) no-repeat -70px -740px; }
#staging-table tr.clicked td { background-color: #b4b4b4; }

.delete { height:15px;width:15px;cursor:pointer;}

.stageunit .common-section label { width:160px; margin-left:10px;}
.stageunit .common-section .comments { width:160px; margin-left:10px; margin-top:-10px;}
.stageunit .common-section .radiolabel { width:70px; }
.stageunit .common-section select { width:375px; margin-right:20px;margin-bottom:5px; } 
.stageunit .common-section .common-input { width:450px; margin-right:0px;margin-bottom:5px; }
.stageunit .common-section .common-input1 { width:150px;height:18px; margin-right:0px;margin-bottom:5px; }
.stageunit .common-section .common-textarea { width:465px; margin-right:20px;margin-bottom:5px; }
.stageunit .tableWrapper { width: 900px;  }
.stageunit .common-section .unitsSection label {
     width:80px; margin-left:10px;
}
.stageunit .common-section .unitsSection select { width:100px; margin-right:20px;margin-bottom:5px;  }
.stageunit .common-section .unitsSection .locationVerify { width:300px; margin-right:20px;margin-bottom:5px; }
.stageunit .common-section .unitsSection .common-input { width:112px; margin-right:20px;margin-bottom:5px; }

.dropdown_disabled {
    background-color: #e8e6e6;

}
.tdhighlight {
    background-color: orange !important;
}

.entrance-Selected {
    background-color: orange;
}

.entrance-NotSelected {
    background-color: none;
}

.tbl-facilitysearch-results th { background:#c8c8c8; cursor:pointer; }
.tbl-facilitysearch-results th a:link { color:#1580b3; }
.tbl-facilitysearch-results tr.even td { background-color:#e5e5e5; }
.tbl-facilitysearch-results tr.odd td { background-color: #F2F2F2; }
.tbl-facilitysearch-results td { text-align:center;}

.facility-Summary .common-section label { width:130px; }
.facility-Summary .common-section .common-input { height:16px; width:370px; }
.facility-Summary .common-section .common-input1 { height:18px;width:358px; }
.facility-Summary .common-section input { margin-right:0px;margin-bottom:10px; }
.facility-Summary .common-section .cross-streets {width:175px;height:16px;}
/*.facility-Summary .common-section .location{width:505px;height:16px;}*/
.facility-Summary .common-section select{width:385px;}

.facility-inquiry-unitstatus .col-left { float:left;width:calc(95% - 20px); margin-left:0px; }
.facility-inquiry-unitstatus .col-right { float:right; width:calc(45% - 90px); margin-right:0px; }
.facility-inquiry-unitstatus .common-header { background:none; border:none; text-transform:uppercase; font-weight:600; clear:both; }
.facility-inquiry-unitstatus h1 {  margin-bottom:30px; font-weight:bold }
.facility-inquiry-unitstatus .common-module { padding:4px;}
.facility-inquiry-unitstatus .col-left .common-module-inner{ padding:1px 10px 1px 15px; min-height:30px; }
.facility-inquiry-unitstatus .common-section label {
        margin: 0 0 0 8px;
        width: 150px;
       font-size:1em;
}
.facility-inquiry-unitstatus .dropdown-arrow {
    width: 19px;
    height: 24px;
    background: url(../images/sprite-ui.png) no-repeat -30px -950px;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    border-top: 1px solid #cbcbcb;
    position:absolute;
}
.entranceUnitsTable .scrollableContainer td {
    height:25px;
}
.entranceUnitsTable .scrollableContainer{
    height:130px;
    margin-left: 20px;
    width:calc(100%-20px);
}
#divStagingTable .selected td { background:#FFAE19;}
#queryUnitsTable.scrollableContainer {
    
    position: relative;
    padding-top: 37px;
    margin-bottom: 30px;
}
.historyDivAdjust{
    padding-top:20px;
}

.thSortLink {
    cursor:pointer;
}
.infoColumn{
    display:inline-flex;
}
/*Refresh parameter Icon ToolTip message*/
  	#RefreshparamDiv.up-arrow {  
	display: inline-block;
	position: relative;
	background: #ffffff;
	color: #000000;
	text-decoration: none;
	padding: 20px;
    font-size:14px;
	}
#RefreshparamDiv.up-arrow:after {
   
	content: '';
	display: block;  
	position: absolute;
	left: 5px;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 10px solid #ffffff;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
   
}
/*Refresh parameter Icon ToolTip message*/