/* -----------------------------------------------------------------------


 Blueprint CSS Framework 1.0.1
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* Commenting this out for accessibility's sake */
/*:focus {outline:0;}*/

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#09f;}
a {color:#06c;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:600;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
fieldset, #IE8#HACK {padding-top:1.4em;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;color:#000;}
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
select {background-color:#fff;border-width:1px;border-style:solid;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .alert, .notice, .warning, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice, .warning {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a, .warning a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}

/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url("../../css/blueprint/src/grid.e7ac8299e543.png");}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;}
.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24 {width:950px;margin-right:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
input.span-1, textarea.span-1 {width:18px;}
input.span-2, textarea.span-2 {width:58px;}
input.span-3, textarea.span-3 {width:98px;}
input.span-4, textarea.span-4 {width:138px;}
input.span-5, textarea.span-5 {width:178px;}
input.span-6, textarea.span-6 {width:218px;}
input.span-7, textarea.span-7 {width:258px;}
input.span-8, textarea.span-8 {width:298px;}
input.span-9, textarea.span-9 {width:338px;}
input.span-10, textarea.span-10 {width:378px;}
input.span-11, textarea.span-11 {width:418px;}
input.span-12, textarea.span-12 {width:458px;}
input.span-13, textarea.span-13 {width:498px;}
input.span-14, textarea.span-14 {width:538px;}
input.span-15, textarea.span-15 {width:578px;}
input.span-16, textarea.span-16 {width:618px;}
input.span-17, textarea.span-17 {width:658px;}
input.span-18, textarea.span-18 {width:698px;}
input.span-19, textarea.span-19 {width:738px;}
input.span-20, textarea.span-20 {width:778px;}
input.span-21, textarea.span-21 {width:818px;}
input.span-22, textarea.span-22 {width:858px;}
input.span-23, textarea.span-23 {width:898px;}
input.span-24, textarea.span-24 {width:938px;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
.border {padding-right:4px;margin-right:5px;border-right:1px solid #ddd;}
.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #ddd;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:left;position:relative;}
div.prepend-top, .prepend-top {margin-top:1.5em;}
div.append-bottom, .append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 17px;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/*! jQuery UI - v1.12.1 - 2018-09-15
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityHeader=75&bgImgOpacityContent=75&bgImgOpacityDefault=75&bgImgOpacityHover=75&bgImgOpacityActive=65&bgImgOpacityHighlight=55&bgImgOpacityError=95&cornerRadiusShadow=5px&offsetLeftShadow=-3px&offsetTopShadow=-3px&thicknessShadow=3px&opacityShadow=15&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23111111&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23cd0a0a&fcError=%23cd0a0a&borderColorError=%23cd0a0a&bgTextureError=glass&bgColorError=%23fef1ec&iconColorHighlight=%232e83ff&fcHighlight=%23363636&borderColorHighlight=%23fcefa1&bgTextureHighlight=glass&bgColorHighlight=%23fbf9ee&iconColorActive=%2364a0c2&fcActive=%233080ae&borderColorActive=%2397bfd6&bgTextureActive=inset_hard&bgColorActive=%23d9f2fe&iconColorHover=%2364a0c2&fcHover=%233080ae&borderColorHover=%2397bfd6&bgTextureHover=highlight_hard&bgColorHover=%23d9f2fe&iconColorDefault=%235f6366&fcDefault=%23111111&borderColorDefault=%23bababa&bgTextureDefault=highlight_soft&bgColorDefault=%23edecea&iconColorContent=%23222222&fcContent=%23222222&borderColorContent=%23aaaaaa&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%23222222&fcHeader=%23222222&borderColorHeader=%23bababa&bgTextureHeader=highlight_soft&bgColorHeader=%23edecea&cornerRadius=3px&fwDefault=normal&fsDefault=&ffDefault=%22Segoe%20UI%22%2C%20myriad-pro%2C%20%22Arial%22%2C%20%22Helvetica%22%2C%20sans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	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: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.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 {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.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;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: "Segoe UI", myriad-pro, "Arial", "Helvetica", sans-serif;
	font-size:;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: "Segoe UI", myriad-pro, "Arial", "Helvetica", sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #bababa;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #bababa;
	background: #edecea url("../../css/jquery/ui-optix-custom/images/ui-bg_highlight-soft_75_edecea_1x100.77da7b901675.png") 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #bababa;
	background: #edecea url("../../css/jquery/ui-optix-custom/images/ui-bg_highlight-soft_75_edecea_1x100.77da7b901675.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #111111;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #111111;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #97bfd6;
	background: #d9f2fe url("../../css/jquery/ui-optix-custom/images/ui-bg_highlight-hard_75_d9f2fe_1x100.7c3f358594aa.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #3080ae;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #3080ae;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #97bfd6;
	background: #d9f2fe url("../../css/jquery/ui-optix-custom/images/ui-bg_inset-hard_65_d9f2fe_1x100.b99d9470a60a.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #3080ae;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #97bfd6;
	background-color: #3080ae;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #3080ae;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url("../../css/jquery/ui-optix-custom/images/ui-bg_glass_55_fbf9ee_1x400.55c5a3b05910.png") 50% 50% repeat-x;
	color: #363636;
}
.ui-state-checked {
	border: 1px solid #fcefa1;
	background: #fbf9ee;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url("../../css/jquery/ui-optix-custom/images/ui-bg_glass_95_fef1ec_1x400.5ff5c81b3c76.png") 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../../css/jquery/ui-optix-custom/images/ui-icons_222222_256x240.3861e9eb0852.png");
}
.ui-widget-header .ui-icon {
	background-image: url("../../css/jquery/ui-optix-custom/images/ui-icons_222222_256x240.3861e9eb0852.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("../../css/jquery/ui-optix-custom/images/ui-icons_64a0c2_256x240.05b272e3e57e.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("../../css/jquery/ui-optix-custom/images/ui-icons_64a0c2_256x240.05b272e3e57e.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("../../css/jquery/ui-optix-custom/images/ui-icons_2e83ff_256x240.18fbb5e53600.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../../css/jquery/ui-optix-custom/images/ui-icons_cd0a0a_256x240.6e8da81c268f.png");
}
.ui-button .ui-icon {
	background-image: url("../../css/jquery/ui-optix-custom/images/ui-icons_5f6366_256x240.dfe0f1a436fb.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-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: -65px -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: -65px -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: 1px -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-on { background-position: -96px -144px; }
.ui-icon-radio-off { 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; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: -3px -3px 3px #111111;
	box-shadow: -3px -3px 3px #111111;
}

/*
    Base Site Styles
    Boxes, Colors & Typography
    Authors: Daniel Norman
*/
html {
    position: relative;
    min-width: 974px;
    min-height: 100%;
}

body {
    background: #d7d7d7;
    color: #2A2F33;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
        'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
        'Droid Sans', 'Helvetica Neue', sans-serif;
    margin-bottom: 135px;
}

a {
    color: #0047FF;
}

a:link,
a:visited {
    text-decoration: none;
}

a:hover,
a:focus {
    color: #0047FF;
    text-decoration: underline;
}

/* Indicate when a tab opens in a new window for screen readers */
[target="_blank"]::after {
    content: '  (opens in a new window)';
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* blueprint overrides */
tbody tr:nth-child(even) td,
tbody tr.even td,
#filter-page tbody tr:nth-child(even) td,
#filter-page tbody tr.even td {
    background: none;
}

h1 {
    font-size: 2.25em;
    font-weight: 400;
    text-shadow: 0 1px 0 #FFF
}

input {
    font-family: inherit;
}

.container {
    position: relative
}

.highlight {
    background: #ff9;
}
/* / end overrides */

/* blueprint extensions */
input[type=number] {
    background-color: #fff;
    border: 1px solid #bbb;
    color: #000;
    margin: 0.5em 0;
}

input[type=number]:focus {
    border-color: #666;
}

/* hide the silly spinner control which some browsers apply to number inputs */
input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* / end extentions */

/* ---- super basics ---- */
.inline-list {
    display: block;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.inline-list > * {
    display: block;
    float: left;
    width: auto !important;
}

.block-center-container,
.block-center {
    float: right;
    position: relative;
}

.block-center-container {
    right: 50%;
}

.block-center {
    right: -50%;
}
.hide { display: none; }
/* /---- super basics ---- */

#top-bar{
    background-color: #ffffff;
    box-shadow: inset 0px -1px 0px #E8E8E8;
}

#anchor-logo{
    vertical-align: middle;
}

.workflow-automation-title{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
        'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
        'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 2px;
    font-weight: 600;
    font-variant: small-caps;
    color: #000F9f;
    display: inline;
}

#page-header,
#page-content {
    background: url("../../optix/img/backgrounds/bg_header_bars.9459f1c61068.png") repeat-x;
}

#page-header {
    height: 106px;
    position: relative;
    z-index: 2;
}

#logged-in {
    float: right;
    padding-top: 10px;
}

/* ------- global navigation ------- */
#prime-nav {
    display: block;
    height: 100px;
    margin: 0;
    padding: 0
}

#prime-nav li {
    display: block;
    float: left
}

#prime-nav a:link,
#prime-nav a:visited {
    background: url("../../optix/img/backgrounds/bg_global_nav_sprite.ce7f6940a915.png") 0 0;
    color: #BABABA;
    display: block;
    font-size: 1.2em;
    height: 39px;
    margin: 0 6px;
    padding: 67px 0 0;
    text-align: center;
    text-decoration: none;
    width: 108px
}

#prime-nav a:hover,
#prime-nav a:active,
#prime-nav .active-nav a {
    color: #434A50;
    text-decoration: none;
}

#prime-nav a:active {
    margin-bottom: -2px;
    padding-top: 69px;
}

#prime-nav .active-nav a:active {
    padding-top: 67px
}

#nav-home a:link,
#nav-home a:visited,
#nav-home.logo-wrap {
    height: 100px;
    margin: 0;
    padding: 0;
    width: 175px;
    position: relative;
    background-image: none; /* since the logo is powered by a setting, background-image is set inline in optix_site_base.html */
    background-position: center;
    background-repeat: no-repeat;

    /* image replacement */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#nav-home a:active {
    top: 2px;
}

#nav-dashboard a:link,
#nav-dashboard a:visited {
    background-position: 0 0;
}

#nav-projects a:link,
#nav-projects a:visited {
    background-position: -108px 0;
}

#nav-participants a:link,
#nav-participants a:visited {
    background-position: -648px 0;
}

#nav-partners a:link,
#nav-partners a:visited {
    background-position: -216px 0;
}

#nav-program a:link,
#nav-program a:visited {
    background-position: -324px 0;
}

#nav-settings a:link,
#nav-settings a:visited {
    background-position: -432px 0;
}

#nav-marketing a:link,
#nav-marketing a:visited {
    background-position: -540px 0;
}

#nav-dashboard a:hover {
    background-position: 0 -100px;
}

#nav-projects a:hover {
    background-position: -108px -100px;
}

#nav-participants a:hover {
    background-position: -648px -100px;
}

#nav-partners a:hover {
    background-position: -216px -100px;
}

#nav-program a:hover {
    background-position: -324px -100px;
}

#nav-settings a:hover {
    background-position: -432px -100px;
}

#nav-marketing a:hover {
    background-position: -540px -100px;
}

#nav-dashboard a:active {
    background-position: 0 -98px;
}

#nav-projects a:active {
    background-position: -108px -98px;
}

#nav-participants a:active {
    background-position: -648px -98px;
}

#nav-partners a:active {
    background-position: -216px -98px;
}

#nav-program a:active {
    background-position: -324px -98px;
}

#nav-settings a:active {
    background-position: -432px -98px;
}

#nav-marketing a:active {
    background-position: -540px -98px;
}

#nav-dashboard.active-nav a {
    background-position: 0 -200px;
}

#nav-projects.active-nav a {
    background-position: -108px -200px;
}

#nav-participants.active-nav a {
    background-position: -648px -200px;
}

#nav-partners.active-nav a {
    background-position: -216px -200px;
}

#nav-program.active-nav a {
    background-position: -324px -200px;
}

#nav-settings.active-nav a {
    background-position: -432px -200px;
}

#nav-marketing.active-nav a {
    background-position: -540px -200px;
}

/* ------- secondary navigation ------- */
#secondary-nav {
    display: block;
    height: 32px;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -28px;
    z-index: 100;
}

#secondary-nav li {
    display: block;
    float: left
}

#secondary-nav a:link,
#secondary-nav a:visited {
    color: #cacbcc;
    display: block;
    height: 20px;
    margin: 0;
    padding: 6px 10px;
    text-align: center;
    text-decoration: none;
}

#secondary-nav a:hover,
#secondary-nav a:active,
#secondary-nav .active-nav a {
    color: #FFF;
    text-decoration: none;
}

#secondary-nav .active-nav a {
    background: url("../../optix/img/backgrounds/bg_secondary_nav_caret.8048f62faaad.png") center 27px no-repeat;
    font-weight: 600;
}

#secondary-nav.analytics {
    left: 198px;
}

#secondary-nav.projects {
    left: 322px;
}

#homeowners-results {
    clear: both
}

/* ------- content blocks ------- */
#page-content-wrapper {
    position: relative;
    z-index: 1;
}

#page-content {
    background-position: 0 -118px;
}

#page-content .container {
    padding: 35px 0 18px
}

#side-panel,
#main-content {
    box-shadow: 0 0 5px rgba(0, 1, 1, 0.3);
    float: left;
    position: relative
}

#side-panel {
    background: #E5F6FE;
    border-radius: 3px 0 0 3px;
    margin: 0 0 36px -10px;
    min-height: 414px;
    padding-bottom: 9px;
    position: relative;
    width: 200px;
    word-wrap: break-word;
}

#side-panel-grippy-bar {
    height: 8px;
    background-color: #97bfd6;
    border-radius: 3px 0 0 0;
    margin: 0;
}

#side-panel .side-panel-header {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2FAFE), to(#D5F0FD));
    background: -webkit-linear-gradient(#F2FAFE, #D5F0FD);
    background: -moz-linear-gradient(#F2FAFE, #D5F0FD);
    background: -ms-linear-gradient(#F2FAFE, #D5F0FD);
    background: -o-linear-gradient(#F2FAFE, #D5F0FD);
    background: linear-gradient(#F2FAFE, #D5F0FD);
    height: 19px;
    padding: 6px 6px 6px 10px;
    position: relative;
    margin: 0
}

#side-panel .side-panel-header h3 {
    color: #64A0C2;
    font-size: 14px;
    font-weight: 600;
    margin: 3px 0 0;
    text-shadow: 0 1px 0 #FFF
}

#side-panel .side-panel-footer {
    height: 36px;
    position: relative
}

.portamento-container {
    float: left;
    margin: 0;
    position: relative;
    width: 190px !important
}

.portamento-container #side-panel {
    float: none;
    position: absolute;
}

.portamento-container #side-panel.fixed {
    position: fixed;
}

#main-content {
    background: #FFF url("../../optix/img/backgrounds/bg_main_content_shader.fd5195572593.png") repeat-x;
    border: 2px solid #FFF;
    border-radius: 3px;
    margin: -20px -10px -18px 0;
    min-height: 486px;
    position: relative;
    width: 766px
}

#main-content-content {
    padding: 0 8px;
    position: relative
}

#top-grippy-bar {
    height: 9px;
    background-color: #bababa;
    border-radius: 3px 3px 0 0;
    margin: -2px -2px 11px;
}

body.narrow .footer-content .span-13 {
    width: 350px;
}

#page-footer {
    background: #2A2F33 url("../../optix/img/backgrounds/bg_footer_shader.eb5361f5d16f.png") repeat-x;
    border-top: 1px solid #1F2326;
    bottom: 0;
    color: #5f6366;
    margin: 0;
    padding: 18px 0 36px;
    position: absolute;
    width: 100%;
}

#page-footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#page-footer li {
    display: inline;
    padding: 0 15px 0 10px
}

#page-footer li.terms {
    margin-left: 65px;
}

#page-footer .footer-content div {
    margin: 6px 0 0 0
}

#page-footer .deploy-string {
    float: right
}

#page-footer a:link,
#page-footer a:visited {
    color: #767676;
    text-decoration: none;
    text-shadow: 0 1px 0 #1F2326
}

#page-footer a:hover,
#page-footer a:active {
    color: #DDD;
    text-decoration: none
}

#page-footer a.esv-powered:hover {
    color: #FF8602
}

.optix-extra-footer-content {
    clear: both;
    padding: 9px 0 0 20px;
}

.optix-extra-footer-content p {
    float: left;
    margin-right: 20px;
}

/* ------- content variations ------- */
body.super-wide #side-panel,
body.wide #side-panel,
body.narrow #side-panel,
body.super-wide .portamento-container,
body.wide .portamento-container,
body.narrow .portamento-container {
    display: none
}

body.super-wide #main-content {
    margin: -20px 0 0 -5px;
    width: 995px
}

body.wide #main-content {
    margin: -20px 30px 0 70px;
    width: 845px
}

body.narrow .container {
    width: 650px
}

body.narrow #main-content {
    margin: -20px 0 0;
    width: 645px
}

body.narrow.with-nav .container {
    width: 950px
}

body.narrow.with-nav #main-content {
    margin: -20px 150px 0;
    width: 645px
}

