@CHARSET "ISO-8859-1";

html {
	height: 100%;
	width: 100%;
}

body {
	font-size: 14px;
	font-family: 'Roboto', Helvetica,Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
}

div:focus {
	outline: none;
}

.Unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.border {
	margin: 0px auto;
	width: 990px;
}
	
.align-right {
	text-align: right;
	margin: 0px 10px 10px 0px;
}

.align-left {
	text-align: left;
	margin: 0px 10px 10px 0px;
}

em {
	/* Some ems are in database */
	font-style: normal;
}

/* questionnaire */
.questionnaire {
	padding: 5px;
}

.questionnaire .div {
	background: #fafafa;
	border: 1px solid #3f3f3f;
	padding: 10px;	
	color: #000000;
}

.questionnaire .div .path {
	font-size: 15px;
	margin: 0px 10px 10px 5px;
	position: relative;
}

.variable {
	font-weight: bold;
}

.questionnaire .div .heading {
	font-weight: bold;
	margin: 10px;
}

.questionnaire .div .question {
	font-weight: bold;
	padding: 10px 10px 10px 0px;
	margin: 0px 10px 10px 5px;
	position: relative;
	color: #175a6f;
}

.questionnaire p {
	/* color: #555555; */
	padding: 5px 5px;
	margin: 0;
}

.questionnaire ul, ol {
	/* color: #555555; */
}

/* ---------[ Buttons ]--------- */

button, a.button, input[type='submit'], input[type='button'], input[type='reset'] {
	color:#ffffff;
	padding: 4px 7px;
	margin: 0px 3px;
	font-weight:bold;
	background-color: #175a6f;
	border: 1px solid #175a6f;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

button:hover, input[type='submit']:hover, input[type='button']:hover, input[type='reset']:hover {
	background: #ffffff;
	color: #175a6f;
}

/* ---------[ Input Behavior ]--------- */

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	border: 1px solid #434343;
	box-shadow:none;
}

input[type="text"], input[type="password"] {
	height: 20px;
	padding: 0px 4px;
}

/* input[type="text"], input[type="password"], textarea { */
	/* border-radius: 5px; */
	/* box-shadow: inset 0px 0px 2px 0px rgba(180,180,180,1); */
/* } */

/* ---------[ Notification ]--------- */

#mbtn_notification {
	z-index: 100;
	position: absolute;
	padding: 15px;
	text-align: center;
	background-color: white;
	border: 1px solid black;
	font-size: 16px;
	font-weight: bold;
}

#mbtn_notification > img,
#mbtn_notification > span {
	vertical-align: middle;
}


@keyframes mbtn_notification_hide {
	0% { opacity: 100; }
	100% { opacity: 0; }
}

@keyframes mbtn_notification_show {
	0% { opacity: 0; }
	100% { opacity: 100; }
}

#mbtn_notification.blue {
	border: 1px solid #aadfff;
	background-color: #b5e3ff;
	box-shadow:	0px 6px 6px -3px #089ef9, /* Dark close to edge - Bottom */
				0px 0px 0px 0px #fff, /* No edge - Top */
				inset 0px 0px 6px -2px #90d0f7; /* Inset color to get rid of sharp contrast */
}

#mbtn_notification.gold {
	border: 1px solid #f9e17e;
	background-color: #ffe98f;
	box-shadow:	0px 6px 6px -3px #d7af0e, /* Dark close to edge - Bottom */
				0px 0px 0px 0px #fff, /* No edge - Top */
				inset 0px 0px 6px -2px #ffe476; /* Inset color to get rid of sharp contrast */
}

#mbtn_notification.green {
	border: 1px solid #8ddb8d;
	background-color: #b4e8b4;
	box-shadow:	0px 6px 6px -3px #6ec46e, /* Dark close to edge - Bottom */
				0px 0px 0px 0px #fff, /* No edge - Top */
				inset 0px 0px 6px -2px #98cc98; /* Inset color to get rid of sharp contrast */
}

