@charset "utf-8";

html { height: 100%; }
body, form { min-height: 100%; height: 100%;background:white; }


body {
    padding-top: 52px;
    padding-bottom: 20px;
    
}
body, div, input, select, textarea
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000
}

.page
{
    width: 100%;
    height:100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
}

.gvBootstrap.pagination {
	margin: 5px 0;
}

#usersDetails .control-label, #userRoles .control-label {
	font-size: 1.1em;
}

#usersDetails .form-group {
	margin-bottom: 2px;
}

#umt-navbar.navbar-default {
        background-color:#FFF !important;
        background-image:url(../Images/bg_INX_Main.png);
        background-repeat:no-repeat;
        background-position:top right;
        margin-bottom:5px;
        border-bottom:0;
    }

    #umt-navbar .navbar-collapse.collapse {
        margin-right:50px;
    }

H2
{
    font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	margin-top:5px;
	margin-bottom:5px;	
}

H3
{
    font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	margin-top:5px;
	margin-bottom:5px;	
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}

a:visited {
	text-decoration: none;
	color: #000000;
}

.legend
{
    font-weight:bold;
}

.siteHeading
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:14pt;
	color:#808080;
	font-weight:bold;
}

.pageTitle
{
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}

.pageTitleArea
{
	margin-top:5px;
	margin-bottom:5px;	
}

.textInput
{
    width:200px;
}

/** duplicate to pageTitle/pageTitleArea etc to be compliant with pre 3G **/
div.title.titleblock
{
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	margin-top:5px;
	margin-bottom:5px;	
}

.pageSubTitle
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000
}

.pageSubTitleArea
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11pt;
	color:#666666;
	margin-top:30px;
	margin-bottom:5px;	
}

.pageContent
{
	padding:4px;
}

.smallTitle
{
    font-weight:bold;
    font-size:12px;   
}

.headingBox
{
	width:500px;
	border-bottom:solid 1px #003366;
	border-right:solid 1px #003366;
	border-top:solid 1px #006699;
	border-left:solid 1px #006699;
	padding:4px;
	color:Black;
	font-size:12px;
	font-weight:500;
}

.blackBorder
{
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
}

.columnTitle
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	padding:2px;
}

.hidden
{
	display:none;
}

#mainContentArea
{
	margin:6px;
}

#contactsArea
{
	margin-top:5px;
	margin-bottom:5px;
}

#inTrayArea
{
	margin-top:5px;
	margin-bottom:5px;
}

.containerHeader
{
    border-bottom:1px solid #CCCCCC;
    padding:5px;
    background-image:url('../images/trbg1.bmp');
    background-repeat:repeat-x;
}
.containerTitle
{
    color:#333333;
    font-weight:bold;
}
.containerContent
{
    background:#FFFFFF;
    margin:5px;
    margin-bottom:10px;
}

.gridArea
{
	margin-top:4px;
	margin-bottom:4px;	
}

.commandButtonsArea
{
	margin-bottom:30px;
	clear:both;
	display:block;
}

.contentArea
{
	margin:10px;
}

.headingText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000
}

.help
{
    cursor:pointer;
}

.print
{
    cursor:pointer;   
}

.groupbox
{
    border:solid 1px #EFEFEF;
    margin-bottom:2px;  
}

.mandatory
{
    background-color: #FFFFCC;   
}

#toolbar
{
    margin:0px;
}

.toolbarButton 
{
    margin-right:2px;
}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
}

.modalPopupHeader
{
	padding:3px;
	cursor: move;
	background-color:#F5F5F5;
	border-top:solid 1px #333333;
	border-bottom:solid 1px #333333;
	height:18px;
	vertical-align:baseline;
	color:Black;
	font-weight:bold;
}

.hideButton {Display : none;}

/* System elements */

.SystemDate
{
	color:#333333;
	font-size:11px;
	font-weight:bold;
}

