/*
********************************************************************************************
* Mic4D Main CSS Styling
* Main page styling
* Colours will move into a separate Language resource file CSS
********************************************************************************************
*
    modified    2015/02/12 PG Added div.alignBottom to allow divs (or other containers) to be aligned to the bottom of their parent containiers

	modified  10/15/2014 CH added pop up div styles

	modified  10/27/2014 CH removed input email style from loginscreens.css and put them in here as other pages
							now use the style too.


*/

body {  
	font: 11pt Calibri, Arial, Helvetica, Sans-Serif;
	color: #333333;
	background-color: #F5F5F5;
} 

/*
********************************************************************************************
	*THIS IS FOR IOS TO PREVENT RE-STYLING OF BUTTONS
********************************************************************************************
*/
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
  -webkit-appearance: none;
  border-radius: 0;
}
/**********************************************************************************************/

.commonBackgroundColour {
  background-color: #F5F5F5;
}
.drawingBackgroundColour {
  background-color: #000000;
}
/*
.h1 {
  font-size: 18pt;
  font-weight: normal;
}

h1 {
  font-size: 18pt;
  font-weight: normal;
}

.h2 {
  font-size: 16pt;
  font-weight: normal;
}

.h3 {
  font-size: 14pt;
  font-weight: normal;
}

.h4 {
  font-size: 12pt;
  font-weight: normal;
}

.nowrap {
  white-space: nowrap !important;
}

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

.bold {
  font-weight: bold;
}
*/
.borderMap {
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
}

p { 
  margin: 10px 0; 
}

textarea {
  font: 11pt Calibri, Arial, Helvetica, Sans-Serif;
  color: #333333;  
}

input {
  font: 11pt Calibri, Arial, Helvetica, Sans-Serif;
  color: #333333;
  padding: 7px  ;
}

input[src*="close.png"] {
  border-style: none;
  padding: 15px 15px 15px 15px  ;
}

#paddedCheckboxes input[type=checkbox] {
  margin-right:5px;
}
	
#page-wrap {
  width: 100%;
  height: 100%;
  text-align: center;
  align-content: center;
}

.page-wrapLeft {
  position:absolute;
  left:40px;
  top:240px;
  width: 100%;
  height: 100%;
  z-index:-1;
}

/*
********************************************************************************************
Default Colours for Locations
********************************************************************************************
*/

.LocationTreeText {
  font: 11pt Calibri, Arial, Helvetica, Sans-Serif;
}

.OrganisationColour{
  color: #CF2A27 !important;
}

.RegionColour{
	color: #A12069 !important;

}

.SiteColour{
    color: #138C42  !important;
}

.BuildingColour{
    color: #CE782A  !important;
}

.FloorColour{
    color: #116898  !important;
}

.RoomColour{
    color: #E5CD1C  !important;
}

#ribbonRegionDiv *{
	color: #A12069;
}

#ribbonOrganisationDiv * {
	color: #cf2a27;
}
#ribbonSiteDiv *{
	color: #138C42;
}

#ribbonBuildingDiv *{
	color: #CE782A;
}

/*
    2016/03/24 ML following styles changed so that we can change the text colour of the controls
#ribbonFloorDiv *{
	color: #116898;
}

#ribbonRoomDiv *{
	color: #E5CD1C;
}
*/
.ribbonFloorDiv *{
    color: #116898;
}

.ribbonRoomDiv *{
	color: #E5CD1C;
}
	
.OrganisationBackgroundColour{
    background-color: #CF2A27;
     float: left;
     margin: 1px;
}
	
.RegionBackgroundColour{
    background-color: #A12069;
     float: left;
     margin: 1px;
}

.SiteBackgroundColour{
    background-color: #138C42;
    float: left;
    margin: 1px;
}

.BuildingBackgroundColour {
    background-color: #CE782A;
     float: left;
     margin: 1px;
   }

.FloorBackgroundColour{
    background-color: #116898;
     float: left;
     margin: 1px;
}

.RoomBackgroundColour{
    background-color: #E5CD1C;
     float: left;
     margin: 1px;
}
	
.LocationCube {
    width: 7px;
    height: 7px;
}

.LocationCubeColumnHeader {
	position:relative;
	top:1px;
	width: 7px;
	height: 7px;
	margin: 6px;
}
.blueArrowColumnHeader {
	position:relative;
	top:2px;
}

/*
********************************************************************************************
Table Definitions 
********************************************************************************************
*/

.tableNoBorder  {
	border-style: none!important;
	padding: 0 5px 0 0!important;
	border-spacing: 0;
	white-space: nowrap;
	background-color: transparent!important;
}

.tableNoBorderNoPadding {
	border-style: none!important;
	padding: 0px!important;
	border-spacing: 0;
	white-space: nowrap;
	background-color: transparent!important;
	background: transparent!important;
}

