body {
	background: #313131 url('/images/background_down.png') no-repeat bottom;
	background-attachment:fixed;
	font-size: 12px;
	color: #fff;
}

body.noadmin {
	background: #5bc88a url('/images/background_down_green.png') no-repeat bottom;
	background-attachment:fixed;
}

a img {
	border: none;
}

.clear {
	clear:both;
}

/* Datagrid */
.grid table
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    color: #555555;
    font-size: 1em;
    width: 100%;
}

.grid td, .grid th
{
    border: 1px solid #D4E0EE;
    padding: 3px 7px 2px 7px;
}
.grid th
{
    background-color: #E6EDF5;
    vertical-align: top;
}

.grid th a {
    color: #4F76A3;
    text-decoration: none;
}

.grid th a.grid-reset {
    margin-left: 5px;
    font-weight: normal;
}

.grid tr.even
{
    background-color: #FCFDFE;
}

.grid tr.odd {
    background-color: #F7F9FC;

}

.grid_header, .grid_footer {
    margin: 5px 0;
}

/* Icons for order */
/* You can find this icons in the images directory of the docuementation */
th div {
    height: 10px;
    width: 20px;
    float: right;
    padding-top: 4px;
}

.grid th div.sort_up {
    background: transparent url("data:image/gif;base64,R0lGODlhFwAKAIABAJCQkO/v7yH+EUNyZWF0ZWQgd2l0aCBHSU1QACH5BAEKAAEALAAAAAAXAAoAAAIajI+py+0GwGsxTmVDvlqe/YCQ52wmyaXqUQAAOw==") no-repeat bottom left;
}

.grid th div.sort_down {
    background: transparent url("data:image/gif;base64,R0lGODlhFwAKAHAAACH5BAEAAAIALAAAAAAXAAoAgQAAAJCQkAAAAAAAAAIalI+py60RDpTRiZmwvdXozXkdKH6keKZqUwAAOw==") no-repeat bottom left;
}

/* Boolean column */
.grid .grid_boolean_true {
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACl0lEQVR42q2T60uTYRiH/Tv2bnttAwlkRCGChFD7FCQSm2ZDMQ/L0nRnj7TNGDbTooychzFSSssstdqc8zB1anNrSpm47FVCzH3pQLVhdLBfzztoJlifvOEHz4fnuu7nGBe311XgOyLMnTmsz/akMBljB8OSEVFY4kpkJM5Efbp9v/C/cJ43VSrzJId0HhluBy3oW+mKpnOpGSWuExD30iFxDy3dFSZdpZkTSZHr80Y41/phe3UDpvnKaNixY60PjbNVOGTjRZJtvJ2SHE+KINOdtMHC7MSaQBkq/CXQzJ6DjqScpNp3HvY3D3B5ugIiC3dDdJMriAlk7iSDajwr2pmFWVDlPQPFTCEU0wVQTxfCvT4Ig1cJB5Hk9hxDwjWuISbIGBExncFmWINNqPAVQ/lUTsB8KKdIPPmYeOsCW6HIOtpeNMI234j4ei4TExy3J2w+Wr2L2oAGWm8RWckAlj4uQDVZiPH1oSj8c+sH2p5fgWGyGH3BTvCN1GZMIH5Ib/avdMPoV6HWr8Xnb5+i0Iev72KwZa4ealc29O6z6A92gF/zt6CHZm4tNKF98Sp0U3KYfdWIfP8Shbd+bcHy7BLKnFnQEEFLoA7tXjPoKmp7C6l3+Ab5QBrsq/dRPSmH2n0adTPlWH6/iLa5BpQOnoTCcQo6Zw7sr7uRbj0KupLaPsRkK09wgFyN2aPBY+YeKkfzoB3OgWpIBqWDDQtn48lyF4xDxeCrORu0mhLseAuJTVxpfAMVMbnL4CCS1oAZ+tEiXBiWo5VswU5gvbMIvFJOhMC7v8Z9DVwpbaJCkg4x2v1m9L60onfBCovXhLSWVPAVnBCt+gf8p+iLXCFtoPR0DcXwtZwwX8UJk44MiZ4upYR7/nt/A+w9sdKFchsrAAAAAElFTkSuQmCC") no-repeat bottom left;
    display: inline-block;
    text-indent: 16px;
    width: 16px;
    overflow: hidden;
}