#mbtn_notification.red {
	border: 1px solid #e87b7b;
	background-color: #ff9a9a;
	box-shadow:	0px 6px 6px -3px #cb2b2b, /* Dark close to edge - Bottom */
				0px 0px 0px 0px #fff, /* No edge - Top */
				inset 0px 0px 6px -2px #d29b9b; /* Inset color to get rid of sharp contrast */
}


/* ---------[ Question Display ]--------- */

#show-question ul {
	margin: 5px 0px 0px 5px;
    padding-left: 0;
    display: block;
}

#show-question li {
 	list-style-type: none;
	display: inline-block;
	padding: 0px;
	background: none;
	background-color: #d1d1d1;
	font-weight: bold;
}

#show-question a {
	text-decoration: none;
}

#show-question .current {
	padding: 3px 9px;
	color: #ffffff;
	border: 1px solid #b7b7b7;
	cursor: default;
}

#show-question .noVisit {
	padding: 3px 9px;
	background-color: #ffffff;
	border: 1px solid #b7b7b7;
	color: #000000;
	cursor: default;
}

#show-question .visited {
	cursor: pointer;
	border: 1px solid #b7b7b7;
}

#show-question .visited:hover {
	background-color: #feffbd;
	border: 1px solid #b7b7b7;
}

#show-question .current:hover {
	background-color: #feffbd;
	color: #000000;
}

#show-question .current {
	border: 1px solid #666666;
	background-color: #666666;
}

#show-question a, 
#show-question span {
	color: #000000;
	padding: 3px 9px;
	font-weight: bold;
	display: block;
}

/* ---------[ Server Connection ]--------- */

#server-status {
    display: inline-block;
}

#server-connection {
    display: inline-block;
	width: 24px;
	height: 24px;
}

.connection-bad {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEbElEQVR42s2VfUxVZRzHv8859wXuVTDgkoa8iI3RknSNBs1ZuiTmhOt6WRst18w2ScytWrq1GUQrZ7i0+Ve6hUOdf4AtoHBgxRyjHH+UKzDlbZfL5e1e7gvX+37POU+/c5C7OQrobevunD3nPs95vp/f63MY/uMf+18Bxpoqjsoc2fmvfn3oXweMndvJTQWbAS7Ce/tnFFRfW9HeFb1kbyzjGVsroEuKAtFpxMIM4z2/4pGarmX3L/vC1CVrrbAqre6Bx4sgzd0iD3TQ6UVMD3gQ8gXrCve3f/CPAI6z23lm5euIz7SC6ddrczzqgKjPwFD3CIoOL+3FkovTl3Y7kwtLLIbUWUwMT6J3Zg8EgaE0oxXrH9LBP2OAa9g1s+lgx9q/Bzj/LE8vfxlx55do+Ko4Me90zuLE3lEYzNkY+sGBRw+0s78McF0s4+YnrBQKB2T/MI5deFib9/m8mJgYRwtFXjRuQNAXgGPAhS01V9mKAe5maz1LsRxL2VKMuG8QPGzDm2cscLmcCASCiIRD6DqdpgH0Oo6Rn6ZpLvbh5gOt768IMNu0g5ufqgKkO1rV8JAd5YemwBUZ8Xgcsiyj+0QALDkfAo9Blszo77uLJ498x5YFeFqsbfqswkpjXj4Jj0GOzEB296Ds3QxIJKxIMgEkXK8fhGjKB/2BjnHc7nPD6Qi3l58LWpcEeJtf5Ku2VyI6cRk85gZjBvC5YTx9JJsslaCQF4qsoPf4GAE2agDQpWcM37aMoKIxxP4U4G7aNmnI27hOlz4JOUpdy2mZc3D/ILYetkBWxRWFQsVx4xNHAsDjHKJadbYg+m+67Hu+COYuAnhOWyrlUKQt5bW3IE1dJ23dvHUaYBQlB1fPi3P15ug75aIk5yYAjLwyGUV0XLFReTFr5dm77fcBZj9K4uaX3oYS6aPkkqg6qdwDRD3YUR2FP0LPCrA6ScH3J+cgitTZlA8VAEmBQHJRfxRdnZOouhxmCYD3M0stUi11Sc/shOIZIFFBs1QDKOoYh+S1wWYLacbk5Zm0URQevA+gjiYjw489M3C5w5+/cD5crQHctQI3VzdAdnYQUq8JJwCqB+FJ2G0BnOl9ThOuKW1BTqYBgi49ESIVAPpYMBoZVVpzmwP7mqOMeT9dc0NfvKtEyNKDB120nS8G+Ifw/PHH4PV6EI/FYDIl4+p7AxCTNiwCIK5QRSkYuTOHm4MBF/N+nMRN++vptLxG8TISQFoEsA+OY+/JNGqyGCQqVZksbHzDh6JNa/8QgLgMo8hxpXMKzHsqg5teeYcA3WAKhYfL8wAs5EDdFMS+eo5+yoFCggVZOlw46qYkr0vkgKuABRAZkGIALn4zSYCG1DFj6a4c5Ar0tQrdAyxYLxGUYkqd6hu9hc5eUYtg+TbAbBKgN1KS4/MAQROmRSpXHXn/2y8eNUTzVeRpWDNGzZODTAsVjNpICr3HtGeZPFCdkKnpOIVA841Gie75Y4OrmpAoLDJBZPUkno1QpLi96mI493cU/Z5A7r6G4gAAAABJRU5ErkJggg==');
}