.tableNoBorderNoPadding tr td{ 
	background-color: transparent!important;
	background: transparent!important;	
}

.tableCellNoBorderLeftPadding {
	padding-left: 10px!important;
}

.tableNoBorder {
	border-style: none;
	padding: 10px;
}

.tableNoBorder td {
    padding: 10px;
}

.tableBottomBorder {
	border-style: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	padding: 10px;	
}

.tableBottomBorder td {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
padding: 10px;
}

.tableAllBorder {
	border-collapse: collapse;
	border: 1px;
	border-color: #CCCCCC;
	padding: 10px;
	background-color: #FFFFFF;
}

.tableAllBorder tr {
	height: 30px;
}
/*  Background color for  the header row  */
.tableAllBorder tr:first-child td{ 
	background-color: #F3F3F3;
	
	/* Linear gradient background colour */
	background: #F3F3F3;
	background: -moz-linear-gradient(top, #ffffff 0%, #F3F3F3 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #F3F3F3));
	background: -webkit-linear-gradient(top, #ffffff 0%, #F3F3F3 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #F3F3F3 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #F3F3F3 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #F3F3F3 100%);
	padding: 10px;

}


.tableAllBorder td {
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
padding: 10px;
}

/* This style is used to set a control to the same colour as body background 
   NB this colour needs to match the main body background-color colour (above)
    */
.tableAllBorderBlankCell {
    
    background-color: #F2F1EA;
}

/* override page default checkbox style so checkboxes align centrally */
.tableAllBorder input[type=checkbox] {
    
    margin-right:0px;
}

.tableAllBorderWidth800px {
    
    width:800px;
}
	
/*
********************************************************************************************
Default Colours for text and objects
********************************************************************************************
*/



.blackButton{
	/* Default styling for all action buttons in Micad4 */
	font: 11pt Calibri, Arial, Helvetica, Sans-Serif;
	color: #fef4e9;
	border: solid 1px #666666;
	background: -webkit-gradient(linear, left top, left bottom, from(#787878), to(#666666));
	background: -moz-linear-gradient(top,  #787878,  #666666);
	background: linear-gradient(#787878, #666666); /* Standard syntax */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#787878', endColorstr='#666666');
	padding: 7px 24px 7px 24px  ;
}
/*********************************************************************************************/

.hiddenButton {
    visibility: hidden !important;
}

.LocationCube.hiddenButton {
    visibility: visible !important;
    border: solid 1px #bbbbbb !important;
    background-color: transparent;
    width: 5px;
    height: 5px;
  }

.h1Explanation {

	font-family: courier;
	color: brown;
}
.resetPasswordDiv{
 
	text-align: justify;
}

.centered{
	margin: auto!important;
	text-align: center!important;
	align-content: center!important;
}

.left {
    margin: auto;
	text-align: left;
}

/*-------------------------------------------
	Styling for positioning of sidebar and content
	Should appear on the Micad Master
	-------------------------------------------
*/
.mainContentTable {
	display: table;
	width: 100%;
}

.mainContentRow {
	display: table-row;
}
.headerBar,.sideBarButton{
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);  
	background-color: #f8f8f8;
	
	/* Linear gradient background colour */
	background: #f8f8f8;
	background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f8f8f8));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0 );
}

.sideBarButton{
	cursor: pointer;
	padding:0px 10px 0px 10px;
	text-decoration-color:#0099ff;
	color: #0099ff;

}

.sideBarMenuText{
	padding: 10px 10px 0px 10px;

}
.mainContentSideBar {
	display: table-cell;
	white-space: nowrap;
	vertical-align: top;
	padding: 10px 0px 0px 0px;
	background-color: #F2F1EA;
	line-height: 30px;
}

	.mainContentSideBar a {
		text-decoration-color: #0099ff;
		color: #0099ff;
	}

.mainContent {
	display: table-cell;
	padding: 10px 10px 10px 10px;
	width: 100%;

}
/*-------------------------------------------*/

.tbl {
	display: table;
    width: 100%;
}

 .logintbl {
	display: table;
	/*position: absolute;  -Pushed slightly to the right in ie 8 & 11
	position: fixed; -Pushed slightly to the right in ie 8 & 11
	position: inherit; -Doesn't look bad - but has bad "TOP"
	position: initial;  -Doesn't look bad - but has bad "TOP"
	position: relative; - BAD
	position: static; -Doesn't look bad - but has bad "TOP"
	*/
	position: static; 
	left: 50%;
	margin-left: auto;
	margin-right: auto;  
	margin-top: auto%;
	margin-bottom: auto%;
 }

  .row  {
	display: table-row;
	}

  .CellLeft, .CellRight, .CellMiddle {
	display: table-cell;
	padding: 10px;
  }

  .LogonPlaceHolders{
	 margin: 20px;
	 padding: 20px;
	 display: table-cell;
  }

  .drawingToolbar{
      width: 100%;
	  text-align:left;
	  padding :2px 0px 2px 10px;
  }

.drawingToolbar input[type=submit]{

    cursor:pointer;
    border-radius:5px; 
    background-color:#666666;
    color:white;
}

 .mainTbl {
	display: table;
	width:100%;
 }

.mainLeft, .mainRight, .mainMiddle {
	padding-top:20px;
	vertical-align:top;
}

   .mainLeft,.mainRight {
	display: table-cell;
	width:160px;
}

 .mainMiddle {
    display: flex;
   /*width:100%;*/
   padding-left:10px;
   padding-right:50px;
 }
 
 .mainLeft{
	text-align:left;
	padding-left:10px;
}

 .mainRight{
	text-align:right;
	padding-right:10px;
}

.clientDetails{
	 /* Shadow Effect */
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);  
	background-color: #f8f8f8;
	
	/* Linear gradient background colour */
	background: #f8f8f8;
	background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f8f8f8));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0 );

	width:200px;
	height:40px;
	vertical-align:middle;
	text-align:left;
}
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/
table.dataForm {
	text-align:left;
	width:800px;
	vertical-align:top;
}
	
	table.dataForm th {
		border-style: none;
		border-width: 1px;
		padding: 8px;
		-webkit-column-span:all;

	}
	
	table.dataForm td {
		border-style: none;
		border-width: 1px;
		padding: 8px;

	}

		table.dataForm td.labelColumn {
			font-weight:bold;
			width:130px;


		}

