/**
 * ULTRAMAIN Mobile Mechanic iPhone.
 * (C) 2012.
 *
 * @note
 * The total page size on an iPad is 768px x 1024px.
 * The total page size on an iPhone is 768px x 1152px.
 * The applicationBody ID total size is 768px x 1030px (122px margin top for the header).
 */

* { margin: 0; padding: 0; }
.clear-both { display: block; clear: both; }


view, lookup, action, execute, page, prevButton, nextButton, moreButton, grouping { display: none !important; }
[siteID] { display: none !important; }

/** Base styles **/ 
body { font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; color: #000; background-color: #4e82cd; position: relative; overflow-x: hidden; max-width: 768px; }
/* #bodyWrap { position: relative; max-width: 768px; overflow-x: hidden; } */

.no-results { text-align: center; font-weight: bold; font-size: 2.2em; padding: 2.5em 0 0 0; }

#loadingWrap,
.pageType-popup {width: 100%;height: 100%;background: transparent url('../images/MM/loading-bg.png') repeat 0px 0px;position: fixed;top: 0px;left: 0px;z-index: 8888;}
#loadingWrap { z-index: 9999; }
#loadingWrap #loading { border-radius: 10px; background-color: rgba(0, 0, 0, 0.7); color: #fff; font-size: 2.3em; font-weight: bold; text-align: center; width: 220px; height: 80px; line-height: 80px; position: absolute; top: 536px; left: 274px; }
#clientVars { display: none; }

#applicationHeader { position: fixed; z-index: 50; }
#applicationHeader .header-wrapper { position: relative; width: 766px; height: 80px; /* padding: 40px 0 0 0; */ border: 1px solid #000; background: #505559 url('../images/MM/MM-header-bg.png') repeat-x 0px 100%; }
#applicationHeader .header-wrapper img.logo { position: absolute; bottom: 8px; left: 240px; }
#applicationHeader .header-wrapper a#back { display: none; left: 18px; background-position: 0px 0px; width: 139px; padding-left: 11px; }
#applicationHeader .header-wrapper a#flyout { display: none; width: 60px; left: 10px; background: transparent url('../images/MM/MM-flyout-icon.png') no-repeat 0px 0px; }
#applicationHeader .header-wrapper a#settings,
#applicationHeader .header-wrapper a#logout { display: none; }
/* #applicationHeader .header-wrapper a#page-refresh { display: block; width: 142px; height: 50px; position: absolute; top: 52px; left: 470px; } */
#applicationHeader .header-wrapper #notificationBadge {
	display: block;
	margin-top: 3px;
	margin-right: 125px;
	left: -560px;
}
#applicationHeader .header-wrapper #net-stat { padding: 20px 1px 8px 1px; background: #262a2e url('../images/MM/net-bg.png') repeat-x 0px 0px; border-left: 1px solid #000; border-bottom: none; position: absolute; top: 0px; right: 0px; }
#applicationHeader .header-wrapper #net-stat.status-3 img.status-2,
#applicationHeader .header-wrapper #net-stat.status-3 img.status-1,
#applicationHeader .header-wrapper #net-stat.status-3 img.status-0,
#applicationHeader .header-wrapper #net-stat.status-2 img.status-3,
#applicationHeader .header-wrapper #net-stat.status-2 img.status-1,
#applicationHeader .header-wrapper #net-stat.status-2 img.status-0,
#applicationHeader .header-wrapper #net-stat.status-1 img.status-3,
#applicationHeader .header-wrapper #net-stat.status-1 img.status-2,
#applicationHeader .header-wrapper #net-stat.status-1 img.status-0,
#applicationHeader .header-wrapper #net-stat.status-0 img.status-3,
#applicationHeader .header-wrapper #net-stat.status-0 img.status-2,
#applicationHeader .header-wrapper #net-stat.status-0 img.status-1 { display: none; }
#applicationHeader .header-wrapper .button { display: block; width: 150px; height: 50px; line-height: 50px; font-size: 2.4em; font-weight: normal; color: #dbe4eb; text-align: center; text-decoration: none; position: absolute; bottom: 15px; right: 46px; background: transparent url('../images/MM/MM-header-button-bg.png') no-repeat 0px -100px; }