body.narrow h3 {
    border-bottom: 1px solid #DDD;
    color: #686461;
    font-weight: bold;
    font-size: 20px;
    margin: 0 20px 12px;
    padding: 8px 0 12px;
}

body.narrow .narrow-content {
    margin-left: 20px;
    margin-right: 20px;
}

body.secondary-nav #page-header {
    height: 119px;
    z-index: 2;
}

/* ------- some icon decorations ------- */
.project-name {
    padding: 3px 0 0;
}

.project-name.vip {
    background: url("../../optix/img/backgrounds/bg_user_icons.9cfb932a4a7e.png") 0 -50px no-repeat;
    margin: 0 0 0 -22px;
    padding-left: 22px
}

/* ------- messages ------- */
#page-messages-holder {
    margin: 0 -8px
}

.narrow #page-messages-holder {
    margin: 0 40px
}

#main-content .msg {
    border-radius: 2px;
    margin: 2px 3px 21px
}

#main-content .msg a:link {
    text-decoration: underline;
}

#side-panel .msg {
    border-radius: 2px;
    margin: 0 5px 2px 3px;
    padding: 3px 8px 6px
}

#partner-detail-form .msg {
    margin: 1px -8px
}

/* ------- side panel tabs ------- */
#side-panel .sub-nav-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

#side-panel .sub-nav-tabs li {
    font-size: 14px;
    height: 48px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    position: relative
}

#side-panel .sub-nav-tabs li.active-tab,
#side-panel .secondary-tile.active-tab {
    border: 1px solid #BFE4F7;
    border-right: none;
    height: 46px;
    margin-left: -1px;
    z-index: 1000
}

#side-panel .sub-nav-tabs li.active-tab a:link,
#side-panel .sub-nav-tabs li.active-tab a:visited,
#side-panel .sub-nav-tabs li.active-tab a:hover,
#side-panel .secondary-tile.active-tab {
    background: #FFF;
    box-shadow: 0 0 4px rgba(0, 1, 1, 0.2);
    clip: rect(-10px 200px 58px -10px);
    color: #2A2F33;
    padding: 14px 10px;
    position: absolute;
    width: 180px;
}

#side-panel .secondary-tile.active-tab {
    z-index: 1000;
    height: 75px;
    padding: 5px 18px 8px 15px;
    clip: rect(-10px 201px 108px -10px);
    border: 1px solid #BFE4F7;
    border-radius: 0;
    border-right: none;
    position: absolute;
}

#side-panel .sub-nav-tabs li a:link,
#side-panel .sub-nav-tabs li a:visited {
    display: block;
    padding: 15px 10px;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFF
}

#side-panel .sub-nav-tabs li a img {
    margin-right: 6px;
    vertical-align: middle;
    opacity: 0.25
}

#side-panel .sub-nav-tabs li a:hover img {
    opacity: 0.5
}

#side-panel .sub-nav-tabs li.active-tab a img {
    opacity: 1.0
}

#side-panel .sub-nav-tabs li a:hover,
#side-panel .sub-nav-tabs li a:active {
    background: #F2FAFF;
}

/* ------- frills for extra menus ------- */
#side-panel > h5 {
    border-bottom: 1px solid #cbdfeb;
    padding: 18px 10px 9px;
    color: #5f6366;
    font-size: 12px;
    margin: 0 0 -1px 0
}

#side-panel > h5+.sub-nav-tabs li a:hover {
    border-top: 1px solid #cbdfeb;
    padding-top: 14px
}

#side-panel > h5+.sub-nav-tabs li.active-tab a:hover {
    border-top: none
}

#side-panel > h5+.sub-nav-tabs li+li a:hover {
    border-top: none;
    padding-top: 15px
}

/* ------- side panel tiles ------- */
#side-panel .primary-tile {
    background: #FFF;
    border: 1px solid #BFE4F7;
    border-radius: 2px;
    margin: -5px -5px 9px 2px;
    padding: 2px 15px 6px 6px;
}

#side-panel .primary-tile h5 {
    padding: 5px 10px;
}

#side-panel .primary-tile .project-name {
    padding-left: 0;
}

#side-panel .primary-tile table {
    margin-bottom: 0px;
}

#side-panel .primary-tile table th,
#side-panel .primary-tile table td {
    padding: 0
}

#side-panel .primary-tile table th {
    font-weight: normal
}

#side-panel .detail-panel .due-date,
#side-panel .detail-panel .project-status {
    font-weight: 600
}

#side-panel .primary-tile {
    border-left: none;
    border-top: none;
    margin-left: 0;
    margin-top: 0;
    padding-left: 10px;
    padding-top: 6px
}

#side-panel .secondary-tile,
#side-panel .tertiary-tile {
    border-radius: 2px;
    margin: 1px -5px 3px 2px;
    padding: 4px 16px 7px 13px;
    position: relative
}

#side-panel .secondary-tile h5 {
    margin-left: 0;
}

#side-panel .secondary-tile.detail-icon h5 {
    padding-left: 21px;
    background-repeat: no-repeat;
    margin-left: -9px;
    white-space: nowrap;
}

#side-panel .secondary-tile.participant-details h5 {
    background-image: url("../../optix/img/icons/icon_mini_user.b69f5db53939.png");
    background-position: left 1px;
}

#side-panel .secondary-tile.premise-details h5 {
    background-image: url("../../optix/img/icons/icon_premise.6e3fdd4a78c9.png");
    background-position: left -3px;
}

#side-panel .secondary-tile span.should-not-send-email {
    left: -10px; /* pull no emails sent icon to the left */
}

#side-panel .sub-nav-tabs + .secondary-tile.active-tab {
    margin-top: -2px;
}

#side-panel .secondary-tile.active-tab + .secondary-tile {
    margin-top: 98px;
}

#side-panel .secondary-tile + .secondary-tile.active-tab {
    margin-top: -2px;
}

#side-panel .secondary-tile + .secondary-tile.active-tab + .secondary-tile {
    margin-top: 92px;
}

#side-panel .secondary-tile {
    background: #F2FAFF
}

#side-panel .secondary-tile.detail-icon {
    height: 75px
}

#side-panel .tertiary-tile {
    color: #5f6366
}

#side-panel h3.project-name {
    background-position: 0 2px;
    margin-bottom: 9px
}

#side-panel h3.project-name.vip {
    background-position: 0 -50px;
    margin-left: -9px;
    padding-left: 22px
}

#side-panel .secondary-tile h5 {
    margin-bottom: 6px
}

#side-panel .secondary-tile h5 a {
    font-weight: normal;
    padding-left: 5px
}

#side-panel .secondary-tile label {
    padding: 0;
}

#side-panel .secondary-tile th,
#side-panel .secondary-tile td {
    padding: 0 6px 3px 0;
    vertical-align: baseline;
}

#side-panel p {
    margin: 0 0 6px 0
}

#side-panel .latest-note table {
    margin: 0
}

#side-panel .latest-note .msg {
    border: none;
    display: block;
    margin: 0 -4px;
    padding: 2px 4px
}

#side-panel .latest-note .msg img {
    margin: 0 5px 3px 0;
    vertical-align: middle;
}

/* ------- new detail page header styles ------- */
#sd_container .sd_content .header-prompt {
    color: #BABABA;
    font-size: 1.5em;
    font-weight: 400
}

#main-content .detail-header {
    background: transparent url("../../optix/img/backgrounds/bg_detail_header.b05716ea3847.png") repeat-x top left;
    height: 118px;
    margin: 0 -8px 0;
    padding: 9px 10px;
    position: relative;
}

#main-content .detail-header .header-prompt,
#main-content .project-detail-content .header-prompt {
    color: #BABABA;
    font-size: 1.5em;
    font-weight: 400
}

#main-content .detail-header h1,
#main-content .project-detail-content h1 {
    color: #2a2f33;
    font-size: 2.25em;
    font-weight: 600;
    margin: 0;
    text-shadow: 0 1px 0 #FFF
}

#main-content .active-tasks .project-detail-content h1 {
    margin-right: 294px
}

#main-content .detail-header .header-subtitle,
#main-content .project-detail-content .header-subtitle,
#main-content .campaign-content .header-subtitle {
    display: block;
    color: #767676;
    font-weight: 600;
    margin: 6px 0 0 5px
}

#main-content .detail-header .task-meta {
    margin: 0;
    position: absolute;
    right: 0;
    top: -1px;
    width: 294px
}

#main-content .detail-header .task-meta .due-date span {
    box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.125);
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 6px -11px;
    padding: 12px 6px 9px 10px
}

#main-content .detail-header .task-meta .project-status {
    background: #FFF;
    border-radius: 0 2px;
    box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.125);
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 6px -11px;
    padding: 14px 6px 11px 10px
}

#main-content .task-detail .jump-to-timeline {
    top: -6px;
    padding: 3px 0;
    position: absolute;
    right: 0;
    text-align: right;
    width: 747px
}

#main-content .detail-header {
    background-position: left bottom;
    border-radius: 2px 2px 0 0;
    height: auto;
    min-height: 27px;
    margin: 2px -9px 9px;
    padding-bottom: 13px
}

.project-detail-content,
.campaign-content,
.partner-list-wrapper,
.partner-detail-wrapper,
.campaign-list-wrapper,
.fund-content {
    border-radius: 2px;
    box-shadow: inset 0 0 3px #bababa;
    max-height: 180px;
    margin: 0 0 9px 0;
    overflow: auto;
    padding: 3px;
    position: relative
}

.partner-list-wrapper {
    border-radius: 2px 2px 0 0;
    margin: 0;
    height: 180px;
}

#main-content .project-detail-content,
#main-content .campaign-content {
    margin: 0 -5px 9px;
    max-height: none;
    padding: 1px 10px 10px
}

#main-content .project-detail-content {
    float: left;
    overflow: visible;
    width: 740px;
    z-index: 1000;
}

.project-split-detail-container {
    float: left;
    width: auto;
    zoom: 1;
}

.project-split-detail-container + .project-split-detail-container {
    margin-left: 30px;
}

#main-content .project-split-detail-container .project-detail-content {
    float: none;
    min-height: 230px;
    width: 305px;
}

#main-content .project-split-detail-container .other-projects-list {
    margin-top: 0;
    width: 388px;
}

#main-content .project-split-detail-container .other-projects-list .project-list {
    margin-bottom: 0;
    height: 251px;
    overflow: auto;
}

.project-split-detail-container .other-projects-list .project-list-controls {
    padding-left: 0;
}

.project-split-detail-container .other-projects-list .project-list-controls .field {
    height: 19px;
    float: right;
    font-size: 10px;
    margin: 9px 0 9px 0;
    padding: 2px 0;
    position: relative;
}

#main-content .project-split-detail-container .other-projects-list .object-list .list-controls {
    margin: 8px 0 11px;
}

.compact-project-list .other-projects-list .item-row.project-list-item .program-info,
.compact-project-list .other-projects-list .item-row.project-list-item .project-last-updated {
    float: left;
    margin: 0;
    padding: 6px 10px;
    width: 50%;
}

.compact-project-list .other-projects-list .item-row.project-list-item .project-last-updated {
    float: right;
    margin-top: 6px;
    right: inherit;
    width: auto;
}

.compact-project-list .other-projects-list .item-row.project-list-item .project-name {
    margin: 2px 0 0;
}

.compact-project-list .other-projects-list .item-row.project-list-item .project-last-updated strong {
    display: block;
    margin-bottom: -10px;
}

#main-content .project-detail-content.preferred-contractor-selection select {
    width: 100%;
}

#main-content .project-detail-content .project-detail-content,
#main-content .timeline .project-detail-content {
    width: auto;
}

.contractor-remove-suggestion-button:link,
.contractor-remove-suggestion-button:visited {
    color: red;
    position: absolute;
    right: 10px;
    top: 9px;
}

.contractor-selection-row {
    background: #FEFEFE;
    padding: 9px 10px;
    position: relative;
    margin: 0;
}

.contractor-selection-row + .contractor-selection-row {
    border-top: 1px solid #ddd;
    margin-top: 1px;
}

.contractor-selection-row h4 {
    margin: 0 0 3px
}

.contractor-selection-row h4 span {
    color: #DDD
}

.contractor-selection-row.disabled-row h4 {
    color: #E3E3E3;
    text-decoration: line-through;
}

#preferred-contractor-selection .contractor-selection-row .msg.ineligible-msg {
    margin: 4px -3px 0;
    padding: 3px 6px;
}

#preferred-contractor-selection .measure-disqualification {
    background-color: #FFF6BF;
    border-bottom: 1px solid #FFF;
    color: #777;
}

#preferred-contractor-selection .measure-disqualification:hover {
    color: #FFF;
}

#preferred-contractor-selection option.disabled-option {
    background: #DDD;
    color: #777;
}

.project-detail-content h3,
.campaign-content h3 {
    margin-top: 9px
}

#main-content h3#project-action-title {
    margin: 10px 0 12px 5px;
}

#main-content .project-detail-content .header-subtitle,
#main-content .campaign-content .header-subtitle {
    font-size: 14px;
}

#main-content .partner-detail-wrapper {
    margin: 0 -5px 9px;
    max-height: none;
    padding: 0 10px 10px
}

#main-content .partner-detail-wrapper h3 {
    margin-top: 9px
}

#main-content .partner-detail-wrapper {
    max-height: none;
}

#main-content .partner-detail-content ul {
    margin-bottom: 0
}

#main-content .fund-content {
    margin: 0 -5px 9px;
    max-height: none;
    padding: 0 10px 10px
}

.fund-content h3 {
    margin-top: 9px
}

.plain-page .head,
.plain-page .section {
    clear: both;
}

.plain-page .head .title {
    float: left;
}

.plain-page .head .actions {
    float: right;
    text-align: right;
}

.plain-page .section {
    margin-top: 10px;
}

/* ------- detail / task completion ------- */
.task-detail {
    overflow: auto;
    position: relative
}

.task-detail .task-action,
.task-detail .task-wrapper {
    float: left;
}

.task-detail .task-action {
    border-top: 1px solid #DDD;
    margin-top: 9px;
    padding: 3px 0 0 5px
}

.task-detail .task-wrapper {
    padding: 9px 10px;
}

.task-action .task-due-date {
    padding-top: 5px
}

.task-action form .terms {
    margin: 1em 0 .5em;
}

.task-action .task-due-date,
.task-action .button-mini,
.task-action input.button-mini,
#failure-form .button-mini {
    margin: 0 10px 9px 0
}

.task-completion-controls {
    border-bottom: 1px solid #DDD;
    margin: 0 0 9px -5px;
    padding: 6px 0 24px 5px
}

#main-content .task-detail .optix-ajax-poller {
    font-size: larger;
    margin-right: 12px;
    width: 438px;
}

.task-detail .optix-ajax-poller p {
    margin-bottom: 9px;
}

/* Display styles for subforms in task completion data */
.extra-task-data .to-many-field {
    width: 280px;
}

.extra-task-data .to-many-field h6 {
    background: transparent url("../../optix/img/backgrounds/bg_disclosure_triangle.f45f1610e7d4.png") -2px -60px no-repeat;
    padding-left: 15px;
    font-weight: normal;
    border-bottom: 1px solid #eee;
}

.extra-task-data .to-many-field h6:hover {
    background-color: #FBF1BF;
    cursor: pointer;
}

.extra-task-data .to-many-field h6.expanded {
    background-position: -2px 1px;
}

.extra-task-data .to-many-field .to-many-field-data {
    padding-left: 10px;
    border-bottom: 1px solid #eee;
}

.extra-task-data .to-many-field .to-many-field-data table {
    margin-bottom: 0;
}

.extra-task-data .to-many-field-data .subfield-name {
    padding-right: .25em;
}

.extra-task-data .to-many-field + .to-many-field h6 {
    margin-top: 10px;
}

.inset-box-wrapper {
    margin: 9px 0 18px -5px;
    padding: 9px 0;
    position: relative
}

.inset-box-wrapper h3 {
    float: left;
    margin: 0 0 9px 10px
}

.inset-box-wrapper .toggle-all-entries {
    float: right;
    margin: -2px 0 0 5px
}

.inset-box {
    background: #f2faff;
    border-radius: 2px;
    box-shadow: inset 0 0 3px #bababa;
    margin: 0 -5px 9px 0;
    padding: 3px;
    position: relative
}

#project-timeline-items.inset-box,
#project-list-items.inset-box {
    background: #FFF;
}

.inset-box .extra-task-data th.task-data-head,
.task-history caption {
    background: #EEEEEE;
    font-weight: 600
}

.inset-box .extra-task-data th {
    vertical-align: top;
    font-weight: normal;
}

.inset-box .extra-task-data th.measure-head {
    font-weight: 600;
}

.inset-box .task-notes {
    margin: 0 0 0 5px
}

.inset-box .task-notes h5 {
    margin: 0 0 3px
}

#main-content .active-tasks,
#main-content .inset-box-wrapper {
    border-radius: 2px;
    clear: both
}

#active-task-list,
.inset-box {
    clear: both
}

#active-task-list .task-start-measures {
    list-style: disc;
    margin: 0 0 0 1em
}

#project-detail-body {
    float: left;
    width: 360px
}

#project-detail-sidebar {
    float: right;
    width: 355px
}

#project-detail-sidebar #allocations-list {
    margin-top: 306px
}

#allocations-list h4 {
    margin-bottom: 4px;
}