.SystemDateCell
{
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	background-image:url('../images/cell_gradient.gif');
	background-repeat:no-repeat;
}

.SystemDetails
{
	color:#666666;
	font-size:10px;
}

/* Tabs */
#screenTabs {
float:left;
width:100%;
margin-bottom:5px;
background:#ffffff url("../images/tabs/bg.gif") repeat-x bottom;
display:expression(this.getElementsByTagName('UL').length ? "block" : "none");
}

#tabs {
float:left;
width:100%;
line-height:normal;
white-space:normal;
background:#ffffff url("../images/tabs/bg.gif") repeat-x bottom;
}

#tabs ul {
margin:0;
padding: 0px 10px 10px 10px;
list-style:none;
}

#tabs a {
display: block;
background:url("../images/tabs/right.gif") no-repeat right top;
padding:8px 15px 6px 15px;
vertical-align: baseline;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
width:.1em;
}

#tabs > ul a {
width: auto;
}

#tabs a:hover,
#tabs a:visited,
#tabs a:active {
text-decoration: none;
color: #000000;
}

#tabs li {
float:left;
background:url("../images/tabs/left.gif") no-repeat left top;
margin:0;
padding:0 0 0 2px;
border-bottom: solid 1px #dddddd; /* line under tabs class=last */
}

#tabs li#current {
border-width: 0;
}

#tabs #current {
background-image:url("../images/tabs/left_on.gif");
margin-left: -3px;
border-bottom: solid 1px #f4f4f4;

}
#tabs #current a {
background-image:url("../images/tabs/right_on.gif");
padding:8px 15px 6px 15px;
vertical-align: baseline;
border-bottom: solid 1px #f4f4f4;
}

#tabs .last a {
background-image:url("../images/tabs/right_last.gif");
}

#tabs .first {
background-image:url("../images/tabs/left_first.gif");
}

#tabs .first#current {
margin-left: 0;
}

#tabs li:hover {
background-position: 0% -150px;
cursor: pointer;
}

#tabs li:hover a {
background-position: 100% -150px;
}

#tabs li.first:hover {
background-position: top left;
}

#tabs a:hover {
background-position: 100% -150px;
}


/* Tabs End*/

html, body {
	height: 100%;
	padding: 0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	scrollbar-3dlight-color:#cccccc;
	scrollbar-highlight-color:#ffffff;
	scrollbar-face-color:#f2f2f2;
	scrollbar-arrow-color:#999999;
	scrollbar-shadow-color:#f2f2f2;
	scrollbar-darkshadow-color:#cccccc;
	scrollbar-track-color:#f2f2f2;
}

/* Text */

H1
{
    font-size:16px;
    font-weight:bold;
}

.Content-Heading {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000
}

.label
{
	font-weight: bold;
}

.labelBold
{
	font-weight: bold;
}

/** Risk Editor **/

.matrixHeader 
{
	cursor:move;
	padding:4px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#CCCCCC;
	background:GhostWhite;
	color:#333333;
	font-weight:bold;
}

.matrixButton
{
	background:GhostWhite;
	color:#333333;
	width: 50px;
}

.matrixCodeLabel
{
	font-weight:bold;
	font-size:11px;
	color:#333333;
}

.riskLabel { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:white; padding:2px;font-weight:bold;}

.riskSummaryTable
{
    border-collapse: collapse;
    width: 100%
}

.risktable
{
	border-width: 1px;
	border-style: solid;
	border-color: #C3BFB3;
	border-collapse: collapse;
}

.risktable td 
{ 
	border-style: none;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-bottom-color:#C3BFB3;
} 


/** Editor Stylez **/

.selectorButton {background:GhostWhite; font-family:Verdana;font-size:10px;height:20px;}
.searchInput { font-family:Verdana;font-size:10px;width:200px; }
.lbxSections {width:310px;height:100%;font-family:Verdana;font-size:10px;}
.lbxWorkgroups {width:310px;height:100%;font-family:Verdana;font-size:10px;}

