/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

article, section { display: block; }


/* Globals */
body { background-color: #bcbcbc; background: url(../images/bodyTopBg.gif) left top repeat-x, url(../images/bodyBg.gif) left top repeat; font-family: Arial, Verdana, sans-serif; color: #000; font-size: 0.9em; }
a { color: #228ee1; text-decoration: underline; }
a:hover { text-decoration: none; }

div#header, div#content, div#footer { width: 98%; min-width: 800px; max-width: 1400px; margin: 0 auto; background: #fff; }

p.warning { color: #D23E17; }

.center { text-align: center; }
.toright { text-align: right; }
div.cleaner { clear: both; height: 1px; visibility: hidden; }

.button { color: #fff; text-decoration: none; text-transform: uppercase; padding: 9px 15px; background: #606060; border: 1px solid #545454; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;cursor: pointer; cursor: pointer; }
.button:hover { background: #333; border-color: #222; }
.button:active { -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); background: #444; border: solid 1px #222; }
.button.green { background: #0c9906; border: 1px solid #0a7a05; }
.button.green:hover { background: #0a7a05; border-color: #096005; }
.button.blue { background: #01518f; border: 1px solid #01365e; }
.button.blue:hover { background: #00345d; border-color: #00213a; }
.button.red { background: #d80000; border: 1px solid #900000; }
.button.red:hover { background: #9d0000; border-color: #6b0000; }

/* Header */
div#header { position: relative; margin: 18px auto 1px auto; background: url(../images/headerBg.gif) left top repeat-x; height: 66px; -moz-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-box-shadow: 0 -2px 5px #7c7c7c; -webkit-box-shadow: 0 -2px 5px #7c7c7c; box-shadow: 0 -2px 5px #7c7c7c; }

div#header #nav { line-height: 66px; display: block; margin: 0 17px 0 0; text-align: right; text-transform: uppercase; }
div#header #nav a { margin: 0 0 0 17px; color: #5c5c5c; text-decoration: none; }
div#header #nav a:hover { color: #000; }
div#header #nav a.selected { font-weight: bold; color: #000; }

h1 { width: 265px; height: 43px; position: absolute; display: block; top: 14px; left: 17px; }
h1 img { height: 43px; position: absolute; top: 0; left: 0; }

/* Content */
div#content { -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; -moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -moz-box-shadow: 0 2px 5px #7c7c7c; -webkit-box-shadow: 0 2px 5px #7c7c7c; box-shadow: 0 2px 5px #7c7c7c; position: relative; }

h2 { text-transform: uppercase; padding: 17px; font-size: 1.2em; border-bottom: 1px solid #ddd; margin-bottom: 24px; z-index: 10; }
h3 { text-transform: uppercase; padding: 17px; font-size: 1em; }
h3.documents:not(:first-child) { padding-top: 100px; }
h4 { padding: 17px; font-size: 1em; }
h3.noFrontGap { padding-top: 0; }

div.article.fullsize { padding: 0 17px 17px 17px; }
div.article.fullsize h3, div.article.fullsize h4 { padding-left: 0; }
div.article.fullsize ul, div.article.fullsize ol { margin: 0 17px 17px 17px; }
div.article.fullsize p { margin: 0 17px 17px 0; }

div.article.preview { background: url(../images/previewWatermark.png) center 0 repeat-y; }
div.article.preview h1, div.article.preview h2, div.article.preview h3 { font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; padding: 0; margin: 0; }
div.article.preview h1 { width: auto; height: 2.5em; position: relative; font-size: 2em; top: 0; left: 0; }
div.article.preview h2 { border: 0; height: 2em; font-size: 1.3em; padding-top: 40px; text-transform: uppercase;}
div.article.preview h3 { padding: 30px 0 15px 0; font-size: 1.2em; color: #555; text-transform: none; }
div.article.preview table { width: 100%; border-collapse: collapse; }
div.article.preview table.topPadded { margin-top: 20px; }
div.article.preview table th, div.article.preview table td { text-align: left; border: 1px solid #ccc; padding: 4px 6px; }
div.article.preview table th { width: 225px; background: #eee; }
div.article.preview table .subhead th, div.article.preview table .head th { background: #ccc; color: #000; border-bottom: 1px solid #888; }
div.article.preview hr { visibility: hidden; page-break-after: always; }
div.article.preview div.bottom { border-top: 1px dotted #555; padding: 40px 0 20px 0; margin-top: 50px; }
div.article.preview div.bottom ul { padding-left: 50px; }
div.closePreview { position: absolute; top: 80px; right: 17px; }
div.article.preview table.subitem { margin-bottom: 10px; }

#leftPanel { float: left; width: 300px; margin-right: 17px; z-index: 1000; position:relative; }
#rightPanel { margin: 0 0 0 317px; }

/* Left Panel */
	#leftPanel ul.nav { list-style: none; background: #eeeeee; display: block; margin-bottom: 17px; position:relative; }
	#leftPanel ul.nav.nonPadded { margin-top: -24px; }
	#leftPanel ul.nav li, #leftPanel ul.nav li a { display: block; }
	#leftPanel ul.nav li a { border-top: 1px solid #fff; border-bottom: 1px solid #ddd; padding: 10px 10px 12px 17px; text-decoration: none; color: #000; }
	#leftPanel ul.nav li a:hover { background: #ddd; }
	#leftPanel ul.nav li a.selected { color: #fff; font-weight: bold; background: url(../images/menuSelected.gif) left center no-repeat #333;
		-webkit-box-shadow: inset 0 -3px -3px 3px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: inset -3px -3px 3px rgba(0, 0, 0, 0.3);
		box-shadow: inset -3px -3px 3px rgba(0, 0, 0, 0.3);
		text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.8); }
	#leftPanel ul.nav li a img { float: right; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3); margin-left: 10px; }

/* Home page */
	div#topPanel { width: 100%; height: 215px; background: #e3a001; display: block; position: relative;  -webkit-box-shadow: inset 0 -4px 14px 0 rgba(0,0,0,0.75); -moz-box-shadow: inset 0 -4px 14px 0 rgba(0,0,0,0.75); box-shadow: inset 0 -4px 14px 0 rgba(0,0,0,0.75); }
	div#topPanel .left { width: auto; margin: 0 317px 0 0; height: 215px; background: #ffb914; -webkit-box-shadow: inset -4px -4px 14px 0 rgba(0,0,0,0.75); -moz-box-shadow: inset -4px -4px 14px 0 rgba(0,0,0,0.75); box-shadow: inset -4px -4px 14px 0 rgba(0,0,0,0.75); }

/* Top Panel */
	div#topPanel .right { width: 300px; position: absolute; top: 0; right: 0; height: 215px; }
	div#topPanel h2 { color: #222; font-weight: bold; padding: 24px 17px 17px 17px; border: 0; margin-bottom: 0; }
	div#topPanel h3 { color: #222; font-weight: bold; padding: 24px 17px 24px 0; text-transform: uppercase; }
	div#topPanel p { color: #222; padding: 0 17px 17px 17px; }
	div#topPanel .left .buttons { text-align: right; position: absolute; bottom: 10px; right: 320px; }
	div#topPanel .left .button { margin-left: 17px; font-size: 0.8em; padding: 7px 15px; border: 1px solid #444; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
	div#topPanel .left .button:hover { border-color: #222; }

	div#topPanel .right p, .article.box.login p { padding: 0 0 7px 0; }
	div#topPanel .right label, .article.box.login label { width: 115px; float: left; font-size: 0.9em; line-height: 1.7em; text-align: right; padding-right: 15px; }
	div#topPanel .right input, .article.box.login input { width: 140px; padding: 5px; border: 1px solid #173e5c; float: left; margin-bottom: 20px; }
	div#topPanel .right .button, .article.box.login .button { font-size: 0.8em; padding: 7px 0; width: 152px; float: right; margin-right: 18px; text-align: center; }
	.article.box.login .button { margin-right: 0; }
	div#topPanel .right p a.button, .article.box.login p a.button { padding: 7px 0; width: 130px; float: left; margin-right: 18px; }
	div#topPanel .right p.buttons, .article.box.login p.buttons { position: absolute; bottom: 14px; }

	.home h2 { padding-top: 34px; border: 0; margin-bottom: 0; }
	.home .leftWrapper, .archive .leftWrapper { float: left; width: 100%; }
	.home #leftPanel, .archive #leftPanel { float: none; width: auto; margin: 0 317px 0 0;  }
	.home #rightPanel, .archive #rightPanel { float: right; width: 317px; margin: 0 0 17px -317px; }

	#rightPanel .button { float: right; font-size: 0.9em; }

	.home #rightPanel .article.box, .archive #rightPanel .article.box { background: #eeeeee; border-bottom: 1px solid #ccc; margin-top: 17px; }
	.archive #rightPanel .article.box { margin-top: 0; margin-bottom: 17px; }
	.home #rightPanel p, .archive #rightPanel p { padding: 0 17px 17px 17px; }

	div.article.actual { padding: 0 17px 17px 17px; }
	div.article.actual p { padding: 7px 17px 10px 0; }
	div.article.actual ul, div.article.actual ol { padding: 7px 17px 10px 17px; }
	div.article.actual h3 { padding: 17px 17px 0 0; text-transform: none; }
	div.article.actual h3 a { color: inherit; }
	div.article.actual span.date { display: block; text-align: right; color: #888; font-size: 0.9em; }
	.home #leftPanel .buttons { margin: 0 17px 34px 17px; }

.half { width: 50%; float: left; }
.registrationBox { background: #eeeeee; border-bottom: 1px solid #ccc; margin: 0 17px 17px 0; }
.registrationBox.margined { margin-left: 17px; }
.registrationBox p, .registrationBox ul { padding: 17px; }
.registrationBox ul li { padding-bottom: 7px; }
.registrationBox ul { padding-left: 34px; }
.registrationBox h3 { padding-bottom: 0; }
.registrationBox table { margin: 17px; width: 90%; }
.registrationBox table th { text-align: right; font-weight: normal; width: 120px; padding-right: 17px; }
.registrationBox table .text { padding: 5px; width: 97%; }
.registrationBox table .button, .userForm table .button { float: right; margin-top: 17px; background: #0c9906; border: 1px solid #0a7a05; }
.registrationBox table .button:hover, .userForm table .button:hover { background: #0a7a05; border-color: #096005; }

.xForm div.submit { height: 40px; }
.xForm div.submit a.button { float: right; margin-right: 20px; }

/* Hint Box */
.hintBox { width: 210px; margin-bottom: 17px; padding-bottom: 10px; font-size: 0.9em; float: right; background: url(../images/hint3.gif) right bottom no-repeat; }
.hintBox div { background: #fffec0; border: 1px solid #efe5ab; padding: 15px 0 0 0; }
.hintBox p, .hintBox ul { padding: 0 15px; font-style: italic; color: #4c4c39; }

.userForm table { margin: 17px; width: 90%; }
.userForm table th { font-weight: normal; text-align: right; width: 150px; vertical-align: top; padding-top: 3px; }
.userForm table th, .userForm table td { padding-bottom: 17px; }
.userForm table th { padding-right: 17px; }
.userForm table td input.text, .userForm table td textarea { width: 98%; padding: 5px; border: 1px solid #cdcdcd; font-family: inherit; }
.registrationBox .error, .userForm .error { background: #f9e5e6; border: 1px solid #e8aaad; color: #d23e17; padding: 15px 15px 15px 30px; margin: 0 17px 17px 17px; }
.registrationBox .error { margin: 17px 17px 0 17px; }

.userForm.boxed form { border: 1px solid #eee; margin: 0 17px 17px -17px; }

/* General Form */
.generalForm { display: block; padding-bottom: 17px; margin-right: 17px;}
.generalForm.withHintBox { margin-right: 230px; }
.generalForm table { width: 100%; }
.generalForm table th { font-weight: normal; text-align: right; width: 150px; vertical-align: top; padding-top: 3px; }
.generalForm table th, .generalForm table td { padding-bottom: 17px; }
.generalForm table th { padding-right: 17px; }
.generalForm table th.heading { text-align: left; font-size: 1.1em; text-transform: uppercase; padding-right: 0; }
.generalForm table th.blankLine { font-size: 1.1em; }
.generalForm table th.heading div { border-bottom: 1px solid #eee; padding: 40px 0 15px 0; margin: 0 0 15px 0; }
.generalForm table th.description-html>div { text-align: left; }
.generalForm table th small.notMandatory { font-size: 0.8em; color: #777; }
.generalForm table td input.text, .generalForm table td input.date, .generalForm table td textarea, .generalForm table td select { width: 98%; padding: 5px; border: 1px solid #cdcdcd; font: inherit; font-size: 0.9em; display: block; }
.generalForm table td input.text.error, .generalForm table td input.date.error, .generalForm table td textarea.error, .generalForm table td select.error { border: 1px solid #d23e17; }
.generalForm table td select { display: inline; }
.generalForm table td input.date { width: 150px; }
.generalForm .button.green { float: right; margin: 0 0 17px 0; background: #0c9906; border: 1px solid #0a7a05; }
.generalForm .button.green:hover { background: #0a7a05; border-color: #096005; }
.generalForm span.fieldError { background: #d23e17; color: #fff; padding: 5px 7px; font-size: 0.9em; float: left; display: block; margin-top: 7px; position: relative; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); }
.generalForm span.fieldError span { position: absolute; display: block; width: 14px; height: 7px; background: url(../images/fieldError.gif) 0 0 no-repeat; top: -7px; left: 7px; }
.generalForm .textareaLabel { text-align: right; font-size: 0.9em; color: #888; padding: 4px 0; }

a.downloadFile { margin-left: 10px; }

.documentItem { border: 1px solid #e5e5e5; margin-bottom: 15px; }
.documentItem td { padding-right: 15px; }
div.article.fullsize .documentItem h4 { padding: 10px 0 0 10px; border-bottom: 1px solid #ddd; display: block; height: 35px; background: url(../images/addDocumentHeading.png) left bottom no-repeat; }
p.documentItemNothing { padding-left: 10px; }

/* Footer */
div#footer { background: url(../images/bottomLogo.png) 15px 15px no-repeat; padding: 19px 0 20px 0; color: #222; font-size: 0.7em; line-height: 1em; }
div#footer p { padding: 0 0 0 75px; }
div#footer p:has(img) { padding: 0; }

/* Flash messages */
#flashes { position: relative; width: auto; margin: 0 17px; padding-top: 17px; }
.flash { margin: 0 0 10px 0; padding: 15px; background: #f4f4f4; border: 1px solid #dadada; color: #646464; }
.flash.success { background: #E9F9E5; border: 1px solid #B4E8AA; color: #318F14; }
.flash.error, .flash.fail { background: #f9e5e6; border: 1px solid #e8aaad; color: #d23e17; }

/* Alert */
.alert { margin: 0 0 17px 0; padding: 15px; background: #E9F9E5; border: 1px solid #B4E8AA; color: #318F14; }
.alert.error { background: #f9e5e6; border: 1px solid #e8aaad; color: #d23e17; }

/* Login box */
#userPanel { background: url("../images/topPanelBg.gif") repeat-x scroll left bottom #e3a001; height: 30px; line-height: 30px; color: #222; font-size: 0.9em; }
#userPanel .user { float: left; margin-left: 17px; }
#userPanel .options { float: right; margin-right: 17px; }
#userPanel a { color: #222; text-decoration: none; margin-left: 15px; }
#userPanel a:hover { text-decoration: underline; }

/* HelpBox */
#helpBox a { display: block; }
.home #helpBox { margin: 17px 0; }

/* Programs - Opened */
.openedProgram { width: 33%; float: left; background: #eeeeee; border-bottom: 1px solid #ccc; margin: 0 17px 17px 0; padding-bottom: 10px; }
.openedProgram p { padding: 17px; }
.openedProgram .date { float: right; font-size: 0.9em; }

/* Breadcrumbs */
#breadcrumbs { position: absolute; top: 20px; right: 17px; font-size: 0.75em; }
#breadcrumbs a { text-decoration: none; color: #999; }
#breadcrumbs a:hover { color: #000; }
#breadcrumbs span { padding: 0 5px; background: url("../images/breadcrumbs.gif") no-repeat center center; }
#breadcrumbs.logged { top: 52px; }
#breadcrumbs.logged.reminded { top: 82px; }

/* Organization Documents and Users */
.documentsButton { clear: right; display: block; height: 40px; text-align: right; }
.secondaryButton { display: block; height: 40px; text-align: right; }
.secondaryButton .button { margin-top: -17px; margin-right: 20px; }
.secondaryButton.biggerTop .button { margin-top: -42px; }

.documentPreview, .userPreview { clear: right; margin-bottom: 10px; border-bottom: 1px solid #ccc; height: 105px; margin-right: 17px; }
.documentPreview-noHeight { height: auto; }
.userPreview { height: 135px; }
.documentPreview.updateForm, .userPreview.updateForm { margin-bottom: 30px; }
.documentPreview:hover, .documentPreview.updateForm, .userPreview:hover, .userPreview.updateForm { background: url("../images/documentPreviewHover.png") no-repeat center bottom; border-bottom: 1px solid #bbb; }
.documentPreview .left, .documentPreview .right, .userPreview .left, .userPreview .right { float: left; }
.documentPreview .left, .userPreview .left { width: 80%; }
.documentPreview .left p, .userPreview .left p { line-height: 150%; padding-top: 15px; }
.userPreview .left p { padding-top: 5px; }
.documentPreview .left img { float: left; margin: 10px 20px 0 0; }
.documentPreview .right, .userPreview .right { width: 20%; }
.documentPreview a.simpleButton, .documentPreview input.simpleButton, .userPreview a.simpleButton { float: right; display: block; height: 20px; clear: right; color: #444; text-decoration: none; background: #eee; padding: 3px 6px; margin-bottom: 5px; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor: pointer; }
.documentPreview a.simpleButton:hover, .documentPreview input.simpleButton:hover, .userPreview a.simpleButton:hover { background: #ddd; color: #000; }
.documentPreview input.simpleButton { height: 30px; }
.userPreview .right span { float: right; display: block; height: 28px; clear: right; }
.documentPreview.project { margin: 0; border: 0; }
.documentPreview.project:hover { background: none; }
.documentPreview.project.event p { padding: 0 0 0 15px; }

.documentPreview .payrollItem { border-collapse: collapse; border: 2px solid #ddd; margin-bottom: 20px; }
.documentPreview .payrollItem tr:first-of-type td { font-weight: bold; }
.documentPreview .payrollItem td, .documentPreview .payrollItem th { border: 1px solid #eee; padding: 5px; text-align: left; width: 50%; }
.documentPreview .payrollItem tr:nth-child(odd) td, .documentPreview .payrollItem tr:nth-child(odd) th { background: #f5f5f5; }
.documentPreview .payrollItem tr.first-summary td, .documentPreview .payrollItem tr.first-summary th { border-top: 2px solid #999; }
.documentPreview .payrollItem-actions { text-align: center; }
.documentPreview .payrollItem-actions .simpleButton { display: inline-block; max-width: 120px; width: 80%; float: none; }

/* Projects */
table.projects { width: 100%; font-size: 0.9em; margin: -25px 0 25px 0; }
table.projects th, table.projects td { text-align: left; border-collapse: separate; }
table.projects th { background: #222; color: #fff; padding: 10px 13px; }
table.projects th.buttons { width: 150px; }
table.projects td.center { text-align: center; }
table.projects td { background: #f6f6f6; padding: 10px 13px; }
table.projects tr:hover td { background: #efefef; }
table.projects tr.odd td { background: #eaeaea; }
table.projects tr.odd:hover td { background: #ddd; }
table.projects .button { font-size: 0.85em; padding: 4px 6px; margin-right: 5px; }

.projectButtons { border-bottom: 1px solid #ddd; height: 60px; margin-bottom: 30px; }
.projectActionButtons { margin-top: -30px; }
.projectButtons a.button, .projectButtons span.btn-reminder { margin-left: 17px; }
h2 small.projectIdent { font-size: 0.8em; padding-left: 10px; color: #999; font-weight: normal; }
.projectButtons span.btn-reminder { float: right; line-height: 37px; background: #eee; padding: 0 10px; }

/* Secondary content */
.secondaryContent { padding: 17px 0; }
.secondaryContent p, .secondaryContent ul { padding: 0 17px 17px 17px; }

/* Checkboxes */
.checkboxController { background: #ddd; margin: 10px 0; width: 220px; text-align: center; line-height: 1.7em; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.checkboxController a { padding: 5px 7px; text-decoration: none; color: #444; }
.checkboxController a:hover { text-decoration: underline; color: #000; }

/* TIPSY */
.tipsy { padding: 5px 0; font-size: 0.9em; position: relative; }
	.tipsy-inner { padding: 5px 7px; background-color: #fffec0; border: 1px solid #efe5ab; max-width: 500px; text-align: left; font-style: italic; }
	.tipsy span.handler { position: absolute; display: block; width: 14px; height: 7px; background: url(../images/tipsyHandler.gif) 0 0 no-repeat; bottom: -1px; left: 14px; }

/* DatePicker */
div.datepicker { position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 196px; height: 147px; position: absolute; cursor: default; top: 0; left: 0; display: none; }
.datepickerContainer { background: #121212; position: absolute; top: 10px; left: 10px; }
.datepickerBorderT { position: absolute; left: 10px; top: 0; right: 10px; height: 10px; background: url(../images/datepicker/datepicker_t.png); }
.datepickerBorderB { position: absolute; left: 10px; bottom: 0; right: 10px; height: 10px; background: url(../images/datepicker/datepicker_b.png); }
.datepickerBorderL { position: absolute; left: 0; bottom: 10px; top: 10px; width: 10px; background: url(../images/datepicker/datepicker_l.png); }
.datepickerBorderR { position: absolute; right: 0; bottom: 10px; top: 10px; width: 10px; background: url(../images/datepicker/datepicker_r.png); }
.datepickerBorderTL { position: absolute; top: 0; left: 0; width: 10px; height: 10px; background: url(../images/datepicker/datepicker_tl.png); }
.datepickerBorderTR { position: absolute; top: 0; right: 0; width: 10px; height: 10px; background: url(../images/datepicker/datepicker_tr.png); }
.datepickerBorderBL { position: absolute; bottom: 0; left: 0; width: 10px; height: 10px; background: url(../images/datepicker/datepicker_bl.png); }
.datepickerBorderBR { position: absolute; bottom: 0; right: 0; width: 10px; height: 10px; background: url(../images/datepicker/datepicker_br.png); }
.datepickerHidden { display: none; }
div.datepicker table { border-collapse:collapse; }
div.datepicker a { color: #eee; text-decoration: none; cursor: default; outline: none; }
div.datepicker table td { text-align: right; padding: 0; margin: 0; }
div.datepicker th { text-align: center; color: #999; font-weight: normal; }
div.datepicker tbody th { text-align: left; }
div.datepicker tbody a { display: block; }
.datepickerDays a { width: 20px; line-height: 16px; height: 16px; padding-right: 2px; }
.datepickerYears a,
.datepickerMonths a{ width: 44px; line-height: 36px; height: 36px; text-align: center; }
td.datepickerNotInMonth a { color: #666; }
tbody.datepickerDays td.datepickerSelected{ background: #136A9F; }
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected { background: #17384d; }
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{ background: #17384d; }
div.datepicker a:hover,
div.datepicker a:hover { color: #88c5eb; }
div.datepicker td.datepickerNotInMonth a:hover { color: #999; }
div.datepicker tbody th { text-align: left; }
.datepickerSpace div { width: 20px; }
.datepickerMonth { padding-bottom: 6px; }
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a { text-align: center; height: 14px; line-height: 20px; }
.datepickerGoNext a { float: right; width: 20px; }
.datepickerGoPrev a { float: left; width: 20px; }
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears { display: none; }
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW { display: none; }
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW { display: none; }
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{ color: #333; }
td.datepickerDisabled a:hover { color: #333; }
td.datepickerSpecial a { background: #700; }
td.datepickerSpecial.datepickerSelected a { background: #a00; }

table.accountingOverview, table.item-budget, table.item-project-values { border-collapse: collapse; }
table.accountingOverview, table.accountingOverview th, table.accountingOverview td, table.item-budget, table.item-budget th, table.item-budget td, table.item-project-values, table.item-project-values th, table.item-project-values td { border: 1px solid #ccc; }
table.accountingOverview th, table.accountingOverview td, table.item-budget th, table.item-budget td, table.item-project-values th, table.item-project-values td { padding: 2px 5px; text-align: left; vertical-align: middle; }
table.accountingOverview th, table.item-budget th, table.item-project-values th { background: #eee; font-weight: bold; }
table.accountingOverview .sum td { background: #eee; }
table.accountingOverview input.noneditable { border: 0; background: inherit; color: #000; padding: 2px 5px; }
table.accountingOverview input, .generalForm table.accountingOverview input.text { width: 100px; }
table.item-budget .project-value, table.item-budget .board-value { display: block; padding-top: 3px; font-size: 11px; }

table.accounting { border-collapse: collapse; }
table.accounting, table.accounting th, table.accounting td { border: 1px solid #ccc; }
table.accounting th, table.accounting td { padding: 2px 5px; text-align: left; vertical-align: middle; }
table.accounting th { background: #eee; font-weight: bold; }
table.accounting .sum td { background: #eee; }
table.accounting input.noneditable { border: 0; background: inherit; color: #000; padding: 2px 5px; }
table.accounting input, .generalForm table.accounting input.text { width: 100px; }

/* Investment Sources Table */
.generalForm table td table.investmentSources td > strong { text-align: right; }
.generalForm table td table.investmentSources input.text { width: 90%; padding: 3px; text-align: right; }
.generalForm table td table.investmentSources .comment input.text { width: 70%; display: inline; margin-left: 5px; }
table.investmentSources { border-collapse: collapse; }
table.investmentSources th { font-weight: bold; color: #333; text-align: left; }
table.investmentSources .head th, table.investmentSources .sum th { background: #333; color: #fff; }
table.investmentSources .sum.line th { padding-top: 20px; border-top: 2px solid #fff; }
table.investmentSources .sum.topline th { padding-bottom: 20px; }
table.investmentSources .subhead th { background: #777; color: #fff; }
table.investmentSources td, table.investmentSources th { padding: 5px; border-bottom: 1px solid #ccc; vertical-align: top; }
table.investmentSources .odd td, table.investmentSources .odd th { background: #eee; }
table.investmentSources .sum.overlimit th { background: #D23E17; }
table.investmentSources .sum input { border: 0; background: #333; color: #fff; font-weight: bold; font-size: 1.2em; }
table.investmentSources .sum.light input { background: #fff; color: #333; text-align: right; padding-right: 5px; width: 120px; }

table.simple-investment-sources { border-collapse: collapse; border: 1px solid #ccc; }
table.simple-investment-sources td, table.simple-investment-sources th { padding: 8px; border-bottom: 1px solid #ccc; vertical-align: top; }
table.simple-investment-sources th { font-weight: bold; color: #333; text-align: left; width: 50% }
table.investmentSources .sum.light:first-of-type th { border-top: 2px solid #888; }
table.simple-investment-sources input.sum { border: 0; background: none; font-weight: bold; color: #000; }

/* Summary Table */
.darkSummatyTable { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; background: #333; padding: 20px; color: #fff; float: right; margin-right: -17px; }
.darkSummatyTable strong { padding-left: 10px; }
.generalForm table.darkSummatyTable th, .generalForm table.darkSummatyTable td { background: #333333; color: #fff; line-height: 30px; padding: 10px 0; }
.generalForm table.darkSummatyTable th { width: 80%; }
.generalForm table.darkSummatyTable td { text-align: left; padding-left: 5px; font-weight: bold; width: 20%; }

/* ConfirmBox */
#confirmOverlay{ width:100%; height:100%; position:fixed; top:0; left:0; background:url('../images/confirm/ie.png'); background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2); z-index:100000; }
#confirmBox{ background:url('../images/confirm/body_bg.jpg') repeat-x left bottom #e5e5e5; width:460px; position:fixed; left:50%; top:50%; margin:-130px 0 0 -230px; border: 1px solid rgba(33, 33, 33, 0.6); -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; }
#confirmBox h1, #confirmBox p{ font:26px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif; background:url('../images/confirm/header_bg.jpg') repeat-x left bottom #f5f5f5; padding: 18px 25px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7); color:#666; }
#confirmBox h1{ letter-spacing:0.3px; color:#444; height: auto; position: relative; width: auto; top: 0; left: 0; }

#confirmBox p{ background:none; font-size:16px; line-height:1.4; padding-top: 35px; }
#confirmButtons{ padding:15px 0 25px; text-align:center; }

#confirmBox .button{ display:inline-block; background:url('../images/confirm/buttons.png') no-repeat; color:white; position:relative; height: 33px; font:17px/33px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif; margin-right: 15px; padding: 0 35px 0 40px; text-decoration:none; border:none; }
#confirmBox .button:last-child{	margin-right:0;}
#confirmBox .button span{ position:absolute; top:0; right:-5px; background:url('../images/confirm/buttons.png') no-repeat; width:5px; height:33px }

#confirmBox .blue{				background-position:left top;text-shadow:1px 1px 0 #5889a2;}
#confirmBox .blue span{			background-position:-195px 0;}
#confirmBox .blue:hover{		background-position:left bottom;}
#confirmBox .blue:hover span{	background-position:-195px bottom;}

#confirmBox .green{				background-position:left top;text-shadow:1px 1px 0 #5889a2;}
#confirmBox .green span{		background-position:-195px 0;}
#confirmBox .green:hover{		background-position:left bottom;}
#confirmBox .green:hover span{	background-position:-195px bottom;}

#confirmBox .gray{				background-position:-200px top;text-shadow:1px 1px 0 #707070;}
#confirmBox .gray span{			background-position:-395px 0;}
#confirmBox .gray:hover{		background-position:-200px bottom;}
#confirmBox .gray:hover span{	background-position:-395px bottom;}


/* MultiSelect */
.ms-container{ background: transparent url('../images/multiselect/arrow.png') no-repeat 175px 83px; }
.ms-container:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.ms-container .ms-selectable, .ms-container .ms-selection{ background: #fff; border: 1px #ccc solid; float: left; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; }
.ms-selected{ display:none; }
.ms-container .ms-selectable{ margin-right: 40px; }
div.article.fullsize .ms-container ul{ margin: 0; list-style-type: none; }
div.article.fullsize .ms-container ul.ms-list{ width: 170px; height: 200px; padding: 1px 0px; overflow-y: auto; }
.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selected{ border-bottom: 1px #eee solid; padding: 1px 10px; color: #555; }
.ms-container .ms-selection li.ms-elem-selected{ padding-left: 22px; color: #101010; }
.ms-container .ms-selectable li.disabled, .ms-container .ms-selection li.disabled{ background-color: #eee; color: #aaa; }
.ms-container .ms-optgroup-label{ padding: 5px 0px 0px 20px; background: transparent url('../images/multiselect/plus.png') no-repeat 5px 10px; cursor: pointer; color: #999; }
.ms-container .ms-optgroup-label.ms-collapse{ background-image: url('../images/multiselect/minus.png'); }
.ms-container li.ms-elem-selectable:not(.disabled):hover,
.ms-container .ms-selection li:not(.disabled):hover{ cursor: pointer; background-color: #eee; color: #000; }
.ms-container .ms-selection li:not(.disabled):hover{ background: #eee url('../images/multiselect/delete.png') no-repeat 3px 3px; }


/* Change donation form */
table.changeDonation { border-collapse: collapse; margin-bottom: 20px; }
table.changeDonation th { background: #eee; font-weight: bold; width: auto; }
table.changeDonation th, table.changeDonation td { border: 1px solid #ddd; text-align: left; padding: 5px; vertical-align: top; line-height: 18px; }
table.changeDonation th.label { width: 210px; }

/* Matrix Table */
table.matrix { border: 1px solid #ccc; border-collapse: collapse; }
table.matrix td, table.matrix th { border: 1px solid #ccc; vertical-align: middle; }
table.matrix th { text-align: left; padding: 10px; background: #eee; }
table.matrix th div { white-space: nowrap; transform: rotate(-90deg); width: 25px; }
table.matrix tr:first-child th { vertical-align: bottom; height: 680px; }
table.matrix td { text-align: center; }
table.matrix tr:hover td { background: #f1f1f1; }

.timer-line { background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0; font-size: 10px; position: absolute; text-align: center; top: 0; width: 100%; }
.timer-line span { font-weight: bold; }

/* Organization reminder */
#organizationReminder { background: #f9a400; height: 30px; line-height: 30px; color: #000; font-size: 0.9em; }
#organizationReminder strong { float: left; margin-left: 17px; }
#organizationReminder span { margin-left: 17px; }
#organizationReminder .options { float: right; margin-right: 17px; }
#organizationReminder a { text-decoration: none; margin-left: 15px; background: #000; padding: 3px 6px; border-radius: 5px; color: #fff; }
#organizationReminder a:hover { background: #333; }

.settings-additional-button { margin: -30px 0 0; float: right; font-size: 13px; }

.generalForm .standalone-hint { background: #fffec0; color: #000; font-style: italic; border: 1px solid #efe5ab; font-size: 0.9em; padding: 5px 10px; margin-top: -18px; }

.field-package-matrix .label { width: 70px; text-align: left; }
.field-package-matrix .field { text-align: left; }
.field-package-matrix .field input { width: 90% !important; }

.field-package-modifier input { width: 70px !important; }

.sum-hidden { display: none; }

.project-form .submit {
	position: fixed;
	bottom: 0;
	left: 0;
	background: white;
	padding: 20px;
	box-shadow: 0 0 8px #7c7c7c;
	width: 100%;
	height: 80px !important;
	line-height: 40px;
	box-sizing: border-box;
	z-index: 1000;
}
.project-form .submit .submit-wrapper {
	width: 98%;
	min-width: 800px;
	max-width: 1400px;
	margin: 0 auto;
}
.project-form .submit .button {
	margin-right: 15px;
}