@font-face {
    font-family:'Futura Light';
    src: url("http://www.interactivemirage.com/fonts/futura-light.eot");
    src: url("http://www.interactivemirage.com/fonts/futura-light.eot?#iefix") format("embedded-opentype"),
         url("http://www.interactivemirage.com/fonts/futura-light.woff") format("woff"),
         url("http://www.interactivemirage.com/fonts/futura-light.ttf") format("truetype"),
         url("http://www.interactivemirage.com/fonts/futura-light.svg#futura_lightregular") format("svg");
    font-weight: normal;
    font-style: normal;
}


body
{
	font-family: Futura Light;
    font-size: 18px;
    color: #4A4A4A;
    margin: 0px;
}

#website
{
}
#topLogo
{
	background: url( "../Images/topLogoLarge.png" ) no-repeat center 150px;
	padding-top: 15px;
	height: 385px;
}
#topLogoSmall
{
	background: url( "../Images/topLogoSmall.png" ) no-repeat center 20px;
	padding-top: 125px;
	height: 85px;
	-webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, .75);
	-moz-box-shadow: 1px 1px 1px rgba(50, 50, 50, .75);
	-o-box-shadow: 1px 1px 1px rgba(50, 50, 50, .75);
	-ms-box-shadow: 1px 1px 1px rgba(50, 50, 50, .75);
	box-shadow: 1px 1px 1px rgba(50, 50, 50, .75);
}
#topMenu
{
	margin: auto;
	display: table;
	width: 876px;
	height: 17px;
	background-color: #0073C6;
	padding: 15px 74px 15px 74px;
	-webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, .75);
	-moz-box-shadow: 1px 1px 1px rgba(50, 50, 50, .75);
	-o-box-shadow: 1px 1px 1px rgba(50, 50, 50, .75);
	-ms-box-shadow: 1px 1px 1px rgba(50, 50, 50, .75);
	box-shadow: 1px 1px 1px rgba(50, 50, 50, .75);
}
#menuItems
{
	display: table-cell;
	width: 100%;
}
#menuItems a
{
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
	margin-right: 30px;
}
#menuItems a:hover
{
	text-decoration: underline;
}
#searchBar
{
	display: table-cell;
	text-align: right;
}
.searchBox
{
	width: 180px;
	height: 43px;
	font-family: Futura Light;
	font-size: 20px;
	background-color: #1980CA;
	border: none;
	color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
	outline: none;
}
.btnSearch
{
	visibility: hidden;
	width: 43px;
	height: 43px;
	position: fixed;
	top: 0px;
	left: 0px;
}

#leaderboard
{
	background-color: #0073C6;
	height: 250px;
	-webkit-box-shadow: inset 1px 1px 1px rgba(50, 50, 50, .75);
	-moz-box-shadow: inset 1px 1px 1px rgba(50, 50, 50, .75);
	-o-box-shadow: inset 1px 1px 1px rgba(50, 50, 50, .75);
	-ms-box-shadow: inset 1px 1px 1px rgba(50, 50, 50, .75);
	box-shadow: inset 1px 1px 1px rgba(50, 50, 50, .75);
}
#promoContainer
{
	margin: auto;
	display: table;
	width: 876px;
	color: #FFF;
	height: 100%;
}
#promoContainer p a
{
	color: #FFF;
}
#promoContainer p a:hover
{
	text-decoration: none;
}
#weCanHelpPromo
{
	display: table-cell;
	width: 60%;
	padding: 30px 15px 30px 0px;
}
#careersPromo
{
	display: table-cell;
	/*border-left: solid 1px #9FB3DA;*/
	width: 40%;
	padding: 30px 0px 30px 15px;
	background-color: #9FB3DA;
	-webkit-box-shadow: inset 1px 1px 1px rgba(50, 50, 50, .75);
	-moz-box-shadow: inset 1px 1px 1px rgba(50, 50, 50, .75);
	-o-box-shadow: inset 1px 1px 1px rgba(50, 50, 50, .75);
	-ms-box-shadow: inset 1px 1px 1px rgba(50, 50, 50, .75);
	box-shadow: inset 1px 1px 1px rgba(50, 50, 50, .75);
}
#responsiveWebsite
{
	display: table-cell;
	position: absolute;
	top: 352px;
}

#responsiveWebsite img
{
	border: none;
}