/* allocations list */
.allocations-table {
    margin-top: 9px;
    table-layout: fixed;
    width: 100%
}

.allocations-table td span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

/* allocations list redux */
.allocation-info {
    border-top: 1px solid #eee;
    clear: both;
    line-height: 18px;
    margin: 0;
    overflow: auto;
    padding: 9px 5px;
}

.allocation-info:hover {
    background: #f2faff;
}

.task-start-info .allocation-info {
    border-color: #ddd;
}

.task-start-info .allocation-info:hover {
    background: #fff;
}

.allocation-info-total {
    background: #eee;
    border-bottom: 1px solid #ddd;
    border-top: none;
    font-weight: 600;
    margin-bottom: 18px;
    padding: 9px 5px;
}

.allocation-info-header {
    float: left;
    font-size: larger;
    padding-bottom: 6px;
    width: 100%;
}

.allocation-info-name {
    float: left;
    width: 275px;
}

.allocation-info-payee {
    line-height: 15px;
    padding-top: 9px;
    width: 235px;
}

.task-start-info .allocation-info-name {
    width: 175px;
}

.task-start-info .allocation-info-payee {
    width: 135px;
}

.allocation-info-amount,
.allocation-info-status {
    float: right;
}

.allocation-inactive .allocation-info-amount {
    color: #ccc;
    text-decoration: line-through;
}

#project-detail-sidebar #map {
    width: 355px;
    height: 270px;
    position: absolute;
    top: 0;
}

/**
 * jQuery Simple Dialog
** ------------------------------------------------------------------------- */
.optix_base .sd_container {
    margin: 0;
    position: absolute;
}

.optix_base .sd_header {
    font-size: 125%;
    font-weight: bold;
    margin-bottom: 10px;
}

.optix_base .sd_footer {
    color: #a0a0a0;
    margin-top: 10px;
}

.optix_base .sd_overlay {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    background-color: #949799;
}

.optix_base .sd_loading {
    background: url("../../img/indicator.03ce3dcc84af.gif") center no-repeat;
    background-color: #fff;
    height: 60px;
    width: 60px;
}

.optix_base #sd_closelabel {
    left: auto !important;
    position: absolute;
    top: 5px !important;
    right: 5px !important;
    text-align: center;
}

.optix_base #sd_closelabel a,
.optix_base #sd_closelabel a:hover,
.optix_base a.close-dialog,
.optix_base a.close-dialog:hover {
    /*display: block;*/
    /*padding: 18px 18px;*/
    text-decoration: none;
    color: #8A1F11;
    font-size: 11px;
    font-weight: bold;
}

.optix_base a.close-dialog {
    position: absolute;
    top: 0;
    right: 0;
}

.optix_base .sd_content {
    background: #FCFCFC url("../../optix/img/backgrounds/bg_main_content_shader.fd5195572593.png") repeat-x;
    border: 2px solid #FFF;
    border-radius: 2px;
    box-shadow: 0 0 5px rgba(0, 1, 1, 0.3);
    min-width: 275px;
    max-width: 650px;
    overflow: auto;
    padding: 12px;
    position: relative;
    text-align: left;
    float: left;
}

.optix_base .sd_content ul {
    list-style: none;
    padding-left: 0;
    padding-bottom: 0;
}

.optix_base .sd_content ul.errorlist {
    margin-botom: 18px;
    padding-left: 20px
}

.optix_base .sd_content .partner-list-wrapper {
    width: 650px
}

.optix_base .sd_content .inset-box {
    margin: 0 0 9px 0
}

.optix_base .email-popup .sd_content h4 {
    margin: 8px 0 8px 0;
}

.optix_base .email-popup .sd_content pre {
    word-wrap: break-word;
    white-space: pre-line;
    max-height: 40em;
    overflow-y: scroll;
}

.optix_base .email-popup .sd_content th {
    font-weight: normal;
    text-align: right;
}

.optix_base .email-popup .sd_content th,
.optix_base .email-popup .sd_content td {
    vertical-align: top;
}

.optix_base .sd_content .email-contents-label {
    margin-top: 6px;
}

.optix_base .sd_content ol {
    margin-bottom: 0;
}

.optix_base .simpledialog {
    background: none;
    border: none
}

.simpledialog-callout {
    font-size: 24px;
    line-height: 130%;
    margin: .5em 0;
    text-align: center;
    font-weight: bold;
    display: block;
}

.optix_base .sd_content .button-mini {
    float: left;
    margin-right: 10px
}

.optix_base .sd_content input.button-mini.primary-action {
    clear: left;
}

.optix_base .sd_content textarea {
    display: block;
    margin-bottom: 9px
}

.optix_base .sd_content a.button-mini.close {
    float: right
}

.action-popup.force-send-welcome-email {
    width: 350px;
}

/* link-icons */
/* --- turning off some of the defaults that are annoying --- */
/* --- but keep the rules around for possible later use   --- */
body a.noicon {
    background: transparent none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/*a[href^="http:"],
a[href^="https:"],
a[href^="http:"]:visited,
a[href^="https:"]:visited,
a[href^="mailto:"],
a[href$=".rss"],
a[href$=".rdf"],*/
a[href$=".pdf"],
a.pdf,
a[href$=".tif"],
a[href$=".tiff"],
a[href$=".jpg"],
a[href$=".jpeg"],
a[href$=".png"],
a[href$=".gif"],
a[href$=".zip"],
a[href$=".xml"],
a[href$=".json"],
a[href$=".hpxml"],
a[href$=".opt"],
a[href$=".doc"],
a[href$=".docx"],
a[href$=".xls"],
a.xls-link,
a[href$=".xlsx"],
a[href$=".xlsm"],
a[href$=".xltm"],
a[href$=".csv"],
a[href^="aim:"] {
    padding: 2px 0px 2px 0;
    margin: -2px 0;
    background-repeat: no-repeat;
    background-position: right center;
    zoom: 1;
}

/*a[href^="http:"] {
    background-image:url("../../optix/img/icons/external.4c68190e294a.png");
}

a[href^="https:"] {
    background-image:url("../../optix/img/icons/lock.a17b466216c2.png");
}

a[href^="mailto:"] {
    background-image:url("../../optix/img/icons/email.3eb96d1313e8.png");
}

a[href^="http:"]:visited {
    background-image:url("../../optix/img/icons/visited.61f03b986679.png");
}*/

a.icon-button {
    padding-left: 4px
}

a.icon-button span {
    background-repeat: no-repeat;
    background-position: right center;
    margin-right: 5px;
    padding: 3px 8px
}

a.icon-button.xls-button span {
    background-image: url("../../optix/img/icons/xls.7f457dc86938.png");
}

a.icon-button.edit-button span {
    background-image: url("../../optix/img/icons/icon_edit_pencil.756a4a863668.png")
}

a.icon-button.edit-button:hover span {
    background-image: url("../../optix/img/icons/icon_edit_pencil_lit.b67785f2e744.png")
}

a.icon-button.edit-button.cancel-edit {
    display: none
}

a.icon-button.edit-button.cancel-edit span {
    background-image: url("../../optix/img/icons/icon_cancel.4d94161f7f76.png")
}

a.icon-button.edit-button.cancel-edit:hover span {
    background-image: url("../../optix/img/icons/icon_cancel_lit.d2689722d652.png")
}

/* ------- calendar picker ------- */
input.hasDatepicker {
    background: #FFF url("../../optix/img/icons/icon_calendar.d7100587e1f5.png") right center no-repeat;
    width: 12em;
    cursor: pointer;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input.hasDatepicker:hover,
input.hasDatepicker:focus {
    background-image: url("../../optix/img/icons/icon_calendar_lit.3fc4b45f6fe3.png");
}

.horizontal-form input.hasDatepicker {
    width: auto;
}

.ui-daterangepicker,
#ui-datepicker-div {
    box-shadow: 0 0 5px rgba(0, 1, 1, 0.3);
    display: none;
    z-index: 2002 !important
}

.ui-daterangepicker .ui-widget-content {
    border: none
}

/* messages */
.messages a:link,
.messages a:visited,
.messages a:hover {
    text-decoration: underline !important;
}

/* webkit scrollbars, mostly for 10.7.x Lion users... */
.filter-block::-webkit-scrollbar,
.partner-list-wrapper::-webkit-scrollbar,
.campaign-list-wrapper::-webkit-scrollbar,
.appointment-list::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.filter-block::-webkit-scrollbar,
.partner-list-wrapper::-webkit-scrollbar-track,
.campaign-list-wrapper::-webkit-scrollbar-track,
.appointment-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(150, 150, 150, 0.15);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.filter-block::-webkit-scrollbar-thumb,
.partner-list-wrapper::-webkit-scrollbar-thumb,
.campaign-list-wrapper::-webkit-scrollbar-thumb,
.appointment-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.filter-block:hover::-webkit-scrollbar-thumb,
.partner-list-wrapper:hover::-webkit-scrollbar-thumb,
.campaign-list-wrapper:hover::-webkit-scrollbar-thumb,
.appointment-list:hover::-webkit-scrollbar-thumb {
    background-color: rgba(21, 56, 77, .35);
}

/* ------- news style ------- */
/*#main-content .news-summary {
    float:left;
    margin-top:18px;
    width:365px;
}*/

#main-content .news-unit {
    border-top: 1px solid #CCC;
    line-height: 18px;
    font-size: 13px;
    margin-bottom: 1em;
    padding-top: 0.5em;
}

#main-content .news-unit p {
    margin: 0.25em 0 0.5em
}

#main-content .news-header {
    font-weight: bold;
    font-size: 17px;
}

#main-content .news-date {
    color: #999;
    font-size: 11px;
}

#main-content .news-body {
    margin-bottom: 2em;
}

#main-content .related-categories {
    margin-bottom: 1em;
}

#main-content .news-unit-nav {
    overflow: hidden;
    width: 100%;
}

#main-content .news-unit-nav .previous-post {
    display: block;
    float: left;
}

#main-content .news-unit-nav .next-post {
    display: block;
    float: right;
}

#side-panel .primary-tile.contractor-news ul {
    list-style-type: none;
}

#main-content .h1-see-all {
    float: right;
    margin-left: 24px;
    position: relative;
}

.secondary-sidebar-form {
    background: none repeat scroll 0 0 #F2FAFF;
    margin-left: 40px;
    padding: 10px;
    zoom: 1;
}

.secondary-sidebar-form form input[type=file] {
    width: auto;
}

body h3.server-error {
    margin-top: 81px;
    margin-right: 80px;
}

/* TODO uglification */
.needs-work {
    background: yellow !important;
    border: 1px solid black;
}

/******
 *** MODULES
 ***
 * @TODO - move to separate file
 *******/
table.horizontal-table {
    margin: 0;
}

.horizontal-table th {
    width: 100px;
    text-align: right;
}

.horizontal-table-wide-labels th {
    width: 150px;
}

.horizontal-table-very-wide-labels th {
    width: 215px;
}

.section.section-optix {
    padding: 10px;
    margin: 10px 0;
    border: 1px solid;
    border-color: #CCC #EEE;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.section p {
    margin: 0;
}

.section.section-horizontal {
    position: relative;
}

.section.section-horizontal .section--title {
    width: 150px;
    float: left;
}

.section.section-horizontal .section--body {
    float: right;
    width: 560px;
}

.section.section-tile {
    float: left;
    clear: none;
    width: 345px;
}

.dashboard-tile.audit-tile {
    border-radius: 0;
    margin-left: -1px;
    float: left;
    display: block;
    width: 55px;
    height: 45px;
    padding: 2px;
}

.dashboard-tile:hover {
    text-decoration: none;
    cursor: default;
    color: #5f6366;
}

.dashboard-tile.first {
    border-radius: 3px 0 0 3px !important;
}

.dashboard-tile.last {
    border-radius: 0 3px 3px 0 !important;
}

.dashboard-tile .stat {
    display: block;
    color: #64a0c2;
    font-size: 17px;
}

.dashboard-tile .stat.good {
    color: #639700;
}

.dashboard-tile .stat.problem {
    color: #e77058;
}

.dashboard-tile .label {
    font-size: 11px;
}

.dashboard-tile.dashboard-tile-strong {
    width: 85px;
    height: 70px;
}

.dashboard-tile.dashboard-tile-strong .stat {
    font-size: 35px;
    line-height: 40px;
    margin-top: 3px;
    font-weight: bold;
}

.dashboard-tile.dashboard-tile-strong .label {
    font-size: 12px;
    text-transform: uppercase;
}

.dashboard-tile.dashboard-tile-wide {
    width: 120px;
}

.dashboard-tile.dashboard-tile-super {
    width: 146px;
    height: 100px;
}

.dashboard-tile.dashboard-tile-super .stat {
    font-size: 54px;
    line-height: 60px;
    margin-top: 3px;
    font-weight: bold;
}

.dashboard-tile.dashboard-tile-super .label {
    font-size: 14px;
    text-transform: uppercase;
}

.dashboard-tiles-participants {
    width: 520px;
}

/* MODULES
 * @TODO move to dedicated file
 */
.l-leftright .left {
    width: auto;
    display: block;
    float: left;
}

.l-leftright .right {
    width: auto;
    display: block;
    float: right;
}

.list-of-items {
    margin-top: 18px;
}

.list-of-items .list-title {
    margin-bottom: 0px;
}

.list-of-items .list {
    padding-left: 40px;
}

.oneline-overflow-fade {
    display: block;
    margin: 0;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: auto;
    word-wrap: normal;
}

.oneline-overflow-fade b {
    /* white is the default background */
    background: url("../../optix/img/backgrounds/bg_white_edge_fade.6aad173613f4.png") top right no-repeat;
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    pointer-events: none;
}

.oneline-overflow-fade.lightblue b {
    background-image: url("../../optix/img/backgrounds/bg_blue_edge_fade.489167858933.png");
}

.oneline-overflow-fade.lightyellow b {
    background-image: url("../../optix/img/backgrounds/bg_yellow_edge_fade.24310d4dfb77.png");
}

.break-word {
    word-break: break-all;
}

/*
    Buttons and things
    Authors: Daniel Norman
*/