.editorHeader 
{
    background-image:url('../Images/editor_header_bg.jpg');
    background-repeat:repeat-x;
    height:25px;
    background-color:#FFFFFF;
    border-bottom: 1px solid #99BBE8;
    padding-left:2px;
}

.editorTitle
{
    font-family: Sans-Serif, Arial, Verdana;
    font-size:14px;
    color:#15428B;
    font-weight:bold;
    position:relative;
    top:5px;
}

.sectionTitleTable
{
    background-image:url('../Images/editor_subheader_bg.jpg');
    background-repeat:repeat-x;
    height:25px;
    padding-top:2px;
}

.sectionTitleDiv
{
	margin-top:0px;
	margin-bottom:0px;
	margin:0px;
	padding:2px;
}

.sectionTitle
{
	font-weight:bold;
    font-family: Sans-Serif, Arial, Verdana;
    font-size:13px;
}

.editorCloseButton 
{
    top : 0px;
    cursor :pointer;
    position: absolute;
    vertical-align : top;
    border-bottom : 1px #FFFFCC solid;
    border-right : 1px #FFFFCC solid;
    border-top : 1px #FFFFCC solid;
    border-left : 1px #FFFFCC solid;
    left:618px;
}

.editorPopup {
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:#99BBE8;
	padding:0px;
}

/** Toolbar **/

.toolbar
{
    border-bottom:solid 1px #666666;
    margin-bottom:5px;
}

.siteMapPath
{
    margin:5px;
}

/** Flyout System Info **/

.flyoutPanel 
{
    z-index:0;
    width:320px;
    border:3px solid #004DFF;
    height:200px;
    background:#FFFFFF;
    text-align:left;
    padding:5px;
}

/** filters **/

#filter
{
    width:100%;   
    cursor:pointer;
    margin-bottom:5px;
}
#filterHeader
{
    vertical-align:middle;
}
#filterContent
{
    margin:10px;   
}
.filterIcon
{
    cursor:pointer;
    margin:2px;
    padding-top:2px;
}
.filterTitle
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	cursor:pointer;
}

/** paging **/

.pager
{
	text-align: right;
}

/** data grid styles **/

.gridHeader
{
 	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	padding:2px;
	vertical-align:middle;
}

.gridHeader TH
{
    background-image:url('../images/fade_up_light.gif');
    background-repeat:repeat-x;
    background-position:bottom;  
	min-height:16px;
}

.gridHeader TD
{
    background-image:url('../images/fade_up_light.gif');
    background-repeat:repeat-x;
    background-position:bottom;  
	min-height:16px;
}

.gridHeaderLeftCell
{
    border-top:1px solid #333333;
    border-bottom:1px solid #333333;
    border-left:1px solid #333333;
    font-weight:bold;
	min-height:16px;
}
.gridHeaderCell
{
    border-top:1px solid #333333;
    border-bottom:1px solid #333333;
    font-weight:bold;
	min-height:16px;
}
.gridHeaderRightCell
{
    border-top:1px solid #333333;
    border-bottom:1px solid #333333;
    border-right:1px solid #333333;
    font-weight:bold;
	min-height:16px;
}