.applicationFooter { position: fixed; bottom: 0px; left: 0px; width: 764px; height: 82px; background: #a7abaf url('../images/MM/MM-footer-bg.png') repeat-x 0px 0px; border: 2px solid #000; }
.applicationFooter ul { margin: 0 auto; }
.applicationFooter ul li { float: left; list-style-type: none; position: relative; }
.applicationFooter ul li.selected { background: transparent url('../images/MM/MM-action-button-selected-bg.png') no-repeat 0px 0px; }
.applicationFooter ul li a { display: inline-block; width: 109px; height: 82px; background: transparent url('../images/MM/MM-action-buttons.png') no-repeat 0px 0px; }
.applicationFooter ul li span.status-icon { display: none; }
.applicationFooter ul li.show-status-true span.status-icon { display: block; width: 31px; height: 32px; line-height: 32px; position: absolute; top: -2px; right: -1px; text-align: center; font-size: 1.2em; font-weight: bold; color: #fff; background: transparent url('../images/MM/MM-action-status-icons.png') no-repeat 0px 0px; }


/** Hide fixed position elements when form items have focus. **/
/* body.form-field-focus #applicationHeader,
body.form-field-focus #applicationFooter { display: none; } */

#applicationBackground { background: #4b7fc9 url('../images/MM/MM-page-bg.jpg') no-repeat 0px 0px; position: fixed; width: 768px; height: 1030px; margin: 82px 0 0 0; }
#applicationBody { position: absolute; top: 82px; width: 768px; overflow-x: hidden; }

h3.section-title { width: 737px; height: 58px; line-height: 58px; color: #f5f6f8; font-weight: bold; font-size: 3.0em; text-align: center; background: #282c30 url('../images/MM/MM-section-title-bg.png') repeat-x 0px 0px; border: 1px solid #000; }
h3.section-title span.section-total { float: right; padding: 0 27px 0 0; }
h3.faux-title { position: fixed; /* z-index: 50; display: none;  */}

h4.section-title {width: 734px;height: 40px;line-height: 40px;padding: 0 16px;color: #f5f6f8;font-weight: bold;font-size: 3.0em;background: #282c30 url('../images/MM/MM-section-title-bg-small.png') repeat-x 0px 0px;/* border: 1px solid #000; */}
h4.section-title .viewAllTraining{
	background: #282c30 url("../images/MM/MM-section-title-bg-small.png") repeat-x scroll 0 0;
    border: 1px solid #000;
    color: #f5f6f8;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-top: -4px;
    padding-left: 31px;
    width: 734px;
	
}
h4.section-title span.right { float: right; }
h4.faux-title { position: fixed; }

.form-style {background-color: #e4e7ea;padding: 13px;margin: 13px;border-radius: 18px;box-shadow: 0 0 12px #0a1947;}


.form-style h4.form-title { font-size: 3.1em; color: #fff; font-weight: bold; background-color: #969da3; border-bottom: 3px solid #555b60; height: 61px; line-height: 61px; margin: 0 0 13px 0; text-align: center; border-radius: 17px 17px 0 0; }
.form-style .group { background-color: #f5f6f8; border: 3px solid #7b8187; border-radius: 30px; margin: 0 0 13px 0; box-shadow: 0 0 4px #a1a9af; overflow: hidden; }
.form-style .group:last-of-type { margin-bottom: 0px; }
.form-style .group .group-header { height: 44px; line-height: 44px; padding-left: 25px; font-size: 2.8em; color: #fff; font-weight: bold; border-bottom: 3px solid #7b8187; background: #7c8288 url('../images/MM/MM-form-style-header-bg.png') repeat-x 0px 0px; }
.form-style .group .form-item { border-bottom: 2px solid #a1a9af; padding: 0 11px; }
.form-style .group .form-item:last-of-type { border-bottom: none; }
.form-style .group .form-item label { font-size: 3.5em; font-weight: bold; color: #000; height: 58px; line-height: 58px; }
.form-style .group .form-item input { display: block; float: right; text-align: right; font-size: 3.5em; color: #2e5cac; height: 58px; line-height: 58px; background-color: transparent; border: none; width: 400px; }
.form-style .group .no-label {  }
.form-style .group .no-label input { float: none; width: 682px; text-align: right; }
.form-style .group .form-item textarea { font-size: 3.4em; color: #2e5cac; font-weight: normal; background: transparent; border: none; width: 100%; font-family: Helvetica, Arial, sans-serif; padding: 11px 0; }
.form-style .group .form-item-label-changed textarea { color: #2e5cac; }
.form-style .group .has-lookup a.lookup 
{ 
	display: block; 
	float: right; 
	width: 54px; 
	height: 54px; 
	background: transparent url('../images/MM/MM-lookup-button.png') no-repeat 0px 0px; 
	margin: 2px 0 0 0; 
}
.form-style .group .disabled a.lookup { background-image: url('../images/MM/MM-lookup-button-disabled.png'); }
.form-style .group .has-lookup input { width: 285px; padding-right: 11px; }
.form-style .group .readonly {  }
.form-style .group .readonly label,
.form-style .group .readonly input,
.form-style .group .readonly textarea { color: #7b8187; }
.form-style .group .form-item .radio-item { display: inline-block; padding-right: 30px; }
.form-style .group .form-item .radio-item label { color: #2e5cac; padding-left: 8px; font-weight: normal; }
.form-style .group .form-item .radio-item input { width: 25px; }
.form-style .group .form-on-date label { font-size: 3.5em; font-weight: bold; color: #808080; height: 58px; line-height: 58px; }
.form-style .group .form-on-date input { display: block; float: right; text-align: right; font-size: 3.5em; color: #808080; height: 58px; line-height: 58px; background-color: transparent; border: none; width: 400px; }
/* iCheck plugin */
.form-style .group .customRadio,
.form-style .group .customCheckbox { display: inline-block; float: left; margin: 13px 0; width: 32px; height: 31px; background: transparent url('../images/MM/MM-checkboxes.png') no-repeat 0px 0px; }
.form-style .group .customRadio { background-position: 0px 0px; }
.form-style .group .customRadio.hover { background-position: 0px -31px; }
.form-style .group .customRadio.checked { background-position: 0px -62px; }
.form-style .group .customRadio.disabled { background-position: 0px -93px; }
.form-style .group .customRadio.checked.disabled { background-position: 0px -124px; }
.form-style .group .customCheckbox { width: 30px; background-position: 0px -155px; }
.form-style .group .customCheckbox.hover { background-position: 0px -186px; }
.form-style .group .customCheckbox.checked { background-position: 0px -217px; }
.form-style .group .customCheckbox.disabled { background-position: 0px -248px; }
.form-style .group .customCheckbox.checked.disabled { background-position: 0px -279px; }
#applicationBody .button {display: block;padding: 0 36px;font-weight: bold;font-size: 2.8em;color: #f5f6f8;height: 79px;line-height: 79px;background: transparent url('../images/MM/MM-button-bg.png') repeat-x 0px 0px;border: 3px solid #00337f;border-radius: 30px;text-decoration: none;text-align: center;text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187, -1px 1px 0 #7b8187;border-bottom: 0px solid #001b44;}
#applicationBody .notification-delete-button {
	background: url("../images/MM/MM-button-bg.png") repeat-x scroll right
		center transparent;
	border: 2px solid #00337f;
	border-radius: 24px;
	color: #f5f6f8;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	height: 47px;
	line-height: 47px;
	padding: 0 36px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 #7b8187, 1px -1px 0 #7b8187, -1px -1px 0 #7b8187,
		-1px 1px 0 #7b8187;
	width: 51px;
	margin-left: 157px;
	margin-top: 9px;
}

ul.tab-navigation { height: 90px; }
ul.tab-navigation li { list-style-type: none; }
ul.tab-navigation li a { display: block; float: left; width: 382px; height: 88px; line-height: 88px; font-size: 3.6em; font-weight: bold; color: #7b8187; background-color: #f5f6f8; text-align: center; border: 1px solid #000; text-decoration: none; }
ul.tab-navigation li.selected a { background: #68a1e6 url('../images/MM/MM-selected-tab-bg.png') no-repeat 0px 0px; color: #f5f6f8; text-shadow: 1px 1px 0 #2e5cac, 1px -1px 0 #2e5cac, -1px -1px 0 #2e5cac, -1px 1px 0 #2e5cac; }
ul.tab-navigation li:first-child a { border-right-color: #575d62; }
ul.tab-navigation li:last-child a { border-left-color: #575d62; }

#applicationBody .lookupPage .pagerWrap { clear: both; height: 58px; }
#applicationBody .lookupPage .pagerWrap.pagerHasValid-false { display: none; }
#applicationBody .lookupPage .pagerWrap a.button { display: block; float: left; width: 139px; height: 50px; padding: 0 0 0 11px; margin: 8px 22px 0 22px; line-height: 50px; font-size: 2.4em; font-weight: normal; color: #fff; text-align: center; text-decoration: none; background: transparent url('../images/MM/MM-header-button-bg.png') no-repeat 0px 0px; border: none; border-radius: 0px; text-shadow: none; }
#applicationBody .lookupPage .pagerWrap a.button.next { float: right; background-position: 0px -50px; padding: 0 11px 0 0; }
.lookupPage { padding: 0 0 16px 0; }
.lookupPage a.selectionItem { overflow: hidden; display: block; width: 718px; border: 3px solid #00337f; border-radius: 30px; background: #cbd3da url('../images/MM/MM-right-arrow.png') no-repeat 670px 50%; margin: 16px 22px 0 22px; text-decoration: none; overflow: hidden; }
.lookupPage a.selectionItem span.data-row { display: block; overflow: hidden; width: 626px; min-height: 49px; line-height: 49px; color: #7b8187; border-bottom: 2px solid #a1a9af; background-color: #f5f6f8; font-size: 3.5em; margin: 0 60px 0 0; text-align: right; padding: 0 16px; }
.lookupPage a.selectionItem span.data-row.double-height { min-height: 98px; line-height: 98px; }
.lookupPage a.selectionItem span.data-row:nth-last-child(2),
.lookupPage a.selectionItem span.data-row.half-width:nth-last-child(3) { border-bottom: none; }
.lookupPage a.selectionItem span.data-row label { font-weight: bold; float: left; }
.lookupPage a.selectionItem span.half-width { float: left; width: 297px; margin: 0; }
.lookupPage a.selectionItem span.half-width:nth-child(2n) { padding-right: 15px; border-right: 2px solid #a1a9af; }
.lookupPage a.selectionItem span.half-width:nth-child(2n + 1) { padding-left: 15px; }

form.lookupPage { padding: 0; }


/** Login page **/
#loginPage { background: transparent url('../images/MM/MM-splash.jpg') no-repeat 0px 0px; width: 768px; height: 700px; padding: 330px 0 0 0; }
#loginPage .popup-wrap {width: 524px;margin: 0 0 0 118px;background-color: #f5f6f8;border: 3px solid #7b8187;border-radius: 18px;box-shadow: 0 0 12px #0a1947;height: 400px;}
#loginPage .popup-wrap h2 { font-size: 3.1em; font-weight: bold; color: #f5f6f8; line-height: 67px; height: 67px; text-align: center; background: transparent url('../images/MM/MM-login-header-bg.png') repeat-x 0px 0px; border-bottom: 2px solid #545a5f; border-radius: 15px 15px 0 0; }
#loginPage .popup-wrap form#login-form { padding: 15px 38px; }
#loginPage .popup-wrap form#login-form .form-item input { font-size: 3.1em; color: #cbd3da; width: 416px; height: 75px; line-height: 75px; padding: 0 13px; border: 3px solid #7b8187; }
#loginPage .popup-wrap form#login-form .form-item-username input.form-text { border-radius: 30px 30px 0 0; }
#loginPage .popup-wrap form#login-form .form-item-password input.form-password { border-radius: 0 0 30px 30px; border-top: none; }
#loginPage .popup-wrap form#login-form .form-item-label-changed input { color: #333333; }
#loginPage .popup-wrap form#login-form .button {margin: 15px 0 0 0;padding-right: 19px;float: left;position: relative;font-weight: bold;border-bottom: 0px solid #001b44;}
#loginPage .popup-wrap form#login-form .button img { position: absolute; top: 10px; left: 24px; }
#loginPage .popup-wrap form#login-form .loginButton {width: 390px;}
#loginPage .popup-wrap form#login-form .loginButton {font-weight: normal;}
#loginPage .popup-wrap form#login-form .loginButton img { left: 13px; }
#loginPage .popup-wrap form#login-form a.changePassword{font-size: 2.4em;right: 3px;height: 72px;text-shadow: inherit;text-align: center;line-height: 50px;border-width: thick;color: #1c4c9a;margin-left: 245px;}


div#eventTrackerForm {
	border-radius: 12px;
	
}

div#eventTrackerForm input {
	display:block;
	width:400px
}

div#eventTrackerViewFilter .eventTypeWrap span.eventType {
	font-size: 3em;
	font-weight: bold;
	float: left;
	line-height: 35px;
	padding-left: 25px;
	width:285px
	position:  relative;
}

div#eventTrackerViewFilter .eventTypeWrap a.toggleButton {
	display: block;
	width: 107px;
	height: 35px;
	margin: 20px 0px 20px 305px;
	background: transparent url(../images/MET/on-off-slider.png) no-repeat 0px -35px;	
}

div#eventTrackerViewFilter .eventTypeWrap a.toggleButton.toggleState-true{
	background-position: 0px 0px;	
}

div#notes textarea{
	width: 690px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 10px;
	font-size: 3em;
	max-width: 690px;
	max-height:100%;
}


form.eventTypes-style .group
{
  border: 3px solid #989696;
  box-shadow: 0 0 0px #a1a9af !important;
  border-radius: 15px 15px 0px 0px;
  overflow: hidden;
  width: 99.1%;
} 

div#metLocationAndCategoryView a.loadButton{
	margin-bottom: 10px;
    margin-top: 10px;
	margin-left: 235px;
    margin-right: 235px;	
}
  
div#eventTrackerViewFilter a.loadButton{
	margin-bottom: 10px;
    margin-top: 10px;
	margin-left: 250px;
    margin-right: 250px;	
}

div#eventTrackerViewFilter a.createEventTypeButton{width: 150px;float:  right;position: relative;display: block;}

div#eventTrackerViewFilter div#eventTypesForm div.eventTypeWrap{
		 border-bottom: 1px solid white;
}
#metPkgAllocationsView a.flight-assign-wrap span { display: block; }

#metPkgAllocationsView a.flight-assign-wrap { background-image: none;
background-color: #f5f6f8;
 
 }
#metPkgAllocationsView a.flight-assign-wrap span.title { display: block;
font-size: 3.5em;
font-weight: bold;
line-height: 50px;
border-bottom: 2px solid #a1a9af;
background-color: #cbd3da;
text-align: center;
color: #7b8187;
}
 
#metPkgAllocationsView a.flight-assign-wrap span.section {
	width:357px;
	float: left;
	border-right: 2px solid #a1a9af;
	padding-bottom: 8px;
 }
 
#metPkgAllocationsView a.flight-assign-wrap span.left {
background-color: #7b8187;
color: #f5f6f8;
font-weight: bold;
font-size: 3.1em;
padding: 2px 0;
text-align: center;
 }
 
#metPkgAllocationsView a.flight-assign-wrap span.sec-title { 
text-align: center;
font-size: 3.1em;
font-weight: bold;
color: #7b8187;
margin: 8px 0; 
 }
 
#metPkgAllocationsView a.flight-assign-wrap span.field {
font-size: 2.6em;
color: #7b8187;
margin-left: 52px;
line-height: 38px;	

 }
 
#metPkgAllocationsView a.flight-assign-wrap span.field label::after {
    content: ' :';
}

#metPkgAllocationsView a.flight-assign-wrap .field label {
	width: 80px;
	display: inline-block;
	font-weight:  bold;

}

#metPkgAssignmentsTaskListView a.flight-assign-wrap span { display: block; }

#metPkgAssignmentsTaskListView a.flight-assign-wrap { background-image: none;
background-color: #f5f6f8;
 
 }
#metPkgAssignmentsTaskListView a.flight-assign-wrap span.title { display: block;
font-size: 3.5em;
font-weight: bold;
line-height: 50px;
border-bottom: 2px solid #a1a9af;
background-color: #cbd3da;
text-align: center;
color: #7b8187;
}
 
#metPkgAssignmentsTaskListView a.flight-assign-wrap span.section {
	width:357px;
	float: left;
	border-right: 2px solid #a1a9af;
	padding-bottom: 8px;
 }
 
#metPkgAssignmentsTaskListView a.flight-assign-wrap span.left {
background-color: #7b8187;
color: #f5f6f8;
font-weight: bold;
font-size: 3.1em;
padding: 2px 0;
text-align: center;
 }
 
#metPkgAssignmentsTaskListView a.flight-assign-wrap span.sec-title { 
text-align: center;
font-size: 3.1em;
font-weight: bold;
color: #7b8187;
margin: 8px 0; 
 }
 
#metPkgAssignmentsTaskListView a.flight-assign-wrap span.field {
font-size: 2.6em;
color: #7b8187;
margin-left: 52px;
line-height: 38px;	

 }
 