.f14
{
	font-size: 14px;
}
.f20
{
	font-size: 20px;
}
.f24
{
	font-size: 24px;
}
.f30
{
	font-size: 30px;
}
.whiteButton
{
	min-width: 200px;
	background-color: #FFF;
	color: #4A4A4A;
	border: none;
	height: 45px;
	font-size: 20px;
	font-family: Futura Light;
}
.whiteButton:hover
{
	background-color: #EEE;
	cursor: pointer;
}
.disabledButton
{
    min-width: 200px;
	background-color: #d6d6d6;
	color: #a9a9a9;
	border: none;
	height: 45px;
	font-size: 20px;
	font-family: Futura Light;
}
.blueButton
{
	min-width: 200px;
	background-color: #0073C6;
	color: #F7F7F7;
	border: none;
	height: 45px;
	font-size: 20px;
	font-family: Futura Light;
}

.blueButton:hover
{
	background-color: #81A0DC;
	cursor: pointer;
}

.iconButton
{
    display: inline-block;
    width: 250px;
    padding: 20px;
    margin-right: 25px;
    font-size: 20px;
    text-decoration: none;
    border: solid 1px #FFF;
}


.iconButton img
{
    vertical-align: middle;
    padding-right: 24px;
}

.iconButton div
{
    display: table-cell; 
    vertical-align: middle;
}

.iconButton:hover
{
	cursor: pointer;
    border: solid 1px #b9d7fc;
    background: #fdfeff; /* Old browsers */
    background: -moz-linear-gradient(top,  #fdfeff 0%, #edf5ff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfeff), color-stop(100%,#edf5ff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fdfeff 0%,#edf5ff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fdfeff 0%,#edf5ff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fdfeff 0%,#edf5ff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fdfeff 0%,#edf5ff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfeff', endColorstr='#edf5ff',GradientType=0 ); /* IE6-9 */
}

.iconButton a
{
    color: #0073C6;
    text-decoration: none;
}

.iconButton a:hover
{
    text-decoration: underline;
}


.sectionTitle
{
	font-size: 30px;
	margin-top: 40px;
}

.sectionBlock
{
}
.sectionBlock a
{
	color: #0073C6;
	background-color: #E3EDFF;
	text-decoration: none;
}
.sectionBlock a:hover
{
	text-decoration: underline;
}

.sectionBlockSimple
{
    width: 100%; 
    margin-bottom: 25px; 
    margin-top: 25px;
}

.sectionSubTitle
{
	font-size: 24px;
	margin-top: 40px;
    border-bottom: solid 1px #898989;
}

#bodyContainer
{
    margin: auto;
	width: 987px;
}

#projects
{
	margin: auto;
	width: 987px;
}
#projects .sectionTitle
{
	padding-left: 5px;
}
#about
{
	margin: auto;
	width: 987px;
}
#terms
{
	margin: auto;
    margin-bottom: 50px;
	width: 987px;
}
#error
{
	margin: auto;
	width: 987px;
	padding-bottom: 30px;
}
#login
{
	margin: auto;
	width: 987px;
	padding-bottom: 30px;
}
#register
{
	margin: auto;
	width: 987px;
	padding-bottom: 30px;
}
#search
{
	margin: auto;
	width: 987px;
}
#staging
{
	margin: auto;
	width: 987px;
	padding-bottom: 30px;
}
.itemRow
{
	margin: auto;
	display: table;
	width: 987px;
	margin-top: 15px;
}
.itemColumn
{
	display: table-cell;
	padding: 0px;
	width: 20%;
}
.itemThumb
{
}
.itemThumb img
{
	border: solid 10px #F9F9F9;
	-webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, .75);
	-moz-box-shadow: 1px 1px 1px rgba(50, 50, 50, .75);
	-o-box-shadow: 1px 1px 1px rgba(50, 50, 50, .75);
	-ms-box-shadow: 1px 1px 1px rgba(50, 50, 50, .75);
	box-shadow: 1px 1px 1px rgba(50, 50, 50, .75);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.itemThumb a:hover img
{
	opacity: 0.5;
	filter: alpha(opacity=40); /*For IE8 and earlier*/
	
}
.itemHeader
{
	text-transform: uppercase;
	font-size: 24px;
	margin-top: 40px;
}
.itemDescription
{
	margin-top: 20px;
	margin-bottom: 40px;
}
#footerDivider
{
	background-color: #F4F4F4;
	height: 10px;
}
#footer
{
	background-color: #F9F9F9;
	padding-bottom: 100px;
}
.footerHeader
{
	font-size: 20px;
	color: #889CB6;
	padding-top: 20px;
	padding-bottom: 20px;
}
.footerContent
{
	font-size: 16px;
	padding-bottom: 20px;
}
.footerContact
{
	font-size: 16px;
	padding-bottom: 20px;
}
.footerContact a
{
	color: #0073C6;
	background-color: #E3EDFF;
	text-decoration: none;
}
.footerContact a:hover
{
	text-decoration: underline;
}
#footerContainer
{
	margin: auto;
	display: table;
	width: 876px;
	background: url( "../Images/footerLogo.png" ) no-repeat right bottom;
}
#footerCopyright
{
	margin: auto;
	display: table;
	width: 876px;
	text-align: center;
	padding-top: 50px;
	color: #D5D5D5;
}
#footerLinks
{
	margin: auto;
	display: table;
	width: 876px;
	text-align: center;
	padding-top: 50px;
	color: #D5D5D5;
}
#footerLinks a
{
	color: #0073C6;
	background-color: #E3EDFF;
	text-decoration: none;
}
#footerLinks a:hover
{
	text-decoration: underline;
}
#contactForm
{
	display: table-cell;
}
#explorerOurSite
{
	display: table-cell;
}
#services
{
	display: table-cell;
}
ul
{
	padding-left: 15px;
	list-style-image: url("../Images/arrowBullet.png");
	line-height: 30px;
}
ul a
{
	color: #4A4A4A;
	text-decoration: none;
}
ul a:hover
{
	text-decoration: underline;
}

.listBox
{
	width: 620px;
	height: 150px;
	font-family: Futura Light;
	font-size: 20px;
	background-color: #EEE;
	border: none;
	color: #898989;
	padding: 10px;
	outline: none;
}

.dropDownList
{
	width: 200px;
	height: 43px;
	font-family: Futura Light;
	font-size: 20px;
	background-color: #EEE;
	border: none;
	color: #898989;
	padding-left: 10px;
	outline: none;
}
.dropDownListWide
{
	width: 250px;
	height: 43px;
	font-family: Futura Light;
	font-size: 20px;
	background-color: #EEE;
	border: none;
	color: #898989;
	padding-left: 10px;
	outline: none;
}

.dropDownListExtraWide
{
	width: 620px;
	height: 43px;
	font-family: Futura Light;
	font-size: 20px;
	background-color: #EEE;
	border: none;
	color: #898989;
	padding-left: 10px;
	outline: none;
}

.textBox
{
	width: 180px;
	height: 43px;
	font-family: Futura Light;
	font-size: 20px;
	background-color: #EEE;
	border: none;
	color: #898989;
	padding-left: 10px;
	padding-right: 10px;
	outline: none;
}
.textBoxWide
{
	width: 230px;
	height: 43px;
	font-family: Futura Light;
	font-size: 20px;
	background-color: #EEE;
	border: none;
	color: #898989;
	padding-left: 10px;
	padding-right: 10px;
	outline: none;
}
.multiLineTextBox
{
	width: 390px;
	height: 90px;
	font-family: Futura Light;
	font-size: 20px;
	background-color: #EEE;
	border: none;
	color: #898989;
	padding: 10px;
	outline: none;
	resize: none;
}
.clientLogo
{
	text-align:center;
}
.bigNumber
{
	font-size: 24px;
}
.professionalPhoto
{
	text-align: center;
	margin-top: 40px;
}
.professionalName
{
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
}
.positionTitle
{
	text-align: center;
	font-size: 14px;
	color: #0073C6;
	margin-bottom: 40px;
}
.smooth_zoom_icons 
{
	background-image: url("../Maps/Images/icons.png");
}	
#dropShadow
{
	height: 2px;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
}
#zoom_container .landmarks{
	position: absolute;
	z-index: 10;	
	top: 0px;
	left: 0px;
	font-family: Futura Light;
	font-size: 12px;
	color: #FFF;
}	
#zoom_container .landmarks .item {
	position: absolute;		
	text-align:center;		
	display: none;	
}	
#zoom_container .landmarks .lable div {
	width: 100px;
	padding: 4px;		
}	
#zoom_container .landmarks .mark .text{
	background-color: #000;
	padding: 2px 6px;
}