.userPhoto {
	display:table-cell;
	width: 200px;
	background-color:#ffffff;
	height: 200px;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);  
	background-color: #f8f8f8;
	align-content:center;
	text-align:center;
	position:relative;
	top:-15px;
}

.verticalSidebarText{
	width:20px;
	position:relative;
	top:10px;
	left:9px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	filter: none; /*Mandatory for IE9 to show the vertical text correctly*/  
	padding:10px 0px 0px 0px;
	text-decoration-color:#0099ff;
	color: #0099ff;
}

.image15x15 {
    /* shrinks a standard 20x20 icon to 15x15*/
    width: 15px;
    height: 15px;
}

#imgLogo {
/*
border-style:solid;
border-width:1px;
border-color:blue;

*/
}

.shadowEffect{
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);  
	background-color: #f8f8f8;
}  

.avatar{
	/* Top right-hand icon for photo/initials */

	position:relative;
    z-index: 40;
	top:5px;
	right:-125px;
	color:white;
	width:30px;
	height:30px;
	display:table-cell;	 
	text-align:center;	
	vertical-align: middle;
	border-style:none;
}

	.avatarText{
	font-size:18pt;
	color:#999999;

	}

    	.avatarTextColourOnly{
    /*2016/03/22 ML added this as i only want the text colour to change, not the font size*/
	color:#999999 !important; 
 

	}

.centreContent {
	display: table-cell;
	width: 100%;
	height: 40px;
	padding-left: 5px;
	vertical-align: middle;
	border-style: none;
   
}

.rightAlignContent {
  text-align: right;
}

.leftAlignContent {
  text-align: left!important;
}


.middleAlignContent {
  position: relative;
}
.middleAlignContent::before {
  
  display: inline-block;
  height: 100%;
  width: 1%;
  vertical-align: middle;
}
.middleAlignContent p {
  display: inline-block;
  vertical-align: middle;
}


.alignToRightOfNextElement::after {
  display: inline-block;
  text-align: right;
	
}

.TextBoxDate,.TextBoxSmall,.TextBoxMedium,.TextBoxLarge {
	height: 22px;
	
}

.TextBoxDate {
	width: 113px;

}

.TextBoxSmall {
	width: 30px;
}
.TextBoxMedium {
	width: 140px;
}

.TextBoxLarge {
	width: 280px;
}


.TextBoxColour {
	width: 50px;
}
.SelectBoxSmall{
	width: 100px;

}