#metPkgAssignmentsTaskListView a.flight-assign-wrap span.field label::after {
    content: ' :';
}

#metPkgAssignmentsTaskListView a.flight-assign-wrap .field label {
	width: 80px;
	display: inline-block;
	font-weight:  bold;

}


#metPkgAssignmentsTaskListView  .pagerWrap { clear: both; height: 58px; }
#metPkgAssignmentsTaskListView  .pagerWrap.pagerHasValid-false { display: none; }
#metPkgAssignmentsTaskListView  .pagerWrap a.button { display: block; float: left; width: 139px; height: 50px; padding: 0 0 0 11px; margin: 8px 22px 0 22px; line-height: 50px; font-size: 2.4em; font-weight: normal; color: #fff; text-align: center; text-decoration: none; background: transparent url('../images/MM/MM-header-button-bg.png') no-repeat 0px 0px; border: none; border-radius: 0px; text-shadow: none; }
#metPkgAssignmentsTaskListView  .pagerWrap a.button.next { float: right; background-position: 0px -50px; padding: 0 11px 0 0; }p a.button.next { float: right; background-position: 0px -50px; padding: 0 11px 0 0; }


#metEventCategoryWorkspace div.flight-assign-wrap span { display: block; }

#metEventCategoryWorkspace div.flight-assign-wrap {background-image: none;background-color: #f5f6f8;border-radius: 18px 18px 18px 18px;position:  relative;}
#metEventCategoryWorkspace div.flight-assign-wrap span.title { display: block;
font-size: 3.5em;
font-weight: bold;
line-height: 57px;
border-bottom: 2px solid #a1a9af;
background-color: #cbd3da;
text-align: center;
color: #7b8187;
}
 