/* ------- utiltiy buttons & controls ------- */
.block-toggle,
input.block-toggle,
.button-micro,
.button-mini,
.dashboard-tile,
.dashboard-tile-button,
.user-role-switch,
.pill-box .pill,
#list-sort-order {
    background: #FDFCF8;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#EDECEA));
    background: -webkit-linear-gradient(#fefefe, #EDECEA);
    background: -moz-linear-gradient(#fefefe, #EDECEA);
    background: -ms-linear-gradient(#fefefe, #EDECEA);
    background: -o-linear-gradient(#fefefe, #EDECEA);
    background: linear-gradient(#fefefe, #EDECEA);
    border: 1px solid #BABABA;
    border-radius: 3px;
    color: #5f6366;
    cursor: pointer;
    font-size: 10px;
    line-height: 15px;
    height: auto;
    margin: 0 0 3px 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFF;
    width: 15px;
    z-index: 100;
    zoom: 1;
}

.block-toggle:hover,
.button-micro:hover,
.button-mini:hover,
.dashboard-tile-button:hover,
.pill-box .pill:hover,
#list-sort-order:hover {
    background: #D9F2FE;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#D9F2FE));
    background: -webkit-linear-gradient(#fefefe, #D9F2FE);
    background: -moz-linear-gradient(#fefefe, #D9F2FE);
    background: -ms-linear-gradient(#fefefe, #D9F2FE);
    background: -o-linear-gradient(#fefefe, #D9F2FE);
    background: linear-gradient(#fefefe, #D9F2FE);
    border: 1px solid #97BFD6;
    color: #3080ae;
    text-decoration: none;
}

.block-toggle:active,
.button-micro:active,
.button-mini:active,
.dashboard-tile-button:active,
.pill-box .pill:active,
#list-sort-order:active {
    background: #fefefe;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D9F2FE), to(#fefefe));
    background: -webkit-linear-gradient(#D9F2FE, #fefefe);
    background: -moz-linear-gradient(#D9F2FE, #fefefe);
    background: -ms-linear-gradient(#D9F2FE, #fefefe);
    background: -o-linear-gradient(#D9F2FE, #fefefe);
    background: linear-gradient(#D9F2FE, #fefefe);
    border: 1px solid #97BFD6;
    color: #3080ae;
    text-decoration: none;
}

/* ----- pill box ---- */
.pill-box .pill {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 2px 5px;
    border-radius: 0;
}

.pill-box .pill,
.pill-box .pill:hover {
    border-width: 1px 1px 1px 0;
}

.pill-box .pill:first-child,
.pill-box .pill.first {
    border-radius: 3px 0 0 3px;
    border-left-width: 1px;
}

.pill-box .pill:last-child,
.pill-box .pill.last {
    border-radius: 0 3px 3px 0;
}

.pill-box .pill a {
    color: #5f6366;
}

.pill-box .pill.selected {
    background: #222222; /* Old browsers */
    background: -moz-linear-gradient(top, #222222 0%, #333333 26%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222222), color-stop(26%, #333333), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #222222 0%, #333333 26%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #222222 0%, #333333 26%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #222222 0%, #333333 26%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #222222 0%, #333333 26%, #000000 100%); /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000', GradientType=0); /* IE6-9 */
}

.pill-box .pill.selected,
.pill-box .pill.selected a {
    color: #FFF;
    cursor: default;
    background: #333;
    text-shadow: -1px -1px 0 #555;
    text-decoration: none;
}

.pill-box .pill.selected,
.pill-box .pill.selected:hover {
    border-color: #333;
}

.pill-box .non-pill {
    margin: 0 5px;
}

.block-toggle span {
    background-image: url("../../optix/img/backgrounds/bg_toggle_state.bbe4280e9c36.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 11px
}

.block-toggle.collapsed span {
    background-position: 0 -20px;
}

#filter-list-sort {
    border: 1px solid #DDD;
    border-radius: 3px;
    height: 19px;
    margin-top: 6px;
    padding: 2px 3px 2px 25px;
    position: relative;
}

#list-sort-order {
    border-color: #CCC;
    border-radius: 3px 0 0 3px;
    display: block;
    height: 23px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 17px;
}

#list-sort-order span {
    background-image: url("../../optix/img/backgrounds/bg_sort_state.ab6913f82663.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 17px;
    position: relative;
    width: 17px;
}

#list-sort-order.descending span {
    background-position: 0 -23px;
}

.button-micro {
    color: #111;
    display: inline-block;
    padding: 3px 9px;
    right: 7px;
    width: auto;
}

h2 .button-micro,
h3 .button-micro {
    font-weight: normal;
    margin: 0 6px;
    vertical-align: middle;
}

.project-participant-controls {
    padding: 0 5px 9px;
}

.project-participant-controls .button-micro {
    margin-right: 12px;
}

.project-participant-action-form {
    display: inline;
}

.button-mini {
    color: #111;
    font-size: 12px;
    padding: 6px 9px 7px;
    right: 7px;
    width: auto
}

.pagination .button-mini {
    display: inline-block;
    padding: 2px 7px;
    text-align: center;
}

.item-row .controls .button-mini,
.item-row .controls input.button-mini {
    display: block;
    height: auto;
    overflow: hidden
}

.item-row .controls .button-mini span {
    display: block;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.primary-action,
input.primary-action {
    background: #e5f6fe;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f2faff), to(#ccedfe));
    background: -webkit-linear-gradient(#f2faff, #ccedfe);
    background: -moz-linear-gradient(#f2faff, #ccedfe);
    background: -ms-linear-gradient(#f2faff, #ccedfe);
    background: -o-linear-gradient(#f2faff, #ccedfe);
    background: linear-gradient(#f2faff, #ccedfe);
    border: 1px solid #97BFD6;
    color: #225a7a;
    z-index: 100;
}

.primary-action:active,
input.primary-action:active {
    background: #f2faff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ccedfe), to(#f2faff));
    background: -webkit-linear-gradient(#ccedfe, #f2faff);
    background: -moz-linear-gradient(#ccedfe, #f2faff);
    background: -ms-linear-gradient(#ccedfe, #f2faff);
    background: -o-linear-gradient(#ccedfe, #f2faff);
    background: linear-gradient(#ccedfe, #f2faff);
    border: 1px solid #97BFD6;
    color: #225a7a;
}

/* disabled control state */
.button-mini[disabled],
.button-mini[disabled]:hover,
.button-mini[disabled]:active,
input.button-mini[disabled],
input.button-mini[disabled]:hover,
input.button-mini[disabled]:active,
.button-micro[disabled],
.button-micro[disabled]:hover,
.button-micro[disabled]:active,
input.button-micro[disabled],
input.button-micro[disabled]:hover,
input.button-micro[disabled]:active,
.button-disabled,
.button-disabled:hover,
.button-disabled:active,
input.button-disabled,
input.button-disabled:hover,
input.button-disabled:active {
    background: #F8F8F8;
    border-color: #DDD;
    color: #949799;
    cursor: default
}

/* loading control state */
.button-loading,
.button-loading:hover,
.button-loading:active,
input.button-loading,
input.button-loading:hover,
input.button-loading:active {
    background: #F8F8F8 6px center no-repeat url("../../optix/img/animations/button_activity_spinner.b9502dd0dc79.gif");
    border-color: #DDD;
    color: #949799;
    cursor: default
}

/* selected control state */
.button-selected,
.button-selected:hover,
.button-selected:active,
input.button-selected,
input.button-selected:hover,
input.button-selected:active {
    background: #D9F2FE;
    border-color: #CBDFEB;
    color: #333;
    cursor: default;
    font-weight: 600
}

.action-station .action {
    height: auto;
    margin-right: 5px
}

/*.button-secondary {}          tdb */
.task-start-info .button-mini,
.controls .button-mini {
    display: block;
    padding-left: 10px;
    text-align: left
}

/* ------- utility nav & search ------- */
#utility-nav {
    position: absolute;
    right: -10px;
    top: 24px;
    text-align: right;
    width: auto;
}

#utility-nav .logged {
    background: url("../../optix/img/backgrounds/bg_white_grid_tight.586b5070ec26.png");
    color: #747474;
    position: relative;
}

#utility-nav .logged a {
    border-left: 1px solid #E1DFDD;
    margin-left: 5px;
    padding-left: 6px;
    vertical-align: baseline;
}

#utility-nav .optix-username {
    background: url("../../optix/img/backgrounds/bg_user_role_switch.fc9366f40957.png") no-repeat 0 0;
    display: inline-block;
    font-weight: 700;
    height: 18px;
    max-width: 102px;
    overflow: hidden;
    padding-left: 24px;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}

#utility-nav .optix-logout,
#utility-nav .optix-login {
    display: inline-block;
    height: 18px;
}

#utility-nav .optix-username a {
    border: none;
    margin: 0;
    padding: 0;
}

#utility-nav .user-role-switch + .optix-username {
    background: none;
    padding-left: 0;
}

#utility-nav .user-role-switch {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EFEFEF));
    background: -webkit-linear-gradient(#FFF, #EFEFEF);
    background: -moz-linear-gradient(#FFF, #EFEFEF);
    background: -ms-linear-gradient(#FFF, #EFEFEF);
    background: -o-linear-gradient(#FFF, #EFEFEF);
    background: linear-gradient(#FFF, #EFEFEF);
    border-color: #DDD;
    float: left;
    height: 18px;
    margin-right: 5px;
    position: relative;
    width: 28px;
}

#utility-nav .user-role-switch .user-icon {
    background: url("../../optix/img/backgrounds/bg_user_role_switch.fc9366f40957.png") 0 -30px no-repeat;
    display: block;
    height: 14px;
    padding: 2px;
    width: 24px;
}

#utility-nav .user-role-switch.programuser .user-icon {
    background-position: 0 -30px;
}

#utility-nav .user-role-switch.partneruser .user-icon {
    background-position: 0 -120px;
}

#utility-nav .user-role-switch.participant .user-icon {
    background-position: 0 -240px;
}

.user-role-switch > .dropdown {
    display: none;
    position: relative;
}

#utility-nav .user-role-switch:hover {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#D9F2FE));
    background: -webkit-linear-gradient(#fefefe, #D9F2FE);
    background: -moz-linear-gradient(#fefefe, #D9F2FE);
    background: -ms-linear-gradient(#fefefe, #D9F2FE);
    background: -o-linear-gradient(#fefefe, #D9F2FE);
    background: linear-gradient(#fefefe, #D9F2FE);
    border: 1px solid #97BFD6;
    cursor: pointer;
}

#utility-nav .user-role-switch:hover .user-icon {
    background-position: 0 -60px;
}

#utility-nav .user-role-switch.expanded:hover .user-icon {
    background-position: 0 -30px;
}

#utility-nav .user-role-switch.partneruser:hover .user-icon {
    background-position: 0 -150px;
}

#utility-nav .user-role-switch.partneruser.expanded:hover .user-icon {
    background-position: 0 -120px;
}

#utility-nav .user-role-switch.participant:hover .user-icon {
    background-position: 0 -270px;
}

#utility-nav .user-role-switch.participant.expanded:hover .user-icon {
    background-position: 0 -240px;
}

#utility-nav .user-role-switch:active,
#utility-nav .user-role-switch.expanded {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D9F2FE), to(#fefefe));
    background: -webkit-linear-gradient(#D9F2FE, #fefefe);
    background: -moz-linear-gradient(#D9F2FE, #fefefe);
    background: -ms-linear-gradient(#D9F2FE, #fefefe);
    background: -o-linear-gradient(#D9F2FE, #fefefe);
    background: linear-gradient(#D9F2FE, #fefefe);
    border: 1px solid #97BFD6;
}

#utility-nav .user-role-switch.expanded {
    border-radius: 3px 3px 0 0;
}

#utility-nav .user-role-switch.expanded .user-icon {
    border-bottom: 1px solid #D9F2FE;
    height: 14px;
    position: relative;
    z-index: 3000;
}

#utility-nav .user-role-switch > .dropdown {
    cursor: default;
    background: #FEFEFE;
    border: 1px solid #97BFD6;
    border-radius: 0 3px 3px;
    box-shadow: 0 2px 3px rgba(0, 1, 1, 0.3);
    left: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 18px;
    text-align: left;
    width: 140px;
    z-index: 1000;
}

#utility-nav .user-role-switch.expanded > .dropdown {
    display: block;
}

#utility-nav .user-role-switch li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#utility-nav .user-role-switch .dropdown-head {
    background: #f2faff;
    color: #AAA;
    padding: 3px 5px;
    border-radius: 0 3px 0 0; /* to prevent clipping/bleeding on the container */
}

#utility-nav .user-role-switch .section-head {
    padding: 3px 5px;
    border-top: 1px solid #DDD;
}

#utility-nav .user-role-switch .dropdown .dropdown-section {
    margin: 0 0 3px;
    padding: 0; /* floats collapse IE7s buggy extra space issues on lists */

    float: left;
    width: 100%;
}

#utility-nav .user-role-switch .dropdown .dropdown-section .item {
    margin-left: 5px;
}

#utility-nav .user-role-switch .dropdown .dropdown-section .item .current {
    font-weight: bold;
    cursor: default;
    color: #5f6366;
}

#utility-nav .user-role-switch .dropdown a {
    padding-left: 20px;
    background: #FEFEFE url("../../optix/img/backgrounds/bg_user_role_switch.fc9366f40957.png") no-repeat;
}

#utility-nav .user-role-switch .programuser a {
    background-position: 0 1px;
}

#utility-nav .user-role-switch .partneruser a {
    background-position: 0 -89px;
}

#utility-nav .user-role-switch .participant a {
    background-position: 0 -179px;
}

#utility-nav .user-role-switch a {
    border: none;
    background: transparent;
    display: block;
    margin: 0;
    padding: 3px 3px 3px 20px
}

#utility-nav .user-role-switch.expanded a:hover {
    color: #333;
    text-decoration: none;
    background-color: #f2faff;
}

#utility-nav .search {
    position: absolute;
    right: -2px;
    top: 36px
}

#utility-nav .search input[type="submit"] {
    display: none
}

#global-search {
    background: #F0F0F0 url("../../optix/img/backgrounds/bg_global_search.d89374100ed1.png") 0 0 no-repeat;
    border: 0;
    border-radius: 18px;
    box-shadow: inset 0 1px 0 #E1DFDD, inset 0 -1px 0 #EFEEEE;
    float: none;
    height: 28px;
    margin: 0;
    padding: 0 15px 0 30px;
    width: 127px
}

#global-search:focus {
    background-color: #F9F9F9
}

#global-search::-webkit-input-placeholder {
    color: #949799;
    text-shadow: 0 1px 0 #FFF;
}

#global-search:-moz-placeholder {
    color: #949799;
    text-shadow: 0 1px 0 #FFF;
}

/**/
/**  expandable row grouping boxes */
/**/
.expandable-row-grouper {
    margin-right: 0;
    width: auto;
}

.inset-box .expandable-row,
.inset-box .expandable-item-header {
    background-color: #FFF;
    clear: both;
    height: 23px;
    line-height: 21px;
    margin: 0;
    overflow: hidden;
    padding: 6px 0 6px 6px;
    position: relative
}

.expandable-row-grouper .expandable-row {
    border-top: 1px solid #EEF
}

.expandable-item .expandable-item-header {
    border-top: 1px solid #DDE
}

.expandable-row-grouper .expandable-row.first {
    border: none
}

.inset-box .expandable-row.collapsed:hover,
.inset-box .expandable-row.expanded:hover,
.inset-box .expandable-item-header:hover,
.inset-box .expandable-item-header.expanded:hover {
    background-color: #FBF1BF;
    cursor: pointer
}

.inset-box .expandable-row h4,
.inset-box .expandable-item-header h4 {
    background: inherit;
    color: #5f6366;
    font-weight: 600;
    line-height: inherit;
    margin: 0;
    position: relative;
    zoom: 1
}

.inset-box .expandable-row h4 .row-toggle,
.inset-box .expandable-item h4 .item-toggle {
    float: right;
    height: 11px;
    margin: 5px 8px 0 0;
    position: relative;
    width: 11px;
    zoom: 1
}

.inset-box .expandable-row h4 .row-toggle span,
.inset-box .expandable-item.expanded h4 .item-toggle span {
    background-position: -2px -2px
}

.inset-box .expandable-row h4 .row-toggle.collapsed span,
.inset-box .expandable-item h4 .item-toggle span {
    background-position: -2px -22px
}

.expandable-row .no-data-provided-message {
    text-align: right;
    font-weight: normal;
    font-size: .85em;
    float: right;
    margin: 1px 8px 0 0;
    position: relative;
    zoom: 1;
}

.expandable-row-detail {
    background: #FEFEFE;
    padding: 0 0 9px;
    position: relative;
    overflow: auto;
    zoom: 1;
}

.expandable-row-detail.collapsed {
    display: none
}

/* nested expandable rows */
.expandable-row-detail > .expandable-row {
    border: 1px solid #EEF;
    border-radius: 2px;
    margin: -1px 2px 0;
    zoom: 1;
}

.expandable-row-detail > .expandable-row h4 {
    font-size: 1em;
    /*line-height: inherit;*/
}

.expandable-row-detail > .expandable-row.first {
    border: 1px solid #EEF;
    margin-top: 2px;
}

.expandable-row-detail > .expandable-row.last {
    margin-bottom: 2px;
}

.expandable-row-detail > .expandable-row.expanded {
    background: #FFF;
    border-bottom: none;
    border-radius: 0 2px 2px 0;
}

.expandable-row-detail > .expandable-row-detail {
    background: #FFF;
    border: 1px solid #EEF;
    border-top: none;
    border-radius: 2px 0 0 2px;
    padding: 0 6px 6px;
    margin: 0 2px;
    overflow: visible;
}

.row-group {
    background: #F9F9FF;
    padding: 4px 3px 3px
}

.row-group > h4 {
    color: #BBB;
    font-size: 12px;
    font-weight: 600;
    margin: 3px 2px;
    text-shadow: 0 1px 0 #FFF;
    text-transform: uppercase;
}

.row-group .summary-row {
    background: #FFF;
    border: 1px solid #EEF;
    border-radius: 2px;
    margin: -1px 0 0;
    overflow: auto;
    padding: 9px;
}

.row-group .summary-row h5 {
    color: #555;
    font-size: 16px;
    margin-bottom: 3px;
}

.row-group .summary-row p {
    line-height: 21px;
    margin-bottom: 0;
}

/* comparison viewer */
.comparison-viewer .expandable-row .item-name {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 320px;
}

.comparison-viewer .expandable-row .item-cost {
    position: absolute;
    right: 35px;
}

.comparison-viewer .expandable-row-detail .item-value {
    word-wrap: break-word;
}

.comparison-viewer .expandable-row-detail.expanded > .expandable-row.last {
    margin-bottom: 0;
}

.comparison-viewer-item {
    position: relative;
}

.comparison-viewer-comparable-item th {
    background: transparent;
}

.comparison-viewer-comparable-items tr:hover th,
.comparison-viewer-comparable-items tr:hover td,
.comparison-viewer-items tr:hover th,
.comparison-viewer-items tr:hover td {
    background: #f2faff;
}

.hidden-items-toggle-row {
    /* ensure that the toggle is visible and clickable over next sibling element */
    z-index: 1000;
}

.hidden-items-toggle-row td {
    border-bottom: 1px dotted #ddd;
    padding: 0;
}

.hidden-content-toggle {
    background: #eee url("../../img/icons/ellipsis.9fcf6baa933a.png");
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    height: 6px;
    margin: -4px 192px;
    position: relative;
    width: 14px;
    z-index: 1000;
}

.hidden-content-toggle:hover {
    background-color: #dedede
}

.hidden-content-toggle.expanded {
    height: 14px;
    width: 6px;
    margin-left: -12px;
}

.comparison-viewer-item.hidden-viewer-item-row {
    display: none;
}

.comparison-viewer-item.hidden-viewer-item-row th,
.comparison-viewer-item.hidden-viewer-item-row td {
    background-color: #f9f9f9;
    color: #5f6366;
}

.hidden-items-toggle-row + .hidden-viewer-item-row + .hidden-items-toggle-row,
.comparison-viewer-hidden-items + .comparison-viewer-hidden-items .hidden-items-toggle-row {
    display: none;
}

.split-table {
    margin: 0;
    zoom: 1;
}

.split-table th {
    font-weight: 600;
    vertical-align: top;
}

.split-table thead th,
.split-table thead:hover th {
    background: transparent;
    border-bottom: 1px solid #ddd;
    color: #5f6366;
}