.gridCell
{
    padding:3px;
    color:#333333;
    border-bottom:1px solid #E0E0E0;
}
.gridRowHover
{
    background:#F5F5F5;
	color: #004eff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.gridRowHover TD
{
    /**border-bottom:1px solid #999999;  
    border-top:1px solid #999999;  
    background-image:url('../images/fade_up_lightblue.gif');
    background-repeat:repeat-x;   **/
    color:#000000;
}

#customResultSet .gridRowHover TD
{
    background:#EFEFEF;
}

.gridRowHover a:link {
	color: #004eff;
	text-decoration: underline;
}
.gridRowHover a:visited {
	text-decoration: underline;
	color: #004eff;
}
.gridRowHover a:hover {
	text-decoration: none;
	color: #004eff;
}
.gridRowHover a:active {
	color: #004eff;
	text-decoration: underline;
}

.gridRow 
{
    border-top:1px solid #FFFFFF;
    margin-bottom:1px;
    color:#333333;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.gridRow a:link {
	color: #004eff;
	text-decoration: underline;
}
.gridRow a:visited {
	text-decoration: underline;
	color: #004eff;
}
.gridRow a:hover {
	text-decoration: none;
	color: #004eff;
}
.gridRow a:active {
	text-decoration: underline;
	color: #004eff;
}
.gridFooter 
{
    border-top:1px solid #333333;
    border-bottom:1px solid #333333;
    background:#EFEFEF;
    vertical-align:top;
}

#resultSet
{
	font-family: tahoma;
	font-size: 8pt;
	font-weight: normal;
}

#resultSet TABLE
{
	font-family: tahoma;
	font-size: 8pt;
	font-weight: normal;
}

#flightTable td
{
	font-family: tahoma;
	font-size: 8pt;
	font-weight: normal;
}
#flightTable
{
	font-family: tahoma;
	font-size: 8pt;
	font-weight: normal;
	padding:1px;

}
.flightDayCtl
{
   height:100%;
   width:100%;
   font-size:8pt;
   border:0px solid #FFFFFF;
}
.flightDayCtrl_FlightHeader
{
    vertical-align:bottom;
    height:18px;
    font-size:8pt;
}

.rosterDayCtl
{
   height:100%;
   width:20px;
}

.rosterDayCtrl_FlightHeader
{
    vertical-align:bottom;
    height:18px;
    font-size:8pt;
}

.planned
{
	font-style: italic;
}
.plannedRow
{
    border-top:1px solid #EFEFEF;   
    vertical-align:middle;
    height:100%;
}
.plannedRow TD
{
    border:1px solid #EFEFEF;   
    padding:1px;
}
.actualRow
{
    height:100%;
    border-bottom:1px solid #EFEFEF;
    vertical-align:middle;
}
.actualRow TD
{
    border:1px solid #EFEFEF;   
    padding:1px;
}
.actualCell
{

}

#rosterDaysGrid TABLE TD
{
   padding:2px;
}

/** Matrices **/

.matrixtitle
{
	color: #000000;
	vertical-align: middle;
	font-weight: bold;
	text-align:center
}

.matrixlabel
{
	font-family:Arial Narrow;
	vertical-align: middle;
	font-weight: bold;
	font-size: 8pt;
	text-align:center;
}
.matrixwingding
{
	font-family:Wingdings;
	vertical-align: middle;
	font-weight: bold;
	font-size: 10pt;
	text-align:center
}
.matrixscroll
{
	cursor:hand;
	font-weight: bold;
}

/** InFlight **/

.noactual
{
	font-style: italic;
}

.italicSmlLabel
{
	font-size: 8pt;
	color: #555555;
	font-style:italic;
}

.goShow
{
	color: #00AF33;
	font-weight: bold;
}

/* More Styles */

.imageButton {
    cursor:hand;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : #FFFFFF;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 160px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #E1EBFF;
    color: #000000;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
    background-color : window;
    color : windowtext;
    padding : 1px;
}

.adminLink
{
    font-weight:bold;
}
a.adminLink {
	color: #333333;
	text-decoration: none;
}
a.adminLink:hover {
	text-decoration: underline;
	color: #000000;
}

.shade 
{
    background-color:#f5F5F5;   
}

.pageLink
{
    color:#004eff;
}
a.pageLink {
	color:#004eff;
	text-decoration: none;
}
a.pageLink:hover {
	text-decoration: underline;
}

.blackLink
{
    color:#333333;
}
a.blackLink {
	color:#333333;
	text-decoration: none;
}
a.blackLink:hover {
	text-decoration: underline;
}

.redLink
{
    color:red;
}
a.redLink {
	color:red;
	text-decoration: none;
}
a.redLink:hover {
	text-decoration: underline;
}

.graphLink
{
    color:#333333;
    font-weight:bold;
}
a.graphLink {
	color:#333333;
	text-decoration: none;
}
a.graphLink:hover {
	text-decoration: underline;
}

.blueLink
{
    color:blue;
}
a.blueLink {
	color:blue;
	text-decoration: none;
}
a.blueLink:hover {
	text-decoration: underline;
}

.linkItem
{
    margin-right:6px;
    margin-left:5px;   
}

.treeNodeLabel
{
    margin-left:5px;
    margin-right:2px;
    vertical-align:text-bottom;
}

.dateText
{
    font-weight:bold;
    margin-right:5px;
}
.healthText
{
    margin-right:5px;
}

.goButton  
{
    background:#E3EDF9; 
    font-family:Verdana;
    font-size:10px;
    border:solid 1px #99BBE8;
    border-right:solid 1px #333333;
    border-bottom:solid 1px #333333; 
    height:18px; 
    margin-left:2px;
}
.lbxPeople
{
	width:230px;
	background:#f5f5f5;	
}

#userMessage {
    color:#FE4545;
    font-weight:bold;
} 

