@import url("uxPersonas.css");
@import url("websleekly.css");
.dkBody
{
	margin:0;
	background-color: rgb(170, 169, 169);
	background: url('../images/background/leather.jpg');
	
	overflow-x:hidden;
	overflow-y: scroll;
	font-family: "WeblySleek UI",Arial, sans-serif;
	font-size:106%;
}
.uxTitle
{
	color:White;
	font-size:32px;
	font-family: "WeblySleek UI",Arial, sans-serif;
	padding-left: 4px;
}

.upHdr
{
	font-size:48px;
	min-height:300px;
	padding-top:20%;
	vertical-align:middle;
}

.uxBox .uxInner2 {
  font-size: 63%;
}

.uxCaseTitle
{
	color:White;
/*	color:GoldenRod;*/
	text-shadow: 0 0 0.4em gray;
	font-size:28px;
	margin-bottom:8px;
	width:100%;
	font-family: "WeblySleek UI",Arial, sans-serif;
	
	margin-top: 4px;
	margin-bottom: 10px;
  position: absolute;
  top: 23px;
}

.
.dkFooter
{
	color:White;
	margin:auto;
	font-size:100%;
	background: rgb(36, 36, 49);
	box-shadow: inset 0 30px 20px -20px black;
	min-height:140px;
	height:140px;
}

.dkTopBar 
{
	color: LightGray;
	font-size: 100% !important;
}

.dkFooterDiv
{
	position:relative;
	top: 12px;
	
	max-width:960px;
	margin-left: auto;
  margin-right: auto;
  margin-top:0px;
  margin-bottom:0;
  text-align:left;
}
.dkFooterDiv div
{
	background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); 
  background-repeat:repeat;
}

.dkFooterDiv .buttonTextTallWide
{
	font-size:95%;
}

.uxApproach
{
	position:relative;
	background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); 
  background-repeat:repeat;
	
	text-align:left;
	max-width:976px;
	color: rgb(165, 160, 160);
	text-shadow: 0 0 0.4em Black;
	font-size: 93%;
	padding-left: 4px;
}

.uxCaseList
{
position: relative;
background: rgb(194, 194, 194);
text-align: left;
max-width: 976px;
padding-left: 148px;
height: 96px;
margin-bottom: 6px;
}
.uxSamples
{
	font-size: 90%;
  position: absolute;
  bottom: 7px;
}

.dkHdr
{
	position:relative;
	top:0px; 
	background: rgb(36, 36, 49);	
	padding-top:4px;
  text-align:left;
  padding-right:4px;
  padding-bottom:4px;
  margin-bottom: 10px;
}
.dkActualHdr
{
	position:relative;
	max-width: 960px;
	margin-left: auto;
  margin-right: auto;
}
.dkHdr div
{
	background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); 
  background-repeat:repeat;
}

.aboutApproach
{
	padding-top:4px;
	padding-bottom:4px;
	display:inline-block;
	padding-left:0px;
	text-align:left;
/*	width: 720px;*/
	position: relative;
}
.approachPrivate
{
	width: 620px;	
}

.approachHdr
{
	color:white;
}

.uxApproach2
{
	background: url('images/uxBlacker.png');
}
.moreCases
{
	text-align:center;
}
.moreCases div
{
}

.uxDownArrow
{
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	bottom: -18px;
	z-index: 10;
	margin-left: -12px;
	left: 50%;
}

.uxRightArrow
{
	position: absolute;
	top:30px;
	right: -34px;
	position: absolute;
	margin:auto;
  top: 0; bottom: 0;
  height:33px;
	z-index: 10;
}

.uxArrowLeft
{
	left: 22%;
}

.uxAvatar
{
	cursor:pointer;
	height:67px;
}

.jobTitle
{
	font-size:90%;
	color:GoldenRod;
	text-shadow: 0 0 0.4em black;
}

.busCardImg
{
	height:280px;
}

.busCard
{
	padding:0;
	position:absolute;
	left:1px;
	top:6px;
	display:none;
	z-index:2000;
	box-shadow: 0px 0px 42px Gray,0px 0px 42px Gray;
}

.uxIndex
{
	position:absolute;
	top:64px;
	right: 8px;
}

.uxCaseImgContainer
{
height: 87px;
left: 136px;
position: absolute;
top: 4px;
}
.uxCaseImgContainer img
{
	height:87px;
	right:0;
	position:absolute;
	top:0px;
}