#metEventCategoryWorkspace div.flight-assign-wrap span.section {
	width: 366px;
	float: left;
	border-right: 2px solid #a1a9af;
	padding-bottom: 8px;
	position:  relative;
	}
 
#metEventCategoryWorkspace div.flight-assign-wrap span.left {
background-color: #7b8187;
color: #f5f6f8;
font-weight: bold;
font-size: 3.1em;
padding-bottom: 2px;
margin-right: -2px;
text-align: center;
 }
 
#metEventCategoryWorkspace div.flight-assign-wrap span.sec-title { 
text-align: center;
font-size: 3.1em;
font-weight: bold;
color: #7b8187;
margin: 8px 0; 
 }
 
#metEventCategoryWorkspace div.flight-assign-wrap span.field {
font-size: 2.6em;
color: #7b8187;
margin-left: 52px;
line-height: 38px;	

 }
 
#metEventCategoryWorkspace div.flight-assign-wrap span.field label::after {
    content: ' :';
}

#metEventCategoryWorkspace div.flight-assign-wrap .field label {
	width: 80px;
	display: inline-block;
	font-weight:  bold;

}

#metEventCategoryWorkspace div.flight-assign-wrap .field span {

	display: inline-block;

}

div#allMilestoneAndAlertWorkspace div#filterMenu {
	max-width: 200px;
	font-size: 0.8em;
	text-align:  left;
	position: fixed;
	display: grid;
	background-color: #5a6169;
	padding-left: 20px;
	left: 100px;
	padding-right: 20px;
	cursor: pointer;
}

div#allMilestoneAndAlertWorkspace div#filterMenu span {
	background-color: #5a6169;
}

div#allMilestoneAndAlertWorkspace div#sortMenu {
	max-width: 200px;
	text-align: left;
	position: fixed;
	display: grid;
	left: 500px;
	background-color: #5a6169;
	padding-left: 20px;
	padding-right: 20px;
}
div#allMilestoneAndAlertWorkspace div#sortMenu a {
	text-decoration: none;
	color: #ffffff;
}

div#eventTrackerForm a#gate-groundTimeOverview {
	position:  absolute;
	padding:  0 10px;
	height: 40px;
	line-height:  40px;
	margin: 6px 0 0 2px;
	font-weight:  normal;
	font-size:  3em;
	border-radius: 15px;
}

img#createGroundEvents {
 position: absolute;
 height: 85px;
 width: 225px;
 right: 0px;
}

img#createNewAlert {
    position: absolute;
    height: 85px;
    width: 225px;
    right: 0px;
}

div#eventTrackerViewFilter a.button {
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0 20px;
	margin: 10px 20px;
}
div#eventTrackerViewFilter a.addNewAlert{
width:150px;
position:absolute;
display: block;
}


.dateFieldAsLabel {border: 0px;background-color: transparent;color: black;pointer-events: none;}

.timeFieldAsLabel { border: 0px; background-color: transparent; color: black; pointer-events: none; }

div#eventTypesForm div#eventRecordDetails div.eventDetailsForm div{
	! border-bottom: 1px solid white; 
	position:  relative;
	display: inline-grid;
	min-height: 24px;
}
div#eventTypesForm div#eventRecordDetails div.eventDetailsForm div.eventDateTime .startDateTime {
	font-size: 16px;
	left: 3px;
	text-align:  left;
	font-weight:  bold;
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
	display: table-cell;
	width: 190px;
	line-height: 23px;
}

div#eventTypesForm div#eventRecordDetails div.eventDetailsForm div.eventDateTime .startDateTime.timeFieldAsLabel {
	font-size: 16px;
	float: right;
	line-height: 23px;
	text-align: left;
	left: 103px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	display: table-cell;
	}