/*DataGridview for manage users*/
.mGrid {
	/*white-space:nowrap;*/
	color:#000000;
    margin: 0 0 12px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
		background-color: #FFFFFF;
	
	}  
	.mGrid tr td
	{
	   padding: 7px 5px 7px 5px;
	   height:31px;
		border-style: solid;
		border-width: 1px;
		border-color: #cccccc;
	}

	.mGrid th{
		border-style: solid;
		border-width: 1px;
		border-color: #cccccc;
	
		background: #E5E5E5;
		background: -moz-linear-gradient(top, #ffffff 0%, #E5E5E5 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #E5E5E5));
		background: -webkit-linear-gradient(top, #ffffff 0%, #E5E5E5 100%);
		background: -o-linear-gradient(top, #ffffff 0%, #E5E5E5 100%);
		background: -ms-linear-gradient(top, #ffffff 0%, #E5E5E5 100%);
		background: linear-gradient(to bottom, #ffffff 0%, #E5E5E5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E5E5E5', GradientType=0 );
		font-weight: normal;
		padding: 7px 5px 7px 5px;
		   height:31px;
	}

	.mGridTest th a {
    display: block;
    margin: -10em;
    padding: 10em;
    cursor: pointer;

    }
	

	.mGrid td.avatar
	{
	   padding: 7px 24px 7px 24px;
	}
	.mGrid tr.normal:hover, .mGrid tr.alternate:hover
	{
	   background-color: #4281F4;
	}

	.alternate a {
		/*sets the colour of hyperlinks in highlighted rows to white*/
		color: white !important;
	}
	
.mGrid .width100Percent
	{
	padding: 0;
	border-style: none;
	border-width: 0px;
 }


.width100Percent
	{
	width: 100%;

 }

.width100Percent2
	{
	width: 100%;

 }
.width50Percent
	{
	width: 50%;

 }


.width30Percent
	{
	width: 30%;

 }

.width70Percent
	{
	width: 70%;

 }
.panel {
	text-align:left;
}
/*
	pop div style 

	created 15:36:00 10/15/2014 CH added pop up div styles

*/

div.collapsedSideBar{

	display:none;
	cursor:pointer;

}
/*

.blueTriangle{

	position:absolute;
	right:0px; 
	top:0px; 
	position:relative ;
	height:7px;
	width:7px;
	position:relative;
	top:-20px;
	left: 5px;
	cursor:pointer;
}


.blueTriangleInAGrid{

	height:7px;
	width:7px;
	cursor:pointer;
	position:relative;
	top:-13px;
	left: 5px;
	cursor:pointer;

}
*/
.textWithBlueTriangle { width: 100%;}

.blueTriangleDiv {color:blue;width:7px;height:7px;position:relative;float:right;}


.mapMenuXCloseDiv {width:12px;height:12px;position:relative;float:right;}


.mapMenuXCloseImg{
	position:relative;
	top:3px;
	left: -1px;
	cursor:pointer;
	z-index:15;
}


.BlueTriangleLikelihoodSeverityTable {

	position:relative ;
	height:7px;
	width:7px;
	position:relative;
	top:-22px;
	left: 98px;
	cursor:pointer;

}


.BlueTriangleTableAllBorders{
	position:relative ;
	height:7px;
	width:7px;
	position:relative;
	top:-20px;
	left: 11px;
	cursor:pointer;

}

.lblColour {
	width: 100%;
	height: 10%;
}

/*
.favStar{
	position:relative ;
	
	top:12px;
	left: -20px;
	cursor:pointer;
}

.functionLink{
	position:relative ;
	
	top:-19px;

}
*/

.functionLinkNotApplicable{

	text-decoration-color: #cccccc !important;
	color: #cccccc !important;

}
.userDetailsCellLeft {
	display: table-cell;
	padding: 10px;
	vertical-align:top;
}

  .inputEmail, .inputPassword, .inputPasswordHidden{
	/*Common styling for the login and password text boxes*/
	background-color: #ffffff;
	background-position-y: center;
	background-position-x: 10px;
	background-size: 20px;
	padding: 10px 15px 10px 50px;
	background-repeat: no-repeat;
	width: 170px;
  }

  .inputEmail2, .inputPassword2, .inputPasswordHidden2{
	/*Common styling for the login and password text boxes*/
	background-color: #ffffff;
	background-position-y: center;
	background-position-x: 10px;
	background-size: 20px;
	padding: 15px 15px 15px 15px ;
	background-repeat: no-repeat;
	width: 170px;
	}
	.inputPasswordHidden2 {
		display:none;
	}
	.inputEmail {
		background-image: url(/images/mail_open.png);
	}
span.left {
			text-align:left;
			float:left;
		}







/*
	Neil Oakton 2014/12/10
	Micad dropdown with custom right arrow
	The enclosing micadSelect div hides the original arrow with overflow hidden and puts in a 
	an image of choice in its place.  Tested in ie safari and firefox
*/

select {
	font-family: Calibri;
	font-size: 11pt;
	width: 160px;
	height: 30px;
	overflow: hidden;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 0;
	line-height: 1;
	height: 50px;

}

.micadSelect
{
	cursor:pointer;	

}

	.micadSelect select 
	{
	   background: transparent;
	   width: 198px;
	   padding: 5px;
	   border: 0;
	   border-radius: 0;
	   line-height: 1;
	   height: 30px;
	   -webkit-appearance: none;
	}

	.micadSelect select:focus 
	{
	   outline: none;
	}




/*textbox on role details not using font without this**/
.micad
{
	font-family: Calibri;
}    

.standard
{
	font-size:1em; 
}

.title
{
	font-weight: bold;
    font-size: 11pt !important;	
}

.divLineWithBlueTriangle
{
	text-align:right;
	vertical-align:top;
	border-top:1px solid;
	height:8px;
}

.divLineWithBlueTriangle img {
    cursor:pointer;
    text-align:right; 
    vertical-align:top;
}

.textbox
{
	width:200px;
	height:20px;
}

.doubleTextbox
{
	width:230px;
	height:80px;
}

.dayTextbox 
{
    width: 30px;
}

.notesTextAreaCell {
	position: absolute;
	height: 400px;
	width: 400px;
   vertical-align: text-top;
	z-index: 10;}

.mainContentCell
{
	display: table-cell;
	padding: 0px 10px 10px 10px;
	float:left;
	table-layout: auto;
	min-height:40px;
}


table.micadTable
{
	text-align:left;
	width:800px;
	vertical-align:top;
	/*
	border: solid 1px;
	border-color: #C50000;
*/
}

tr.micadRow 
{
	min-height:40px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
}

th.micadTitleCell 
{
    text-align:left;
    min-height:10px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 8px;
	padding-bottom: 20px;    

}

td.micadCell
{
	vertical-align:top; 
	min-height:25px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 25px;
	padding-bottom: 8px;
}

td.micadLabelCell
{
	vertical-align:middle; 
	min-height:25px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 25px;
	padding-bottom: 8px;
}

div.micadDivTable 
{
    background: transparent;
	text-align:left;
	vertical-align:top;
    display: table;
    clear: both;
}

div.micadDivRow 
{
    background: transparent;
	min-height:40px;
	vertical-align:top;
    display: table-row;
    clear: both;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
}

div.micadDivCell
{
    background: transparent;
	min-height:40px;
	vertical-align:top;
    display: table-cell;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
}

div.alignBottom 
{
    position: absolute;
    bottom: 0;
}

.alignBottom {
	position: relative;
    bottom: -50px;	
}

/*

.fullWidth
{
	width:100%;
}

.minWidth
{
	white-space:nowrap;  
	width:1%;
}

.minHeight
{
	white-space:nowrap;  
	height:1%;
}
*/

.micadError
{
	width: 97%; 
	border: solid 1px;
	border-color: #C50000;
	margin:20px;
	padding:10px;
}

.micadErrorTitle {
	font-weight:bold;
	color: #C50000;
}

.micadErrorMessage {
	padding-top:10px;
	color: #C50000;
}

.micadErrorDescription {
	padding-top:10px;
}

.locationVisibleCheckbox {
	width: 30px;
    padding-left: 5px;
}

.locationVisibleLabel {
	width: 10px;    

}

.collapseimg {
	
	margin-left:5px; 
	margin-right:5px;
	cursor: pointer;
}

.expandimg {
	
	margin-left:5px; 
	margin-right:5px; 
	cursor: pointer;
}
/*
 *
 *
 *  MicadCalendarExtension Control Default Styles
 *  All Changes must me marked !important to override the built in javascript
 *
 *
 */

.micad-calendar .micad__calendar_container   {  
	background-color: #e2e2e2 !important;  
	border:solid 1px #cccccc !important; 
	width:180px !important;
	font-family:Calibri !important;
	 
}  
  
.micad-calendar .micad__calendar_header  {  
	background-color: #cccccc !important;   
	margin-bottom: 4px !important;  
	font-family:Calibri !important;
}  
  
.micad-calendar .micad__calendar_title,  
.micad-calendar .micad__calendar_next,  
.micad-calendar .micad__calendar_prev    {  
	color: #004080 !important;   
	background-color: #cccccc !important;   
	padding-top: 3px !important;  
	font-family:Calibri !important;
}  
  
.micad-calendar .micad__calendar_body    {  
	background-color: #e9e9e9 !important;   
	border: solid 1px #cccccc !important;  
	width:180px !important;
	font-family:Calibri !important;
}  
  
.micad-calendar .micad__calendar_dayname {  
	text-align:center !important;   
	font-weight:bold !important;   
	margin-bottom: 4px !important;   
	margin-top: 2px !important;  
	font-family:Calibri !important;
}  
  
.micad-calendar .micad__calendar_day {  
	text-align:center !important;  
	font-family:Tahoma !important;
	font-family:Calibri !important;
}  
  
.micad-calendar .micad__calendar_hover .micad__calendar_day,  
.micad-calendar .micad__calendar_hover .micad__calendar_month,  
.micad-calendar .micad__calendar_hover .micad__calendar_year,  
.micad-calendar .micad__calendar_active  {  
	color: #004080 !important;   
	font-weight: bold !important;   
	background-color: #ffffff !important;  
}  
  
.micad-calendar .micad__calendar_today   {  
	font-weight:bold !important;  
	font-family:Calibri !important;
}  
  
.micad-calendar .micad__calendar_other,  
.micad-calendar .micad__calendar_hover .micad__calendar_today,  
.micad-calendar .micad__calendar_hover .micad__calendar_title {  
	color: #bbbbbb !important;  
	font-family:Tahoma !important;
	font-family:Calibri !important;
}
.calendarContainer table tr td
 {
	 height: 0px;
	 width: 0px;
	 padding: 0 !important; 
	 margin: 0 !important;
	 border-width: 0px !important; 
	 background-color: #e2e2e2 !important;  

 }

.verticalTextBoundingBox {
	background-color: #0099ff;
	text-align: left;
}

.verticalText {
	position: inherit;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	left: 0px;
	top: 0px;
}

.width30 {
	width: 60px;
}

/*=============================================================*/
/*Risk Table*/
/*=============================================================*/

.riskTable {
	border-collapse: collapse;
	border-color: #CCCCCC;
	padding: 10px;
}

.riskTable tr {
	height: 30px;
	background: #F3F3F3;
}

.riskTable td:not(#topLeft) {
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
padding: 10px;
}
.riskTable .centre {
	width: 100%;
	text-align: center;
	
}

.noRiskText {
/* Modified so that cursor is a pointer*/
    color: #0099ff;
    text-align: center;
	cursor: pointer;

}

/*risk label should be set to the same size as the micad textboxe*/
.riskLabel {
    float:left;
    width: 200px;
    height: 50px;

}


/*=============================================================*/


/*=============================================================*/
/*Micad Overlay*/
/*=============================================================*/

.micadOverlay {
    width:100%;
    height:100%;
    background-color:black;
    z-index:50;
    position:fixed;
    top:0;
    left:0;
    opacity:0.25;
}

/*=============================================================*/
/*Micad Context Menu*/
/*=============================================================*/

.micadContextMenu {
    background: #F5F5F5;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
}

.micadContextMenu .contextMenuHead {
  
    text-align: left;
	padding: 5px 5px 10px 7px;
	align-content: center;
	height: 20px;
}

.micadContextMenu .micadContextMenuTitle {
    font-weight: bold;
	align-content: center;
}

.micadContextMenu .contextMenuBody {
    margin: 0;
    padding: 0;
}

.micadContextMenu .micadContextMenuItems {
    margin: 0;
    padding: 0;
}

.micadContextMenu .micadContextMenuItem {
    margin: 0;
    padding: 0;
}

.micadContextMenu .contextMenuItemButton {
    width: 100%;
    background: #F5F5F5; 
    color: #0099ff;
    cursor: pointer;
    text-align: left; 
	border:none;
}

.micadContextMenu .contextMenuItemButton:hover {
	position: relative; 
	background: #4281F4;
	z-index:50;
	color: white;
}

.micadContextMenu .micadContextMenuSeparator {
    margin: 0;
    padding: 0;
    height: 10px;
}

.micadContextMenu .micadContextMenuSeparator hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));

}

/*=============================================================*/


/*=============================================================*/
/*Micad Popover Control*/
/*=============================================================*/

.MicadPopoverBackground {
    background-color: black;
    filter: alpha(opacity=75);
    opacity: 0.75;
}

.MicadPopoverTouch {
    overflow-x: hidden; 
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #AAAAAA;
    padding: 0;
    border: 1px #000000 solid;
}

.MicadPopover {
    background-color: #AAAAAA;
    padding: 0;
    border: 1px #000000 solid;
}

.MicadPopover .MicadPopoverButton {
    text-align: right; 
    background-color: #AAAAAA;
    height: 20px;
}
.MicadPopoverHeader {
	    background-color: #AAAAAA;
	border-top: 1px;
	border-color: black;
}
.MicadPopover .MicadPopoverHeader {
    height: 20px;
    width: 100%;
    display: table-cell;
    clear: both;
    text-align: right; 
}
.MicadPopoverHeaderText {
	color: white;
	float: left;
	font-size: 25px;
	text-align: left;
	padding: 10px;
	
}

.MicadPopover .MicadPopoverBody {
    height: 100%;
    width: 100%;
    display: table-row;
    clear: both;
    background: #F5F5F5
}

.MicadPopover .MicadPopoverWePage {
    height: 100%;
    width: 100%;
}

/*=============================================================*/


/*=============================================================*/
/*Micad Popover Control V2*/
/*=============================================================*/

.MicadPopoverV2Background {
    background-color: black;
    filter: alpha(opacity=75);
    opacity: 0.75;
}

.MicadPopoverV2 {

    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    background: #AAAAAA;
    padding: 0;
    border: 1px #000000 solid;
}

.MicadPopoverV2 .MicadPopoverV2Button {
    background: #CCCCCC;
    height: 50px;
}

.MicadPopoverV2 .MicadPopoverV2Header {
    height: 50px;
    width: 100%;
    display: table-cell;
    clear: both;
    text-align: right; 
}
.MicadPopoverV2HeaderText {
	color: white;
	float: left;
	font-size: 25px;
	text-align: left;
	padding: 10px;
	
}

.MicadPopoverV2 .MicadPopoverV2Body {
    display: table-row;
    clear: both;
}

.MicadPopoverV2 .MicadPopoverV2WePage {
    height: 100%;
    width: 100%;
}

/*=============================================================*/
/*Micad Popover Page
/*=============================================================*/

.MicadPopoverPage {
    padding:5px;
    height: 100%;
    width: 100%;
}

/*=============================================================*/
/*Micad Confirm Control*/
/*=============================================================*/
.MicadConfirmBackground {
    background-color: black;
    filter: alpha(opacity=75);
    opacity: 0.75;
}

.micadConfirmPanel
{
    background-color: #F5F5F5;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    vertical-align: bottom; 
}

.micadConfirmPanel .micadConfirmBody {
    padding: 5px;
}

.micadConfirmPanel .micadConfirmButtonBar {
    padding: 5px;
    text-align: left; 
}



/*=============================================================*/
/*Micad MessageBox Control*/
/*=============================================================*/
.MicadMessageBoxBackground {
    background-color: black;
    filter: alpha(opacity=75);
    opacity: 0.75;
}

.micadMessageBoxPanel
{
    background: #CCCCCC;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    vertical-align: bottom; 
}

.micadMessageBoxPanel .micadMessageBoxBody {
    padding: 5px;
}

.micadMessageBoxPanel .micadMessageBoxButtonBar {
    padding: 5px;
    text-align: center; 
}


/*
Navigation menu on page styles    
*/

 .menuPageLinkCell {
    display: table-cell;
    /* padding top/right/bottom/left */
	padding: 10px 10px 0px 10px;
	width: 100%;
  }

 .menuPageDescriptionCell {
    display: table-cell;
    /* padding top/right/bottom/left */
	padding: 0px 10px 5px 10px;
	width: 100%;
  }

.menuPageItemSpanHyperlinkWidth {

    width: 33%;
}

.menuPageItemSpanDescriptionWidth {
    
     width: 55%;
}


.avatarInitialsText {
    font-family: verdana;
}

.notDisplayed {
	display: none;
}
.displayed {
	/*Intentionally left with no value*/
	display:;
}

.notVis {
	visibility: hidden;
}
.Vis {
	visibility: visible;
}

.treeControls {
	
	cursor:pointer;
	text-align:left; 
	vertical-align:middle;

}

.treeControlsLeft {
	
	cursor:pointer;
	text-align:left; 
	vertical-align:middle;
	margin-left: 50px;
	padding-left: 50px;

}
.pageBreakToolbar {
	vertical-align: middle;
	line-height: 40px;
}

.encloseInAsterisks:before, .encloseInAsterisks:after{
	/*content: "*";*/
}

.encloseInAsterisks{
	font-weight: bold;
	font-size: larger;
}
.radButton label {
	margin-left: 5px;
}

.notesCell {
/*	width:80%; background: gray; display:inline;*/
}
.notesCell > textarea{width:inherit;}

.width100Percent td {

	border-style:none;
	border-width: 0px;
	width: 100%;



}

span[id*="lnShare"] {
	text-align: right;
		border-style:none;
	border-width: 0px;
	width: 100%;

}



.globalSearch {
	
	width: 100%;
}

.searchButtonDiv {
	cursor: pointer;
	display:table-cell; 
	vertical-align:middle!important;
	text-align: center;
	height: 30px; 
	width: 40px;
	background-color: white;
	border-style: solid;
	border-width: 1px;
	border-color: #A9A9A9;
	border-left-color: white;
	padding-top: 10px;

}

.globalSearchResults {
	position: absolute;
	top:61px;
	left: 230px;
	padding: 11px;
	background-color: #ffffff;
	width: 73%;
	z-index: 10;
	border-style: solid;
	border-width: 1px;
	border-color: #A9A9A9;
}

.SearchString {
	font-weight:bold
}

.dwgIcon {
	background-color: #FDC300;
	color: #000000;
	padding-left: 3px;
	padding-right: 3px;
	width: 30px;
	font-weight: bold;
	font-size: smaller;
}

.yellowDwgIcon {
	background-color: #FDC300;
	color: #000000;
	padding-left: 3px;
	padding-right: 3px;
	width: 30px;
	font-weight: bold;
	font-size: smaller;
}

.displayInlineBlock {
	display:inline-block;
}
/*
.SplashBoardContainerNewAdd {
	display:inline-block;
	background-color: #FFFFFF;
	color: #000000;
	height: 230px;
	width: 230px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	line-height: 230px;
}

.SplashBoardContainer {
	display:inline-block;
	background-color: #FFFFFF;
	color: #000000;
	height: 250px;
	width: 250px;
	padding: 10px;
	margin: 10px;
	border: 1px;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
	line-height: 250px;
}

.sbIFrame {
	height: 250px;
	width: 250px;
	background-color: #ffffff!important;
	border-style: none;
	border-width: 0px;
}

.backgroundWhite {
	background-color: #ffffff!important;
}
		
.SplashBoardClose{
	font-family: sans-serif;
	font-weight: bold;
	color: #999;
	position:absolute;
	top:-5px;
	right: -5px;
 }

.sbclose {
	position: absolute;
	top: 4px;
	right: 3px;
	display: block;
	width: 12px;
	height: 12px;
	background: url('/css/chosen-sprite.png') -42px 1px no-repeat;
	cursor: pointer;
}

.SplashBoardGear{
	font-family: sans-serif;
	font-weight: bold;
	color: #999;
	position:absolute;
	top:-4px;
	right: 7px;
 }

.sbgear {
	position: absolute;
	top: 4px;
	right: 3px;
	display: block;
	width: 12px;
	height: 12px;
	background: url('/images/gear.png')  no-repeat;
	cursor: pointer;
}

.sbTitle {
	font-size: 20px;
	font-weight: bold;
}

.sbLocationCountContent {
	font-size: 18px;
}

.loggedInUsers {
		font-size: 140px;
		color: #0099ff;
	}

.splashboardDataText,.resize {
		font-size: 140px;
		color: #0099ff;
	}

.splashboardNAText {
	color: #999999;
	font-size: 14px !important;
}

.SplashBoardInner {
	display: inline-block;
	width: 240px; 
}
*/

.alertNotificationBox {
	position:absolute;
	width:16px;height:16px;
	font-size:12px;
	align-content:center;
	text-align:center;
	color:white;
	border-width:1px;
	border-style:solid;
	border-color:black;
}

.alertRed {
	background-color:red;
	
}

.alertGreen {
	background-color:green;
}
	
 .zindex1 {    
     //z-index: 1;
}

 .zindex1020 {    
    // z-index: 90;
}
 .zindex1050 {    
    // z-index: 100;
}
					
.legendLogo {
	position: relative;
	width: 100%;
	height: auto;
	top: 10px;
}

.drawingAndLegendWrapper {
    display: flex;
    align-items: stretch;
    flex-flow: row nowrap;
    justify-content: space-between;
	border-width: 1px;
	border: 2px solid #444444;
	/*PD 2016/09/19 Removed to fix dwg ratios
	height: 800px;
	*/
}

@media screen\0 { .drawingAndLegendWrapper{height: 800px;}}

.dwgFrame{				
	width: 100%;
	height: 100%;
	border-right: none;
}

.legendFrame {
    min-width: 200px;
    width: 200px;
	
}

.mapViewButton {
	position: relative;
	background:url(/images/world.png) ;
	background:url(/images/world.png) no-repeat 175px 10px, -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f8f8f8));
	background:url(/images/world.png) no-repeat 175px 10px, -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background:url(/images/world.png) no-repeat 175px 10px, -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	background:url(/images/world.png) no-repeat 175px 10px, -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
	/*This one for i.e.*/
	background:url(/images/world.png) no-repeat 175px 10px, linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%) ;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0 );
	text-align:left;
	width: 180px;
	padding: 10px ;
	left: -10px;
	top: 2px;

}

