﻿body
{
	font-family: 'Lucida Grande' , Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
	background: url("/resources/images/background.png") repeat scroll 0 0 #d1d1d1;
	font-size: 11px;
	color: #333;
	margin: 0;
	padding: 0;
}

/* Fixed Footer */

div#fixedfooter
{
	bottom: 0;
	width: 100%;
	position: fixed;
	z-index: 50;
}

	div#fixedfooter div.core {
		background-color: #D8E6F8;
		padding: 12px;
		display: flex;
		gap: 1em;
		font-size: 1.05em;
	}

		div#fixedfooter div.core.hold {
			background-color: #D8E600 !important;
		}

		div#fixedfooter div {
			border-left: 1px solid #aaa;
			padding-left: 1em;
		}

		div#fixedfooter div:first-child {
			border-left: none;
		}

		div#fixedfooter div > strong {
			display: block;
		}

/* LAYOUT */
#outer
{
	width: 100%;
}

#inner
{
	width: 90%;
	min-width: 1200px;
	position: relative;
	margin: 0px auto;
}

#credentials
{
	position: absolute;
	right: 0;
	top: 0px;
}

#credentials .currentUser
{
	font-weight: bold;
}

.nodisplay
{
	display: none;
}

a.cancel
{
	color: Red;
	padding: 4px;
	display: inline-block;
}

a.cancel:hover
{
	background-color: Red;
	color: White;
	text-decoration: none;
}

/*Modal Fieldset*/

fieldset.modal
{
	border: none;
	padding: 0;
	margin: 0;
}

fieldset.modal label
{
	float: left;
	width: 25%;
	margin-right: 0.5em;
	padding-top: 0.2em;
	font-weight: bold;
}

fieldset.modal input
{
	width: 90%;
}

div#company-search-results tr.selected td, tr.selected td
{
	background-color: #ffc;
	color: #006600;
}

/*input[type=submit], input.button {
	margin: 0px;
	padding: 3px 12px;
	font-size: 0.8em;
	font-weight: bold;
}

input[type=submit], input.button {
	background: url('/resources/images/gray_button.png') repeat-x left bottom;
	border: 1px solid #ddd;
	color: #515151;
}

input[type=submit]:hover, input.button:hover {
	background: url('/resources/images/gray_button_hover.png') repeat-x left bottom;
}

.panel .banner input[type=submit], .panel .banner input.button {
	background: url('/resources/images/green_button.png') repeat-x left bottom #9BA862;
	border: 1px solid #768243;
	color: #fff;
	font-size: 10px;
}

.panel .banner input[type=submit]:hover, .panel .banner input.button:hover {
	background: url('/resources/images/green_button_hover.png') repeat-x left bottom;
}

#content input[type=submit] 
{
	color: White;
	margin: 0px;
	padding: 3px 12px;
	font-size: 1.2em;
	font-weight: bold;
	background: url('/resources/images/green_button.png') repeat-x left bottom;
}*/

/* HEADER */
#header
{
	background: #536115 url('/resources/images/header.png') repeat-x left bottom;
	position: relative;
	margin: 10px 0px;
	height: 46px;
}

#header #home
{
	height: 100%;
	width: 50px;
	background: url('/resources/images/dark_splitter.png') repeat-y right bottom;
	text-align: center;
}

#header #home a
{
	display: block;
	padding: 23px 24px;
	background: url('/resources/images/house.png') no-repeat center;
}

#header #home a:hover
{
	background-color: #5d6927;
}

#header ul#navigation
{
	position: absolute;
	list-style-type: none;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
}

#header ul#navigation li
{
	float: left;
	position: relative;
	background: #7b8745;
	margin-right: 10px;
}

#header ul#navigation li:hover
{
	background: #444 !important;
}

#header ul#navigation li.icon
{
	background: #7b8745 url('/resources/images/light_splitter.png') repeat-y 34px bottom;
}

#header ul#navigation li a
{
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 8px 20px;
}

#header ul#navigation li.icon a
{
	padding-left: 45px;
}

#header ul#navigation li.active a
{
	color: #3e3936;
}

#header ul#navigation li a.projects
{
	background: url('/resources/images/hard-hat.png') no-repeat 11px center;
}

#header ul#navigation li a.initialResearch
{
	background: url('/resources/images/keyboard.png') no-repeat 11px center;
}

#header ul#navigation li a.importManager
{
	background: url('/resources/images/cog.png') no-repeat 11px center;
}

#header ul#navigation li a.lookupMaintenance
{
	background: url('/resources/images/book_edit.png') no-repeat 11px center;
}

#header ul#navigation li a.adminArea
{
	background: url('/resources/images/icons/wrench_orange.png') no-repeat 11px center;
}

#header #navigation li div.megatab
{
	background: inherit;
	position: absolute;
	display: none;
	padding: 10px;
	z-index: 999;
	min-width: 150px;
	top: 26px;
	right: 0px;
}

#header #navigation li:hover div.megatab
{
	display: block;
}

#header #navigation li div.megatab a
{
	display: block;
	padding: 5px;
	border-bottom: 1px solid #aaa;
	white-space: nowrap;
}

#header #navigation li div.megatab .level1tab {
    background: inherit;
}

#header #navigation li div.megatab .level1tab .level2tab {
    background: inherit;
    position: absolute;
    display: none;
    z-index: 999;
    min-width: 150px;
    left: 90%;
    margin-top: -24px;
}

#header #navigation li div.megatab .level1tab:hover .level2tab {
    display: inline;
}

/* TAIL */
#tail
{
	clear: both;
	color: #fff;
	text-align: right;
	background: #2a2a2a;
	padding: 20px 10px;
}

/* CONTENT */
#content
{
	margin: 10px 0px;
}

/* LOGIN */
#login
{
	margin: 10% auto 0px;
	padding: 0px;
	width: 420px;
}

#login .content
{
	padding-left: 120px;
	background: url("/resources/images/login.png") no-repeat scroll left top #fff;
}

/* Flash */

div.flash
{
	font-weight: bold;
	margin: 10px 0px;
	padding: 10px;
	border-right: 0px !important;
	border-left: 0px !important;
}

div.flash ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

div.flash.info
{
	color: #006600;
	border: 1px solid #006600;
	background-color: #CCFFCC;
}

div.flash.warn
{
	color: #E39D0D;
	border: 1px solid #E39D0D;
	background-color: #FFFFCC;
}

div.flash.error
{
	color: #f00;
	border: 1px solid #f00;
	background-color: #FFCCCC;
}

