@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb/titilliumweb-regular.eot');
    src: url('../fonts/TitilliumWeb/titilliumweb-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumWeb/titilliumweb-regular.woff') format('woff'),
         url('../fonts/TitilliumWeb/titilliumweb-regular.ttf') format('truetype'),
         url('../fonts/TitilliumWeb/titilliumweb-regular.svg#Titillium Web') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb/titilliumweb-italic.eot');
    src: url('../fonts/TitilliumWeb/titilliumweb-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumWeb/titilliumweb-italic.woff') format('woff'),
         url('../fonts/TitilliumWeb/titilliumweb-italic.ttf') format('truetype'),
         url('../fonts/TitilliumWeb/titilliumweb-italic.svg#Titillium Web') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb/titilliumweb-bold.eot');
    src: url('../fonts/TitilliumWeb/titilliumweb-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumWeb/titilliumweb-bold.woff') format('woff'),
         url('../fonts/TitilliumWeb/titilliumweb-bold.ttf') format('truetype'),
         url('../fonts/TitilliumWeb/titilliumweb-bold.svg#Titillium Web') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb/titilliumweb-bolditalic.eot');
    src: url('../fonts/TitilliumWeb/titilliumweb-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumWeb/titilliumweb-bolditalic.woff') format('woff'),
         url('../fonts/TitilliumWeb/titilliumweb-bolditalic.ttf') format('truetype'),
         url('../fonts/TitilliumWeb/titilliumweb-bolditalic.svg#Titillium Web') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb/titilliumweb-light.eot');
    src: url('../fonts/TitilliumWeb/titilliumweb-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumWeb/titilliumweb-light.woff') format('woff'),
         url('../fonts/TitilliumWeb/titilliumweb-light.ttf') format('truetype'),
         url('../fonts/TitilliumWeb/titilliumweb-light.svg#Titillium Web') format('svg');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb/titilliumweb-lightitalic.eot');
    src: url('../fonts/TitilliumWeb/titilliumweb-lightitalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumWeb/titilliumweb-lightitalic.woff') format('woff'),
         url('../fonts/TitilliumWeb/titilliumweb-lightitalic.ttf') format('truetype'),
         url('../fonts/TitilliumWeb/titilliumweb-lightitalic.svg#Titillium Web') format('svg');
    font-weight: lighter;
    font-style: italic;
}

::selection {
	background: #3dceab;
	color: #fff;
}

::-moz-selection {
	background: #3dceab;
	color: #fff;
}

body {
	background: #fafafa;
	font: 16px/1.5 'Titillium Web', Arial, sans-serif;
	color: #164332;
	margin: 0;
}

a {
	color: #00c47a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #00804f;
}

input:not([type]),
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
	background: #fff;
	border: 2px solid #909b97;
	color: #164332;
	font: 16px/1.5 'Titillium Web', Arial, sans-serif;
	width: 155px;
	padding: 2px 4px;
	margin: 2px 0;
	outline: none;
	-webkit-box-shadow: inset 2px 2px #eaeaea, 2px 2px #eaeaea;
	   -moz-box-shadow: inset 2px 2px #eaeaea, 2px 2px #eaeaea;
	        box-shadow: inset 2px 2px #eaeaea, 2px 2px #eaeaea;
	-webkit-transition: background-color 3s;
	   -moz-transition: background-color 3s;
	        transition: background-color 3s;
}