.grid .grid_boolean_false {
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACSElEQVR42q2Ty0vUURTHv/5SJ1SmUaGckUYdG5FyVdAicGMkFAXBtEl8gJseIP0FEVEtbNNiFm0iMMUgGKhVIUj0oqKFQ40N2TwwdewxOik6zcy953tbmD/HxFV9d/dwz+f7PXAO8I8q+bugb1xspjFdhuwlWUcSJL+SvEfhaPXgcHxbQOH6hYChCa6WlLvLm/eh1OkEAKjlJWSjUVjZpXlSBvbcehDaAshfOx8w5FB+t7eyosUPSU2DqWkAgOX2wvI0YPljFLmpD6sU6fPefhSyAbmr53wkXxTqvJ7KlhYUXo0BACou3wEArFzpB2hQ3t6JpcgkVqITKSHb/XefJCwAENHdWcux0WwMDI09GjUh2iA7/hjO1v0wVbUerVQ3AFgAoLXucfj9kNkkDA0oBkZzE4BKIAUin4hjV2sblFI9xYD6MpcLeiYJo2k7rksKhKi1ei4WR5mrBlrp+g2A0jBi7MZ1RzUV2RhB/YEIASG0VihKoOby6UVY7gY7qiji18txrDy8b7tTEaV7G5FNp6GVnitOMPwz8h47PI32Z1GEs/8Sqk6fBRUhmhAhHI0+fA+/g9Z62AYopUYKC6lUZjKCio7jNmQxeBMLwUGIrL1dJ07iRySMzMznlNZ6ZNMiTXZ3BCgy5DpwuLK6tQ25ZAK5WBzGGDiafHA0+ZCOhPHl9dgqyb6jTz+FtqzyxJkjASGDO2s87tq2g3C4qmEMkMss4tvEW2RmY/MkB449mwpte0xvTh1qJtlFYS8pm4+JHO18Hovjf+o3Xg+XX4ZLBPIAAAAASUVORK5CYII=") no-repeat bottom left;
    display: inline-block;
    text-indent: 16px;
    width: 16px;
    overflow: hidden;
}

/* Alignement */
.grid .align-left {
    text-align: left;
}

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

.grid .align-right {
    text-align: right;
}

/* Column filter */
.grid .grid-filter-operator select{
    width: 70px;

}

.grid .grid-filter-input-query input, .grid .grid-filter-select-query select{
    width: 50px;
}

.grid .grid-filter-input-query-to, .grid .grid-filter-select-query-to{
    margin-left: 77px;
    display: block;
}

/* Grid Search */

.grid-search {
    border: 1px solid #D4E0EE;
    padding: 10px;
}

.grid-search label{
    width: 80px;
    display: inline-block;
    text-align: right;
}

.grid-search select, .grid-search .grid-filter-input-query input {
    width: 150px;
}
/* END of Datagrid */

div#content {
	color: #000;
	width: 95%;
	padding: 15px;
	padding-top: 3em;
	border: 1px solid #4070b9;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: #A8CBFF;
	/* RGBa with 0.6 opacity */
	background: rgba(221, 235, 255, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ddebff, endColorstr=#99ddebff);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ddebff, endColorstr=#99ddebff)";
}

div.selectblock {
	width: 400px;
	float:left;
	padding: 10px;
	margin: 10px;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: #DCEAFF;
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff, endColorstr=#66ffffff);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff, endColorstr=#66ffffff)";
}

div.login_form {
	color: #000;
	width: 350px;
	padding: 5px;
	margin: 5px;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
}

div.selectbutton {
	text-align: center;
	width: 111px;
	float:left;
	padding: 5px;
	margin: 5px;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
	font-size: 1.2em;
	color: #000;
}

div.selectbutton a {
	text-decoration: none;
}

div.selectbutton:hover, div.selectbutton:hover a, div.selectbutton a:hover {
	background: #fffab2;
	color: #246f86;
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffab2, endColorstr=#fffab2);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffab2, endColorstr=#fffab2)";
}

div.selectbutton img {
	width: 48px;
	height: 48px;
}

ul.menu {
	float: right;
}

ul.menu li {
	display: inline;
	margin-right: 2em;
	padding-left: 20px;
	color: #fff;
	font-size: 1.2em
}

ul.menu li a {
	color: #fff;
	text-decoration: none;
}

ul.menu li a:hover, ul.menu li:hover {
	background: 6b90fe;
	color: #f4e437;
}

ul.menu li.home {
	background: url('/images/icons/topbar_home.png') no-repeat top left;
}

ul.menu li.help {
	background: url('/images/icons/topbar_help.png') no-repeat top left;
}

ul.menu li.password {
	background: url('/images/icons/topbar_password.png') no-repeat top left;
}

ul.menu li.logout {
	background: url('/images/icons/topbar_logout.png') no-repeat top left;
}

h1.title {
	margin: 0;
	margin-top: 0.3em;
}

h1.title img {
	width: 48px;
	height: 48px;
	vertical-align: text-top;
	margin-right: 1em;
}

#upik_selector_from {
	background-color: #5bc88a;
	font-size: 1.2em;
	padding: 0.3em;
}

#upik_selector_from  select{
	background-color: #5bc88a;
	font-size: 0.8em;
	color: #fffab2;
	font-weight: bold;
}

div#content ul.menu {
	float: left;
	margin-top: 3em;
}

div#content ul.menu  li{
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0.2em 2em;
	background-color: #216d84;
}

div#content ul.menu  li:hover{
	border-color: #000;
}

div#content ul.menu li.add {
	background: #216d84 url('/images/icons/buttons_add.png') no-repeat top left;
}

div#content ul.menu li.edit {
	background: #216d84 url('/images/icons/buttons_edit.png') no-repeat top left;
}

div#content ul.menu li.comment {
	background: #216d84 url('/images/icons/buttons_comment.png') no-repeat top left;
}