.split-table thead th+th {
    text-align: right;
}

.split-table td {
    text-align: right;
    vertical-align: bottom;
}

.split-table th,
.split-table td {
    position: relative;
    zoom: 1;
}

.split-table th div,
.split-table td div {
    position: relative;
}

/* program select menu */
.program-picker {
    line-height: 1;
    margin: 0;
    width: 100%
}

.program-picker label {
    display: none
}

.program-picker + .chzn-container-single .chzn-single {
    border-radius: 0;
    border-color: transparent transparent #BFE4F7;
    box-shadow: none;
    height: 31px;
    line-height: 31px;
    font-weight: 600;
}

.program-picker + .chzn-container-single.chzn-with-drop .chzn-single {
    border-color: #AAA;
}

.program-picker + .chzn-container-single .chzn-single span {
    word-wrap: normal;
}

.program-picker + .chzn-container-single .chzn-single div b {
    background-position: 0 7px;
}

.program-picker + .chzn-container-single.chzn-container-active.chzn-with-drop .chzn-single div b {
    background-position-y: 7px;
}

.program-picker + .chzn-container-single.chzn-disabled {
    opacity: 1 !important;
}

.program-picker + .chzn-container-single.chzn-disabled .chzn-single {
    color: #444;
}

/* this override requires a HiDpi media query as well, near the end of this file */
.program-picker + .chzn-container-single.chzn-disabled .chzn-single div b {
    background-image: none;
}

/* override max-height to be the same as the sidebar */
.program-picker + .chzn-container .chzn-results {
    max-height: 379px;
}

.program-picker + .chzn-container .partner-active-for-program,
.program-picker + .chzn-container .partner-inactive-for-program {
    height: 2em;
}

.program-picker + .chzn-container .partner-active-for-program::first-letter,
.program-picker + .chzn-container .partner-inactive-for-program::first-letter {
    display: block;
    height: 1em;
    line-height: 1.1em;
    margin-right: 3px;
    width: 1em;
    float: left;
    text-indent: -999px;
    background: url("../../img/icons/status.98ed46821379.png") -1px 4px no-repeat;
    color: transparent;
}

.program-picker + .chzn-container .partner-inactive-for-program::first-letter {
    background-position: -1px -44px; /* -48 + 4 */
}

.program-picker + .chzn-container .chzn-single .partner-active-for-program::first-letter,
.program-picker + .chzn-container .chzn-single .partner-inactive-for-program::first-letter {
    /* currently selected program */

    margin: 8px 0 0 2px;
}

/* split and dropdown buttons */
.button-split-group {
    float: left;
    margin: 7px 0 0 10px;
    position: relative;
    z-index: 500;
}

.button-split {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px #CCC solid;
}

.button-split:hover {
    border-right: 1px #B6D9EF solid;
}

.button-split + .button-micro,
.button-split + .button-mini {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 1px #EEE solid;
    padding-left: 4px;
    padding-right: 4px;
}

.button-split + .button-micro:hover,
.button-split + .button-mini:hover {
    border-left: 1px #FFF solid;
}

.button-toggle.active {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EDECEA), to(#fefefe));
    background: -webkit-linear-gradient(#EDECEA, #fefefe);
    background: -moz-linear-gradient(#EDECEA, #fefefe);
    background: -ms-linear-gradient(#EDECEA, #fefefe);
    background: -o-linear-gradient(#EDECEA, #fefefe);
    background: linear-gradient(#EDECEA, #fefefe);
}

.button-split + .button-toggle,
.button-split + .button-toggle:hover {
    border-left: 0;
}

.button-toggle .caret {
    border-top: 4px solid #555;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: inline-block;
    position: relative;
    top: -1px;
    margin-left: 9px;
}

.button-split + .button-toggle .caret {
    margin-left: 0;
}

.button-mini .caret {
    top: 9px;
    height: 16px;
}

.button-dropdown-menu {
    background: white;
    border: 1px solid #BABABA;
    border-radius: 3px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);
    display: none;
    list-style: none;
    position: absolute;
    margin: 2px 0;
    padding: 0;
    top: 100%;
    left: 0;
    min-width: 230px;
}

.button-dropdown-menu li.dropdown-heading {
    font-weight: 600;
    color: #999;
}

.button-dropdown-menu li.dropdown-heading,
.button-dropdown-menu a:link,
.button-dropdown-menu a:visited {
    display: block;
    padding: 4px 9px;
    margin: 0;
}

.button-dropdown-menu a:link,
.button-dropdown-menu a:visited {
    font-weight: 400;
    padding-left: 1.5em;
}

.button-dropdown-menu a:hover {
    background: #3875d7;
    color: white;
    text-decoration: none;
}

.project-list-controls .project-add.button-split-group {
    margin: 0;
    display: inline;
    float: right;
}

.project-list-controls .project-add.button-split-group li {
    font-size: 12px;
}

/* plain versions of project & partner add */
.project-add {
    float: left;
    margin-top: 9px;
}

.project-add.button-split-group {
    margin-top: 7px;
}

.project-add .button-micro {
    float: left;
    margin: 0
}

.partner-add {
    float: left;
    margin: 16px 0 0 20px;
    display: block;
}

/* general purpose list remove & undo */
.list-item-remove-button {
    background: transparent;
    border: transparent;
    color: rgba(150, 150, 150, 0.5);
    font-size: 18px;
    font-weight: 700;
    padding: 0px 5px 2px;
}

.button-micro.list-item-remove-button:hover {
    color: inherit;
    padding: 0px 5px 2px;
}

/* partner list table live filtering */
#main-content .filter-table,
#sd_container .filter-table {
    background: #fefefe;
    border: 1px solid #eee;
    overflow: auto;
    padding: 5px;
}

.optix_base .sd_content .filter-table {
    width: 644px;
}

#main-content .filter-table.filter-partners-table,
#sd_container .filter-table.filter-partners-table {
    border-top: none;
    border-radius: 0 0 5px 5px;
    margin-bottom: 9px;
}

#main-content .project-detail-content .action-extra .filter-table.filter-partners-table .msg,
#sd_container .filter-table.filter-partners-table .msg {
    display: none;
    margin: 0 0 3px;
}

#main-content .filter-table.search-table,
#sd_container .filter-table.search-table {
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    margin-top: 9px;
}

#main-content .additional-contractors .filter-list.search-list {
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-top: none;
    padding: 5px;
}

#main-content .filter-table .field,
#sd_container .filter-table .field {
    display: block;
    margin: 0;
    padding: 0 5px;
}

#main-content .filter-table .field label,
#sd_container .filter-table .field label {
    margin-top: 3px;
}

#main-content .filter-table input.filter-table-input,
#sd_container .filter-table input.filter-table-input,
#main-content .additional-contractors input.search {
    background-color: #fff;
    border: 1px solid #bbb;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 13px;
    color: #333;
    font-size: inherit;
    width: 100%;
}

.filter-table-no-match-message span,
.filter-table-no-eligiblity-message span {
    color: #BABABA;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 18px 35px;
}

/* HiDpi version of the override we do for the same selector above */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
    .program-picker + .chzn-container-single.chzn-disabled .chzn-single div b {
        background-image: none !important; /* sadly, the plugin's CSS uses !important, so we must as well */
    }
}

/* filter spec styles */
.filter form .field input,
.filter form .field textarea,
.filter form .field select {
    font-size: 13px;
}

.filter-group h4 {
    background: #F2FAFF;
    border-top: 1px solid #BFE4F7;
    color: #2A2F33;
    font-weight: 600;
    margin: 0;
    padding: 4px 32px 5px 11px;
    position: relative;
    text-shadow: 0 1px 0 #FFF
}

.filter-group .collapsible-filter {
    cursor: pointer
}

.filter-toggle,
.reset-filters,
.analytics-reset-filters {
    height: 15px;
    position: absolute;
    right: 9px;
    top: 5px
}

.reset-filters,
.analytics-reset-filters {
    font-size: 11px;
    height: 13px;
    line-height: 13px;
    padding: 4px 9px;
    top: 5px
}

#side-panel .side-panel-footer .reset-filters,
#side-panel .side-panel-footer .analytics-reset-filters {
    top: 9px
}

.filter-block {
    background: #FFF;
    border-bottom: 1px solid #BFE4F7;
    margin: 0 0 1px 0;
    max-height: 126px;
    overflow-y: auto;
    padding: 0 10px;
    position: relative
}

.filter-block.collapsed * {
    display: none;
}

.filter-block.filter-class-estimatedaterangefilter {
    overflow-y: hidden;
}

.solo-filter + .filter-block {
    max-height: none
}

.solo-filter-content {
    margin-left: 6px;
}

#filter-statuses,
#filter-stages {
    max-height: none;
}

#filter-custom {
    padding-bottom: 9px
}

#filter-custom p {
    margin: 18px 0
}

.filter-block table {
    table-layout: fixed;
    zoom: 1
}

.filter-block table td {
    padding: 1px 0;
    line-height: 18px;
    vertical-align: baseline;
}

.filter-block .slider.ui-slider-horizontal {
    height: 9px;
    margin: 18px 5px 9px
}

.filter-block .ui-slider-range.ui-widget-header {
    height: 9px
}

.filter-block .value {
    margin-bottom: 9px
}

.filter-block .slider {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px
}

td.choice-cell {
    width: 20px
}

td.number {
    text-align: right;
    width: 32px
}

.tree-filter.collapsed * {
    display: none;
}

.choice td.choice-cell {
    width: 20px
}

.choice td.number {
    text-align: right;
    width: 32px
}

.tree-choice td.choice-cell,
.choice td.choice-cell {
    width: 20px
}

.tree-choice td.number,
.choice td.number {
    text-align: right;
    width: 40px
}

/*** tree-filter ****/
.tree-choice .choice-label,
.tree-choice .choice-number-label,
.choice .choice-label,
.choice .choice-number-label {
    display: block;
    font-weight: normal;
    vertical-align: baseline;
}

.tree-choice {
    position: relative;
    clear: both;
}

.tree-choice,
.choice label:hover {
    cursor: pointer;
}

.tree-choice.selected .choice-label,
.choice.selected .choice-label {
    font-weight: 700;
}

.tree-filter .tree-group {
    border-bottom: 1px solid #DDD;
    overflow: auto;
    padding: 6px 10px 3px;
}

.tree-filter .tree-choice {
    clear: both;
    padding: 0;
    min-height: 18px;
}

.tree-filter .tree-choice input,
.tree-filter .tree-choice label {
    display: block;
}

.tree-filter .tree-choice input {
    position: absolute;
    top: 0;
    left: 0;
}

.tree-filter .tree-choice.header {
    left: 0;
}

.tree-filter .tree-choice label {
    float: left;
    font-weight: normal;
    margin-left: 27px;
    padding: 1px 0;
}

.tree-filter .tree-choice.header label {
    margin-left: 17px;
}

.tree-filter .tree-choice.header.no-group-checkbox label {
    margin-left: 0;
}

.tree-filter .tree-choice .tree-choice-text {
    float: left;
    line-height: 18px;
}

.tree-filter .tree-choice.has-count .tree-choice-text {
    margin-right: 20px;
}

.tree-filter .tree-choice input {
    cursor: pointer;
    margin-left: 10px;
}

.tree-filter .tree-choice label:hover {
    cursor: pointer;
}

.tree-filter .tree-choice.selected label {
    font-weight: bold;
}

.tree-filter .tree-choice label .tree-choice-count {
    position: absolute;
    top: 0;
    right: 0;
}

.tree-filter .tree-choice.header label {
    width: 147px;
    padding-right: 0;
}

.tree-filter .tree-choice.header input {
    margin-left: 0px;
}

.tree-filter .tree-choice.header.no-group-checkbox input {
    display: none;
}

.choice input {
    cursor: pointer;
    margin: 0 5px 0 0;
}

.tree-filter .search {
    width: 183px;
    margin: 0 6px 7px;
    border: 1px solid #DDD;
    background: #FFF;
    position: relative;
}

.tree-filter .search input {
    padding: 3px;
    margin: 0;
    border: none;
    width: 158px;
}

.tree-filter .search .reset-filter {
    display: inline-block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 1px;
    right: 1px;
    background-image: url("../../img/icons/x-button.dc6528a05a48.png");
}

.tree-filter .search .reset-filter:hover {
    background-position: 0 -16px;
    cursor: pointer;
}

.tree-filter .search .reset-filter.hidden,
.tree-filter .search .reset-filter.hidden:hover {
    background-image: none;
}

.tree-filter .filter-block {
    padding: 0;
}

.tree-filter .filter-block hr {
    margin: 9px 0;
}

/*** /tree-filter ****/
.object-list {
    overflow: visible;
    position: relative;
    z-index: 500;
}

.object-list-header {
    float: left;
    position: relative;
    width: 100%;
    z-index: 500;
    zoom: 1;
}

#detail-action-title,
.object-list h3 {
    float: left;
    line-height: normal;
    margin: 14px 0 9px;
}

.object-list.list-extras h3 {
    float: none;
    margin: 0;
}

.object-list .list-controls {
    float: left;
    margin: 9px 10px 7px 0
}

.object-list .list-controls select {
    margin: 0
}

#list-download-links a {
    margin-right: 4px;
    padding-left: 4px;
}

.object-list .pagination,
.blog-section .pagination {
    float: right;
    margin: 16px 0 7px
}

.pagination .filter-page-link:link,
.pagination .filter-page-link:visited,
.pagination .hellip,
.pagination .current-page {
    border: 1px solid #EFEFEF;
    border-radius: 3px;
    margin: 0 2px;
    padding: 1px 3px;
    display: block;
    float: left;
}

.pagination .filter-page-link:hover {
    background: #E5F6FE;
    text-decoration: none;
}

.pagination .hellip {
    border: none;
}

.pagination .current-page {
    font-weight: bold;
    border: 1px solid #666;
}

.pagination input.current-page {
    width: 20px;
    height: 16px;
    padding: 1px 3px 3px;
    font-size: 1em;
}

.list-extras .pagination {
    margin-top: 9px;
}

.pagination form {
    display: inline;
    float: left;
}

#filter-list-overlay {
    background: url("../../optix/img/whitetransparency.af6f9a0f5ee6.png");
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#search-results #filter-list-overlay {
    display: none
}

#filter-filters-overlay {
    background: url("../../optix/img/whitetransparency.af6f9a0f5ee6.png");
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

#spinner {
    position: fixed;
    margin: 150px 0 0 350px;
}

/* item rows */
.manage-list,
.partner-list {
    border-bottom: 1px solid #CCC;
    overflow: auto;
    position: relative;
    z-index: 1;
}

.item-row {
    border-top: 1px solid #CCC;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
    border-radius: 3px;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.project-list .item-row {
    border-radius: 0;
    border: none;
    margin: -1px;
}

.project-list .item-row:hover {
    border: none;
}

.project-list .item-row + .item-row {
    border-top: 1px solid #CCC;
}

.project-list .item-row.project-list-item .project-info-brief {
    margin-left: -10px;
}

.project-exit-status-display {
    float: left;
}

.project-flags {
    float: right;
}

.search-result-row .project-flags {
    float: none;
    margin-top: -21px;
}

.manage-list .item-row,
.partner-list .item-row {
    padding: 6px 0 9px;
    word-wrap: break-word
}

.manage-list .item-row .currently-assigned th {
    border-top: 1px solid #DDD
}

.item-row.inactive,
.item-row .project-item-row.inactive {
    background: #F2FAFF;
    border-radius: 3px
}

.item-row.inactive:hover,
.item-row .project-item-row.inactive:hover {
    background: #E5F6FE;
}

#search-objects .item-row.inactive,
#search-objects .item-row .project-item-row.inactive {
    color: #555;
    background: transparent
}

#search-objects .item-row.inactive:hover,
#search-objects .item-row .project-item-row.inactive:hover {
    background: transparent;
}

.item-row:hover {
    background: #F2FAFF;
    text-decoration: none;
    border-left: 1px solid #C7DDFC;
}

.linked-row {
    cursor: pointer;
    display: block;
    text-decoration: none !important;
}

.item-row .project-info {
    display: block;
    padding: 8px 0 9px 25px;
    position: relative;
}

.item-row .project-info:hover {
    text-decoration: none;
}

.item-row span.project-name,
.item-row span.participant-name {
    font-size: 18px;
    font-weight: 700;
    margin: 2px 0 6px;
}

.item-row.participant-item-row span.project-name {
    font-size: 13px;
}

.project-item-row {
    float: left;
    position: relative;
    margin-top: 18px;
}

.partner-list .project-item-row {
    margin: 8px 30px 0;
    padding: 10px;
    width: 767px
}

.partner-list .project-item-row + .project-item-row {
    margin-top: 0;
}

.partner-list .item-row.project-item-row {
    float: none;
    margin: 0;
    padding-left: 25px;
    width: auto;
}

.manage-list .partner-row span.project-name {
    color: inherit;
}

#search-objects {
    clear: both
}

#search-objects .manage-list .item-row span.project-name {
    margin-left: -25px;
}

#search-objects .item-row span.project-name img {
    margin: 0 5px 0 0;
    vertical-align: text-bottom
}

.item-row span.vip {
    background: url("../../optix/img/backgrounds/bg_user_icons.9cfb932a4a7e.png") 0 -48px no-repeat;
    display: block;
    margin: 0 0 0 -23px;
    padding: 0 0 0 23px
}