div#eventTypesForm div#eventRecordDetails div.eventDetailsForm div.eventDateTime .endDateTime {
	font-size: 16px;
	float: left;
	height: auto;
	min-width: 120px;
	text-align:  left;
	position: relative;
	font-weight:  bold;
	font-family: Helvetica, Arial, sans-serif;
	display:  table-cell;
	margin-left: 3px;
	width: 150px;
	line-height: 23px;
}

div#eventTypesForm div#eventRecordDetails div.eventDetailsForm div.eventDateTime .endDateTime.timeFieldAsLabel {
	font-size: 16px;
	float: right;
	margin-top:  23px;
	line-height: 23px;
	text-align:  left;
	left: 100px;
	font-weight:  bold;
	font-family: Helvetica, Arial, sans-serif;
	display: table-cell;
}


div#eventTypesForm div#eventRecordDetails div.eventDetailsForm div.eventDateTime .dateFieldAsLabel.hide-true{
	display:none; 
}

div#eventTypesForm div#eventRecordDetails div.eventDetailsForm div.eventDateTime .timeFieldAsLabel.hide-true{
	display:none;
}
div#eventTypesForm div#eventRecordDetails div.eventDetailsForm div.eventDateTime .timeFieldAsLabel {
	font-size: 1em;
	line-height: 35px;
	width: 135px;
	font-weight:  bold;
	float:left;
	position: absolute;
	top: auto;
	font-family: Helvetica, Arial, sans-serif;
}



div#eventTypesForm {
	width: 742px;
}

div#eventTypesForm ul.tab-navigation {

height: 70px;
}

div#eventTypesForm ul.tab-navigation a {

width: 33.04%;

height: 70px;

line-height:  70px;
}
div#eventTypesForm ul.tagOptionFilter {

height: auto;

line-height: 60px;
}

div#eventTypesForm ul.tagOptionFilter li {

display: block;
}

div#eventTypesForm ul.tagOptionFilter span.tagOption {width: 246.5px;display: block;float: left;height: 70px;line-height: 70px;font-size: 4.5em;font-weight:  normal;color: #f5f6f8;background: #282c30 url('../images/MM/MM-section-title-bg.png') repeat-x 0px 0px;text-align: center;border: 1px solid #000;border-left:  none;text-decoration: none;cursor: pointer;border-bottom: none;}
div#eventTypesForm ul.tagOptionFilter span.tagOption.selected {
background: #68a1e6 url(../images/MM/MM-selected-tab-bg.png) no-repeat 0px 0px;
text-shadow: 1px 1px 0 #2e5cac, 1px -1px 0 #2e5cac, -1px -1px 0 #2e5cac, -1px 1px 0 #2e5cac;
}

div#eventTypesForm ul.filterSortOptions {
height: auto;
line-height: 60px;
z-index:  4;
}

div#eventTypesForm ul.filterSortOptions li {
display: block;
}
div#eventTypesForm ul.filterSortOptions div.filterSortMenuOption {width: 49.65%;display: block;float: left;height: 50px;line-height: 50px;font-size: 3.5em;font-weight:  normal;color: #f5f6f8;background: #282c30 url('../images/MM/MM-section-title-bg.png') repeat-x 0px 0px;text-align: center;border: 1px solid #000;text-decoration: none;border-left: none;}
div#eventTypesForm ul.filterSortOptions div.filterSortMenuOption.sort {width: 372px;display: block;float: left;height: 50px;line-height: 50px;font-size: 3.2em;color: #f5f6f8;background: #282c30 url('../images/MM/MM-section-title-bg.png') repeat-x 0px 0px;text-align: center;/* border: 1px solid #000; */text-decoration: none;}
div#eventTypesForm .eventTypeWrap span.eventType {
	font-size: 3em;
	font-weight: bold;
	float: left;
	line-height: 35px;
	padding-left: 25px;
	width:285px
}

div#eventTypesForm .eventTypeWrap a.toggleButton {
	display: block;
	width: 107px;
	height: 35px;
	margin: 20px 0px 20px 315px;
	background: transparent url(../images/MET/on-off-slider.png) no-repeat 0px -35px;	
}

div#eventTypesForm .eventTypeWrap a.toggleButton.toggleState-true{
	background-position: 0px 0px;	
}

div#eventTypesForm .eventTypeWrap span.eventTime {
	font-size: 1em;
}

div#notes textarea{
	width: 688px;
	margin-right: 0;
	font-size: 3em;
	margin-left: 13px;
}
div#eventTypesForm div#eventTypesForm div.eventTypeWrap{
		 border-bottom: 1px solid white;
		 font-size:  2em;
		 width: 100%;
}
div#eventTypesForm div.eventDetailsForm.table {width: 100%;display: table;}
div#eventTypesForm div.eventDetailsForm.table div.list-header {
    height: 60px;
    font-size: 1em;
    width: max-content;
    z-index:  -10;
}

div#eventTypesForm div.eventDetailsForm.table div.list-header span {display: block;float: left;height: 60px;line-height:  60px;text-align: center;color: #ffffff;font-weight: bold;font-size: 2em;word-wrap: break-word;border-right: 2px solid rgba(255, 250, 255, 1);word-break: break-word;background: rgba(25, 83, 190, 0.75);border-bottom: 3px solid rgba(255, 250, 255, 1);border-top: 3px solid rgba(255, 250, 255, 1);}
div#eventTypesForm div.eventDetailsForm.table div.list-header span.icon {
position: inherit;
font-size: 2.5em;
width: 45px;
line-height: 60px;
height: 60px;
float:  left;
}
div#eventTypesForm div.eventDetailsForm.table div.list-header span.event {

width: 234px;
	
min-height: 60px;
	
vertical-align: middle;
	
word-wrap: break-word;
}
div#eventTypesForm div.eventDetailsForm.table div.list-header span.category {
	
width: 154px;
	
}
div#eventTypesForm div.eventDetailsForm.table div.list-header span.tagType {
	
width: 100px;
	
text-align:  center;
}

div#eventTypesForm div.eventDetailsForm.table div.list-header span.tagDetail {width: 110px;text-align:  center;}
div#eventTypesForm div.eventDetailsForm.table div.list-header span.eventTime {
	
width: 192.5px;
	
height:  60px;
	
float:  left;
	
border-right:  none;
}
div#eventTypesForm .form-style .group .form-item.form-description textarea {
	font-size: 3.4em;
	color: #2e5cac;
	font-weight: normal;
	background: transparent;
	border: none;
	width: 690px;
	min-width: 690px;
	max-width: 690px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 11px 0;
	}