/* WIDGETS */
.panel, .leftPanel, .rightPanel
{
	background: #fff;
	margin: 10px 0px;
}

.leftPanel, .rightPanel
{
	margin-top: 0px;
}

.leftPanel
{
	width: 50%;
	float: left;
}

.rightPanel
{
	width: 49%;
	float: right;
}

.panel .banner
{
	height: 35px;
	position: relative;
	background: #8c9a4f url('/resources/images/banner.png') repeat-x bottom left;
}

.panel .banner h1, .panel .banner h2
{
	font-size: 1.2em;
	padding: 8px 10px;
	margin: 0px;
	color: #fff;
}

.panel .banner .controls
{
	position: absolute;
	height: 100%;
	margin: 0px;
	right: 0px;
	top: 0px;
}

.panel .banner .controls ul
{
	margin: 0px;
	float: left;
	list-style: none;
}

.panel .banner .controls ul li
{
	float: left;
	margin-right: 3px;
}

.panel .banner .controls ul li span
{
	margin: 0;
	padding: 11px 3px;
	height: 1%;
	display: block;
	float: left;
	color: White;
}

.panel .banner .controls label
{
	color: White;
}

.panel .banner .controls ul li a
{
	margin: 0;
	padding: 11px 16px;
	height: 1%;
	display: block;
	float: left;
	background: url("images/green/title_link.png") no-repeat top left;
	border-left: 1px solid #768243;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.panel .banner .controls ul li a img
{
}


.panel .banner .controls ul li a:hover
{
	background: url("images/green/title_tab_selected.png") no-repeat bottom center;
	color: #ebfaa9;
}

.panel .banner .controls ul li input[type=submit], .panel .content .buttons input[type=submit]
{
	margin: 4px 0;
	padding: 4px 12px 5px 12px;
	overflow: hidden;
	outline: none;
	outline-style: none;
	background: #E5E3E3 url("images/button.png") repeat-x;
	border: 1px solid #768243;
	color: #515151;
	font-weight: bold;
}

.panel .banner .controls .search input[type=submit]
{
	margin: 3px 0;
	padding: 2px 12px 3px 12px;
	overflow: hidden;
	outline: none;
	outline-style: none;
	background: #E5E3E3 url("images/button.png") repeat-x;
	border: 1px solid #768243;
	color: #515151;
	font-weight: bold;
}

.panel .banner .controls ul li input[type=submit]:hover, .panel .banner .controls .search input[type=submit]:hover, .panel .content .buttons input[type=submit]:hover
{
	background: #B4B4B4 url("images/button_selected.png") repeat-x;
}

.panel .banner .controls ul li input[type=submit].submit, .panel .content .buttons input[type=submit].submit
{
	background: #9ba862 url("images/green/button_highlight.png") repeat-x;
	color: white;
}

.panel .banner .controls ul li input[type=submit].submit:hover, .panel .content .buttons input[type=submit].submit:hover
{
	background: #9ba862 url("images/green/button_highlight_selected.png") repeat-x;
}

.panel .banner .controls ul li input[type=submit].delete-button {
    background: #8B5F65;
    color: white;
}

.panel .banner .controls ul li input[type=submit].delete-button:hover {
    background: #8B3A62;
}


.panel .banner .controls ul li span, .panel .banner .controls ul li label
{
}

.panel .content button, .panel .content input[type=button]
{
	margin: 1px 0;
	padding: 1px 8px 2px 8px;
	overflow: hidden;
	outline: none;
	outline-style: none;
	background: #E5E3E3 url("images/button.png") repeat-x;
	border: 1px solid #999999;
	color: black;
	font-weight: bold;
}

.panel .content button:hover, .panel .content input[type=button]:hover
{
	background: #E5E3E3 url("images/green/button_highlight.png") repeat-x;
}

.panel .content button:disabled, .panel .content input[type=button]:disabled
{
	color: #C0C0C0;
}

.panel .content button:disabled:hover, .panel .content input[type=button]:disabled:hover
{
	background: #E5E3E3 url("images/button.png") repeat-x;
}
.panel .banner .controls .search
{
	float: left;
	padding: 6px 10px 5px;
	background: url('/resources/images/light_splitter.png') repeat-y left bottom;
}

/*
.panel .banner .controls label
{
	position: static;
}

.panel .banner .controls ul li
{
	float: left;
	padding: 10px 15px;
	background: url('/resources/images/light_splitter.png') repeat-y left bottom;
	color: #fff;
}

.panel .banner .controls ul li a
{
	font-weight: bold;
	color: #fff;
}
*/
.panel .content
{
	padding: 10px;
}

/* FORMS */
fieldset
{
	border: 0px;
	margin: 5px 0px;
	border-top: 1px solid #e6e6e6;
	position: relative;
}

fieldset.collapsable
{
	border: 1px solid #ddd;
}

fieldset.collapsable legend
{
	cursor: pointer;
}

fieldset.collapsable a.toggler
{
	background: window;
	position: absolute;
	padding: 0px 2px;
	right: 15px;
	top: -22px;
}

fieldset legend
{
	font-size: 1.2em;
	font-weight: bold;
}

.controls > label, .narrowControls > label, .wideControls > label, label.field
{
	font-weight: bold;
}

.controls > label, .narrowControls > label, .wideControls > label
{
	position: absolute;
	line-height: 1.8em;
}

.controls > label
{
	left: -110px;
}

.narrowControls > label
{
	left: -90px;
}

.wideControls > label
{
	left: -175px;
}

.controls, .narrowControls, .wideControls
{
	margin: 5px 0px;
	position: relative;
}

.controls
{
	margin-left: 110px;
}

.narrowControls
{
	margin-left: 90px;
}

.wideControls
{
	margin-left: 175px;
}

.wideControls .meta {
    display: inline-block;
    color: #767676;
    margin-bottom: 3px;
}

    .wideControls h4.meta {
        margin-left: -140px;
        display: block;
    }

        .wideControls h4.meta.top {
            margin-top: 0;
        }

.widetextBox {
    width: 500px;
}

.panel-commissioner div.controls
{
	margin-left: 0;
}

.panel-agent div.controls
{
	margin-left: 80px;
}

.panel .edit-info
{
	background-color: #FFFFCC;
	padding: 2px 0;
	color: #666666;
	width: 100%;
}

.panel .edit-info.form-info {
    margin-left: 0;
}

.panel .edit-info div p
{
	margin: 5px 10px;
}

.panel .edit-info.form-info p {
    margin: 5px 
}

.panel .edit-info .left
{
	float: left;
	width: 15%;
}

.panel .edit-info .middle
{
	float: left;
	width: 69%;
	text-align: center;
}

.panel .edit-info .middle p
{
	margin-top: 8px;
}

.panel .edit-info .right
{
	float: right;
	width: 15%;
	text-align: right;
}

.panel .edit-info .scorePercentage
{
	font-weight: bold;
	font-size: 1.6em;
	color: #7B8745;
}

.panel .edit-info .projectNumber
{
	font-weight: bold;
	font-size: 1.6em;
	color: black;
}

/* Fitout title panel */

.panel .edit-info-fitout
{
	background-color: #C4E1FF;
	color: #333333;
}

.panel .edit-info-fitout fieldset 
{
	margin: 6px 10px 0 10px;
}

/* End Fitout title panel */

.top-buttons {
    text-align: right;
}

.buttons {
    border-top: 1px solid #ddd;
    margin: 5px 0px;
    padding-top: 5px;
    text-align: right;
}

ul.autoComplete
{
	background-color: window;
	border: 1px solid buttonshadow;
	color: windowtext;
	cursor: default;
	list-style: none outside none;
	padding: 0;
	position: absolute;
	text-align: left;
	margin: 0px;
}

/* Standard Form */
fieldset.standardForm > div
{
	margin-left: 175px;
	margin-bottom: 5px;
	position: relative;
	min-height: 1em;
}

fieldset.standardForm > div.shift-left {
    margin-left: 0px;
}

fieldset.standardForm > div > label
{
	margin-left: -175px;
	font-weight: bold;
	position: absolute;
	line-height: 1.8em;
}

fieldset.standardForm > div > p.meta {
    margin-left: -175px;
    font-style: italic;
}

    fieldset.noBorder {
        border: none 0px #fff;
    }

fieldset.standardForm input.fullWidth, fieldset.standardForm textarea.fullWidth, div.fullWidth
{
	width: 99%;
}

fieldset.standardForm input.fullWidth.textcounter
{
	width: 92%;
}

fieldset.standardForm input.halfWidth, fieldset.standardForm textarea.halfWidth, div.halfWidth
{
	width:49%;
}

/* half Columns */

.halfColumn
{
	float: left;
	width: 49%;
	padding-right: 5px;
}

/* TREEMENU */
div.treeMenu
{
	position: relative;
	width: 100%;
}

div.treeMenu div.treesearch
{
	width: 49.9%;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	background-color: #eee;
	padding: 3px 0;
}

div.treeMenu div.treesearch label
{
	margin-left: 3px;
}

div.treeMenu div.tree, div.treeMenu div.selections
{
	width: 49.9%;
	height: 200px;
	overflow-y: scroll;
	border: 1px solid #CCCCCC;
}

div.treeMenu div.selections
{
	width: 49%;
	height: 233px;
}

div.treeMenu div.selections
{
	position: absolute;
	right: 0px;
	top: 0px;
}

div.treeMenu div.tree ul
{
	list-style: none;
	padding: 0px;
}

div.treeMenu div.tree ul li
{
	padding-left: 20px;
	margin: 2px 0px;
}

div.treeMenu div.tree input
{
	vertical-align: middle;
	margin-right: 10px;
}

div.treeMenu div.tree span.collapsed, div.treeMenu div.tree span.expanded, div.treeMenu div.selections li span.remove, table tbody tr td span.remove
{
	cursor: pointer;
	padding: 5px 8px;
}

div.treeMenu div.tree span.collapsed
{
	background: url("/resources/images/expand.gif") no-repeat scroll left 8px transparent;
}

div.treeMenu div.tree span.expanded
{
	background: url("/resources/images/collapse.gif") no-repeat scroll left 8px transparent;
}

div.treeMenu div.selections ol
{
	padding: 0px;
	margin: 0px 10px;
	list-style: none;
}

div.treeMenu div.selections ol li
{
	padding: 5px 10px;
	border: 1px solid #ddd;
	background: window;
	cursor: move;
	margin: 3px 0px;
}

div.treeMenu div.selections li span.remove, table tbody tr td span.remove
{
	background: url("/resources/images/delete.gif") no-repeat scroll left center transparent;
}

/* RANDOM TAGS */
img
{
	border: 0px;
}

/* Hx */
h1
{
	font-size: 1.7em;
}

h2
{
	font-size: 1.5em;
}

/* HREF */
a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

/* TABLES */
table
{
	width: 100%;
	border-collapse: collapse;
}

table.radio-button-list {
    width: 0;
}

table tr:hover
{
	background-color: #EAEAEA;
}

    table.radio-button-list tr:hover {
        background-color: #fff;
    }

table th
{
	background: #E4E4E4;
	text-align: left;
	font-weight: bold;
	border: 1px solid #E4E4E4;
	border-bottom: 1px solid #bbb;
	padding: 7px 5px;
}

table td
{
	border: 1px solid #eaeaea;
	padding: 7px 5px;
}

    table.radio-button-list td {
        border: 0;
        padding: 0;
    }

    /* HIGHLIGHT */
    .highlight {
        background: lightyellow;
    }


/* ROUNDED CORNERS */
#header, #navigation li, #header #home a, #header #navigation li div.megatab, #login .panel .banner
{
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

#header, #navigation li, #login .panel .banner
{
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

#header #navigation li div.megatab
{
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}

#header #navigation li div.megatab
{
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}


/* Company Lookup Table Icons */

#companies-table-body a.remove, #projects-table-body a.remove
{
	background: url(../images/icons/delete.png) no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
}

#companies-table-body a.search-projects
{
	background: url(../images/icons/find.png) no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
}

#companies-table-body a.remove span, 
#companies-table-body a.add-contact span, 
#companies-table-body a.remove-contact span,
#projects-table-body a.remove span, 
#companies-table-body a.search-projects span
{
	display: none;
}

#companies-table-body a.add-contact
{
	background: url(../images/icons/user_add.png) no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
}

#companies-table-body a.remove-contact
{
	background: url(../images/icons/user_delete.png) no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
}

/* Utility */

.cursor-busy {
    cursor: wait;
}

button.cursor-busy {
    
}

/* External Links Body */

.projectExternalUrls a.removeExternalUrl
{
	background: url(../images/icons/delete.png) no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
}

/* Related Company Projects */

div.related-comp-projs
{
	background-color: Transparent;
}

div.related-comp-projs div.related-comp-proj
{
	display: block;
	background-color: white;
	padding: 10px 5px;
	text-decoration: none;
	border-top: solid 1px #ccc;
	border-top: solid 1px #eee;
}

div.related-comp-projs div.related-comp-proj.active-project
{
	border-left: solid 5px green;
	background-color: #ffc;
}

div.related-comp-projs div.related-comp-proj a:hover
{
	background-color: #ffc;
	text-decoration: underline;
}

/* -----------------------------------------------------------
	jquery ui
----------------------------------------------------------- */

.ui-helper-hidden
{
	display: none;
}
.ui-helper-hidden-accessible
{
	position: absolute;
	left: -99999999px;
}
.ui-icon
{
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

/* Combo Autocomplete Style Mods */

input.combo.ui-autocomplete-input
{
	width: 80%;
}

/* -----------------------------------------------------------
	jquery ui -> icons
----------------------------------------------------------- */

.ui-icon
{
	width: 16px;
	height: 16px;
	background-image: url(/resources/images/ui/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon
{
	background-image: url(/resources/images/ui/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon
{
	background-image: url(/resources/images/ui/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon
{
	background-image: url(/resources/images/ui/ui-icons_ef8c08_256x240.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon
{
	background-image: url(/resources/images/ui/ui-icons_ef8c08_256x240.png);
}
.ui-state-active .ui-icon
{
	background-image: url(/resources/images/ui/ui-icons_ef8c08_256x240.png);
}
.ui-state-highlight .ui-icon
{
	background-image: url(/resources/images/ui/ui-icons_228ef1_256x240.png);
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon
{
	background-image: url(/resources/images/ui/ui-icons_ffd27a_256x240.png);
}

/* -----------------------------------------------------------
	jquery ui -> icon positioning
----------------------------------------------------------- */
.ui-icon-carat-1-n
{
	background-position: 0 0;
}
.ui-icon-carat-1-ne
{
	background-position: -16px 0;
}
.ui-icon-carat-1-e
{
	background-position: -32px 0;
}
.ui-icon-carat-1-se
{
	background-position: -48px 0;
}
.ui-icon-carat-1-s
{
	background-position: -64px 0;
}
.ui-icon-carat-1-sw
{
	background-position: -80px 0;
}
.ui-icon-carat-1-w
{
	background-position: -96px 0;
}
.ui-icon-carat-1-nw
{
	background-position: -112px 0;
}
.ui-icon-carat-2-n-s
{
	background-position: -128px 0;
}
.ui-icon-carat-2-e-w
{
	background-position: -144px 0;
}
.ui-icon-triangle-1-n
{
	background-position: 0 -16px;
}
.ui-icon-triangle-1-ne
{
	background-position: -16px -16px;
}
.ui-icon-triangle-1-e
{
	background-position: -32px -16px;
}
.ui-icon-triangle-1-se
{
	background-position: -48px -16px;
}
.ui-icon-triangle-1-s
{
	background-position: -64px -16px;
}
.ui-icon-triangle-1-sw
{
	background-position: -80px -16px;
}
.ui-icon-triangle-1-w
{
	background-position: -96px -16px;
}
.ui-icon-triangle-1-nw
{
	background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s
{
	background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w
{
	background-position: -144px -16px;
}
.ui-icon-arrow-1-n
{
	background-position: 0 -32px;
}
.ui-icon-arrow-1-ne
{
	background-position: -16px -32px;
}
.ui-icon-arrow-1-e
{
	background-position: -32px -32px;
}
.ui-icon-arrow-1-se
{
	background-position: -48px -32px;
}
.ui-icon-arrow-1-s
{
	background-position: -64px -32px;
}
.ui-icon-arrow-1-sw
{
	background-position: -80px -32px;
}
.ui-icon-arrow-1-w
{
	background-position: -96px -32px;
}
.ui-icon-arrow-1-nw
{
	background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s
{
	background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw
{
	background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w
{
	background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw
{
	background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n
{
	background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e
{
	background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s
{
	background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w
{
	background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n
{
	background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne
{
	background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e
{
	background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se
{
	background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s
{
	background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw
{
	background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w
{
	background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw
{
	background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s
{
	background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw
{
	background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w
{
	background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw
{
	background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n
{
	background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e
{
	background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s
{
	background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w
{
	background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w
{
	background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n
{
	background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e
{
	background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s
{
	background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w
{
	background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n
{
	background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e
{
	background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s
{
	background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w
{
	background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n
{
	background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e
{
	background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s
{
	background-position: -176px -64px;
}
.ui-icon-arrow-4
{
	background-position: 0 -80px;
}
.ui-icon-arrow-4-diag
{
	background-position: -16px -80px;
}
.ui-icon-extlink
{
	background-position: -32px -80px;
}
.ui-icon-newwin
{
	background-position: -48px -80px;
}
.ui-icon-refresh
{
	background-position: -64px -80px;
}
.ui-icon-shuffle
{
	background-position: -80px -80px;
}
.ui-icon-transfer-e-w
{
	background-position: -96px -80px;
}
.ui-icon-transferthick-e-w
{
	background-position: -112px -80px;
}
.ui-icon-folder-collapsed
{
	background-position: 0 -96px;
}
.ui-icon-folder-open
{
	background-position: -16px -96px;
}
.ui-icon-document
{
	background-position: -32px -96px;
}
.ui-icon-document-b
{
	background-position: -48px -96px;
}
.ui-icon-note
{
	background-position: -64px -96px;
}
.ui-icon-mail-closed
{
	background-position: -80px -96px;
}
.ui-icon-mail-open
{
	background-position: -96px -96px;
}
.ui-icon-suitcase
{
	background-position: -112px -96px;
}
.ui-icon-comment
{
	background-position: -128px -96px;
}
.ui-icon-person
{
	background-position: -144px -96px;
}
.ui-icon-print
{
	background-position: -160px -96px;
}
.ui-icon-trash
{
	background-position: -176px -96px;
}
.ui-icon-locked
{
	background-position: -192px -96px;
}
.ui-icon-unlocked
{
	background-position: -208px -96px;
}
.ui-icon-bookmark
{
	background-position: -224px -96px;
}
.ui-icon-tag
{
	background-position: -240px -96px;
}
.ui-icon-home
{
	background-position: 0 -112px;
}
.ui-icon-flag
{
	background-position: -16px -112px;
}
.ui-icon-calendar
{
	background-position: -32px -112px;
}
.ui-icon-cart
{
	background-position: -48px -112px;
}
.ui-icon-pencil
{
	background-position: -64px -112px;
}
.ui-icon-clock
{
	background-position: -80px -112px;
}
.ui-icon-disk
{
	background-position: -96px -112px;
}
.ui-icon-calculator
{
	background-position: -112px -112px;
}
.ui-icon-zoomin
{
	background-position: -128px -112px;
}
.ui-icon-zoomout
{
	background-position: -144px -112px;
}
.ui-icon-search
{
	background-position: -160px -112px;
}
.ui-icon-wrench
{
	background-position: -176px -112px;
}
.ui-icon-gear
{
	background-position: -192px -112px;
}
.ui-icon-heart
{
	background-position: -208px -112px;
}
.ui-icon-star
{
	background-position: -224px -112px;
}
.ui-icon-link
{
	background-position: -240px -112px;
}
.ui-icon-cancel
{
	background-position: 0 -128px;
}
.ui-icon-plus
{
	background-position: -16px -128px;
}
.ui-icon-plusthick
{
	background-position: -32px -128px;
}
.ui-icon-minus
{
	background-position: -48px -128px;
}
.ui-icon-minusthick
{
	background-position: -64px -128px;
}
.ui-icon-close
{
	background-position: -80px -128px;
}
.ui-icon-closethick
{
	background-position: -96px -128px;
}
.ui-icon-key
{
	background-position: -112px -128px;
}
.ui-icon-lightbulb
{
	background-position: -128px -128px;
}
.ui-icon-scissors
{
	background-position: -144px -128px;
}
.ui-icon-clipboard
{
	background-position: -160px -128px;
}
.ui-icon-copy
{
	background-position: -176px -128px;
}
.ui-icon-contact
{
	background-position: -192px -128px;
}
.ui-icon-image
{
	background-position: -208px -128px;
}
.ui-icon-video
{
	background-position: -224px -128px;
}
.ui-icon-script
{
	background-position: -240px -128px;
}
.ui-icon-alert
{
	background-position: 0 -144px;
}
.ui-icon-info
{
	background-position: -16px -144px;
}
.ui-icon-notice
{
	background-position: -32px -144px;
}
.ui-icon-help
{
	background-position: -48px -144px;
}
.ui-icon-check
{
	background-position: -64px -144px;
}
.ui-icon-bullet
{
	background-position: -80px -144px;
}
.ui-icon-radio-off
{
	background-position: -96px -144px;
}
.ui-icon-radio-on
{
	background-position: -112px -144px;
}
.ui-icon-pin-w
{
	background-position: -128px -144px;
}
.ui-icon-pin-s
{
	background-position: -144px -144px;
}
.ui-icon-play
{
	background-position: 0 -160px;
}
.ui-icon-pause
{
	background-position: -16px -160px;
}
.ui-icon-seek-next
{
	background-position: -32px -160px;
}
.ui-icon-seek-prev
{
	background-position: -48px -160px;
}
.ui-icon-seek-end
{
	background-position: -64px -160px;
}
.ui-icon-seek-start
{
	background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first
{
	background-position: -80px -160px;
}
.ui-icon-stop
{
	background-position: -96px -160px;
}
.ui-icon-eject
{
	background-position: -112px -160px;
}
.ui-icon-volume-off
{
	background-position: -128px -160px;
}
.ui-icon-volume-on
{
	background-position: -144px -160px;
}
.ui-icon-power
{
	background-position: 0 -176px;
}
.ui-icon-signal-diag
{
	background-position: -16px -176px;
}
.ui-icon-signal
{
	background-position: -32px -176px;
}
.ui-icon-battery-0
{
	background-position: -48px -176px;
}
.ui-icon-battery-1
{
	background-position: -64px -176px;
}
.ui-icon-battery-2
{
	background-position: -80px -176px;
}
.ui-icon-battery-3
{
	background-position: -96px -176px;
}
.ui-icon-circle-plus
{
	background-position: 0 -192px;
}
.ui-icon-circle-minus
{
	background-position: -16px -192px;
}
.ui-icon-circle-close
{
	background-position: -32px -192px;
}
.ui-icon-circle-triangle-e
{
	background-position: -48px -192px;
}
.ui-icon-circle-triangle-s
{
	background-position: -64px -192px;
}
.ui-icon-circle-triangle-w
{
	background-position: -80px -192px;
}
.ui-icon-circle-triangle-n
{
	background-position: -96px -192px;
}
.ui-icon-circle-arrow-e
{
	background-position: -112px -192px;
}
.ui-icon-circle-arrow-s
{
	background-position: -128px -192px;
}
.ui-icon-circle-arrow-w
{
	background-position: -144px -192px;
}
.ui-icon-circle-arrow-n
{
	background-position: -160px -192px;
}
.ui-icon-circle-zoomin
{
	background-position: -176px -192px;
}
.ui-icon-circle-zoomout
{
	background-position: -192px -192px;
}
.ui-icon-circle-check
{
	background-position: -208px -192px;
}
.ui-icon-circlesmall-plus
{
	background-position: 0 -208px;
}
.ui-icon-circlesmall-minus
{
	background-position: -16px -208px;
}
.ui-icon-circlesmall-close
{
	background-position: -32px -208px;
}
.ui-icon-squaresmall-plus
{
	background-position: -48px -208px;
}
.ui-icon-squaresmall-minus
{
	background-position: -64px -208px;
}
.ui-icon-squaresmall-close
{
	background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical
{
	background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal
{
	background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical
{
	background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal
{
	background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se
{
	background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se
{
	background-position: -80px -224px;
}

img.ui-datepicker-trigger
{
	position: relative;
	left: -20px;
	top: 3px;
}

/* -----------------------------------------------------------
	jquery ui -> datepicker
----------------------------------------------------------- */
.ui-datepicker td span, .ui-datepicker td a:hover
{
	background: #85924b;
	color: #ffffff;
}
.ui-datepicker td span, .ui-datepicker td.ui-datepicker-current-day a
{
	background: #85924b;
	color: #ffffff;
}

/* -----------------------------------------------------------
	jquery ui -> datepicker
----------------------------------------------------------- */
/*.ui-datepicker
{
	width: 190px;
	padding: .2em .2em 0;
	background: #FFFFFF;
	border: 1px solid #000000;
	border-top: none;
}
.ui-datepicker .ui-datepicker-header
{
	position: relative;
	padding: .2em 0;
	background: #F6F6F6;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next
{
	position: absolute;
	top: 1px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover
{
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev
{
	left: 0;
}
.ui-datepicker .ui-datepicker-next
{
	right: 0;
}
.ui-datepicker .ui-datepicker-prev-hover
{
	left: 0;
}
.ui-datepicker .ui-datepicker-next-hover
{
	right: 0;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span
{
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title
{
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select
{
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year
{
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
{
	width: 49%;
}
.ui-datepicker table
{
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 4px 0;
}
.ui-datepicker th
{
	padding: .7em .3em;
	text-align: center;
	border: 0;
}
.ui-datepicker td
{
	border: 0;
	padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a
{
	display: block;
	padding: 3px;
	text-align: center;
	text-decoration: none;
}
.ui-datepicker td span, .ui-datepicker td a:hover
{
	background: #376ea6;
	color: #ffffff;
}
.ui-datepicker .ui-datepicker-buttonpane
{
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button
{
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current
{
	float: left;
}
.ui-datepicker td span, .ui-datepicker td.ui-datepicker-today a
{
	background: #DDDDDD;
	color: #585858;
}
.ui-datepicker td span, .ui-datepicker td.ui-datepicker-current-day a
{
	background: #376ea6;
	color: #ffffff;
}*/

/* -----------------------------------------------------------
	content -> right -> pagination
----------------------------------------------------------- */

#content div.box div.pagination
{
	margin: 10px 0 5px 0;
	padding: 0;
	height: 1%;
	clear: both;
	overflow: hidden;
}

#content div.box div.pagination div.results
{
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}

#content div.box div.pagination div.results span
{
	margin: 0;
	padding: 6px 8px 6px 8px;
	height: 1%;
	display: block;
	float: left;
	background: #ebebeb url("../../resources/images/pager.png") repeat-x;
	border-top: 1px solid #dedede;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	color: #4A4A4A;
	font-weight: bold;
}

#content div.box div.pagination ul.pager
{
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
}

#content div.box div.pagination ul.pager li
{
	margin: 0 0 0 4px;
	padding: 0;
	height: 1%;
	float: left;
	list-style: none;
	background: #ebebeb url("../../resources/images/pager.png") repeat-x;
	border-top: 1px solid #dedede;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	color: #4A4A4A;
	font-weight: bold;
}

#content div.box div.pagination ul.pager li.separator
{
	padding: 6px;
}
	#content div.box div.pagination ul.pager li.hidden {
		display:none;
	}

#content div.box div.pagination ul.pager li.current
{
	padding: 6px;
	background: #b4b4b4 url("../../resources/images/pager_selected.png") repeat-x;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #afafaf;
	color: #515151;
}

#content div.box div.pagination ul.pager li.disabled
{
	padding: 6px;
	color: #B4B4B4;
}

#content div.box div.pagination ul.pager li a
{
	margin: 0;
	padding: 6px;
	height: 1%;
	display: block;
	float: left;
	color: #515151;
	text-decoration: none;
}

#content div.box div.pagination ul.pager li a:hover, #content div.box div.pagination ul.pager li a:active
{
	margin: -1px;
	background: #b4b4b4 url("../../resources/images/pager_selected.png") repeat-x;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #afafaf;
}

/* Flash Messages */

div.message
{
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}

div.message div.image
{
	margin: 2px 0 2px 5px;
	padding: 6px;
	float: left;
}

div.message div.image img
{
	margin: 0;
	vertical-align: middle;
}

div.message div.text
{
	margin: 0;
	padding: 10px 6px 10px 6px;
	float: left;
}

div.message div.dismiss
{
	margin: 0;
	padding: 0;
	float: right;
}


div.message div.dismiss a
{
	margin: 15px 14px 0 0;
	padding: 0;
	height: 16px;
	width: 16px;
	display: block;
	background: url("../../resources/images/icons/cross.png") no-repeat;
}

div.message div.text h1, div.message div.text h2, div.message div.text h3, div.message div.text h4, div.message div.text h5, div.message div.text h6
{
	margin: 0;
	padding: 0px;
	border: none;
}

div.message div.text span
{
	font-size: 1.2em;
	margin: 0;
	padding: 5px 0 0 0;
	height: 1%;
	display: block;
}

div.message-error
{
	height: 1%;
	clear: both;
	overflow: hidden;
	background: #FBE3E4;
	border: 1px solid #FBC2C4;
	color: #860006;
}

div.message-error h6
{
	color: #860006;
}

div.cis-message-error
{
	height: 1%;
	clear: both;
	overflow: hidden;
	background: #c60f13;
	border: 1px solid #FBC2C4;
	color: #fff;
  font-weight: bold;
}

div.cis-message-error h6
{
	color: #fff;
}

div.message-warn
{
	height: 1%;
	clear: both;
	overflow: hidden;
	background: #FFF6BF;
	border: 1px solid #FFD324;
	color: #5f5200;
}

div.message-warn h6
{
	color: #5f5200;
}

div.message-notice
{
	height: 1%;
	clear: both;
	overflow: hidden;
	background: #8FBDE0;
	border: 1px solid #6BACDE;
	color: #003863;
}

div.message-notice h6
{
	color: #003863;
}

div.message-info
{
	height: 1%;
	clear: both;
	overflow: hidden;
	background: #E6EFC2;
	border: 1px solid #C6D880;
	color: #4e6100;
}



div.message-info h6
{
	color: #4e6100;
}

/* Autocomplete Combobox */
.ui-button
{
	margin-left: -1px;
}
.ui-button-icon-only .ui-button-text
{
	padding: 0.35em;
}
.ui-autocomplete-input.combo
{
	margin: 0;
	padding: 0.48em 0 0.47em 0.45em;
}
.ui-autocomplete
{
	height: 200px;
	width: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
}

/* CASE 26191 - Hack to fix an issue with arcGIS api and Chrome: Whenever the function centerAndZoom was called on
    projectdetails.argis.js for some mysterious reason
    the autocomplete on DetailedResearch page was becoming invisible
*/
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    .ui-autocomplete { z-index: 100 !important; } 
}

/* IFrame Styling */

iframe#researchFrame
{
	width: 100%;
}

/* Scrollable Table */

.noDivBounds *
{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.sfhtTable
{
	border: 1px solid #CCCCCC;
}

.sfhtTable table tr, .sfhtTable tr td
{
	padding: 0;
	margin: 0;
}

.sfhtHeader
{
	position: absolute;
	overflow: hidden;
}

.sfhtData
{
	overflow: auto;
}

.sfhtColumnSelectButton_unPressed
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #BDD2FB;
	background-image: url("../images/arrow_right.jpg");
	background-repeat: no-repeat;
	background-position: center;
	width: 20px;
	border: 1px solid blue;
	height: 20px;
	cursor: pointer;
	vertical-align: middle;
}

.sfhtColumnSelectButton_Pressed
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #BDD2FB;
	background-image: url("../images/arrow_down.jpg");
	background-repeat: no-repeat;
	background-position: center;
	width: 20px;
	border: 1px solid blue;
	height: 20px;
	cursor: pointer;
	vertical-align: middle;
}

.sfhtColumnSelect
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	position: absolute;
	z-index: 100;
}

.sfhtColumnSelect ul
{
	list-style: none;
	padding: 2px;
	background-color: #CCCCCC;
	border: 1px solid #121E80;
}

.sfhtColumnSelect ul li
{
	list-style: none;
	padding: 2px;
}



/* ClearFix */

.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix
{
	display: inline-block;
	width: 100%;
}

html[xmlns] .clearfix
{
	display: block;
}

* html .clearfix
{
	height: 1%;
}

.clearboth
{
	clear: both;
}

/* Project Search */
#searchPanel .fullheight
{
	height: 120px;
}
#searchPanel .halfheight
{
	height: 75px;
}
#searchPanel #actualDate
{
	margin-top: 5px;
}
#projectSearch .searchFieldList optgroup option
{
	margin-left: 10px;
}
.strong
{
	font-weight: bold;
}

#ddTreeView table, #ddTreeSectorCat table, #ddSearchRoles table
{
	border: none 0px;
	border-collapse: collapse;
}
#ddTreeView table td, #ddTreeSectorCat table td, #ddSearchRoles table td
{
	border: none 1px #fff;
	padding: 1px;
}

#ddTreeView table tr:hover, #ddTreeSectorCat table tr:hover, #ddSearchRoles table tr:hover
{
	background-color: transparent;
}

.search-column {
    padding-bottom: 10px;
}

.left-search-column {
    float: left;
    width: 570px;
}

.right-search-column {
    float: left;
    width: 570px;
}

#projectSearch #projectColumn {
    float: left;
    width: 640px;
}
#projectSearch #locationColumn {
    float: left;
    width: 500px;
}

.warningMessage
{
	color: #FF0000;
}

/* Selection Tree */

.selectionTreePanel table td
{
	border: none 1px #fff;
	padding: 0px;
}

.selectionTreePanel table tr
{
	padding:3px;
}

/* NoBorderTable, as us used in Search criteria */

table.NoBorderTable
{
	border: none 0px;
	border-collapse: collapse;
}
table.NoBorderTable td
{
	border: none 1px #fff;
	padding: 5px;
}
table.NoBorderTable tr:hover
{
	background-color: transparent;
}
table.NoBorderTable tr.borderedRow
{
	border: solid 1px #eaeaea;
}
table.NoBorderTable tr.borderedRow:hover
{
	background-color: #eaeaea;
}

/* Collabseable SubPanels */
.collapsableSubPanel .panelHeader
{
	position: relative;
	background-color: #eaeaea;
}

.collapsableSubPanel .panelHeader h3
{
	font-size: 1.2em;
	padding: 8px 10px;
	margin: 0px;
	color: #656565;
	text-decoration: none;
	cursor: auto;
}

.collapsableSubPanel .panelHeader h3:hover
{
	text-decoration: underline;
	cursor: pointer;
}

.collapsableSubPanel .panelHeader .controls
{
	position: absolute;
	height: 100%;
	margin: 0px;
	right: 0px;
	top: 0px;
}

.collapsableSubPanel .panelHeader .controls ul
{
	margin: 10px 10px 0 0;
	float: left;
	list-style: none;
}

.collapsableSubPanel .panelHeader .controls ul li
{
	float: left;
	margin-right: 3px;
}

.collapsableSubPanel .subPanel
{
	border: solid 1px #eaeaea;
	padding: 10px;
}

.collapsableSubPanel.spacebottom {
    margin-bottom: 5px;
}

.number-range-field input[type='text'] {
    width: 100px;
}
/* Tagging Styles */
div.tags {
}

div.tags div.tag
{
	float: left;
	background-color: #eee;
	margin-right: 2px;
	padding: 3px;
}

div.tags div.tag a
{
	display: inline-block;
	background: url("/resources/images/delete.gif") no-repeat scroll left center transparent;
	width: 10px;
	height: 10px;
}

div.tags div.tag a span
{
	display: none;
}

.margin-bottom {
    margin-bottom: 10px !important;
}

/* Confirm Box */
#dialog-confirm-save .padtop
{
	margin-top: 15px;
}

/* Form Validation */

label.error
{
	width: 250px;
	display: block;
	float: left;
	color: red;
	padding-left: 10px;
}

.error-message {
    color: red;
    font-weight: bold;
}

.error-message.hidden {
    visibility: hidden;
}

div.validation-notes
{
	border: 1px solid #FFCC66;
	background-color: #FFFFCC;
	margin: 2px;
	padding: 5px;
}

span.validation-message
{
	color: #990000;
}

input.required, textarea.required, select.required
{
	border: 1px solid #FF0000;
}

/* Tiny Search */

div.tiny-search
{
	background-color: #D8E6F8;
	border-radius: 5px;
	display: inline-block;
	padding: 2px 5px;
    margin-left: 15px;
}

div.tiny-search label {
	font-weight: 600;
}

/* Diary */
div.diary-container div.diary-comment {
	border: solid 1px #ccc;
	border-radius: 5px;
	padding: 8px 8px 3px 8px;
	margin-bottom: 5px;
}

div.diary-container div.diary-comment.stageChangeHistoryItem
{
	background-color:#EAEAEA;
}

div.diary-container div.diary-comment p
{
	margin: 0;
}


    div.diary-container div.diary-comment div.meta {
        margin-top: 4px;
        color: #909090;
        font-style: italic;
    }

    div.diary-container div.diary-comment a.delete-comment {
        color: #ff0000;
        opacity: 0.7;
    }

    div.diary-container div.diary-comment .comment-input {
        width: 100%;
    }

div.diary-container div.diary-comment div.meta span.meta-left 
{
	float: left;
	width: 60px;
}

div.diary-container div.diary-comment div.meta span.meta-right
{
	float: right;
}

div.diary-container .diary-comment a.project-comment-edit 
{
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(../Images/icons/edit_bw_10.png) no-repeat;
}

div.diary-container .diary-comment a.project-comment-delete 
{
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(../Images/icons/delete_bw_10.png) no-repeat;
}

div.diary-container .diary-comment a.project-comment-edit span, .diary-comment a.project-comment-delete span 
{
	display: none;
}

div.popUpBox
{
	position: absolute;
	top: 25px;
	left: -25px;
	margin: 0;
	padding: 9px 0 0 0;
	background: transparent url(../images/popup_top.png) top left no-repeat;
	width: 329px;
	z-index: 10;
}
div.popUpBoxTop
{
	background: transparent url(../images/popup_middle.png) top left repeat-y;
}
div.popUpBox .popUpBoxBot
{
	background: transparent url(../images/popup_bottom.png) bottom left no-repeat;
	height: 15px;
}
div.popUpBox h3
{
	margin: 15px 10px 0 10px;
	padding: 10px 0 0 0;
}
div.popUpBox p
{
	margin: 0 10px;
	padding: 1px 0 0 0;
}
div.popUpBox fieldset
{
	margin: 0 10px;
}
div.popUpBox
{
	display: none;
}
div.popUpBox textarea
{
	width: 100%;
}

/*
#diary-button-add 
{
	background: url(../images/book_add.png) no-repeat;
}

#diary-button-add span 
{
	padding-left: 20px;
}
*/

fieldset.savemodal > div
{
	margin-left: 175px;
	margin-bottom: 5px;
	position: relative;
	min-height: 1em;
}

fieldset.savemodal > div > label
{
	margin-left: -175px;
	font-weight: bold;
	position: absolute;
	line-height: 1.8em;
}

fieldset.savemodal input.fullWidth, fieldset.savemodal textarea.fullWidth
{
	width: 99%;
}

fieldset.savemodal input.halfWidth, fieldset.savemodal textarea.halfWidth
{
	width: 49%;
}

.ui-button
{
	margin-left: -1px;
}

.ui-button-icon-only .ui-button-text
{
	padding: 0.35em;
}

.ui-autocomplete-input
{
	margin: 0;
	padding: 0.49em 0 0.48em 0.45em;
}

/* Product Selection field Information */

fieldset.standardForm .fieldInformation {position:absolute; width: 170px; left:-175px; top:20px; font-style:italic;}


/* Fitout Styles */

label.fitoutstyle
{
	background-color: #9DCEFF;
	display: inline-block;
	padding: 4px 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 1em !important;
	margin-bottom: 6px;
}

#max-lenth-validation-summary {
    color: red;
}

/* Text counter JS control */
.textbox-counter {
    color: #686868;
}
.textbox-counter.overboard {
    color: #f00;
}

/* Project details save modal  */
.message.in-page {
    height: 30px;
}

.message.in-page .text {
    padding: 0 10px;
    font-size: 0.9em;
}

/* Detailed research Snippets */
#description-label a.snippet {
    display: block;
    margin: 1px 0;
    padding: 1px 8px 2px 8px;
    overflow: hidden;
    outline: none;
    outline-style: none;
    background: #E5E3E3 url("images/button.png") repeat-x;
    border: 1px solid #999999;
    color: black;
    font-weight: bold;
    text-align: center;
}

#description-label a.snippet:hover {
    background: #E5E3E3 url("images/green/button_highlight.png") repeat-x;
    text-decoration: none;
}

/* Standard buttons */
.standard-button
{
  display: block;
  float: left;
  margin: 5px 0 0 0;
	padding: 6px;
	color: #515151;
  font-weight: bold;
	text-decoration: none;
  background: #ebebeb url("../../resources/images/pager.png") repeat-x;
  border-top: 1px solid #dedede;
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}

.standard-button:hover, .standard-button:active
{
	background: #b4b4b4 url("../../resources/images/pager_selected.png") repeat-x;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #afafaf;
}

/* Company Duplicates */

.company-duplicate-target-company .standardForm span {
    line-height: 20px;
}

.company-duplicate-target-company .standardForm > div {
    min-height: 20px;
}

.company-duplicate-search-results #search-query textarea {
    width: 100%;
}

.company-duplicate-search-results #search-query #lucene-search-link {
    display: inline-block;
    line-height: 3.5em;
    margin-left: 10px;
}

.company-duplicate-search-results p.error, .duplicate-results p.error {
    color: #f00;
    border: 1px solid #f00;
    background-color: #FFCCCC;
    text-align: left;
    padding: 10px;
}

.company-duplicate-search-results tbody#company-search-results tr:first-child td {
    background-color: #FFFFE0;
}

#lucene-query-type .active {
    font-weight: bold;
}

fieldset#rolesearchfieldset {
    height: 175px;
}

/* Arc GIS Integration */

#project-map-small #small-map {
    height: 200px;
}

.map-verified {
    display: inline-block;
    margin-bottom: 5px;
}

#geocode-map-dialog label {
    display: inline-block;
    margin-bottom: 5px;
}

#geocode-map-dialog #geocode-address-input {
    width: 580px;
}

.edit-coordinate-fields label {
    display: inline-block;
    width: 100px;
}

#convertGeoCoordinateEdit {
    padding: 5px;
}


/* CASE 26282 - Hack to fix an issue with arcGIS api and Chrome: Whenever the function centerAndZoom was called on
    projectdetails.argis.js something was being changed with the z-indexes on the page, making the notes box being moved to the back
*/
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    #history-popup {
    z-index: 0;
}
}

.text-center {
    text-align: center;
}

.investment-cost-input {
    margin-left: 110px;
}
/* Project Metrics */
table#project-metric-houses tbody input {
	width: 90px;
}

div.metrics {
    padding: 3px 3px;
}

    div.metrics:hover * {
        background-color: #E1EEA9;
    }


    /* Badges / labels */
.label {
    font-weight: normal;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    margin-bottom: auto;
    padding: 0.25rem 0.5rem 0.25rem;
    font-size: 0.6875rem;
    background-color: #1D6374;
    color: #FFFFFF; }
.label.radius {
    border-radius: 3px; }
.label.round {
    border-radius: 1000px; }
.label.alert {
    background-color: #f04124;
    color: #FFFFFF; }
.label.warning {
    background-color: #f08a24;
    color: #FFFFFF; }
.label.success {
    background-color: #43AC6A;
    color: #FFFFFF; }
.label.secondary {
    background-color: #e7e7e7;
    color: #333333; }
.label.info {
    background-color: #a0d3e8;
    color: #333333; }


#login-version {
	margin: 1em auto;
	max-width: 400px;
	color: #888;
	text-align: right;
}

#logo {

}

#logo h2 {
	letter-spacing: -0.5px;
	font-size: 1.6em;
}

	#logo h2 span {
		font-weight: 400;
		color: #888;
		font-size: 12px;
		letter-spacing: -0.5px;
	}