.manage-list .item-row .project-last-updated,
.project-list .item-row .project-last-updated,
.manage-list .item-row .project-search-date {
    color: #AAA;
    line-height: 1.3;
    padding: 0 0 4px;
    text-align: right;
}

.manage-list .item-row .project-search-date,
.project-list .item-row .project-last-updated {
    height: 16px;
    padding-top: 9px
}

.project-list .item-row .project-name {
    display: block;
    font-size: inherit;
    margin-top: 6px;
}

.project-list .item-row .project-last-updated {
    color: inherit;
    position: relative;
}

.project-list-controls {
    padding-left: 10px;
}

.project-list-controls .field {
    height: 19px;
    float: left;
    margin: 9px 10px 7px 0;
    padding: 2px 3px 2px 0;
    position: relative;
}

.project-list-controls .field label {
    font-weight: normal;
}

.project-detail-prompt {
    color: #999;
    visibility: hidden;
    font-size: 85%;
    margin: 8px 6px 0 0;
}

.project-info:hover .project-detail-prompt {
    visibility: visible;
}

.item-row .project-info span.project-address,
.item-row:hover .project-info span.project-address,
.item-row .project-info span.project-phone,
.item-row:hover .project-info span.project-phone,
.item-row .project-info span.project-email,
.item-row:hover .project-info span.project-email {
    color: #333;
    display: block;
    margin: 0 0 6px;
}

.item-row.project-item-row .project-phone {
    margin-top: 8px;
}

.item-row .project-stage {
    background: #F6F6F9;
    border: 1px solid #CCC;
    border-radius: 3px;
    color: #333;
    display: block;
    font-size: 13px;
    font-weight: 600;
    padding: 3px 3px 2px 10px;
    margin: 9px 5px 0 0;
    position: relative;
}

.item-row .project-stage.new {
    color: #007E3F;
}

.item-row .project-status {
    border-radius: 3px;
    display: block;
    font-size: 85%;
    padding: 2px 5px 2px 12px;
    margin: 0;
}

.item-row .project-status.on-track {
    color: #008040;
}

.item-row .action-station {
    border-radius: 3px;
    float: right;
    height: 100%;
    margin: 0;
    padding: 0 8px;
    position: absolute;
    right: 0;
    top: 0;
}

.item-row .action-station .relevant-task-assigned-timedelta {
    color: gray;
}

.project-program-info {
    display: block;
    left: 230px;
    margin: 0;
    position: absolute;
    top: 32px;
}

.project-program-info .project-program,
.project-program-info .item-item {
    display: block;
    margin: 9px 0 0;
}

.project-program,
.item-id,
.item-last-mod {
    color: #999;
    margin: 12px 0;
}

.item-id {
    margin-top: 9px;
}

.item-last-mod {
    bottom: -3px;
    position: absolute;
    right: 55%
}

.item-row .currently-assigned,
.item-row .program-info {
    padding-top: 9px;
}

.item-row .program-info .stage-info {
    color: #333;
    font-size: 11px;
    margin: 0 10px 6px 0;
    padding: 2px 0
}

.item-row .currently-assigned th,
.item-row .currently-assigned td {
    padding: 0;
    vertical-align: top
}

.item-row .currently-assigned .data-extended {
    white-space: nowrap
}

.item-row .currently-assigned th {
    color: #444;
    font-weight: 500;
    padding-top: 2px
}

.item-row .currently-assigned .current-partner {
    padding-right: 5px;
    width: 59%
}

.item-row .controls .button-mini {
    text-align: left
}

.item-row .controls {
    clear: both;
    margin: 3px 0 6px
}

.item-row .controls form {
    margin: 0
}

/** Primary and Secondary common buttons **/
.item-row .controls .primary-action span,
.item-row .controls input {
    text-align: left;
    vertical-align: middle;
}

.item-row .controls .primary-action span {
    left: -2px;
    padding-left: 2px;
    position: relative;
    white-space: normal
}

.item-row .controls .primary-action span.next-step {
    vertical-align: top
}

.item-row .controls .primary-action span.next-step span {
    font-size: 88%;
    line-height: 1.6em;
    vertical-align: bottom
}

.partners-list {
    border-bottom: 1px solid #CCC;
    overflow: auto;
    position: relative
}

.partner-row {
    border-top: 1px solid #CCC;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
    border-radius: 3px;
    display: block;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: relative
}

.manage-list .partner-row {
    padding: 6px 0 9px
}

.manage-list .partner-row .currently-assigned th {
    border-top: 1px solid #DDD
}

.partner-row.inactive {
    background: #F2FAFF;
}

.partner-row.inactive:hover {
    background: #E5F6FE;
}

.partner-row:hover {
    background: #F2FAFF;
    text-decoration: none;
    border-left: 1px solid #C7DDFC;
}

.linked-row {
    cursor: pointer;
    display: block;
    text-decoration: none !important;
}

.partner-row .partner-info {
    display: block;
    padding: 8px 0 9px 25px;
}

.partner-row .partner-info:hover {
    text-decoration: none;
}

.partner-row span.partner-name {
    color: #005B7D;
    font-size: 18px;
    font-weight: 700;
    margin: 2px 0 6px;
}

.manage-list .partner-row span.partner-name {
    color: #0066CC
}

#search-objects .partner-row span.partner-name {
    margin-left: -25px;
}

#search-objects .partner-row span.partner-name img {
    margin: 0 5px 0 0;
    vertical-align: text-bottom
}

.partner-row .partner-info span.partner-address,
.partner-row:hover .partner-info span.partner-address,
.item-last-mod {
    bottom: -3px;
    position: absolute;
    right: 55%
}

.partner-row .controls .button-mini {
    text-align: left
}

.partner-row .controls {
    margin: 3px 0 6px
}

.partner-row .controls form {
    margin: 0
}

/** Primary and Secondary common buttons **/
.partner-row .controls .primary-action span,
.partner-row .controls input {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.partner-row .controls .primary-action span {
    left: 0;
    white-space: normal;
    word-wrap: break-word;
}

.partner-row .controls .primary-action span.next-step {
    vertical-align: top
}

.partner-row .controls .primary-action span.next-step span {
    font-size: 88%;
    line-height: 1.6em;
    vertical-align: bottom
}

.action-station .partner-project-list-additional-data {
    color: #999;
    margin-top: 27px;
}

.action-station .partner-project-list-additional-data span {
    display: block;
    font-weight: 700;
}

#filtered-list .action-station .partner-project-list-additional-data span {
    margin-top: 35px;
}

.action-station ul.open-tasks {
    list-style: none outside;
    margin: 0;
    padding: 0;
}

#content .friendly-form label.ok,
#main-content .friendly-form label.ok,
.friendly-form label.ok {
    background-image: url("../../img/icons/accept.8bfed48756f1.png");
    width: 16px;
    height: 16px;
    display: inline-block; /* FIXME: IE7? http://www.quirksmode.org/css/display.html */
    background-color: transparent;
    border-width: 0;
    margin: 0 0 0 0.5em;
    padding: 0;
    vertical-align: middle;
}

#side-panel .friendly-form label.ok {
    display: none !important
}

#content .friendly-form label.ok.textarea,
#main-content .friendly-form label.ok.textarea {
    vertical-align: top;
}

/**
 * Forms Core
** ------------------------------------------------------------------------- */

/* clear focus outlines */
:focus,
::-moz-focus-inner,
::-moz-focus-inner {
    outline: none;
}

form {
    text-align: left;
}

form hr {
    background-color: #E2E1C7;
    border-color: #E2E1C7;
    height: 1px;
    margin: 10px 0;
}

form h3 {
    border-bottom: 1px solid #E2E1C7;
    color: #686461;
    font-weight: bold;
    font-size: 20px;
    margin: 0 0 12px 0;
    padding: 12px 0 12px 0;
}

form .controls {
    clear: both;
    padding-top: 12px;
    border-top: 1px solid #E2E1C7;
}

form .field.AccessibleRadioSelect fieldset legend,
form .field.AccessibleSavvyRadioSelect fieldset legend,
form .field label {
    color: #5f6366;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    display: block;
}

form .field label {
    margin: 1em 0 0.5em 0;
}

form .field.disabled label {
    color: #ddd;
}

form .field.required-field.AccessibleRadioSelect fieldset legend,
form .field.required-field.AccessibleSavvyRadioSelect fieldset legend,
form .field.required-field > label {
    color: #545E66;
    font-weight: 700;
}

/* styles to support the .required-marker */
.field .required-marker {
    display: inline;
    padding-left: 0.25em;
}

form .field p.inline-formset-help-text {
    position: relative;
    top: 10px;
    margin: 4px 0;
}

form .required-help-text {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

form .required-notice {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url("../../img/required_asterisk.c9388c84c0d5.png") 0 0 no-repeat;
    vertical-align: top;
}

form .form-save-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101; /* inputs with errors have z-index 100 and appear over the overlay */
    background: url("../../optix/img/whitetransparency.af6f9a0f5ee6.png");
}

form .form-save-overlay-spinner {
    margin: 0 auto;
    background: url("../../optix/img/animations/loader_2.914945da2b00.gif") center center no-repeat;
    width: 55px; /*size of loader_2.gif */
    height: 55px;
}

/* friendly form errors */
form .field label.has-errors {
    display: inline-block;
    line-height: 16px;
    margin: 0 0 0 1em;
    border-width: 1px;
    zoom: 1;
}

form .field label.ok {
    border-width: 0;
    margin-left: 0.5em;
}

#main-content form.horizontal-form .field label.ok {
    margin: 3px 0 0 0;
    padding: 4px 0 4px 20px;
    width: 270px
}

#main-content .participant-edit form.horizontal-form .field label.ok,
#main-content .premise-edit form.horizontal-form .field label.ok {
    background-position: top right;
    margin-top: 6px;
    width: 20px;
}

/* Non-field errors */
.horizontal-form .field ul.errorlist,
form.horizontal-form .field label.has-errors,
ul.errorlist {
    margin: 0 0 0 0.5em;
    padding: 4px 0 4px 20px;
    position: relative;
    left: 0;
    background: transparent url("../../img/icons/exclamation.e4dd51f46566.png") 0 4px no-repeat;
    list-style-type: none;
}

.audit .horizontal-form .field ul.errorlist {
    width: 175px;
    clear: left;
    margin-top: 11px;
}

.horizontal-form .field ul.errorlist,
form.horizontal-form .field label.has-errors {
    border: none;
    color: #2A2F33;
    float: right;
    font-size: 11px;
    font-weight: normal;
    margin: 3px 0 0 0;
    padding-bottom: 0;
    width: 270px;
}

.project-detail-content.premise-edit .horizontal-form .field ul.errorlist,
.project-detail-content.participant-edit .horizontal-form .field ul.errorlist,
.project-detail-content.premise-edit form.horizontal-form .field label.has-errors,
.project-detail-content.participant-edit form.horizontal-form .field label.has-errors {
    background-position: top right;
    color: #CC3333;
    padding-top: 30px;
    margin-top: -26px;
    width: 280px;
}

/* add constrained to the regular horizontal-form when there is a sidebar on the page */
.horizontal-form-constrained .field ul.errorlist,
form.horizontal-form-constrained .field label.has-errors {
    width: 210px;
}

ul.errorlist li {
    margin: 0;
    padding: 0;
    font-size: 11px;
}

form.horizontal-form .field label.has-errors + ul.errorlist {
    display: none
}

/**
 * Form Fields
** ------------------------------------------------------------------------- */
form .field input,
form .field textarea,
form .field select {
    margin: 0 0 2px 0;
    padding: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

form .field select {
    max-width: 100%;
}

form.projectstep-form .field select {
    min-width: 250px;
}

form .field.has-errors input,
form .field.has-errors textarea,
form .field.has-errors select {
    background-color: #FFF9F9;
    border-color: #F99;
    position: relative;
    z-index: 100;
}

form .field.has-errors input[type=file] {
    border-width: 1px;
}

form .field.FormsetWidget.has-errors input,
form .field.FormsetWidget.has-errors textarea,
form .field.FormsetWidget.has-errors select,
form .field.PolymorphicFormsetWidget.has-errors input,
form .field.PolymorphicFormsetWidget.has-errors textarea,
form .field.PolymorphicFormsetWidget.has-errors select {
    background-color: #FFFFFF;
    border-color: #BBB;
}

form .field.FormsetWidget .field.has-errors input,
form .field.FormsetWidget .field.has-errors textarea,
form .field.FormsetWidget .field.has-errors select,
form .field.PolymorphicFormsetWidget .field.has-errors input,
form .field.PolymorphicFormsetWidget .field.has-errors textarea,
form .field.PolymorphicFormsetWidget .field.has-errors select {
    background-color: #FFF9F9;
    border-color: #F99;
}

.field.FormsetWidget > ul.errorlist,
.field.PolymorphicFormsetWidget > ul.errorlist {
    display: none;
}

form .field input,
form .field textarea,
form .field select {
    padding: 5px;
    font-size: 14px;
}

form.task-complete-form .field select {
    max-width: 375px;
}

form.task-complete-form.horizontal-form .field.has-errors select {
    float: left;
    margin-right: 10px;
}

form .field input.error,
form .field textarea.error,
form .field select.error {
    background-image: none;
}

form .field textarea {
    height: auto;
}

form .field textarea#id_notes {
    height: 80px;
}

/* help text */
form .field p {
    margin: 0;
    padding: 0;
    font-size: 11px;
}

.chzn-container-multi + p.help-text {
    display: none;
}

form .field ul.errorlist {
    margin: 0;
    position: relative;
    left: 0;
    background: transparent url("../../img/icons/exclamation.e4dd51f46566.png") 0 4px no-repeat;
    list-style-type: none;
}

form .field ul.errorlist li {
    margin: 0;
    padding: 0;
    font-size: 11px;
}

form#project-notes-form .field ul.errorlist {
    width: auto
}

/* Field Types */
form .TextInput input,
form .EmailInput input,
form .PasswordInput input,
form.horizontal-form .Textarea textarea,
form input[type="file"] {
    width: 227px;
}

form .field.HiddenInput {
    display: none;
}

.task-action form .horizontal-form .TextInput input,
.task-action form .horizontal-form .PasswordInput input,
.task-edit-form form .horizontal-form .TextInput input,
.task-edit-form form .horizontal-form .PasswordInput input,
.project-detail-content.premise-edit form .horizontal-form .TextInput input,
.project-detail-content.premise-edit form .horizontal-form .PasswordInput input,
.project-detail-content.participant-edit form .horizontal-form .TextInput input,
.project-detail-content.participant-edit form .horizontal-form .PasswordInput input {
    width: 130px;
}

form .USZipCodeField input {
    width: 53px;
}

form .USPhoneNumberField input {
    width: 110px;
}

form .ClearableFileInput label {
    /*color: #686461;*/
    /*font-weight: bold;*/
    font-size: 12px;
    display: inline;
    margin-bottom: 0;
}

form .ClearableFileInput label:first-child {
    /*color: #686461;*/
    /*font-weight:bold;*/
    font-size: 14px;
    display: block;
    margin-bottom: 7px;
}

form.horizontal-form .ClearableFileInput label {
    margin-bottom: 18px
}

/**
 * Narrow Form (inherits)
** ------------------------------------------------------------------------- */
form.narrow {
    width: 367px;
}

form.narrow textarea {
    width: 248px;
    height: 130px;
}

form.narrow .field,
form.narrow .controls {
    padding-left: 115px;
}

/* Misc form stuff */
form .CountryField select {
    width: 203px
}

/* field groups */
form .field-group {
    box-shadow: inset 0 0 3px #CCC;
    border-radius: 3px;
    margin: 0 0 18px;
    padding: 6px 10px 9px;
}

form .field-group-header {
    font-weight: bold;
    margin: 0 0 3px;
}

form .field-group-help-text {
    margin: 0 0 3px;
    line-height: 1.25em;
}

form .field-group .field {
    position: relative;
    top: -1em;
}

/* disable field-group styling in horizontal forms */
.horizontal-form .field-group {
    box-shadow: none;
    padding: 0 8px;
    margin: 0 -8px;
}

.horizontal-form .field-group-header {
    margin-top: 0;
    margin-bottom: 0;
}

.horizontal-form .field-group .field {
    position: static;
    width: 100%;
}

fieldset {
    border: none;
    padding-top: 3px;
    padding-bottom: 3px;
}

legend {
    max-width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}

/* Dynamic class for the state of emulating Safari's 'placeholder' attribute */
textarea.placeholding,
input.placeholding {
    color: #999;
}

/** Flags List **/
/*    -- checkboxes in a table */
form .CheckboxSelectMultiple ul,
form .SavvyCheckboxSelectMultiple ul {
    list-style-type: none;
    padding-top: 1px;
}

form .AccessibleRadioSelect fieldset legend,
form .AccessibleSavvyRadioSelect fieldset legend {
    padding: 0px;
    margin-left: -17px;
}

form .AccessibleSavvyRadioSelect fieldset,
form .AccessibleRadioSelect fieldset {
    margin: 14px 0 7px;
}

form .RadioSelect li,
form .AccessibleRadioSelect div.accessible-radio-choice,
form .AccessibleSavvyRadioSelect div.accessible-radio-choice,
form .SavvyRadioSelect li,
form .ChoiceWithOtherWidget li,
form .CheckboxSelectMultiple li,
form .SavvyCheckboxSelectMultiple li {
    padding-left: 1.5em;
}