.tableHeading
{
    text-align:left;
    font-weight:bold;
}

/** Menu **/
.loadingDiv
{
    width:150px;
    height:50px;
    margin:5px;
}
.loadingImage
{
    vertical-align:middle;
    margin:5px;
}
.menuImage
{
     padding:2px;
     vertical-align:middle;
}
.menuArrow
{
     padding:2px;
     float:right;
     vertical-align:middle;
     position:absolute;
     left:160px;
}
.menuText
{
    padding-left:4px;
    vertical-align:middle;
}
.menu
{
    border-top: solid 1px #cccccc;
    margin:auto;
    width:180px;
}
#menuSystem
{ 
    width:180px;
}
#menuSystem div.title span a:hover
{
    color:#333333;
}
#menuSystem div.title {
	cursor: pointer;
	border-bottom:solid 1px #cccccc;
    vertical-align:middle;
    overflow:hidden;
    margin-bottom:1px;
    padding:0px;
    height:25px;
    background-color:#FFFFFF;
}
#menuSystem div.item {
	cursor: pointer;
	border-bottom:solid 1px #cccccc;
    background-color:#FFFFFF;
    overflow:hidden;
    height:25px;
    display:block;
    margin:0px;
    padding:0px;
}
#menuSystem div.item span a:hover 
{
    color:#333333;
}
#menuSystem div.item .menuImage {
	margin-left:8px;
}
#menuSystem .menuSection
{
    display:none;
}

#menuSystem div a 
{
    color:#333333;
    text-decoration:none;
}

.menuImage
{
     padding:2px;
     vertical-align:middle;
}
.menuArrow
{
     padding:2px;
     float:right;
     vertical-align:middle;
}
.menuText
{
    padding-left:4px;
    vertical-align:middle;
}
.menu
{
    border-top: solid 1px #cccccc;
    margin:auto;
    width:180px;
}
#menuSystem
{ 
    width:180px;
}
#menuSystem div.title {
	cursor: pointer;
	border-bottom:solid 1px #cccccc;
    vertical-align:middle;
    height:25px;
    display:block;
    overflow:hidden;
}
#menuSystem div.item {
	cursor: pointer;
	border-bottom:solid 1px #cccccc;
    background:#FFFFFF;
    height:25px;
    display:block;
    overflow:hidden;
}
#menuSystem div.item .menuImage {
	margin-left:8px;
}
#menuSystem .menuSection
{
    display:none;
}

#menuSystem div a 
{
    color:#333333;
    text-decoration:none;
}

form { padding: 10px; }
.error { border: 1px solid red!important; background-color: #fff!important; }

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.system-info {
	margin-top: 5px;
	padding: 3px 0 0 5px;
	color: #CCCCCC;
}