.connection-good {
	background-image: url('data:image/png;base64,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');
}

.connection-na {
	background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAFFUlEQVR42oWWfUxVdRjHv79zz7kvh3u5IAgIRNEUKC3QxejFBE29Q3tZlqhtNedWM5qba+u/NufW3y3nUOsPa9ma0NJZ6STNYTPLUAHT1EhuwlTACwL3cl/O26/n3MP1cnjRZ4PL/Z3zez7P832e5/eD4QEWXbm2lht8o6pqAc0wSjnn4LRu/giCEJSdYqtDEA66Tx49PZsPNtPi+Mq1lVzT2xMJRdJy/fA8txBC0VzAMCZ2McT7BjB09hLEu6PIyshQZUms9pw82vVQQPilNU1aXGlEYQ7kzfUQfF5AVYBIGNBU6yVRArw+CJILWjiCns8PQ7wTQkGmf4/vl6MfzAqIrKhv1qKJBlfDcojVFeC3b8MI3aGUyHlmFsSlrybf0878AIyNABkEyZ0HR2Ehhs9dRu+B4yjLyWnxnTq2YRpgZEV9E4smGl3r6yCU5UPvvk6SUMRMAI+OwfPxflumsU+2gMmZVBCSTZAglVXg3pU+3PjmOBbm5d3PJAm4t7y+kilqp/uNFyEUZ0O/cY02OZJaQ9fhKH8a0uvv2QDq4S+gX78EOOg9Kj4MHdL8JzDQFUSktR0FPl+V/9SxriRgqDaguPNzJOnNGtp0Je3cNF2DY8EiSBu22QHNuynLywQQrYUJiLNiETq+bEXJuKLmnT7hZIPL62uditrmeTcA4+ZE5JNLYwLKCLBp+3TAP5fTGZjNm4QYYI9W4Oqu71GSnV3H+msDe31FeVuFp/wkbCIduflJ+ptROcpNgD2D+Kcfgf/VAealOnjcVPBMKxtTUtmJq7/dROFYYh/rX7a6J6vm8VLu1qwJMh2bWSTi4EOD4L29YOVPwrOr2V7kDzfBuHgBkCQrejNyWQabR101Nx+huAT9z2CQ3VkW4NnVReDO5HgCigIj2A0+ELLSp4iEJUvg+eygHbB9I4yOiwRwphdTElFnxUQ3QsNesNtLV/E5y4opBgeMnn/Bb/bSIIkWLCm2YgF2f2cHbFtPGUwBTDJJZDj/K2XfW7ea59XMg/b7OXCKPumYTSryBEDee8jmIPr+ugcCHKKAa+2DYN0vrOLFYh+0mGIVdaqRRKy0BBktbbbl8YY68GCvJeMMJkoC/r4YAruQXdAzv9hV6pAcVrdNNfMEHR2F+1ArpKpnrKQ6zyO+LgDm99uzRboBdZ3jWvdIkJ2Vs/Y+li9vzfS5wGckWLPA+/uB3Czre2gErKAgPWTTAAxj4QT+G4zuY2e82bUZktBWXuSDps8AMDMYG4P81QGIq15OLmknfkJ089tgmZkzZiA6GK7fCmNcNeqST3+W/criXK/kcQkwpjLMGpQ8Am/bH7blSN2zNCN902ogMHNeDXSEIurq6KgzBaikruqsmesDdTFsDE2DUFWFjB+P2Yv8yhoYnZ1WS6ekMQG0+9zdMDSOKgJ03c/viMfblC+JjYv9XigGT0PMusRi8A0P2wDhOXPoiPDcl8j87aTwO0YjGFC1Pa/FIunjOmUtbm9zkehoqPLKJBXJlcIoKpjbBdeOHcmviZ07weN0bjklSxZyIzADnZEobml6S0M8Mv3CSdm3LrnJzYTG5+lc8ZO+Oq0ZZqGpFjyRsDa5XGD0TKDozQqM0rOz0Sji3NjzViI6+5WZsq9dnkqVo71IcEgLaFJzJBEe82abtClG582QqqGbJv2WoasSQ/U7idjDL/3Jtt/prqXO3UiOA3QxlmZNTPoIOae/grS5lTry4BYlPuu/Lf8DFSAbe8Mi+g4AAAAASUVORK5CYII=');
}