form .ChoiceWithOtherWidget li label,
form .CheckboxSelectMultiple li label,
form .RadioSelect li label,
form .AccessibleRadioSelect div.accessible-radio-choice label,
form .AccessibleSavvyRadioSelect div.accessible-radio-choice label,
form .SavvyRadioSelect li label,
form .SavvyCheckboxSelectMultiple li label {
    top: 0;
    left: 0;
    font-weight: normal;
    text-align: left;
    width: auto;
    padding: 0;
    position: static;
    display: block;
    margin-top: 5px;
}

form .CheckboxSelectMultiple li label input,
form .RadioSelect li label input,
form .AccessibleRadioSelect div.accessible-label label input,
form .AccessibleSavvyRadioSelect div.accessible-label label input,
form .SavvyRadioSelect li label input,
form .SavvyCheckboxSelectMultiple li label input {
    font-size: 12px;
    margin-right: 5px;
}

form .RadioSelect li label input,
form .AccessibleRadioSelect div.accessible-radio-choice label input,
form .AccessibleSavvyRadioSelect div.accessible-radio-choice label input,
form .SavvyRadioSelect li label input,
form .ChoiceWithOtherWidget li label input,
form .CheckboxSelectMultiple li label input,
form .SavvyCheckboxSelectMultiple li label input {
    margin-left: -1.5em;
    margin-right: 0.25em;
}

form .CheckboxSelectMultiple p,
form .SavvyCheckboxSelectMultiple p {
    display: block;
    float: right;
}

form .CheckboxSelectMultiple p.help-text,
form .SavvyCheckboxSelectMultiple p.help-text {
    float: none;
}

form .RadioSelect ul,
form .SavvyRadioSelect ul,
form .ChoiceWithOtherWidget ul {
    list-style-type: none;
}

form .field.CheckboxInput label {
    padding-left: 1.5em;
}

.horizontal-form .field.CheckboxInput label {
    margin-left: 200px;
}

form .field.CheckboxInput input {
    margin-left: -1.5em;
}

form .field.no-label > * {
    margin-top: 6px
}

form .inline-field {
    margin: 0 0 1.5em
}

form .inline-field .inline {
    display: inline
}

/* horizontal form variant */
/* generic form container*/
/* TODO sync this with the actual Optix version; this is only used in Estimator admin right now... */
.optix-form {
    padding: 0 10px 10px;
    border-radius: 3px;
    border: 1px solid #EBEBEB;
    position: relative;
    margin: 0 0 9px;
}

/* TODO add to project edit too */
.project-detail-content,
.campaign-content,
.partner-detail-wrapper,
.fund-content {
    overflow: hidden
}

.project-detail-content.application-edit {
    overflow: visible;
}

#main-content .project-detail-content.participant-detail,
#main-content .project-detail-content.premise-detail {
    padding-top: 18px;
    font-size: larger;
}

#main-content .participant-contact-info,
#main-content .premise-info {
    table-layout: fixed;
}

#main-content .participant-contact-info th,
#main-content .premise-info th {
    color: #CCC;
    font-weight: normal;
}

#main-content .participant-contact-info th,
#main-content .participant-contact-info td,
#main-content .premise-info th,
#main-content .premise-info td {
    vertical-align: top;
}

#main-content .participant-contact-info th,
#main-content .premise-info th {
    white-space: nowrap;
}

#main-content .participant-contact-info td,
#main-content .premise-info td {
    word-wrap: break-word;
}

#main-content .participant-contact-info td .help-text,
#main-content .premise-info td .help-text {
    color: gray;
}

#map.premise-map {
    height: 270px;
    right: -30px;
}

#main-content .task-edit-form .project-detail-content {
    border: none;
    box-shadow: none;
    margin: 0 -12px 0
}

.horizontal-form h4 {
    border: 1px solid #EBEBEB;
    clear: both;
    font-size: 15px;
    font-weight: 600;
    margin: 0 -10px;
    padding: 18px 12px 9px;
}

#main-content .task-edit-form .horizontal-form h4 {
    background: #FFF;
    margin: 0 -7px;
    padding: 2px 7px 4px
}

.horizontal-form .field {
    background: #FCFEFF;
    border-bottom: 1px solid #F7F7F7;
    border-top: 1px solid #FFF;
    margin: 0 -6px;
    overflow: auto;
    padding: 6px 6px
}

.horizontal-form .field.HiddenInput {
    display: none;
}

.horizontal-form .field:first-child,
.horizontal-form .form_errors + .field {
    margin-top: 3px;
}

.horizontal-form .field label {
    float: left;
    margin: 5px 10px 0 0;
    width: 190px
}

.horizontal-form .field.AccessibleRadioSelect fieldset legend,
.horizontal-form .field.AccessibleSavvyRadioSelect fieldset legend {
    float: left;
    margin: 5px 10px 0 -17px;
    width: 190px
}

.task-action .horizontal-form .field label,
.task-edit-form .horizontal-form .field label {
    line-height: 18px;
    min-height: 25px;
    margin-bottom: 5px;
    width: 245px
}

.horizontal-form .field.CheckboxInput label {
    padding-left: 5px;
    width: 490px;
}

.horizontal-form .field.CheckboxInput input {
    margin-right: 10px;
}

form.horizontal-form .TextInput input,
form.horizontal-form .DateField input,
form.horizontal-form .PasswordInput input,
form.horizontal-form .Textarea textarea {
    float: left
}

.horizontal-form .field .chzn-container.chzn-container-single {
    position: absolute;
}

.horizontal-form .field fieldset label,
.horizontal-form .field li label {
    width: auto
}

.horizontal-form .field .accessible-radio-choices,
.horizontal-form .field ul {
    float: left;
    padding: 0
}

.horizontal-form .field .accessible-radio-choices {
    margin-left: 3px;
}

.horizontal-form .field fieldset label,
.horizontal-form .field ul label,
.horizontal-form .field input + label,
.horizontal-form .field .chzn-container ul {
    float: none
}

.horizontal-form label.has-errors {
    float: none;
    margin: 0 0 0 10px
}

.horizontal-form .field p {
    clear: both;
    margin: 6px 0 0 122px
}

.horizontal-form .field p.help-text {
    float: none;
    margin: 9px 0 0 205px;
}

.task-action .horizontal-form .field p,
.task-edit-form .horizontal-form .field p {
    margin: 0;
    min-height: 33px;
    position: relative;
    top: -3px;
    width: 245px
}

.task-action form .horizontal-form .field p > span {
    display: block;
    float: right;
    margin-right: -160px;
    position: relative;
    width: 150px
}

.task-action form .horizontal-form .field p > span:before {
    content: "\2021  ";
}

#main-content .task-action .horizontal-form .field ul.errorlist,
#main-content .task-action form.horizontal-form .field label.has-errors {
    float: left;
    margin: 0 0 6px;
}

/* nested checkbox lists */
.horizontal-form .field.SavvyCheckboxSelectMultiple > ul > li {
    margin-bottom: 12px;
}

.horizontal-form .field.SavvyCheckboxSelectMultiple li > ul {
    float: none;
}

.horizontal-form .field.SavvyCheckboxSelectMultiple ul span {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin: 6px 0 3px;
}

/* task assign extras */
.inset-box .task-assign-extra.task-assign-extra h4 {
    margin: 0
}

.inset-box.optional-note .expandable-row-detail {
    padding: 3px 0 9px 10px
}

.inset-box.optional-note .expandable-row-detail select {
    margin-left: 1.5em
}

.task-action .CheckboxInput label {
    margin: 1em 0 0;
}

.task-action .field-group .CheckboxInput label + .help-text {
    margin-left: 1.5em;
}

.task-action .horizontal-form .CheckboxInput label,
.task-edit-form .horizontal-form .CheckboxInput label {
    margin-left: 0;
    margin-bottom: 10px;
}

.sd_content .field select {
    margin-bottom: 18px
}

.locked-settings {
    width: auto;
}

.locked-settings th,
.locked-settings td {
    vertical-align: top;
}

.dollar-field-prefix {
    float: left;
    font-size: 14px;
    margin: 0 0 0 -10px;
    padding: 5px 3px 0 0;
}

.percentage-field {
    background: url("../../img/percent.3e3402544489.png") no-repeat 216px center;
}

/* task measure stuff */
.task-measure-row {
    background: #FEFEFE;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
    margin-bottom: 1px;
    padding: 9px 10px;
    position: relative;
}

.task-measure-row.measure-draft {
    background: #FEFEFE;
}

.task-measure-row.measure-draft h4 {
    color: #888;
}

.task-measure-row.measure-draft .task-measure-total-value,
.task-measure-row.measure-draft .measure-calc,
.task-measure-row.measure-draft .remove-measure-link,
.task-measure-row.measure-draft .restore-measure-link {
    display: none;
}

.task-measure-row.measure-removed {
    opacity: 0.5;
}

.task-measure-row.measure-removed h4 {
    text-decoration: line-through;
}

.task-measure-row.measure-removed .task-measure-total-value,
.task-measure-row.measure-removed .measure-calc {
    display: none;
}

.task-measure-total .measure-value {
    text-align: right;
}

.remove-measure-link,
.restore-measure-link,
.confirm-measure-button {
    position: absolute;
    right: 5px;
    top: 5px;
}

.remove-measure-link,
.restore-measure-link {
    line-height: 18px;
}

.restore-measure-link {
    text-decoration: underline;
}

.confirm-measure-button {
    top: 6px;
}

.measure-calc {
    float: right;
}

.task-measure-row h4 {
    font-weight: 600;
    margin: 0;
}

.measure-footer {
    border-bottom: none;
    background: none;
}

.task-measures-total {
    border-top: 1px solid #ddd;
}

.add-measure-form  {
    border-bottom: 0;
}

.add-measure-form .field {
    display: inline-block;
    padding: 3px 0;
}

.add-measure-form input.button-mini.measure-add {
    float: right;
    margin-bottom: 0;
}

.add-measure-form .field label {
    display: none;
}

.measure-footer .field {
    float: left;
    padding: 12px 0 0;
}

.measure-footer .field label {
    display: none;
}

.task-measure-form-total table{
    padding-top: 1.4em;
}

.task-measure-row .task-measure-title,
.task-data-measure .measure-title,
.task-data-total .measure-title {
    float: left;
    line-height: 18px;
}

.task-data-total .measure-value {
    float: right;
    line-height: 18px;
}

.task-measure-row .individual-measure {
    bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    padding: 0 0 0 10px;
    position: absolute;
    right: 10px;
    text-align: right;
    width: 2.5em;
}

.task-measure-row .task-measure-form {
    clear: both;
    float: left;
    margin-right: 10px;
    width: 315px;
}

.task-data-measure,
.task-data-total {
    position: relative; /* support .kwh-savings being positioned */
}

/* special treatment for timeline display headers */
.timeline-entry .extra-task-data .task-data-measure,
.timeline-entry .extra-task-data .task-data-total {
    border-top: 1px solid #dedede;
    padding-top: 13px;
}

.timeline-entry .extra-task-data .task-data-total-row + .task-data-total-row .task-data-total {
    border-top: 0;
    padding-top: initial;
}

.timeline-entry .extra-task-data .task-data-measure .measure-title,
.timeline-entry .extra-task-data .task-data-total .measure-title {
    font-size: 12px;
    font-weight: 700;
    padding-bottom: 0;
}

.timeline-entry .extra-task-data .task-data-measure .kwh-savings,
.timeline-entry .extra-task-data .task-data-total .kwh-savings {
    float: right;
    font-weight: 600;
    margin-left: 1em;
    position: static;
    width: auto;
}

.task-measure-row .task-measure-form .field,
.task-data-measure .measure-field {
    float: left;
    margin-right: 20px;
}

.task-data-measure .measure-field {
    position: relative;
    width: 135px;
    height: 30px;
    margin-bottom: 20px;
}

.task-measure-row .task-measure-field-clear {
    clear: left
}

.task-data-measure .kwh-savings {
    width: 75px;
    bottom: 22px;
}

.task-data-measure .kwh-savings .kwh-savings-raw {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #5f6366;
    white-space: nowrap;
}

/* match the wrap-after-two behavior of the form */
.task-data-measure .measure:first-child + .measure,
.task-data-measure .measure:first-child + .measure + .measure + .measure {
    clear: left
}

.task-measure-row .task-measure-form .field:first-child + .field + .field,
.task-data-measure .measure:first-child + .measure + .measure {
    clear: both;
}

.task-measure-row .task-measure-form .field input,
.task-measure-row .task-measure-form .field select,
.task-measure-row .task-measure-form .field label,
#main-content .task-measure-row .task-measure-form .field ul.errorlist,
.task-data-measure .measure-label,
.task-data-measure .measure-value {
    font-size: 11px;
    line-height: 12px;
    width: 125px;
}

.task-measure-row .task-measure-form .field input[type=radio] {
    width: auto;
}

.task-data-measure .measure-label,
.task-data-measure .measure-value {
    position: absolute;
    bottom: 0;
}

/* special treatment for timeline display values */
.extra-task-data .measure-value {
    position: static;
    text-align: right;
    width: auto;
}

/* inputs have an additional 12px in padding and border which these elements don't */
.task-measure-row .task-measure-form .field input[type=checkbox],
.task-measure-row .task-measure-form .field select {
    margin-right: 12px
}

.task-measure-row .task-measure-form .field label {
    height: 3.3em;
    display: table-cell;
    vertical-align: bottom;
    padding: 3px 0;
    line-height: normal;
}

.task-data-measure .measure-label {
    bottom: 15px; /* pseudo bottom-alignment, with absolute positioning */
    font-weight: 600;
    color: #5f6366;
}

.task-data-measure .measure-value {
    padding: 4px 0 0
}

#main-content .task-measure-row .task-measure-form .field.RadioSelect label + ul {
    min-height: 3.3em;
    padding: 0 0 0 5px;
    width: 132px;
}

.task-measure-row .task-measure-form .field.RadioSelect ul label {
    height: auto;
}

.task-measure-row .task-measure-form .field.CheckboxSelectMultiple ul label {
    display: inline;
    height: auto;
}

.task-measure-row .task-measure-form .field.CheckboxSelectMultiple input {
    margin-right: 5px;
    width: auto;
}

#main-content .task-measure-row .task-measure-form .field ul.errorlist {
    margin-bottom: 18px;
    width: 115px;
}

/* partner claim reservation form */
.claim-reservation-form-container {
    width: 415px;
}

.claim-reservation-form-container > h3,
.claim-reservation-form-container > form {
    background: #FFF;
    margin: 0;
    padding: 9px 20px 0;
}

.claim-reservation-form-container > form {
    float: left;
    padding-top: 0;
    padding-bottom: 9px;
    width: 375px;
}

.claim-reservation-form-container .field {
    float: left;
    margin-right: 10px;
}

.claim-reservation-form-container .field.TextInput input {
    width: 135px;
}

.reservation-search-button {
    margin-top: 36px;
}

.reservation-result {
    clear: both;
}

.claim-reservation-form-container .reservation-result .project-name {
    float: left;
    margin-right: 185px;
}

.claim-reservation-form-container .reservation-result .project-name + span {
    clear: both;
}

.claim-reservation-form-container .action-station {
    margin: 0;
    padding: 0;
    top: 9px;
    right: 26px;
}

.claim-reservation-form-container .action-station .button-mini {
    width: 100%;
}

.claim-reservation-form-container .form-messages-holder {
    clear: both;
    margin: 9px 4px 0 -3px;
}

#main-content .claim-reservation-form .msg {
    margin-bottom: 3px;
}

/* Recurring scheduling management */
.schedule-section,
.schedule-section table {
    zoom: 1;
}

.schedule-section + .schedule-section {
    padding-top: 3px;
}

.schedule-section.appointment-list {
    background-color: white;
    max-height: 240px;
    overflow: auto;
}

.calendar-wrapper.inset-box {
    padding: 1px 2px 3px;
}

.new-schedule-controls {
    border-top: 1px solid #eef;
    border-bottom: 1px solid #eef;
    margin: 0 0 1px;
    padding: 21px 0;
    text-align: center;
}

.schedule-list-controls {
    background: #fff;
    padding: 9px 10px;
}

.cell-liner {
    display: block;
    position: relative;
}

/* for positioning inside table cells */
.remove-schedule-link,
.remove-exception-link,
.remove-schedule-link:hover,
.remove-exception-link:hover {
    line-height: 18px;
    position: absolute;
    right: 3px;
    top: 5px;
}

.remove-schedule-link:hover,
.remove-exception-link:hover {
    right: 2px;
    top: 4px;
}

.exception-row .remove-schedule-link,
.exception-row .remove-exception-link {
    top: -10px;
    right: -3px;
}

.exception-row .remove-schedule-link:hover,
.exception-row .remove-exception-link:hover {
    top: -11px;
    right: -4px;
}

.schedule-section table,
.exception-list table {
    border-top: 1px solid #eef;
    margin: 1px 0;
    position: relative;
}

.schedule-section .expandable-row {
    background: #fcfeff;
    padding-left: 10px;
}

.schedule-section .expandable-row.collapsed,
.schedule-section .expandable-row-detail.expanded {
    border-bottom: 1px solid #eef;
    padding-left: 10px;
}