.mapViewButton_link {
    display: block;
    color: #555555 !important;
    text-decoration: none !important;
}

.mapViewButton_link:hover {
    color: #000000 !important;
}

.mapusersettings {
	background-color: red;
	display: table-cell;
	height: 40px;
	vertical-align: middle;
	padding-left: 10px;
	width: 300px;
}

/* this style makes disabled grid controls look white instead of greyed out*/
.mapContainerDivEssentialInfo {
	position: absolute;
	z-index: 10;
	width: 1500px;
	height: 500px;
}

.disabledGridTextBox input[disabled="disabled"]  {
    background-color: white;
    border: none;
}

.divAsCell {
  
    display: table-cell;
}

.removeRightBorder {
	border-right: none !important;
}
.removeLeftBorder {
	border-left: none !important;
}

    .ui-icon-closethick {
    background-image: url("/images/close.png") !important;
    background-position: left top !important;
    margin: 0 !important;
}

.ui-dialog .ui-dialog-titlebar-close, .ui-icon-closethick {
    width: 20px !important;
    height: 20px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    //background: none;
    border: none !important;
}

.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover {
    padding: 0 !important;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.instructionCell {
	border-width: 2px; 
	border-style: solid; 
	border-color: #C50000;
	padding: 20px;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 50; /* Sit on top */
    padding-top: 3%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
 
    /*max-width: 700px;*/
}

[src="/images/navigate_plus_20x20.png"],[src="/images/navigate_minus_20x20.png"] {
	cursor: pointer;
}
.rowDisabled {
	color: #787878 !important;

	background-color: #eeeeee !important;
}