.gsc-control-cse
{
	background-color: Transparent !important;
	border: none !important;
	padding: 0px !important;
}

.gsc-webResult
{
	background-color: Transparent !important;
	border: none !important;
	font-family: Futura Light !important;
    font-size: 18px !important;
    color: #303030 !important;
}

.gs-bidi-start-align
{
	font-family: Futura Light !important;
    font-size: 18px !important;
    color: #303030 !important;
    padding-bottom: 10px !important;
}

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top
{
	padding: 0px !important;
}

.gsc-results .gsc-cursor-box
{
	margin: 25px 0px 25px 0px !important;
}

.gsc-result-info
{
	font-family: Futura Light !important;
    font-size: 18px !important;
    color: #303030 !important;
    padding: 0px !important;
}

.gs-result .gs-title
{
	font-family: Futura Light !important;
    font-size: 25px !important;
    text-decoration: none !important;
}

.gs-result .gs-title a
{
	background-color: #E3EDFF;
	text-decoration: none !important;
}

.gs-result .gs-title a:hover
{
	text-decoration: underline !important;
}

.gs-result .gs-title b
{
	font-family: Futura Light !important;
    font-size: 25px !important;
	text-decoration: none !important;
}

.gsc-cursor-page
{
	padding: 10px;
}

.gs-fileFormat
{
	font-family: Futura Light !important;
    font-size: 18px !important;
    color: #303030 !important;
    padding-bottom: 10px !important;
}