.schedule-section .expandable-row-detail.expanded {
    background: #FFF;
    padding-left: 21px;
    padding-right: 21px;
}

.schedule-section .expandable-row h4 .row-toggle {
    float: left;
}

.schedule-section .expandable-row h4 {
    font-size: 11px;
    line-height: 22px;
}

table.exception-list {
    border-top: none;
    margin-bottom: 0;
}

.schedule-section th,
.schedule-section td,
.exception-list th,
.exception-list td {
    padding: 6px 5px 7px 10px;
    text-align: center;
}

.schedule-section.appointment-list th,
.schedule-section.appointment-list td {
    background-color: transparent;
    text-align: left;
}

.schedule-section.appointment-list th {
    background-color: #f2faff;
}

.schedule-section.appointment-list td {
    border-bottom: 1px solid #eee;
}

.schedule-section.appointment-list tr:hover td {
    background-color: #fff9d9;
}

.schedule-section th.time-col,
.schedule-section td.time-col,
.schedule-section th.date-col,
.schedule-section td.date-col {
    text-align: left;
}

.schedule-section.appointment-list th.time-col,
.schedule-section.appointment-list td.time-col {
    width: 140px;
}

.schedule-section th,
.exception-list th {
    background: #fcfeff;
    border-bottom: 1px solid #eef;
    color: #5f6366;
    font-weight: 600;
}

.schedule-section th {
    background: transparent;
}

.schedule-section tbody tr td {
    background: #FFF;
    font-weight: 600;
}

.schedule-section td.schedule-affiliation-form select {
    font-size: 11px;
    max-width: 170px;
}

.schedule-section td.schedule-affiliation-form label {
    display: none;
}

.schedule-section td.schedule-affiliation-form .chzn-choices,
.schedule-section td.schedule-affiliation-form .chzn-results {
    font-size: 10px;
    text-align: left;
}

.exception-list th,
.exception-list td {
    text-align: left;
}

.exception-row td {
    border-bottom: 1px solid #eef;
}

.exception-list .add-exception-row td {
    background: #fcfeff;
    padding: 13px 10px 9px;
}

.schedule-section .time-col .field input {
    width: 75px;
}

.schedules-no-data {
    background: #f2faff;
    height: 162px;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%
}

.schedules-no-data span {
    color: #BABABA;
    display: block;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    text-align: center;
    top: 35%;
    width: 100%
}

.schedules-no-data input {
    margin-top: 18px
}

.exceptions-no-data {
    background: #f2faff;
    height: 72px;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%
}

.exceptions-no-data span {
    color: #BABABA;
    display: block;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    text-align: center;
    top: 35%;
    width: 100%
}

.ui-timepicker-list li {
    font-size: 14px;
}

/* simultaneous assignment and scheduling form */
.assignment-scheduling-section .calendar-not-loaded,
.assignment-scheduling-section .calendar-loading {
    color: #BABABA;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 18px;
}

.assignment-scheduling-section .calendar-loading {
    padding-left: 48px;
    background-image: url("../../optix/img/animations/button_activity_spinner.b9502dd0dc79.gif");
    background-position: 18px 21px;
    background-repeat: no-repeat;
}

.assignment-scheduling-section .assignment-calendar h4 {
    margin: 1.75em 0 .75em;
}

.assignment-scheduling-section .timeslot-confirmation-drawer {
    clear: both;
    padding: 10px;
    background: white;
}

.assignment-scheduling-section .confirm-slot-wrapper {
    margin: 0 auto -20px;
}

/* HPXML comparison UI */
.hpxml-comparison-wrapper h3 {
    margin: 0 0 9px 10px;
    float: left;
}

/* showhide buttons */
.hpxml-comparison-wrapper .showhide {
    margin: .25em 0;
    float: right;
    font-size: 10px;
}

.hpxml-comparison-wrapper .showhide .button-micro {
    margin-left: .5em;
}

.hpxml-comparison {
    position: relative;
    min-height: 10em;
    background: white;
    padding: 3px 1px; /* for demo purposes, pushing this down and out to take more space */
}

/* messages */
.hpxml-comparison .hpxml-loading-overlay {
    background: url("../../optix/img/animations/loader_2.914945da2b00.gif") center center no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.hpxml-comparison .hpxml-insufficient-files-message {
    text-align: center;
    line-height: 8.5em;
}

.hpxml-comparison .hpxml-comparison-error span {
    color: #BABABA;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 18px;
}

/* basic layout */
.hpxml-comparison table {
    table-layout: fixed;
    margin-bottom: .4em;
}

/* because we use table-layout: fixed, we need to explicitly set sane widths */
.hpxml-comparison thead th {
    width: 5%
}

.hpxml-comparison thead .field-name-header {
    width: 35%;
}

.hpxml-comparison thead .source-select {
    width: 30%;
}

.hpxml-comparison th,
.hpxml-comparison td {
    font-size: 13px;
    line-height: 17px;
}

/* additional spacing around perimeter */
.hpxml-comparison thead th {
    padding-top: .66em;
}

.hpxml-comparison tbody .comparison-group th,
.hpxml-comparison tbody .comparison-pair-name,
.hpxml-comparison thead .field-name-header {
    padding-left: .8em;
}

.hpxml-comparison thead .right-side-source,
.hpxml-comparison tbody .right-value {
    padding-right: 1em;
}

/* default colors and text styles */
.hpxml-comparison thead th {
    vertical-align: inherit;
    font-weight: normal;
    background: #FDFCF8;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#EDECEA));
    background: -webkit-linear-gradient(#fefefe, #EDECEA);
    background: -moz-linear-gradient(#fefefe, #EDECEA);
    background: -ms-linear-gradient(#fefefe, #EDECEA);
    background: -o-linear-gradient(#fefefe, #EDECEA);
    background: linear-gradient(#fefefe, #EDECEA);
    border-left: 1px solid #e8e8e8;
}

.hpxml-comparison thead .field-name-header {
    border-left: 0;
}

.hpxml-comparison thead .field-comparison {
    text-align: center;
    padding: 4px 7px;
}

/* HPXML source file pickers */
.hpxml-comparison thead .source-select {
    padding: 0;
    font-weight: 600;
}

/* make the width of .hpxml-file-choice-menu relative to .field */
.hpxml-comparison thead .field {
    position: relative;
}

.hpxml-comparison .hpxml-file-choice {
    padding: .625em .5em;
    cursor: default;
    background: transparent;
}

.hpxml-comparison thead .source-select .has-choices:hover {
    background: #D9F2FE;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#D9F2FE));
    background: -webkit-linear-gradient(#fefefe, #D9F2FE);
    background: -moz-linear-gradient(#fefefe, #D9F2FE);
    background: -ms-linear-gradient(#fefefe, #D9F2FE);
    background: -o-linear-gradient(#fefefe, #D9F2FE);
    background: linear-gradient(#fefefe, #D9F2FE);
}

.hpxml-comparison .hpxml-file-choice.active {
    background: #fefefe;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EDECEA), to(#fefefe));
    background: -webkit-linear-gradient(#EDECEA, #fefefe);
    background: -moz-linear-gradient(#EDECEA, #fefefe);
    background: -ms-linear-gradient(#EDECEA, #fefefe);
    background: -o-linear-gradient(#EDECEA, #fefefe);
    background: linear-gradient(#EDECEA, #fefefe);
}

.hpxml-comparison .has-choices .hpxml-file-choice {
    cursor: pointer;
}

.hpxml-comparison .hpxml-file-choice .caret {
    border-top: 4px solid #555;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: block;
    float: right;
    margin: .5em;
}

.hpxml-comparison .hpxml-file-choice-menu {
    background: white;
    border-radius: 3px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);
    padding: .5em 0;
    position: absolute;
    display: none;
}

#main-content .hpxml-comparison .hpxml-file-choice-menu {
    width: 100%;
}

.hpxml-comparison .hpxml-file-choice-menu .hpxml-file-choice {
    background: white;
    font-weight: normal;
}

.hpxml-comparison .hpxml-file-choice-menu .hpxml-file-choice:hover,
.hpxml-comparison .hpxml-file-choice-menu .selected.highlight {
    background: #3875d7;
    color: white;
}

.hpxml-comparison .hpxml-file-choice-menu .hpxml-file-choice strong {
    padding-right: 1em;
}

/* (more) default colors and text styles */
.hpxml-comparison tbody {
    max-height: 30em;
}

.hpxml-comparison tbody th,
.hpxml-comparison tbody td {
    vertical-align: bottom;
    padding: 6px 10px 6px 5px;
}

.hpxml-comparison tbody .comparison-pair-name {
    padding-left: 2em;
    vertical-align: top;
    font-weight: 600;
}

.hpxml-comparison .comparison-group th {
    padding-top: 16px;
    color: #2a2f33;
    border-bottom: 1px solid #EDECEA;
    font-weight: 700;
}

/* Default (unchanged) state for comparisons */
.hpxml-comparison .left-value,
.hpxml-comparison .right-value {
    text-align: right;
    word-wrap: break-word;
}

/* Highlighted (changed) state for comparisons */
.hpxml-comparison .not-equal {
    background: #fffad0;
}

.hpxml-comparison .not-equal .right-value {
    font-weight: bold;
}

/* hover styles */
.hpxml-comparison .comparison-pair:hover {
    background: #ecf9ff;
}

.hpxml-comparison .comparison-pair.not-equal:hover {
    background: #fff6bf;
}

/* styling for individual data types */
.hpxml-comparison .data-type-none .value {
    font-style: italic;
}

#nav-home.logo-wrap {
    background-size: 175px !important;
}

.task-measure-row .task-measure-form .field select {
    width: unset;
}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	height: 0;
	width: 0;
}

#tiptip_arrow_inner {
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	border-bottom-width: 0px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	border-top-width: 0px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	border-left-width: 0px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	border-right-width: 0px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/* Alternative theme for TipTip */
#tiptip_holder.alt.tip_top #tiptip_arrow_inner {
	border-top-color: #444444;
}

#tiptip_holder.alt.tip_bottom #tiptip_arrow_inner {
	border-bottom-color: #444444;
}

#tiptip_holder.alt.tip_right #tiptip_arrow_inner {
	border-right-color: #444444;	
}

#tiptip_holder.alt.tip_left #tiptip_arrow_inner {
	border-left-color: #444444;
}

#tiptip_holder.tip_top #tiptip_arrow,
#tiptip_holder.tip_right #tiptip_arrow,
#tiptip_holder.tip_bottom #tiptip_arrow,
#tiptip_holder.tip_left #tiptip_arrow 
{border-color:transparent;}

#tiptip_holder.alt #tiptip_content {
	background-color: #444444; border: 1px solid White; border-radius: 3px; box-shadow: 0 0 3px #555555; color: #FFFFFF; font-size: 11px; padding: 4px 8px; text-shadow: 0 0 1px Black;
}

/*corner tips*/
#tiptip_holder.tip_left_top #tiptip_arrow,
#tiptip_holder.tip_right_top #tiptip_arrow,
#tiptip_holder.tip_left_bottom #tiptip_arrow,
#tiptip_holder.tip_right_bottom #tiptip_arrow
{display:none;}
/* @group Base */
.chzn-container {
  font-size: 13px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}
.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top: 100%;
  left: -9999px;
  -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
  -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
  box-shadow        : 0 4px 5px rgba(0,0,0,.15);
  z-index: 1010;
  width: 100%;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing : border-box;
  box-sizing        : border-box;
}

.chzn-container.chzn-with-drop .chzn-drop {
  left: 0;
}

/* @end */

/* @group Single Chosen */
.chzn-container-single .chzn-single {
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 5px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  border: 1px solid #aaaaaa;
  -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 23px;
  line-height: 24px;
  padding: 0 0 0 8px;
  color: #444444;
  text-decoration: none;
}
.chzn-container-single .chzn-default {
  color: #999;
}
.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url("../../css/jquery/chosen/chosen-sprite.25b9acb1b504.png") -42px 1px no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
  background-position: -42px -10px;
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
  background-position: -42px -10px;
}
.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}
.chzn-container-single .chzn-single div b {
  background: url("../../css/jquery/chosen/chosen-sprite.25b9acb1b504.png") no-repeat 0px 2px;
  display: block;
  width: 100%;
  height: 100%;
}
.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}
.chzn-container-single .chzn-search input {
  background: #fff url("../../css/jquery/chosen/chosen-sprite.25b9acb1b504.png") no-repeat 100% -20px;
  background: url("../../css/jquery/chosen/chosen-sprite.25b9acb1b504.png") no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url("../../css/jquery/chosen/chosen-sprite.25b9acb1b504.png") no-repeat 100% -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("../../css/jquery/chosen/chosen-sprite.25b9acb1b504.png") no-repeat 100% -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("../../css/jquery/chosen/chosen-sprite.25b9acb1b504.png") no-repeat 100% -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("../../css/jquery/chosen/chosen-sprite.25b9acb1b504.png") no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
  width: 100%;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing : border-box;
  box-sizing        : border-box;
}
.chzn-container-single .chzn-drop {
  margin-top: -1px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius   : 0 0 4px 4px;
  border-radius        : 0 0 4px 4px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
}
.chzn-container-single-nosearch .chzn-search {
  position: absolute;
  left: -9999px;
}
/* @end */

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
  width: 100%;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing : border-box;
  box-sizing        : border-box;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow   : none;
  box-shadow        : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); 
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
  border: 1px solid #cccccc;
  padding-right: 5px;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url("../../css/jquery/chosen/chosen-sprite.25b9acb1b504.png") -42px 1px no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
/* @end */

/* @group Results */
.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.chzn-container-multi .chzn-results {
  margin: 0;
  padding: 0;
}
.chzn-container .chzn-results li {
  display: none;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
}
.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}
.chzn-container .chzn-results .highlighted {
  background-color: #3875d7;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );  
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
  background: transparent;
}
.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}
.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}
.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}
.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px; /* This should by dynamic with js */
  z-index: 1;
}
.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}
.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
  background: url("../../css/jquery/chosen/chosen-sprite.25b9acb1b504.png") no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
  background: url("../../css/jquery/chosen/chosen-sprite.25b9acb1b504.png") no-repeat -22px -3px;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active.chzn-with-drop .chzn-single {
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow   : 0 1px 0 #fff inset;
  box-shadow        : 0 1px 0 #fff inset;
  background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  -webkit-border-bottom-left-radius : 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft : 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius : 0;
  border-bottom-right-radius: 0;
}
.chzn-container-active.chzn-with-drop .chzn-single div {
  background: transparent;
  border-left: none;
}
.chzn-container-active.chzn-with-drop .chzn-single div b {
  background-position: -18px 2px;
}
.chzn-container-active .chzn-choices {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}
/* @end */

/* @group Disabled Support */
.chzn-disabled {
  cursor: default;
  opacity:0.5 !important;
}
.chzn-disabled .chzn-single {
  cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @group Right to Left */
.chzn-rtl { text-align: right; }
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }

.chzn-rtl .chzn-single div { left: 3px; right: auto; }
.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; }
.chzn-rtl .chzn-search { left: 9999px; }
.chzn-rtl.chzn-with-drop .chzn-search { left: 0px; }
.chzn-rtl .chzn-drop { left: 9999px; }
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div { border-right: none; }
.chzn-rtl .chzn-search input {
  background: #fff url("../../css/jquery/chosen/chosen-sprite.25b9acb1b504.png") no-repeat -30px -20px;
  background: url("../../css/jquery/chosen/chosen-sprite.25b9acb1b504.png") no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url("../../css/jquery/chosen/chosen-sprite.25b9acb1b504.png") no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);  
  background: url("../../css/jquery/chosen/chosen-sprite.25b9acb1b504.png") no-repeat -30px -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("../../css/jquery/chosen/chosen-sprite.25b9acb1b504.png") no-repeat -30px -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("../../css/jquery/chosen/chosen-sprite.25b9acb1b504.png") no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl;
}
.chzn-container-single.chzn-rtl .chzn-single div b {
  background-position: 6px 2px;
}
.chzn-container-single.chzn-rtl.chzn-with-drop .chzn-single div b {
  background-position: -12px 2px;
}
/* @end */

/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi)  {
  .chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span {
      background-image: url("../../css/jquery/chosen/chosen-sprite@2x.cb0d09c93b99.png") !important;
      background-repeat: no-repeat !important;
      background-size: 52px 37px !important;
  }
}
/* @end */

.ui-timepicker-wrapper {
	overflow-y: auto;
	height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

.show-hide2-form-loading {
    display: none;
}

.account-validation-match {
    padding-left: 1em;
    text-indent: -1em;
}
    .task-start-info .account-validation-match { margin-top: 0; } /* override start info style */

    .account-validation-match .match-account-id {
        font-weight: 600;
    }

    .account-validation-match .match-quality-name {
        position: relative;
        left: -1em;
        width: 1em;
        display: block;
        float: left;
        /* image replacement */
        background: url("../../img/icons/indicator_lights.98ed46821379.png") 0 0 no-repeat;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }
        .account-validation-match .match-quality-name        { background-position: 0 -43px; }
        .account-validation-match .match-quality-name.red    { background-position: 0 -27px; }
        .account-validation-match .match-quality-name.yellow { background-position: 0 -11px; }
        .account-validation-match .match-quality-name.green  { background-position: 0   5px; }