div#eventTypesForm div#eventTypesForm {border-radius: 0;border: none;}
div#eventTypesForm div#eventTypesForm {display: table-row;border-radius: 0;border: none;}
div#eventTypesForm div#eventTypesForm h3.section-title{width: 742px;height: 28px;line-height: 28px;font-size: 2em;border: none;margin-bottom: 4px;}
div#eventTypesForm div#eventTrackerViewFilter .form-style {
	
padding: 0px;
	
border-top-right-radius:  14px;
	
border-top-left-radius: 14px;
	
border: none;
}

div#eventTypesForm div#eventTrackerViewFilter .form-style .flightInfo {
	
padding: 0px;
	
border-top-right-radius:  14px;
	
border-top-left-radius: 14px;
	
border: none;
}

div#eventTypesForm .flightInfo {
	
padding: 10px;
	
border-radius:  14px;
	
border-top-right-radius:  14px;
	
border-top-left-radius: 14px;
	
height: 275px;
}

div#eventTypesForm div#eventTrackerViewFilter .form-style.eventRecords {overflow:  visible;background-color: transparent;margin: 0;width: 742px;position:  relative;}

div#eventTypesForm div#eventTrackerViewFilter .form-style div#arrvDepInfo {
	
height: 220px;
	
padding: 0px;
	
border-bottom-right-radius: 14px;
	
border-bottom-left-radius: 14px;
	
}
div#eventTypesForm div#eventTrackerViewFilter .group.menu {

position: relative;

border: none;

border-top-right-radius:  10px;

border-top-left-radius:  10px;

background-color: #4e82cd;

min-width: 729px;

z-index: 10;
}
div#eventTypesForm div#eventTrackerViewFilter .group ul.tagOptionFilter {

position: relative;

border: none;

border-top-right-radius:  10px;

border-top-left-radius:  10px;

background-color:  transparent;
}

div#eventTypesForm div#eventTrackerViewFilter .group ul.tagOptionFilter li {

border-top-right-radius: 10px;

background-color:  transparent;
}

div#eventTypesForm div#eventTrackerViewFilter div#eventTrackerForm {
	
height: 55px;
	
border-top-left-radius:  14px;
	
border-top-right-radius:  14px;
	
background-color: #c0c5cc59;
}
div#eventTypesForm div#eventTrackerViewFilter .group {

border-radius: 0px;

border: none;

position:  relative;

overflow:  visible;

width: 742px;

display: table-row;
}

div#eventTypesForm div#eventTrackerViewFilter .group .form-item{

}

div#eventTypesForm div#eventTrackerViewFilter .group div.eventDetailsForm.table{
	
overflow: overlay;
	
z-index: 2;
}

div#eventTypesForm div#eventTrackerViewFilter .group .event-list div.eventDetailsForm{
	display: table-row;
	position: relative;
	width: auto;
	overflow: visible;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
div#eventTypesForm div#eventTrackerViewFilter .group .event-list div.eventDetailsForm span {
	display: table-cell;
	font-size: 18px;
	word-wrap:  break-word;
	word-break: break-word;
	padding: 0px;
	vertical-align: middle;
	padding-left: 5px;
	border-bottom: 1px solid white;
	font-weight:  bold;
	position: relative;
	overflow-wrap: break-word;
}

div#eventTypesForm div#eventTrackerViewFilter .group .event-list div.eventDetailsForm span.icon {
	border-right: 2px solid #ffffff;
	min-width: 40px;
	text-align:  center;
	max-width:  40px;
}

div#eventTypesForm div#eventTrackerViewFilter .group .event-list div.eventDetailsForm span.eventName {
	border-right: 2px solid #ffffff;
	min-width: 229px;
	max-width: 229px;
}

div#eventTypesForm div#eventTrackerViewFilter .group .event-list div.eventDetailsForm span.eventCategory {
	border-right: 2px solid #ffffff;
	min-width: 149px;
	max-width: 149px;
}

div#eventTypesForm div#eventTrackerViewFilter .group .event-list div.eventDetailsForm span.tagDetail {
	border-right: 2px solid #ffffff;
	min-width: 104px;
	word-break:  break-all;
	max-width:  104px;
}

div#eventTypesForm div#eventTrackerViewFilter .group .event-list div.eventDetailsForm{
	display: table-row;
	position: relative;
	width: auto;
	overflow: visible;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
div#eventTypesForm div#eventTrackerViewFilter .group .event-list div.eventDetailsForm span {
	display: table-cell;
	font-size: 18px;
	word-wrap:  break-word;
	word-break: break-word;
	padding: 0px;
	vertical-align: middle;
	padding-left: 5px;
	border-bottom: 1px solid white;
	font-weight:  bold;
	position: relative;
	overflow-wrap: break-word;
}
div#eventTypesForm div#eventTrackerViewFilter div#eventRecordDetails{position:  relative;z-index:  3;min-height: 500px;width: 742px;}
div#eventTypesForm div#eventTrackerViewFilter div#eventDetailsDiv{border-bottom: 3px solid white;}
div#eventTypesForm div#eventTrackerViewFilter div#eventDetailsDiv:nth-child(odd){background-color: rgba(150, 167, 214, 0.42);}
div#eventTypesForm div#eventTrackerViewFilter div#eventDetailsDiv:nth-child(even){background-color: rgba(229, 229, 259, 0.2);}
div#eventTypesForm div#filterMenu {max-width: 200px;font-size: 0.8em;text-align:  left;position: relative;display: grid;background-color: #5a6169;padding-left: 20px;left: 70px;padding-right: 20px;cursor: default;z-index: 150;font-size: 25px;}
div#eventTypesForm div#filterMenu span {background-color: #5a6169;}
div#eventTypesForm div#sortMenu {max-width: 200px;text-align: left;display: grid;left: 60px;background-color: #5a6169;padding-left: 20px;padding-right: 20px;position: relative;z-index:  150;cursor: default;font-size:  25px;width: 150px;}
div#eventTypesForm div#sortMenu a {text-decoration: none;color: #ffffff;}
h4.section-title.overview {width: 710px;height: 40px;line-height: 40px;padding: 0 16px;color: #f5f6f8;font-weight: bold;font-size: 3.0em;background: #282c30 url('../images/MM/MM-section-title-bg-small.png') repeat-x 0px 0px;border: 1px solid #000;border-top: none;}
#metEventCategoryWorkspace form.lookupPage {padding: 0;border: none;}


div#eventTrackerViewFilter .dateTimeLables {
	height: 0px;
	float: left;
} 
div#eventTrackerViewFilter .dateTimeLables input{font-size: 2.2em;line-height: 35px;max-width: 150px;left: 117px;text-align: left;position: relative;font-weight: bold;/*! top: -10px; */font-family:  Helvetica, Arial, sans-serif;display: inline-grid;}