.uxPage
{
	display:inline-block;
	color:White;
	width:28px;
	text-align:center;
	cursor:pointer;
}
.uxPage:hover
{
	background:rgba(0,0,0,.4);
}
.uxSelect
{
	background: rgb(231, 226, 226);
	color:Black;
}
.uxSelect:hover
{
	background:rgba(0,0,0,.6);
	color:White;
}
.dkContent
{
	position:relative;
	top:0px; 
	max-width:960px;
	margin-left: auto;
  margin-right: auto;
  margin-top:6px;
  margin-bottom:20px;
  background:White;
  border-radius: 14px;
  text-align:center;
  padding:8px;
  padding-right:8px;
  padding-top:16px;
  box-shadow: 3px 3px 16px #191919;
}

.ui-dialog
{
  box-shadow: 10px 10px 18px #191919;
}

.feedbackLabel
{
	font-size:14px;
	color:Black;
/*	text-shadow: 0 0 0.8em Black;*/
	padding-bottom:27px;
}

.insertImageDlg
{
	display:none;
	width:740px;
	max-width:900px;
	height:400px;
	max-height:700px;
	box-shadow: 0px 0px 48px #191919,0px 0px 48px #191919;
}
.insertImageDlg .ui-dialog-content
{
	padding:0;
}
.insertImageDlg div
{
	font-size:163%;
}
.insertImageDlg div
{
	margin-top:10px;
	margin-bottom:10px;
}
.insertImageDlg div span
{
display: inline-block;
width: 191px;
vertical-align: middle;
text-align: right;
margin-right: 8px;
}
.insertImageDlg #picURL {
margin-left: 2px;
width: 290px;
font-size: 16px;
}
.insertImageDlg #imageClassType {
font-size: 16px;
}

.editUXDlg
{
	display:none;
	width:740px;
	max-width:900px;
	height:400px;
	max-height:700px;
	box-shadow: 0px 0px 48px #191919,0px 0px 48px #191919;
}
.editUXDlg .ui-dialog-content
{
	padding:0;
}

.editText
{
	width:720px;
	height:90%;
}

.ui-dialog .ui-dialog-content
{
	font-family: "Trebuchet MS",Arial, sans-serif;
	font-size:11px;
	padding: 2px;
}

.jHtmlArea
{
	height:96%;
	width: 99% !important;
	border: solid 1px #ccc;
}
.jHtmlArea iframe
{
	height: 94% !important;
	width: 100% !important;
	width: 730px !important;
border: 0px inset !important;
left: -1px;
position: relative;

}

div.jHtmlArea div
{
	background:White;
}

div.jHtmlArea .ToolBar ul li a.custom_disk_button 
{
  background: url(../images/disk.png) no-repeat;
  background-position: 0 0;
  width: 100px;
}

div.jHtmlArea .ToolBar ul li a.insertImage_button 
{
  background: url(../images/insertImage.png) no-repeat;
  background-position: 0 0;
/*  width: 100px;*/
}

#assignObjDlg
{
	display:none;
	background: url('http://dynamicdefense.ca/images/uxGray.png');
	padding:8px;
	font-size:14px;
}
.assignObjDlg div
{
	margin-top:6px;
	position:relative;
}
.assignObjDlg .toPlanList
{
	margin:12px;
	margin-left:0;
}
.assignObjDlg #docCategory
{
	width: 570px;
	margin-bottom:30px;
}
.assignObjDlg #planList
{
	margin-left:0;
}

#myContact
{
	cursor:pointer;
}
#myContact:hover
{
	color:DeepSkyBlue;
}