div#content ul.menu li.list {
	background: #216d84 url('/images/icons/buttons_list.png') no-repeat top left;
}

div#content ul.menu li.warning {
	background: #216d84 url('/images/icons/buttons_warning.png') no-repeat top left;
}

div#content ul.menu li.delete, button.delete {
	background: #216d84 url('/images/icons/buttons_delete.png') no-repeat top left;
}

div#content ul.menu li.admin {
	background-color: #c10940;
}

form button {
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0.2em 2em;
	background-color: #216d84;
	color: #fff;
	text-decoration: none;
	margin-left: 7em;
	margin-top: 2.5em;
}

form button[type="submit"] {
	background-color: #c10940;
}

form input[type="submit"] {
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0.2em 2em;
	color: #fff;
	text-decoration: none;
	margin-left: 7em;
	margin-top: 2.5em;
	background-color: #c10940;
}

form input[type="submit"]:hover, form button:hover{
	border-color: #000;
	color: #f4e437;
	cursor: pointer;
}


form label {
	display: block;
	width: 30em;
	color: #000;
	margin-left: 5em;
	margin-bottom: 0;
}

form label.required {
	color: #aa0000;
	font-weight: bold;
}

form label.required:after {
	content: " * ";
}

form input,form select, form textarea {
	width: 25em;
	margin-left: 6em;
}

form input[type="checkbox"] {
	width: 1em;
	margin-left: 6em;
}

form input[type="radio"] {
	width: 1em;
	margin-left: 6em;
	display: inline;
}

form input[required="required"], form select[required="required"] {
	background-color: #ffdddd;
}

form input:disabled {
	background: #888 url('/images/disabled.png');
}

p.required {
	color: #aa0000;
	font-weight: bold;
	margin-left: 5em;
}

p.required:before {
	content: " * ";
}

form input, form select {
	margin-bottom: 0.5em;
}

form#login input{
	width: 10em;
	margin-left: 0;
} 

form#login label{
	float: left;
	margin: 0;
	width: 10em;
	font-size: 1.2em;
	font-weight: bold;
} 

div.error {
	background-color: #c10940;
	color: #fff;
	margin-bottom: 1em;
	font-weight: bold;
	padding: 0.2em;
}

a.tooltip {
	color: #000;
	text-decoration: none;
}

a.tooltip:after {
	content: url('/images/icons/help.png');
}

/* grid */

tr.grid-row-titles th {
	background: #fffab2;
	font-size: 1.2em;
	border: 1px solid #ccc;
	padding: 0 0.3em;
	vertical-align: center;
	text-align: left;
	height: 1.5em;
}

tr.grid-row-titles th a{
	color: #000;
	text-decoration: none;
}

tr.grid-row-titles th a:hover{
	color: #5bc88a;
}

tr.grid-row-cells td{
	color: #000;
	padding: 0.2em;
}

tr.grid-row-cells td a{
	margin: 0.2em;
}

tr.odd td{
	background: rgba(255, 255, 255, 0.4);
}

tr.even td{
	background: rgba(255, 255, 255, 0.7);
}

tr.grid-row-filters th input, tr.grid-row-filters th select {
	background: #fff;
	font-size: 0.9em;
	border: 1px solid #5bc88a;
	width: 100%;
	height: 1.7em;
	margin: 0;
	padding: 0;
}

tr.grid-row-filters th {
	height: 3em;
	vertical-align: top;
}

div.sort_up, div.sort_down {
	background: url('/images/icons/sort_up.png') no-repeat top left;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0;
	float: right;
	margin-top: -1em;
}

div.sort_down {
	background: url('/images/icons/sort_down.png') no-repeat top left;
}

div.pager {
	background: #fffab2;
	font-size: 0.9em;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0.3em;
	margin-top: 1em;
	width: 35em;
	text-align: center
}

div.pager input, div.pager select {
	font-size: 0.9em;
	border: 1px solid #555;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ccc;
	width: 3em;
	text-align: center;
	margin: 0.1em;
}

div.pager select {
	width: 5em;
}

td.grid-column-__actions a{
	font-weight: bold;
	padding-left: 17px;
	padding-right: 0.5em;
	border: none;
	text-decoration: none;
	color: #000;
}

td.grid-column-__actions a:hover{
	color: #297da4;
}

td.grid-column-__actions a.show {
	background: url('/images/icons/rowaction_show.png') no-repeat top left;
}

td.grid-column-__actions a.edit {
	background: url('/images/icons/rowaction_edit.png') no-repeat top left;
}

td.grid-column-__actions a.delete {
	background: url('/images/icons/rowaction_delete.png') no-repeat top left;
}

td.grid-column-__actions a.password {
	background: url('/images/icons/rowaction_password.png') no-repeat top left;
}

/* end of grid */


table.record_properties td, table.record_properties th {
	vertical-align:top;
}

/* support */

#support h1 {
	margin: 0;
	margin-top: 0.3em;
}
#support h1:before {
	content: url('/images/icons/groups_support.png');
}

#fancybox-content {
	color: black;
}