div#eventTrackerViewFilter .dateTimeLables input.hide-true{
	display:none; 
}

div#eventTrackerViewFilter .eventTypeWrap a.toggleButton.readonly-true{
	cursor:not-allowed;pointer-events:none;color: #7b8187;	
}
div#eventTrackerViewFilter .eventTypeWrap span.refMaterialIcon.readonly-true {
	cursor:not-allowed;pointer-events:none;color: #7b8187;
}

div#eventTrackerViewFilter a.actionCommand.click-me{
margin-bottom: 10px;
margin-top: 10px;
margin-left: 0px;
margin-right: 0px;
height: 75px;
left: 105px;
width: 145px;
line-height:  75px;
position: absolute;
}

div#eventTrackerViewFilter a.actionCommand.click-me.newAlert{
left: 440px;
}
div#eventTrackerViewFilter div#eventTypesForm div.eventTypeWrap{
border-bottom: 3px solid #929496;
height:  auto;
word-wrap: break-word;
text-overflow: clip;
}

div#eventTrackerViewFilter div#eventTypesForm div.eventTypeWrap div.notesId{
border-bottom: none;
height:  auto;
word-wrap: break-word;
text-overflow: clip;
}

div#eventTrackerViewFilter div#eventTypesForm div.eventTypeWrap div.notesId.eventClass-M{
 display:none;
}

div#eventTrackerViewFilter div#eventTypesForm div.eventTypeWrap div.notesId.readonly-true{
 outline:none;
 pointer-events:  none;
}

div#eventTrackerViewFilter .form-style .group .form-item.form-description textarea {
	font-size: 3.4em;
	color: #2e5cac;
	font-weight: normal;
	background: transparent;
	border-radius: 18px;
	width: 690px;
	min-width: 690px;
	max-width: 690px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 11px 0;
	user-select: none;
	outline: none;
	}

div#eventTypesForm h3.section-title {width: 742px;height: 58px;line-height: 58px;color: #f5f6f8;font-weight: bold;font-size: 3.0em;text-align: center;background: #282c30 url('../images/MM/MM-section-title-bg.png') repeat-x 0px 0px;border: 1px solid #535454;margin-right:  0;}	

div#eventTypesForm {
border: none;
border-radius: 20px;
}
form#eventContainer {
background-color: #e4e7ea;
padding: 1px;
margin: 13px;
border: none;
border-radius: 18px;
box-shadow:  none;
}

div#eventTrackerViewFilter .form-style{margin-bottom: 0px;padding-bottom:  0;}
div#eventTrackerViewFilter .form-style.taskDetails{margin-top: 10px;margin-bottom: 0px;padding-bottom:  0;border-bottom-left-radius: 0;border-bottom-right-radius:  0;border-bottom:  none;background-color: #e4e7ea;}
div#eventTrackerViewFilter .form-style.click-me{margin-bottom: 0px;height: 120px;}
div#eventTrackerViewFilter .form-style.eventTypesForm{padding: 0;margin: 0 13px;border-radius: 25px;box-shadow: 0 0 12px #0a1947;}
div#eventTrackerViewFilter .form-style .group{background-color: #e4e7ea;border-top-left-radius: 20px;border-top-right-radius: 20px;}
div#eventTrackerViewFilter .form-style.taskDetails .group{border: 3px solid gray;margin-bottom: 0px;padding-bottom:  0;border-radius: 18px 18px 18px 18px;background-color: #ffffff;}
div#eventTrackerViewFilter .form-style.taskDetails .group.description{border-top: none;}
div#eventTrackerViewFilter .eventTypeWrap span.refMaterialIcon {display: none;}
div#eventTrackerViewFilter .eventTypeWrap span.refMaterialIcon.true {
	display: block;
	width: 38px; 
	height: 45px;
	background: transparent url('../images/MM/MM_Action_AttachReferenceMaterial.png') no-repeat 0px 0px;
	padding-left:0px;
	float:right;
	background-position: 0px 5px;
	padding-top:0px;
	padding-bottom:0px
	padding-right:10px;
}

div#eventTrackerViewFilter div.flight-details span.section {
	width: 369px;
	float: left;
	border-bottom-left-radius: 14px;
	height: 225px;
	border-right:  2px solid gray;
	position:  absolute;
	}
 div#eventTrackerViewFilter div.flight-details span.section.arrv {
	width: 369px;
	border-bottom-left-radius: 14px;
	height: 225px;
	border-right:  2px solid gray;
	}

	div#eventTrackerViewFilter div.flight-details span.section.dep {
	width: 371px;
	border-bottom-left-radius: 14px;
	height: 225px;
	border-right: none;
	float:right;
	position:  relative;
	}

div#eventTrackerViewFilter div.flight-details span.left {
background-color: #7b8187;
color: #f5f6f8;
font-weight: bold;
font-size: 3.1em;
padding: 2px 0;
text-align: center;
 }
	
/** View attachments page **/
#referenceMaterialView {  }
#referenceMaterialView .group-wrap { width: 709px; padding: 11px 13px 0 13px; background-color: #e4e7ea; border: 3px solid #5d6268; border-radius: 18px; margin: 13px auto; }
#referenceMaterialView .group-wrap a.refWrap { display: block; border: 3px solid #7e848a; background-color: #f5f6f8; color: #5d6268; font-size: 3.0em; margin: 6px 0 17px 0; padding: 0 0 6px 0; border-radius: 28px; text-decoration: none; }
#referenceMaterialView .group-wrap a.refWrap span.full-width { display: block; min-height: 57px; line-height: 57px; padding: 0 70px 0 22px; }
#referenceMaterialView .group-wrap a.refWrap span.ref-type,
#referenceMaterialView .group-wrap a.refWrap span.ref-id { min-height: 40px; line-height: 40px; }
#referenceMaterialView .group-wrap a.refWrap span.right-arrow { width: 54px; height: 54px; background: transparent url('../images/MM/MM-lookup-button.png') no-repeat 0px 0px; float: right; margin: 25px 10px 0 0; }

#referenceMaterialsContainer { margin: 12px; }
#referenceMaterialsContainer .ref a {	
	display: block;
    background-color: #e4e7ea;
    text-decoration: none;
    border: 2px solid #5d6268;
    border-radius: 18px;
    color: #000;
    font-size: 2.4em;
    font-weight: bold;
    padding: 16px 12px;
    margin-bottom: 12px;
    line-height: 56px;
    height: 100px;
    width: 670px;
}
#referenceMaterialsContainer .ref a img { /* float: left; */ margin-right: 10px; max-height: 56px; }