#newProject
{
	display:none;
	background: url(http://dynamicdefense.ca/images/uxGray.png);
	padding-left:4px;
}
.newProject div
{
	margin-top:12px;
	position:relative;
}
.newProject input
{
	position:absolute;
	left:100px;
	width:280px;
}
.newProject select
{
	position:absolute;
	left:100px;
	width:120px;
}
.newProject #startDate
{
	width:80px;
}
.newProject #startDateRead
{
	position:absolute;
	left: 190px;
	width: 200px;
	font-size: 150%;
}
.newProject #projectContact
{
	width:150px;
}
.newProject #projectContactEmail
{
	left:254px;
	width:160px;
}
.newProject #projectOwner
{
	width:40px;	
}
.newProject #projectMembers
{
	width:100px;	
}
.newProject #projectPicURL
{
	width:400px;	
}

.uxProjectImg
{
	height:85px;
	right:4;
	position:absolute;
	top:8px;
}

.contactBtns
{
	display:inline-block;
	float: right;
	text-align: right;
	/*width:148px;*/
	margin-top:5px;
	position:relative;
	top: -23px;
}
.contactBtns .btnTextBig {
  font-size: 110%;
}
#portfolioBtn
{
	position:relative;
	margin-right:8px;
	display:inline-block;
	vertical-align:top;
	right: -8px;
/*	background: rgba(84,51,153,.9) !important;*/
	top: 0px;
	padding: 0;
	height:40px;
}
#portfolioBtn .bigButtonInner
{
	height:40px;
}
#resumeBtn
{
	position:relative;
	margin-right:8px;
	display:inline-block;
	vertical-align:top;
	right: -8px;
	top: 0px;
	padding: 0;
	height:40px;
}
#resumeBtn .bigButtonInner
{
	height:40px;
}
#contactBtn
{
	position:relative;
	display:inline-block;
	vertical-align:top;
	right: 0px;
	top: 0px;
	padding: 0;
	height:40px;
	margin-right: 0px;
	margin-left: 8px;
}
#contactBtn .bigButtonInner
{
	height:40px;
}

#newProjectBtn
{
	position:relative;
	margin-right:8px;
	display:inline-block;
	vertical-align:top;
	right: -8px;
	top: 0px;
	padding: 0;
}
 
#editProjectBtn
{
	position:relative;
	margin-right:8px;
	display:inline-block;
	vertical-align:top;
	right: 0px;
	top: 0px;
	padding: 0;
}
 
#nextLandPlan
{
	position:relative;
	margin-right:8px;
	display:inline-block;
	vertical-align:top;
	right: 0px;
	top: 0px;
	padding: 0;
}

#showLandReport
{
	position:relative;
	margin-right:8px;
	display:inline-block;
	vertical-align:top;
	right: 0px;
	top: 0px;
	padding: 0;
}


#downloadIndex
{
	position:relative;
	margin-right:8px;
	display:inline-block;
	vertical-align:top;
	right: 0px;
	top: 0px;
	padding: 0;
}

#createPlanPage
{
	position:relative;
	margin-right:8px;
	display:inline-block;
	vertical-align:top;
	right: 0px;
	top: 0px;
	padding: 0;
}
 
#nextCase
{
	position:relative;
	margin-right:8px;
	display:inline-block;
	vertical-align:top;
	height:50px;
}
#contactMe
{
	position:relative;
	display:inline-block;
	vertical-align:top;
	height:50px;
}
#viewBlog
{
	position:relative;
	display:inline-block;
	vertical-align:top;
	height:50px;
}
.footerContainer
{
	display:inline-block;
	position: relative;
}

.footerText
{
	display:inline-block;
	padding:6px;
	padding-left:10px;
	padding-right:40px;
	text-align:center;
}

.scrapeBlock
{
	border: 2px solid LightGray;
}

.contactPrivate
{
	width:248px;
}

.bcLandBody
{
	background:LightGray;
}

.bcLandHdr
{
	background:Gray;
}
.uxAvatarBC
{
	max-height: 90px;
/*	margin-right: 6px;*/
}

.scrapedContent
{
	position:relative;
	left:0;
	top:0;
	width:100%;
/*	height:95%;*/
	overflow:auto;
	text-align:left;
}

#planReportDlg
{
	display:none;
	padding:8px;
	font-size:14px;
}

.planReportDlg a
{
	color:White;
	position:relative;
}

.planLabel
{
	display:inline-block;
	margin:6px;
}

.planData
{
	display:inline-block;
	margin-left:2px;
	margin-right:4px;
	padding:1px;
	padding-left:2px;
	padding-right:2px;
}

.rightData
{
	display:inline-block;
	float:right;
	width:200px;
	font-size:12px;
	text-align:right;
}
.wideRight
{
	width:65%;
}

.landPlanTable
{
	width:100%;
	border-spacing: 2px;
	position: relative;
	left: -4px;
}
.landLabelCell
{
	width:80px;
	vertical-align:top;
	background:rgba(0, 0, 0, 0.3);
	padding:1px;
	text-align: right;
	padding-right: 3px;
}
.landLabel
{
	vertical-align:top;
	background:rgba(0, 0, 0, 0.3);
	padding:1px;
	text-align: right;
	padding-right: 3px;
}

.landDataCell
{
	width:300px;
	vertical-align:top;
	font-size:100%;
	padding-left: 2px;
}
.landDataCellWide
{
	vertical-align:top;
	font-size:100%;
	width:100%;
}
.landDataCell5
{
	width:20%;
	vertical-align:top;
	font-size:100%;
	text-align: center;
}

#planName
{
	font-size:110%;
}
#planStatus
{
	color:White;
}
.statusNotReady
{
	background: rgba(0, 0, 0, 0.3);
}
.statusPending
{
	background: rgba(0, 0, 0, 0.3);
}
.statusApproved
{
	background: rgba(0, 0, 0, 0.3);
}

.landBox
{
	text-align:left;
	width: 100%;
	margin: auto;
	min-height:25px;
	margin-bottom:10px;
	font-size:105%;
	box-shadow:none;
/*
	width:97%;
	margin-left:0px;*/
}
.landBox div
{
	padding-left:4px;
}
.landBox .uxInner2 
{
	margin: 3px;
	margin-top: 26px;
	font-size:90%;
}

.planProcessSub
{
	margin-left: 8px;
	width: 95%;
}

.planContact
{
	margin-right: 4px;
	width: 32%;
	vertical-align: top;
}
.planContact .uxInner
{
	font-weight:bold;
}

.specIssues
{
	width: 49.5%;
	vertical-align: top;
}
.specIssues .uxInner
{
	font-weight:bold;
}
.specIssues .uxInner2
{
	color:Black;
}

#firstNations
{
	margin-right: 8px;
}

#specialIssues
{
	right: -2px;
}
.assignObjDlg #docDate
{
	width:95px;
	text-align:center;
}
.assignObjDlg #docDateRead
{
	position:absolute;
	left: 250px;
	width: 200px;
	font-size: 120%;
	top: 3px;
}
.assignObjDlg #docURL
{
	width:570px;
}
.assignObjDlg #docName
{
	width:570px;
}
.docLabel
{
	width: 40px;
	text-align: right;
	display: inline-block;
	margin-right: 8px;
}
.docLabelWide
{
	width: 90px;
}

.docLabelDate
{
	width: 114px;
	text-align: right;
	display: inline-block;
	margin-right: 8px;
}
#landDistrict
{
	margin-left: 8px;
	width: 260px;
}

.subDocName
{
	padding-right: 20px;
	position: relative;
	display: inline-block;
}
.subDoc
{
	position:relative;
	left:0px;
}
.subDoc:hover
{
	background: rgba(255, 255, 255, 0.4);
	color:Black;
}

.addDocDate
{
}

.editDoc
{
	position: absolute;
	right: 4px;
	height: 18px;
	top:2px;
	cursor: pointer;
}

.editDocRight
{
	right: -4px;
}
	
.editSubDoc
{
	height: 12px;
	right: 16px;
}

.addDoc
{
	position: absolute;
	right: 4px;
	font-size: 190%;
	line-height: 100%;
	cursor: pointer;
	top: -5px;
}

.removeDoc
{
	position: absolute;
	right: 1px;
	font-size: 190%;
	line-height: 100%;
	cursor: pointer;
	top: -5px;
}

.nearbyPlanText
{
	font-size:12px;
	display: inline-block;
	padding-right: 14px;
}
.nearbyPlans .addDoc
{
	text-shadow: 0 0 0.4em black;
}

.bcContain
{
	position:relative;
}
.landPlanCheck
{
	position: relative;
	top: -3px;
}
.regionCheck
{
	position: relative;
	top: -3px;
}
.oneLandPlanName
{
	display:inline-block;
	width: 265px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.oneLandPlanName:hover
{
	background: rgba(255, 255, 255, 0.4);
	color:Black;
}

.chooseDistrict
{
	margin-top:20px;
}

.oneLandPlan
{
	display: inline-block;
	margin-right: 20px;
}
.landPlanSelected
{
	background: rgba(255, 255, 255, 0.6);
	color:Black;
}

.landPlanRow
{
	margin-bottom: 4px;
}

.planList
{
	display:none;
}
#allPlans
{
	display:none;
}
.allPlans td
{
	color:White;
}

.uxSubBox .uxInner2 
{
	margin-left: 0;
	padding-left: 0;
}

.subDocHdr
{
	position:relative;
	left:0px;
	margin-left:15px;
}
.luSubDoc
{
	margin-left:0px;
}

#landScapeDocSub
{
	margin-left:10px;
	width: 95%;
}

.bcPlanDlg
{
	display:none;
	background: url(http://dynamicdefense.ca/images/uxLightBlue.png) !important;
	padding:8px !important;
	font-size:14px !important;
}
.bcPlanDlg div
{
	position:relative;
}

#luName
{
	width: 220px;
}
#luArea
{
	width:80px;
	text-align: center;
}
#luPercent
{
	width: 50px;
	text-align: right;
}

.editPlanText
{
	width: 480px;
	height: 140px;
}

.scrapeHdr
{
	background:DimGray;
	padding-left:3px;
	color:White;
}

.planConsole
{
	padding-left:4px;
	font-size: 12px;
	text-align: left;
	background: rgb(36, 36, 49);
	color:LightGray;
}

.planDone 
{
	height: 15px;
	position: relative;
	margin-right: 3px;
	top: -2px;
	cursor:pointer;
}

.consolePlan
{
	cursor:pointer;
}

.caseStudyContent
{
	margin-top: 0px; 
	margin-bottom: 0px; 
	border-radius: 0; 
	padding: 0px;
	top: -4px;
}

.caseStudyContent .uxBox 
{
	border-radius: 15px;
}

.planIFRAME
{
	width:100%;
	height:100%;
}

.downloadData
{
	display:none;
}