/* Responsive */

@media screen
{
	* { font-size: 10pt; }
}
@media screen and (max-device-width: 1100px) and (min-resolution: 100dpi)
{
	* { font-size: 18pt; }
}
@media screen and (max-device-width: 750px) and (min-resolution: 100dpi)
{
	* { font-size: 26pt; }
}

/* Global */

@font-face {
    font-family: 'Open Sans';
    src: url(opensans.ttf) format('truetype');
}
body
{
	margin: 0px;
}
body,
label,
button,
input,
textarea
{
	font-size: 1em;
	font-family: 'Open Sans', 'Verdana', 'Sans';
}
iframe
{
	border: 0px;
}
fieldset,
div
{
	margin: 0;
}
form
{
	padding: 0;
	margin: 0;
}
table
{
	width: 100%;
}
a:link,
a:visited,
a:active
{
	color: #000;
	text-decoration: none;
}
a:hover
{
	text-decoration: none;
}
a img
{
	padding: 1px;
	border: 1px solid #EEE;
	border-color: transparent;
}
a img:hover
{
	border-color: #999;
}
h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0.2em;
}
h1
{
	font-size: 1.5em;
}
h2
{
	font-size: 1.3em;
}
p
{
	margin: 0;
	margin-top: 16px;
	margin-bottom: 16px;
}

/* Inputs */

input,
textarea,
button
{
	border: 1px solid #CCD;
	margin: 0.2em;
	padding: 0.3em;
	border-radius: 0.1em;
/*	box-shadow: 0px 2px 2px #AAA; */
}
textarea
{
	height: 3.5em;
	width: 20em;
}
input[type=submit],
input[type=button],
button
{
	background-color: #EEF;
	padding: 0.4em;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus
{
	background-color: #EEF;
	border-color: #BBC;
}
input[type=submit]:hover,
input[type=button]:hover,
button:hover
{
	cursor: pointer;
	background-color: #DDE;
}
input[type=checkbox],
input[type=radio]
{
	width: 0.8em;
	height: 0.8em;
}
button.vn
{
	border: none;
	border-radius: 0.1em;
	box-shadow: 0 0.2em 0.2em #DDD;
	background-color: #AD4;	
}
button.vn:hover
{
	background-color: #9C3;
	cursor: pointer;
}

/* Float */

div.clear
{
	clear: both;
}

/* Title */

h1.title
{
	text-align: center;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0.2em;
	margin: 0;
	margin-bottom: 1em;
	background-color: #F91;
	border-radius: 2px;
	box-shadow: 0 0.1em 0.1em #DDD;
}

/* Box */

div.box
{
	background-color: white;
	margin: 0 auto;
	border-radius: 0.1em;
	box-shadow: 0 0.2em 0.2em #CCC;
	padding: 1em;
}

/* Form */

table.form
{
	border-collapse: separate;
	border-spacing: 0.3em;
}
table.form td.label
{
	text-align: right;
}
table.form tr
{
	height: 2.8em;
}

/* Action bar */

div.action-bar
{
	float: right;
	padding: 0;
}
div.action-bar button
{
	float: left;
	padding: 0.4em;
}
div.action-bar img
{
	vertical-align: middle;
	margin-right: 0.4em;
	height: 1.4em;
}

/* Grid */

table.grid
{
	width: 98%;
	margin: auto;
	border-collapse: collapse;
	text-align: center;
	margin-bottom: 1em;
}
table.grid thead tr,
table.grid tfoot tr
{
/*	box-shadow: 0px 0.1em 0.1em #DDD;
	background-color: #AD4;
*/	background-color: #EEF;
	border: 1px solid #CCD;
	color: black;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	height: 2.5em;
}
table.grid thead th
{
	cursor: pointer;
	padding: 0 0.4em;
}
table.grid thead th:hover
{
	background-color: #DDE;
}
table.grid tr
{
	height: 3.5em;
	border-top: 1px solid #DDD;
}
table.grid tfoot a,
table.grid thead a
{
	color: black;
}
table.grid tr.pair-row
{
	background-color: transparent;
}
td.grid-message
{
	height: 5em;
}
td.grid-message img
{
	vertical-align: middle;
	padding: 0.8em;
	height: 1.8em;
}
table.grid tbody td
{
	padding-right: 0.7em;
	padding-left: 0.3em;
}
input.cell-spin
{
	width: 2.5em;
	text-align: right;
}
button.cell-button
{
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
}
button.cell-button img
{
	height: 1.5em;
}

/* Calendar */

.calendar
{
	width: 20em;
	background-color: white;
	border: 1px solid #CCD;
	border-radius: 0.1em;
	box-shadow: 0 0.2em 0.2em #AAA;
}
.calendar table
{
	border-collapse: collapse;
}
.calendar thead tr,
.calendar tfoot tr
{
	background-color: #EEF;
	color: black;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
	height: 3em;
}
.calendar thead tr
{
	border-bottom: 1px solid #CCD;
}
.calendar tfoot tr
{
	border-top: 1px solid #CCD;
}
.calendar col
{
	width: 14.2%;
}
.calendar tr
{
	height: 2em;
}
.calendar tbody td
{
	text-align: right;
	padding-right: 0.5em;
}
.calendar td.highlight,
.calendar td:hover,
.button:hover
{
	cursor: pointer;
	background-color: #DDE;
}

/* Date chooser */

.date-chooser button
{
	margin: 0;
	margin-right: 0.6em;
}

/* Full image */

div.full-image
{
	position: fixed;
	background-color: #FFF;
	text-align: center;
	border: 1px solid #999;
	border-radius: 2px;
	z-index: 2;
}
div.image-loader
{
	position: fixed;
	background-color: #FFF;
	border: 1px solid #999;
	border-radius: 0.1em;
	z-index: 3;
}
div.image-loader img
{
	padding: 1em;
}

/* Image editor */

img.editable
{
	cursor: pointer;
}
div.image-editor
{
	background-color: white;
	border: 1px solid #999;
	border-radius: 0.1em;
	padding: 1.2em;
	width: 35em;
}
div.image-editor h3
{
	text-align: center;
	padding-bottom: 1em;
}
div.image-editor iframe
{
	display: none;
}
div.image-editor button
{
	margin-left: 0.5em;
	margin-right: 0.5em;
}
div.image-editor img
{
	visibility: hidden;
	vertical-align: middle;
	padding-right: 1em;
}