input:not([type]):hover,
input[type="color"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="email"]:hover,
input[type="month"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
input[type="week"]:hover,
textarea:hover,
select:hover {
	border-color: #164332;
}

input[type="radio"], input[type="checkbox"] {
	margin: 4px 7px 4px 0;
}

input[type="checkbox"] {
	width: 16px;
	height: 16px;
	position: relative;
	cursor: pointer;
}

input[type="checkbox"]:after {
	content: '';
	background: #fff;
	border: 2px solid #b6c0bc;
	color: #b6c0bc;
	font: bold 9px/12px Verdana, Geneva, sans-serif;
	letter-spacing: -1px;
	text-align: center;
	width: 10px;
	height: 10px;
	padding: 0 2px 2px 0;
	overflow: hidden;
	position: absolute;
}

input[type="checkbox"]:hover::after {
	border-color: #164332;
	color: #164332;
}

input[type="checkbox"]:checked::after {
	background: #b6c0bc;
	border-color: #b6c0bc;
	color: #fff;
}

input[type="checkbox"]:checked:hover::after {
	background: #164332;
	border-color: #164332;
}

input[type="number"] {
	width: 80px;
	text-align: right;
}

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

input[type="file"] {
	display: none;
}

input[disabled],
textarea[disabled],
input[readonly],
textarea[readonly] {
	background: #eaeaea;
	color: #909b97;
}

select {
	width: 167px;
	height: 32px;
	padding: 1px 0 3px;
}

optgroup {
	background: #164341;
	color: #fff;
	font-family: 'Titillium Web', Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	padding: 5px;
}

optgroup:before {
	padding: 2px 4px;
}

option {
	background: #fff;
	color: #164332;
	padding: 2px 4px;
}

fieldset,
.box {
	background: #fafafa;
	border: 5px solid #df6352;
	border-top-width: 36px;
	margin: 0 2% 3.5%;
	padding: 10px 10px 10px 15px;
	position: relative;
	-webkit-box-shadow: inset 5px 5px rgba(200,200,200,.4), 5px 5px rgba(200,200,200,.4);
	   -moz-box-shadow: inset 5px 5px rgba(200,200,200,.4), 5px 5px rgba(200,200,200,.4);
	        box-shadow: inset 5px 5px rgba(200,200,200,.4), 5px 5px rgba(200,200,200,.4);
}

.box {
	padding-top: 15px;
}

.box .header {
	height: 5px;
	margin: -51px 0 46px;
}

.w50 fieldset {
	margin: 0 4% 7%;
}

fieldset .header {
	margin: -46px 0 46px;
}

fieldset .header .toolbar {
	float: right;
	padding-top: 6px;
	position: relative;
}

fieldset .header .toolbar .icon {
	float: left;
	margin: 4px 0 4px 10px;
}


fieldset legend,
.box .header .title,
.box .header h2,
.box .header h3,
.box .header h4 {
	float: left;
	background: #df6352;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 -20px;
	padding: 8px 20px;
	overflow: hidden;
	max-width: 340px;
	white-space: nowrap;
	text-overflow: ellipsis;
	/* TODO: Make this work in latest Chrome releases (as in main nav)
	text-shadow: 1px 1px #d85947, 2px 2px #d85947, 3px 3px #d85947, 4px 4px #d85947,
				 5px 5px #d85947, 6px 6px #d85947, 7px 7px #d85947, 8px 8px #d85947,
				 9px 9px #d85947, 9px 9px #d85947, 10px 10px #d85947, 11px 11px #d85947,
				 12px 12px #d85947, 13px 13px #d85947, 14px 14px #d85947, 15px 15px #d85947,
				 16px 16px #d85947, 17px 17px #d85947, 18px 18px #d85947, 19px 19px #d85947,
				 20px 20px #d85947, 21px 21px #d85947, 22px 22px #d85947, 23px 23px #d85947,
				 24px 24px #d85947, 25px 25px #d85947, 26px 26px #d85947, 27px 27px #d85947,
				 28px 28px #d85947, 29px 29px #d85947, 30px 30px #d85947, 31px 31px #d85947,
				 32px 32px #d85947, 33px 33px #d85947, 34px 34px #d85947, 35px 35px #d85947,
				 36px 36px #d85947, 37px 37px #d85947, 38px 38px #d85947, 39px 39px #d85947,
				 40px 40px #d85947, 41px 41px #d85947, 42px 42px #d85947, 43px 43px #d85947,
				 44px 44px #d85947, 45px 45px #d85947, 46px 46px #d85947, 47px 47px #d85947,
				 48px 48px #d85947, 49px 49px #d85947, 50px 50px #d85947, 51px 51px #d85947,
				 52px 52px #d85947, 53px 53px #d85947, 54px 54px #d85947, 55px 55px #d85947;
	*/
}

.dialog fieldset legend {
	max-width: 190px;
}

fieldset ul,
fieldset ol {
	display: table;
	width: 100%;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: relative;
	clear: both;
}

fieldset ol {
	list-style: decimal inside none;
}

fieldset ul.center,
fieldset ol.center {
	width: auto;
}

fieldset li {
	display: table-row;
}

fieldset li.separator {
	display: block;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

fieldset li.separator:after {
	content: '';
	border-bottom: 1px dotted #909b97;
	display: block;
	width: 100%;
	margin-top: 4px;
	position: absolute;
}

fieldset li div {
	display: table-cell;
	padding: 4px 7px;
	vertical-align: middle;
	position: relative;
}

fieldset li div:nth-child(3n) {
	padding-left: 27px;
}

fieldset div h4:first-child {
	margin-top: 0;
}

fieldset ol li {
	display: list-item;
	border-top: 1px dotted #909b97;
	padding: 4px 0;
}

fieldset ol li.first {
	border: none;
}

fieldset ol li div {
	display: inline-block;
	padding: 0;
}

fieldset li .toolbar,
fieldset .footer .toolbar {
	background: #fafafa;
	position: absolute;
	right: 0;
}

fieldset li .toolbar .icon,
fieldset .footer .toolbar .icon {
	float: left;
	margin: 4px 0 4px 10px;
}

fieldset .footer {
	border-top: 1px solid #b6c0bc;
	margin-top: 5px;
	padding-top: 4px;
	position: relative;
}

fieldset .footer .label {
	float: left;
	color: #a2ada9;
	font-size: 15px;
	line-height: 26px;
}

fieldset .footer .arrow-dr {
	display: block;
	float: left;
	width: 16px;
	margin: 0 4px 0 3px;
	font-size: 16px;
	text-align: left;
}

fieldset .footer .toggle {
	color: #a2ada9;
}

fieldset .footer .toggle:hover {
	color: #164332;
	text-decoration: none;
}

fieldset label {
	display: inline-block;
	min-width: 40px;
	line-height: 1;
	position: relative;
	bottom: 1px;
}

fieldset input.error {
	background-color: #f8e3e1;
	-webkit-box-shadow: inset 2px 2px #e7cfcd, 2px 2px #eaeaea;
	   -moz-box-shadow: inset 2px 2px #e7cfcd, 2px 2px #eaeaea;
	        box-shadow: inset 2px 2px #e7cfcd, 2px 2px #eaeaea;
}

fieldset div.error {
	background: #164332;
	background: rgba(22,67,50,.9);
	color: #fff;
	font-size: 12px;
	width: auto;
	padding: 3px 10px 4px;
	margin: -1em 0 0 30px;
	white-space: nowrap;
	position: absolute;
	left: 100%;
	top: 50%;
	z-index: 99;
}

fieldset div.error:before {
	content: '';
	border: 4px solid transparent;
	border-right-color: #164332;
	border-right-color: rgba(22,67,50,.9);
	margin-top: -4px;
	position: absolute;
	left: -8px;
	top: 50%;
}

form.toolbar,
.messages {
	margin: -35px -100% 0;
}

form.toolbar fieldset,
.messages {
	background: #f2f2f2;
	border: none;
	padding: 15px 10px 20px 15px;
	margin-bottom: 40px;
	-webkit-box-shadow: inset 0 -28px 150px #eee;
	   -moz-box-shadow: inset 0 -28px 150px #eee;
	        box-shadow: inset 0 -28px 150px #eee;
}

.messages {
	padding-top: 5px;
}

form.toolbar fieldset .header {
	display: none;
}

form.toolbar input[type="submit"],
form.toolbar button,
form.toolbar a.button {
	margin-top: 0;
}

.hide {
	display: none;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.w50 {
	width: 50%;
}

.center {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.center-text {
	text-align: center;
}

.valign-top {
	vertical-align: top;
}

.no-wrap {
	white-space: nowrap;
}

.clear {
	clear: both;
}

.inner {
	max-width: 960px;
	margin: 0 auto;
}

.msg {
	padding: 20px 40px;
	margin-bottom: 20px;
	text-align: center;
}

.msg-info,
.msg-error,
.msg-warning,
.msg-success {
	color: #4887a5;
	font-size: 13px;
	padding: 5px 0;
	margin: 5px 0 -10px;
	text-align: center;
}

.msg-error {
	color: #db5145;
}

.msg-warning {
	color: #db9345;
}

.msg-success {
	color: #25a18e;
}

.msg-info:before,
.msg-error:before,
.msg-warning:before,
.msg-success:before {
	content: 'i';
	background: #4887a5;
	color: #fff;
	display: inline-block;
	width: 12px;
	height: 12px;
	padding: 1px;
	margin: 0 5px 4px 0;
	font: bold 10px/14px 'Courier New', Courier, monospace;
	text-align: center;
	position: relative;
	top: -2px;
	-webkit-border-radius: 7px;
	   -moz-border-radius: 7px;
	        border-radius: 7px;
}

.msg-error:before {
	content: '!';
	background: #db5145;
}

.msg-warning:before {
	content: '!';
	background: #db9345;
}

.msg-success:before {
	content: '\2714';
	background: #25a18e;
}

.icon {
	background-image: url(../img/icons.png) !important;
	/* background-image: url('data:image/png;base64,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') !important; */
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -999px;
	overflow: hidden;
	-webkit-transition: background-position .05s ease-in-out;
	   -moz-transition: background-position .05s ease-in-out;
	        transition: background-position .05s ease-in-out;
}

button.icon,
button.icon:hover {
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
	outline: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}

.icon-close:hover {
	background-position: 0 -16px;
}

.icon-add {
	background-position: -16px 0;
}

.icon-add:hover {
	background-position: -16px -16px;
}

.icon-edit {
	background-position: -32px 0;
}

.icon-edit:hover {
	background-position: -32px -16px;
}

.icon-delete {
	background-position: -48px 0;
}

.icon-delete:hover {
	background-position: -48px -16px;
}

.icon-select {
	background-position: -64px 0;
}

.icon-select:hover {
	background-position: -64px -16px;
}

.hint {
	display: inline-block;
	background: #b6c0bc;
	color: #fff;
	font: bold 10px/12px Verdana;
	width: 12px;
	height: 12px;
	margin-left: 4px;
	text-align: center;
	cursor: help;
	position: relative;
	top: -5px;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
}

.hint:after {
	content: '';
	display: block;
	padding-bottom: 5px;
}

header {
	background: #fff;
	border-bottom: 3px solid #25a18e;
	text-align: center;
	overflow: hidden;
	-webkit-box-shadow: inset 0 -28px 200px #eee, 0 5px rgba(200,200,200,.4);
	   -moz-box-shadow: inset 0 -28px 200px #eee, 0 5px rgba(200,200,200,.4);
	        box-shadow: inset 0 -28px 200px #eee, 0 5px rgba(200,200,200,.4);
}

header h1 {
	display: inline-block;
	font-weight: lighter;
	font-size: 24px;
	line-height: 1.3;
	max-width: 500px;
	margin: 0 2%;
	padding-top: 25px;
}

header nav {
	border-bottom: 10px solid #3dceab;
	margin-top: 30px;
}

header nav ul {
	list-style: none outside none;
	margin: 0 2%;
	padding: 0;
}

header nav li {
	display: inline-block;
	margin-bottom: -6px;
	overflow: hidden;
}

header nav a,
header nav a:visited,
input[type="submit"],
button,
a.button,
a.button:visited {
	display: block;
	background: #2c6b5c;
	border: none;
	color: #fff;
	font-size: 17px;
	line-height: 1.2;
	padding: 12px 25px;
	margin: 0;
	-webkit-transition: background .2s;
	   -moz-transition: background .2s;
	        transition: background .2s;
}

header nav a:hover,
input[type="submit"]:hover,
button:hover,
a.button:hover {
	background: #22816e;
	text-decoration: none;
	/* TODO: Make this work in latest Chrome releases (as in main nav):
	text-shadow: 1px 1px #1e7568, 2px 2px #1e7568, 3px 3px #1e7568, 4px 4px #1e7568,
				 5px 5px #1e7568, 6px 6px #1e7568, 7px 7px #1e7568, 8px 8px #1e7568,
				 9px 9px #1e7568, 9px 9px #1e7568, 10px 10px #1e7568, 11px 11px #1e7568,
				 12px 12px #1e7568, 13px 13px #1e7568, 14px 14px #1e7568, 15px 15px #1e7568,
				 16px 16px #1e7568, 17px 17px #1e7568, 18px 18px #1e7568, 19px 19px #1e7568,
				 20px 20px #1e7568, 21px 21px #1e7568, 22px 22px #1e7568, 23px 23px #1e7568,
				 24px 24px #1e7568, 25px 25px #1e7568, 26px 26px #1e7568, 27px 27px #1e7568,
				 28px 28px #1e7568, 29px 29px #1e7568, 30px 30px #1e7568, 31px 31px #1e7568,
				 32px 32px #1e7568, 33px 33px #1e7568, 34px 34px #1e7568, 35px 35px #1e7568;
	*/
	-webkit-box-shadow: inset 0 -10px 10px #1e7568, inset 0 -22px 40px #22816e;
	   -nav-box-shadow: inset 0 -10px 10px #1e7568, inset 0 -22px 40px #22816e;
	        box-shadow: inset 0 -10px 10px #1e7568, inset 0 -22px 40px #22816e;
}

input[type="submit"].button-primary,
button.button-primary,
a.button.button-primary {
	background: #20bb96;
}

header nav a.active,
header nav a.active:hover,
input[type="submit"].button-primary:hover,
button.button-primary:hover,
a.button.button-primary:hover {
	background: #3dceab;
	font-weight: bold;
	/* Bugfix for displaying multiple text-shadow in Chrome with hidden overflow
	padding-bottom: 100px;
	margin-bottom: -86px; */
	/* TODO: Make this work in latest Chrome releases (as in main nav):
	text-shadow: 1px 1px #26c2ab, 2px 2px #26c2ab, 3px 3px #26c2ab, 4px 4px #26c2ab,
				 5px 5px #26c2ab, 6px 6px #26c2ab, 7px 7px #26c2ab, 8px 8px #26c2ab,
				 9px 9px #26c2ab, 9px 9px #26c2ab, 10px 10px #26c2ab, 11px 11px #26c2ab,
				 12px 12px #26c2ab, 13px 13px #26c2ab, 14px 14px #26c2ab, 15px 15px #26c2ab,
				 16px 16px #26c2ab, 17px 17px #26c2ab, 18px 18px #26c2ab, 19px 19px #26c2ab,
				 20px 20px #26c2ab, 21px 21px #26c2ab, 22px 22px #26c2ab, 23px 23px #26c2ab,
				 24px 24px #26c2ab, 25px 25px #26c2ab, 26px 26px #26c2ab, 27px 27px #26c2ab,
				 28px 28px #26c2ab, 29px 29px #26c2ab, 30px 30px #26c2ab, 31px 31px #26c2ab,
				 32px 32px #26c2ab, 33px 33px #26c2ab, 34px 34px #26c2ab, 35px 35px #26c2ab;
	*/
	-webkit-box-shadow: inset 0 -10px 10px #26c2ab;
	   -nav-box-shadow: inset 0 -10px 10px #26c2ab;
	        box-shadow: inset 0 -10px 10px #26c2ab;
}

input[type="submit"],
button,
a.button {
	display: inline-block !important;
	font: bold 14px/1.2 'Titillium Web', Arial, sans-serif;
	margin: 10px 0 0;
	cursor: pointer;
	overflow: hidden;
	-webkit-box-shadow: 2px 2px rgba(200,200,200,.4);
	   -moz-box-shadow: 2px 2px rgba(200,200,200,.4);
	        box-shadow: 2px 2px rgba(200,200,200,.4);
}

input[type="submit"]:hover,
button:hover,
a.button:hover {
	-webkit-box-shadow: inset 0 -10px 10px #1e7568, inset 0 -22px 40px #22816e, 2px 2px rgba(200,200,200,.4);
	   -nav-box-shadow: inset 0 -10px 10px #1e7568, inset 0 -22px 40px #22816e, 2px 2px rgba(200,200,200,.4);
	        box-shadow: inset 0 -10px 10px #1e7568, inset 0 -22px 40px #22816e, 2px 2px rgba(200,200,200,.4);
}

section {
	border-bottom: 10px solid #3dceab;
	padding: 40px 0;
	overflow: hidden;
	zoom: 1;
}

ol.tasks {
	list-style: none outside none;
	counter-reset: item
}

li.task {
	height: 26px;
	overflow: hidden;
}

li.task input[type=checkbox] {
	float: left;
}

li.task input[type=checkbox]:after {
	content: counter(item);
	counter-increment: item;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	-webkit-box-shadow: 0 0 0 7px #fafafa;
	   -moz-box-shadow: 0 0 0 7px #fafafa;
	        box-shadow: 0 0 0 7px #fafafa;
}

li.task label {
	display: block;
	height: 26px;
	line-height: 24px;
	max-width: none;
	bottom: auto;
	cursor: pointer;
}

li.task .name {
	width: 80%;
	height: 26px;
	overflow: hidden;
}

li.task .name span {
	display: block;
	float: left;
	max-width: 195px;
	margin-right: 7px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

li.task .name small {
	display: inline-block;
	color: #a2ada9;
}

li.task:hover .name small {
	color: #164332;
}

#select-params .open-modal {
	border: 2px solid #909b97;
	width: 163px;
	height: 28px;
	margin-top: 6px;
	position: absolute;
	top: 0;
	left: 7px;
}

#select-params .open-modal:hover {
	border-color: #164332;
}

#select-params .open-modal:hover .icon-select {
	background-position: -64px -16px;
}

#select-params .icon-select {
	background-color: #eaeaea;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	right: 4px;
	-webkit-box-shadow: -8px 0 10px 3px #eaeaea;
	   -moz-box-shadow: -8px 0 10px 3px #eaeaea;
	        box-shadow: -8px 0 10px 3px #eaeaea;
}

footer {
	background: #2a7e71;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUg\
		AAAFAAAAAoCAIAAADmAupWAAAAX0lEQVRo3u3YwQ2AMAhAUTAancXtXMC5bby4Q\
		5PKoe8PAHnhRp73FRW9x16yd4nJAgYGBgYGBgYGBgYGBgYGBv6/jBw6f636LW1P\
		c2FgYGBgYGBgYGBgYGBgYGBg4J4+3JgFd7635i8AAAAASUVORK5CYII=');
	background-position: 0 5px;
	border-top: 3px solid #25a18e;
	min-height: 100px;
	padding: 40px 0;
	text-align: center;
	overflow: hidden;
	-webkit-box-shadow: inset 0 5px #1e7568;
	   -moz-box-shadow: inset 0 5px #1e7568;
	        box-shadow: inset 0 5px #1e7568;
}

footer .about {
	display: inline-block;
	background: #164341;
	border: 5px solid #19615e;
	color: #fafafa;
	margin: 0 2%;
	padding: 12px 22px;
	text-align: left;
	position: relative;
	-webkit-box-shadow: inset 5px 5px #113d3c, 5px 5px #1e7568;
	   -moz-box-shadow: inset 5px 5px #113d3c, 5px 5px #1e7568;
	        box-shadow: inset 5px 5px #113d3c, 5px 5px #1e7568;
}

/*
footer .about:before {
	content: '';
	height: 100%;
	width: 1000px;
	padding: 5px;
	margin-left: 5px;
	background: #1e7568;
	position: absolute;
	left: 100%;
	top: 500px;
	-webkit-transform: skew(0, 45deg);
	   -moz-transform: skew(0, 45deg);
			transform: skew(0, 45deg);
}
*/

footer .about h4 {
	font-size: 22px;
	margin: 0 0 5px;
	text-align: center;
}

footer .about ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

footer .about li {
	display: table-row;
}

footer .about li strong {
	display: table-cell;
	padding: 8px 15px 8px 0;
}

.chart-container {
	padding-bottom: 10px;
}

.chart {
	font-size: 11px;
	height: 120px;
}

.chart-legend {
	margin-left: 6px;
}

.chart-legend td.legendLabel {
	padding-right: 15px;
}

.graph .toggle {
	color: #a2ada9;
	font-size: 15px;
	line-height: 26px;
	margin-left: 9px;
}

.graph .toggle:hover {
	color: #164332;
	text-decoration: none;
}

.timeline {
	display: none;
	font-size: 11px;
	margin: 0 10px;
}

.timeline table {
	width: 100%;
	padding-top: 5px;
	border-spacing: 0;
}

.timeline .col-exec,
.timeline .col-end,
.timeline .col-miss {
	width: 29%;
}

.timeline th {
	padding: 8px 7px;
	font-size: 13px;
	line-height: 14px;
} 

.timeline td {
	border-top: 1px dotted #909b97;
	padding: 5px 7px;
	text-align: center;
}

.timeline tr:first-child td {
	border-top: 1px solid #b6c0bc;
}

.fraction {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.fraction i {
	display: block;
	border-bottom: 1px solid;
	height: 0;
	overflow: hidden;
}

.blur {
	-webkit-filter: blur(3px) grayscale(1);
	   -moz-filter: blur(3px) grayscale(1);
	    -ms-filter: blur(3px) grayscale(1);
	     -o-filter: blur(3px) grayscale(1);
	        filter: blur(3px) grayscale(1);
}

.overlay {
	background-color: #fafafa;
	background-color: rgba(253,253,253,.85);
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 998;
	-webkit-box-shadow: inset 0 0 200px rgba(0,0,0,.1);
	   -moz-box-shadow: inset 0 0 200px rgba(0,0,0,.1);
	        box-shadow: inset 0 0 200px rgba(0,0,0,.1);
}

.modal {
	position: absolute;
	left: 100%;
	top: 100%;
	z-index: 999;
}

.modal fieldset {
	-webkit-box-shadow: inset 5px 5px rgba(200,200,200,.4), 5px 5px rgba(200,200,200,.4), 0 0 300px rgba(0,0,0,.1);
	   -moz-box-shadow: inset 5px 5px rgba(200,200,200,.4), 5px 5px rgba(200,200,200,.4), 0 0 300px rgba(0,0,0,.1);
	        box-shadow: inset 5px 5px rgba(200,200,200,.4), 5px 5px rgba(200,200,200,.4), 0 0 300px rgba(0,0,0,.1);
}

.modal ol.tasks {
	min-width: 380px;
	max-height: 172px;
	padding-right: 10px;
	overflow: auto;
}

.modal p {
	margin: 0 7px;
	padding: 5px 0 0;
	font-size: 13px;
}

.modal input[type="submit"],
.modal button,
.modal a.button {
	white-space: nowrap;
}

.tooltip {
	display: block;
	background: #164332;
	background: rgba(22,67,50,.9);
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	padding: 3px 10px 4px;	
	text-align: center;	
	white-space: nowrap;
	position: absolute;
	z-index: 999;
}

.tooltip:after {
	content: '';
	border: 4px solid transparent;
	border-top-color: #164332;
	border-top-color: rgba(22,67,50,.9);
	margin-left: -4px;
	position: absolute;
	bottom: -8px;
	left: 50%;
}

@media all and (max-width: 768px) {
	.w50 fieldset {
		margin: 0 2% 3.5%;
	}

	.w50 {
		width: 100%;
	}

	header nav li {
		display: block;
		margin-top: 2px;
		margin-bottom: 0;
	}
	
	fieldset div.error {
		background: transparent;
		color: #bb2611;
		line-height: 1;
		padding: 0 2px;
		margin: 0;
		white-space: normal;
		position: relative;
		left: 0 !important;
		top: -2px;
	}
	
	fieldset div.error:before {
		display: none;
	}

	.modal fieldset {
		margin-left: 0px;
	}
}

@media all and (max-width: 480px) {
	fieldset label {
		max-width: 70px;
		word-wrap: break-word;
	}

	.modal ol.tasks {
		min-width: 260px;
	}
}