/** Reference material upload **/
#uploadPage { height: 902px; padding: 190px 0 0 0; }
#uploadPage .popup-inner { width: 604px; margin: 0 0 0 78px; background-color: #f5f6f8; border: 3px solid #7b8187; border-radius: 18px; overflow: hidden; box-shadow: 0 0 12px #0a1947; }
#uploadPage .popup-inner input[name="file-holder"] { display: none; }
/* #uploadPage .popup-inner a.executeBack { border-left: 2px solid #545a5f;  color: #fff; float: right; padding: 0 18px; text-decoration: none; } */
#uploadPage .popup-inner h2 { font-size: 3.1em; font-weight: bold; color: #f5f6f8; line-height: 67px; height: 67px; text-align: center; background: transparent url('../images/MM/MM-login-header-bg.png') repeat-x 0px 0px; border-bottom: 2px solid #545a5f; }
#uploadPage .popup-inner form { padding: 15px; border: none; border-radius: 0px; box-shadow: none; }
#uploadPage .popup-inner form .upload-me { border: 2px dashed #aaa; border-radius: 6px; color: #888; font-size: 2em; padding: 26px; text-align: center; }
#uploadPage .popup-inner form .form-item { margin-bottom: 20px; }
#uploadPage .popup-inner form .form-item label { font-size: 2.8em; color: #7b8187; float: left; }
#uploadPage .popup-inner form .form-item .warning { font-size: 2.5em; color: #7b8187; text-align: center; }
#uploadPage .popup-inner form .form-item .input { border: medium none; color: #000; font-size: 3.1em; margin-left: 18px; text-align: left; width: 501px; }
#uploadPage .popup-inner form .form-item input { width: 502px; margin-left: 20px; float: none; text-align: left; color: #000; font-size: 3.1em; background-color: transparent; border: none; }
#uploadPage .popup-inner form .preview { border: 1px solid #545a5f; height: 220px; margin: 18px auto; width: 444px; text-align: center; position: relative; }
#uploadPage .popup-inner form .preview img { max-width: 444px; max-height: 220px; z-index: 2; position: relative; border-radius: 3px; }
#uploadPage .popup-inner form .preview .background { background-color: #eee; color: #aaa; font-size: 2.4em; line-height: 220px; position: absolute; text-align: center; width: 444px; z-index: 1; }
#uploadPage .popup-inner .button-wrap { text-align: center; }
#uploadPage .popup-inner a.button { display: inline-block; width: 170px; font-weight: bold; }
#uploadPage .popup-inner a.saveButton { float: right; }
#uploadPage .popup-inner a.cancelButton { width: 120px; margin-left: 15px; }

#imgPreview .popup-inner { /* padding: 55px 0 0 0; */ height: 1024px; text-align: center; width: 748px; margin-left:0px;}
#imgPreview .popup-inner .helper { display: inline-block; height: 100%; vertical-align: middle; }
#imgPreview .popup-inner .border { box-shadow: 0 0 25px 6px #000; margin: auto; position: relative; display: inline-block; vertical-align: middle; }
#imgPreview .popup-inner .border a.closeButton { background: none repeat scroll 0 0 #999; border: 3px solid #000; border-radius: 19px; color: #fff; display: block; font-size: 1.8em; font-weight: bold; height: 32px; line-height: 30px; position: absolute; right: -37px; text-decoration: none; top: -37px; width: 32px; }
#imgPreview .popup-inner .border img { float: left; max-width: 660px; max-height: 906px; }

div#eventTrackerViewFilter .dateTimeLables input.hide-false{border: 0px;background-color: white;color: black;pointer-events: auto;display: list-item;max-width: 250px;top: -14px;padding-left:  5px;min-width: 230px;}

div#eventTrackerViewFilter div#eventTypesForm div.eventTypeWrap div.notesId.eventClass-D{
 display:none;
}
#applicationHeader .header-wrapper .forLookupSpyAndFilterIcon input { width: 420px; height: 47px; margin-left: 0px; line-height: 47px; font-size: 2.3em; color: #acadc3; font-style: italic; padding: 0 50px 0 20px; border: 1px solid #000; border-radius: 5px; background: #454b50 url(../images/MM/MM-spyglass.png) no-repeat 446px 50%; }

#applicationHeader .header-wrapper .lookupFilter.forLookupSpyAndFilterIcon {left: 177px;}

#applicationHeader .header-wrapper .lookupFilter { position: absolute; top: 16px; left: 97px; }

.pageType-popup { padding-top: 165px; }
#changePasswordPage .popup-inner form .form-item input { width: 270px; }
#changePasswordPage .popup-inner h2 { height:80px;border-bottom: #f5f8fa;}
.pageType-popup { padding-top: 165px; }
.pageType-popup .popup-inner {width: 604px;margin: 246px 0 0 78px;padding-bottom: 15px;background-color: #f5f6f8;border: 3px solid #7b8187;border-radius: 18px;overflow: hidden;box-shadow: 0 0 12px #0a1947;}
.pageType-popup .popup-inner.pdftypepopup {width: 740px; margin: 0 0 0 15px;bottom:90px;}
.pageType-popup .popup-inner h2 { font-size: 3.1em; font-weight: bold; color: #f5f6f8; line-height: 67px; height: 67px; text-align: center; background: transparent url('../images/MM/MM-login-header-bg.png') repeat-x 0px 0px;border-bottom: 2px solid #545a5f; }
.pageType-popup .popup-inner form { background-color: transparent; margin: 0; border: none; border-radius: 0px; box-shadow: none; }
.pageType-popup .popup-inner form .form-item label {font-size: 2.8em; color: #7b8187;}
.pageType-popup .popup-inner form .form-item .input { border: medium none; color: #000; font-size: 3.1em; margin-left: 18px; text-align: left; width: 501px; }
.pageType-popup .popup-inner form .form-item input { width: 479px; margin-left: 20px; text-align: left; color: #000; font-size: 3.1em; background-color: transparent;border: none; }
.pageType-popup .popup-inner .button-wrap {text-align: center; }
.pageType-popup .popup-inner a.button { display: inline-block; width: 170px; font-weight: bold; }
.pageType-popup .popup-inner a.saveButton { float: right; margin-right: 15px; }
.pageType-popup .popup-inner a.cancelButton { width: 120px; margin-left: 15px;}
#changePasswordPage .popup-inner form .form-item input { width: 270px; }
#changePasswordPage .popup-inner h2 { height:80px;border-bottom: #f5f8fa;}
.splash-screen{width: 100%; height: 100%; background-color: #1c509c; position: fixed; z-index: 999999 !important; }
.splash-screen img{max-width: 60%; position:relative; top: 45%;left: 20%}
div.disableOpenId{display: none;}
hr {border: none; border-top: 3px double #333; color: #333; overflow: visible; text-align: center; height: 5px;}

hr:after {background: #fff; content: 'OR'; padding: 0 4px; position: relative; top: -8px; font-size:13px;}