/* ---------[ jQuery UI Adjustments ]--------- */
.ui-widget {
	/* This sheet is loaded before the jQuery UI one so we have to use the important */
    font-size: 1em !important;
}
.ui-widget-overlay {
	background: #222;
	opacity: 0.8;
}

#ui-datepicker-div {
	font-size: 11px;
	line-height: 1em;
	z-index: 20 !important; /* has inline 1... make sure always above items in UI */
	height: auto;
}

.ui-datepicker-title {
	cursor: move;
}

.ui-dialog-buttonpane button {
	background-image: none !important;
}

.ui-dialog {
	padding: 0px;
	z-index: 200;
}
.ui-dialog .ui-dialog-titlebar {
	border: none;	
}
.ui-dialog-titlebar.ui-corner-all {
	border-radius: 0px;
}
.ui-dialog .ui-dialog-title {
	padding: 8px 4px;
	font-size: 1.1em;
}
.ui-dialog .ui-dialog-content {
	padding: 20px 14px;
	font-size: 1.1em;
}
.ui-dialog .ui-widget-header {
	background: #ccc;
}

.ui-button:focus { outline:none !important }

.ui-dialog-buttonpane button.ui-cancel-btn,
.ui-dialog-buttonpane button.ui-ok-btn {
	color: #FFF !important;
	font-weight: bold !important;
	padding: 4px 8px;
	text-shadow: 1px 1px 0 rgba(0,0,0,.5);
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
	background-image: linear-gradient(
		180deg, 
		rgba(255,255,255,.3) 0%, 
		rgba(255,255,255,0) 100%
	) !important;
	line-height: 1.5;
	font-size: 11pt !important;
}

.ui-ok-btn {
	background-color: #5CB811 !important;
	border: 1px solid #3B7808 !important;
}
.ui-ok-btn:hover {
	background-color: #4FA807 !important;
	border: 1px solid #469902 !important;
}

.ui-cancel-btn {
	background-color: #FE1A00 !important;
    border: 1px solid #D83526 !important;
}
.ui-cancel-btn:hover {
	background-color: #E81800 !important;
    border: 1px solid #BF3326 !important;
}

.ui-button {
	height: auto;
}

.ui-menu .ui-menu-item {
	font-size: 0.8em;
	padding: 0px 1em 0px 0.4em !important;
}

img.ui-datepicker-trigger {
	margin-left: 5px;
}