@charset "utf-8";

body {
	margin: 1ex;
	font-family: tahoma, verdana, sans-serif;
}

textarea {font-family: tahoma, verdana, sans-serif; font-size: 100%}

input {font-size: 100%}
input[type='checkbox'] {
    width:1ex;
    height:1ex;
}

select {font-size: 100%}

.xforms-message { display: none; }

.xforms-control {display: inline-block}
.xforms-control .value {display: inline-block}
/* So that help and hint are positioned relatively to the control */

/* label */

.xforms-label {padding-right: 0.5ex; font-weight: bold; display: block; margin: 0}
.xforms-trigger  .xforms-label {padding-right: 0}
.xforms-submit   .xforms-label {padding-right: 0}
.xforms-select   .xforms-label {vertical-align: top }
.xforms-select1  .xforms-label {vertical-align: top }
.xforms-select1  .xforms-label {vertical-align: top }
.xforms-textarea .xforms-label {vertical-align: top }

/* Initial states */

.xforms-control .focus {
	display: none;
}

/* required/optional */

.xforms-required-icon { display: none; }
.xforms-required .xforms-label:after {content: '*'; color: red}

/* enabled/disabled */

.xforms-disabled {
    display: none !important;
}

/* valid/invalid + alert */

.xforms-alert-icon {display: none}
.xforms-alert { display: none; position: relative;}
.xforms-alert-value {
		color: white;
		background-color: #f00;
		margin-left: 0.5ex;
		border: thin solid black;
		padding: 0.2ex
}
.xforms-invalid .xforms-label:after {content: ' ✖'; color: red}
.xforms-required.xforms-invalid .xforms-label:after {content: '*✖'; color: red}
.xforms-invalid .value input {background-color: #fcc; border-style: solid; border-width: thin }
.xforms-invalid .value textarea {background-color: #fcc; border-style: solid; border-width: thin }
.xforms-invalid .xforms-alert {display: inline;}

/* Hint */

.xforms-hint-icon {display: none}
.xforms-hint { display: none; position: absolute; }
.xforms-hint-value {
        z-index: 2;
	background-color: #ff8;
	position: absolute; top: 0.2ex; left: 2ex;
	border: black thin solid; 
	padding: 0.2ex;
}
.xforms-control:hover .xforms-hint {display : block;}

/* Help */
.xforms-help-icon {display: none}
.xforms-help { display: none; position: relative; }
.xforms-help-value {
        display: none; 
	z-index: 3;
	background-color: #eeeeff;
	position: absolute; top: 0ex; left: 2ex;
	border: black thin solid; 
	padding: 0.2ex;
}

.xforms-focus .xforms-help {display: inline}
.xforms-focus .xforms-help:before { content: '🛈'; color: blue; }
.xforms-help:hover .xforms-help-value{
        display: inline;
}

.xforms-trigger {margin-top: 1px}

a[appearance="minimal"] {cursor: default} 

.aid-button {
	padding				: 0;
}

span.focus {
	display				: none;
}

.xsltforms-calendar, .xsltforms-calendarList {
	border-top			: 1px solid black;
	border-right		: 2px solid black;
	border-bottom		: 2px solid black;
	border-left			: 1px solid black;
	padding				: 1px 0 0 1px;
	font-family			: tahoma, verdana, sans-serif;
	font-size			: 12px;
	color				: black;
	background			: #f8f8f8;
	display				: none;
	position			: absolute;
	z-index				: 9;
}
.xsltforms-calendar button {
	text-align			: center;
	padding				: 1px;
	border				: 1px solid;
	border-color		: #fff #000 #000 #fff;
}
.xsltforms-calendar thead .xsltforms-listHover {
	border				: 2px solid;
	border-color		: #fff #000 #000 #fff;
	padding				: 0;
	background-color	: #d8e0e4;
}
.xsltforms-calendar .xsltforms-calendar-title, .xsltforms-calendar .xsltforms-calendar-title input, .xsltforms-calendar .xsltforms-calendar-title select, .xsltforms-calendar tfoot {
	font-weight			: bold;
	padding				: 1px;
	border				: 1px solid #000;
	color				: #000;
	text-align			: center;
	background-color	: #f8f8f8;
	background-image	: url(titleBackground.png);
}
.xsltforms-calendar .xsltforms-calendar-title input {
	width				: 3em;
	-moz-box-sizing		: border-box;
	-webkit-box-sizing	: border-box;
	box-sizing			: border-box;
	background			: #f8f8f8;
}
.xsltforms-calendar-date tfoot {
	display				: none;
}
.xsltforms-calendar tfoot input {
	width				: 2em;
	-moz-box-sizing		: border-box;
	-webkit-box-sizing	: border-box;
	box-sizing			: border-box;
	text-align			: center;
	background			: #f0f0f0;
}
.xsltforms-calendar .xsltforms-calendar-names {
	background-image	: url(thBackground.png);
}
.xsltforms-calendar .xsltforms-calendar-name {
	border-bottom		: 1px solid #000;
	padding				: 2px;
	text-align			: center;
}
.xsltforms-calendar .xsltforms-calendar-day {
	width				: 2em;
	-moz-box-sizing		: border-box;
	-webkit-box-sizing	: border-box;
	box-sizing			: border-box;
	text-align			: right;
	padding				: 2px 4px 2px 2px;
}
.xsltforms-calendar tbody .xsltforms-listHover {
	padding				: 1px 3px 1px 1px;
	border				: 1px solid;
	border-color		: #fff #000 #000 #fff;
	background-color	: #dddddd;
}
.xsltforms-calendar .xsltforms-calendar-today {
	font-weight			: bold;
	color				: #00f;
}
.xsltforms-calendar .xsltforms-calendar-selected {
	font-weight			: bold;
	padding				: 2px 2px 0 2px;
	border				: 1px solid;
	border-color		: #000 #fff #fff #000;
	background			: #cccccc;
}
.xsltforms-calendar .xsltforms-calendar-weekend {
	color				: #f00;
}
.xsltforms-calendarList {
	padding				: 0;
	margin				: 0;
	width				: 55px;
	-moz-box-sizing		: border-box;
	-webkit-box-sizing	: border-box;
	box-sizing			: border-box;
}
.xsltforms-calendarList li {
	list-style-type		: none;
	text-align			: center;
	padding				: 1px;
}
.xsltforms-calendarList li.xsltforms-listHover {
	border				: 1px solid;
	border-color		: #fff #000 #000 #fff;
	padding				: 0;
	background-color	: #dddddd;
	width				: 100%;
}

.calendar, .calendarList {
    table-layout: fixed;
    border: 1px black solid;
    border-collapse: collapse;
    padding: 0.5ex; 
    font-family			: tahoma, verdana, sans-serif;
    font-size			: 100%;
    color			: black;
    background			: silver;
    display			: none;
    position			: absolute;
    z-index			: 9;
    cursor: default;
}

.calendar thead input {
    width: 5ex;
    text-align: center;
}

.calendar .names {
    background-color		: black;
    color				: white;
}
.calendar .name {
    width: 2em;
    padding-right: 1ex;
    text-align: right; 
}
.calendar .day {
    width: 2em;
    text-align			: right;
    padding-right: 1ex;
}
.calendar .day:hover {
        background-color		: white;
	color				: black;
}
.calendar .today {
    font-weight: bold;
    color				: blue;
}
.calendar .weekend {
    color				: red;
}
.calendar tfoot {display: none}

/*
.calendar .button {
	text-align			: center;
	padding				: 1px;
	border				: 1px solid;
	border-color			: #fff #000 #000 #fff;
}
.calendar thead .hover {
	border				: 2px solid;
	border-color			: #fff #000 #000 #fff;
	padding				: 0;
	background-color		: #d8e0e4;
}
.calendar .title, .calendar .title input, .calendar .title select, .calendar tfoot {
	font-weight			: bold;
	padding				: 1px;
	border				: 1px solid #000;
	color				: #000;
	text-align			: center;
	background-color		: #f8f8f8;

	background-imag		: url(../img/titleBackground.png);
}
.calendar .title input {
	width				: 3em;
	-moz-box-sizing			: border-box;
	-webkit-box-sizing		: border-box;
	box-sizing			: border-box;
	background			: #f8f8f8;
}
.date tfoot {
	display				: none;
}
.calendar tfoot input {
	width				: 2em;
	-moz-box-sizing			: border-box;
	-webkit-box-sizing		: border-box;
	box-sizing			: border-box;
	text-align			: center;
	background			: #f0f0f0;
}

.calendar .name {
	border-bottom			: 1px solid #000;
	padding				: 2px;
	text-align			: center;
}
.calendar tbody .hover {
	padding				: 1px 3px 1px 1px;
	border				: 1px solid;
	border-color			: #fff #000 #000 #fff;
	background-color		: #dddddd;
}
.calendar .today {
	font-weight			: bold;
	color				: #00f;
}
.calendar .selected {
	font-weight			: bold;
	padding				: 2px 2px 0 2px;
	border				: 1px solid;
	border-color			: #000 #fff #fff #000;
	background			: #cccccc;
}
.calendar .weekend {
	color				: #f00;
}
.calendarList {
	padding				: 0;
	margin				: 0;
	width				: 55px;
	-moz-box-sizing			: border-box;
	-webkit-box-sizing		: border-box;
	box-sizing			: border-box;
}
.calendarList li {
	list-style-type			: none;
	text-align			: center;
	padding				: 1px;
}
.calendarList li.hover {
	border				: 1px solid;
	border-color			: #fff #000 #000 #fff;
	padding				: 0;
	background-color		: #dddddd;
	width				: 100%;
}

*/

/*
span.xforms-required-icon, span.xforms-alert, span.xforms-help, span.xforms-hint {
	vertical-align			: top;
}

span.xforms-help-value, span.xforms-alert-value { 
	display				: none;
	background-color		: #ffffee;
	position			: absolute;
	border				: black 1px solid; 
	width				: 200px;
	white-space			: normal;
	margin-top			: 16px;
	margin-left			: -16px;
	padding				: 5px;
	-moz-box-sizing			: border-box;
	-webkit-box-sizing		: border-box;
	box-sizing			: border-box;
}

span.xforms-alert-value {
	background-color		: #ffeeee;
}
span.xforms-alert-icon, span.xforms-help-icon, span.xforms-hint-icon {
	cursor				: help;
	padding-left			: 16px;
	padding-bottom			: 1px;
	width				: 16px;
	-moz-box-sizing			: border-box;
	-webkit-box-sizing		: border-box;
	box-sizing			: border-box;
}
span.xforms-alert-icon {
	background-image		: url(../img/icon_error.gif); 
	background-repeat 		: no-repeat;
}
span.xforms-help-icon {
	background-image		: url(../img/icon_help.gif); 
	background-repeat 		: no-repeat;
}
span.xforms-hint-icon {
	background-image		: url(../img/icon_hint.gif); 
	background-repeat 		: no-repeat;
}

.xsltforms-range-rail {
	width				: 200px;
	height				: 4px;
	border				: 1px solid #999999;
	position			: relative;
	margin				: 6px 15px 0 10px;
	display				: inline-block;
}
.xsltforms-range-cursor {
	margin				: 0;
	margin-top			: -8px;
	margin-left			: -5px;
	width				: 17px; 
	height				: 17px;
	position			: absolute;
	background-image		:url('ball.png');
	outline-style			: none;
}
.xforms-readonly input, .xforms-readonly textarea, .xforms-readonly select, .xforms-readonly option {
	background-color		: #f8f8f8;
	color				: #333333;
}

.xforms-trigger a, .xforms-trigger a:link, .xforms-trigger a:hover, .xforms-trigger a:visited {
	text-decoration			: none;
	color				: #000000;
	border				: none !important;
	cursor				: pointer;
}
.xforms-label img{
	border				: none !important;
}
img.xforms-value {
	border				: 0;
}



.xforms-choices {
	font-weight			: bold;
	font-style			: italic;
}
*/

#xsltforms_console {
	font-size			: 0.8em;
	color				: #888888;
	border-top			: thin solid #888888;
	display				: none;
}
div.xforms-dialog {
	display				: none;
	position			: absolute;
	width				: 400px;
	height				: 300px;
	background-color		: white;
	border-top			: 1px solid black;
	border-left			: 1px solid black;
	border-bottom			: 3px solid black;
	border-right			: 3px solid black;
	padding				: 10px;
	z-index				: 10;
	-moz-box-sizing			: border-box;
	-webkit-box-sizing		: border-box;
	box-sizing			: border-box;
}
#xforms-dialog-surround {
	display				: none;
	position			: absolute;
	left				: 0;
	top				: 0;
	width				: 100%;
	height				: 100%;
	background-color		: green;
	filter				:alpha(opacity=40); 
	opacity				:0.4; 
	-moz-opacity			:0.4;
}
div#statusPanel {
	display				: none;
	position			: absolute;
	white-space			: pre;
	width				: 300px;
	height				: 120px;
	min-width			: 300px;
	min-height			: 120px;
	padding				: 40px;
	text-align			: center;
	background-color		: #eeeeee;
	opacity				: 0.85;
	filter				: alpha(opacity=85);
	border				: 1px solid black;
	font				: bold 20px Arial, Verdana;
	z-index				: 11;
	-moz-box-sizing			: border-box;
	-webkit-box-sizing		: border-box;
	box-sizing			: border-box;
}
.ajx-tabs-list, .ajx-tabs-list a:link, .ajx-tabs-list a:hover, .ajx-tabs-list a:visited {
	text-decoration			: none;
	color				: #000000;
	border				: none !important;
	cursor				: pointer;
}