.gs-fileFormatType
{
	font-family: Futura Light !important;
    font-size: 18px !important;
    color: #303030 !important;
}

.gsc-above-wrapper-area
{
	border: none !important;
}

.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet
{
	padding: 0px !important;
	margin: 0px !important;
	border: none !important;
	background-color: Transparent !important;
}
#paymentForm
{
	margin: auto;
	width: 987px;
}

.header {
    width: 944px;
    margin: auto;
    padding: 40px 40px 0 40px;
}

#taskManagementTable {
    width: 944px;
    margin: auto;
    padding: 40px;
}

.table {
    width: 100%;
    border: solid 1px #d0d0d0;
}

.table tr td {
    padding: 20px;
}

.table tr:not(:first-child):not(:nth-child(2)):not(:last-child) td {
    vertical-align: top;
}

.table tr td:not(:first-child) {
    white-space: nowrap;
    
}

.table tr:not(:first-child):not(:nth-child(2)):not(:last-child) td:first-child pre{
    /*white-space: nowrap;*/
    overflow: hidden;
    font-family: "Futura Light";
    vertical-align: top;

    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    margin: 0;
}

.table tr:not(:first-child):not(:nth-child(2)):not(:last-child) td:first-child {
    vertical-align: top;
    
}

.table tr:not(:first-child):not(:nth-child(2)):not(:last-child) td {
    border-top: solid 1px #eeeeee;
}

.table tr:first-child td {
    background-color: #0073c6;
    color: #fff;
}

.table tr:last-child td {
    border-top: solid 1px #d0d0d0;
    text-align: right;
}

.table tr:nth-child(2) td {
    background-color: #f9f9f9;
    /*border-bottom: solid 1px #d0d0d0;*/
}

.table a
{
    color: #0073C6;
    background-color: #E3EDFF;
    text-decoration: none;
}

.table a:hover
{
    text-decoration: underline;
}


#overlay {
    display: none; 
    /*display: flex;*/ 
    position: fixed;
    width: 100vw;
    height: 100vh;
    align-items: center;
    justify-content: center;
    z-index: 2;
    background-color:rgba(255,255,255,0.8);
    top: 0;
}

.dialog {
    width: 600px;
    border: solid 1px #d0d0d0;
    background-color: #fff;
}

.dialog tr td {
    padding: 20px;
}

.dialog tr:first-child td {
    background-color: #0073c6;
    color: #fff;
}

.dialog tr:not(:first-child):not(:last-child) td:first-child
{
    background-color: #f9f9f9;
    border-right: solid 1px #d0d0d0;
    text-align: right;
    width: 100px;
    vertical-align: top;
}

.dialog tr:last-child td {
    text-align: right;
    border-top: solid 1px #d0d0d0;
    color: #fff;
}

    .dialog tr:last-child td input[type=submit] {
        margin-left: 10px;
    }

    .dialog tr:last-child td input[type=submit]:disabled {
        margin-left: 10px; 
    }

    input[type=submit]:disabled {
        border: none;
        /*min-width: 100px;*/
        padding: 0 40px;
        height: 45px;
        font-size: 20px;
        font-family: 'Futura Light';
    }

.buttonPrimary {
    background-color: #0073C6;
    color: #F7F7F7;
    border: none;
    /*min-width: 100px;*/
    padding: 0 40px;
    height: 45px;
    font-size: 20px;
    font-family: 'Futura Light';
}

    .buttonPrimary:hover {
        background-color: #81a0dc;
    }

.buttonSecondary {
    background-color: #f4f4f4;
    color: #4A4A4A;
    border: none;
    /*min-width: 100px;*/
    padding: 0 40px;
    height: 45px;
    font-size: 20px;
    font-family: 'Futura Light';
}

    .buttonSecondary:hover {
        background-color: #eeeeee;
    }

.textarea {
    width: calc(100% - 46px);
    height: 100px;
    resize: vertical;
    padding: 20px;
    font-size: 18px;
    font-family: 'Futura Light';
}

.dropdown {
    width: 100%;
    height: 45px;
    font-size: 18px;
    padding: 0 20px;
    font-family: 'Futura Light';
}

.validator {
    color: #ff0000;
}

#editTaskDialog {
    display: none;
    /*display: table;*/
}

#createNewTaskDialog {
    display: none;
    /*display: table;*/
}

.emptyTable div {
    padding: 20px 0;
}