/**
 * Lily User Interface.
*/

p.lui-labeled {
	font-weight: bold;
}
p.lui-labeled span {font-weight: normal;}

/* States */

.state-hidden 	{	display: none	!important;	}
.state-hiding 	{					}
.state-visible	{	display: block	!important; } /* Notice: It's better to remove "state-hidden" class ... */

.clickable {cursor:pointer;}

/* Buttons */
/* ok */
input[type=button].flav-ok,
input[type=submit].flav-ok,
input[type=reset].flav-ok,
button.flav-ok {
	border-color:#40992c;
	background-color: #9fe292;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#9fe292)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fff, #9fe292); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #fff, #9fe292); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #fff, #9fe292); /* IE10 */
	background-image:      -o-linear-gradient(top, #fff, #9fe292); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #fff, #9fe292);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#9fe292'); /* IE6?IE9 */
}
input[type=button].flav-ok:hover,
input[type=submit].flav-ok:hover,
input[type=reset].flav-ok:hover,
button.flav-ok:hover {
	background-color: #ebffe6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ebffe6), to(#77d465)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ebffe6, #77d465); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #ebffe6, #77d465); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ebffe6, #77d465); /* IE10 */
	background-image:      -o-linear-gradient(top, #ebffe6, #77d465); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ebffe6, #77d465);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ebffe6', EndColorStr='#77d465'); /* IE6?IE9 */
}
/* cancel */
input[type=button].flav-cancel,
input[type=submit].flav-cancel,
input[type=reset].flav-cancel,
button.flav-cancel {
	border-color:#b73f3f;
	background-color: #e29292;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e292a3)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fff, #e292a3); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #fff, #e292a3); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #fff, #e292a3); /* IE10 */
	background-image:      -o-linear-gradient(top, #fff, #e292a3); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #fff, #e292a3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e292a3'); /* IE6?IE9 */
}
input[type=button].flav-cancel:hover,
input[type=submit].flav-cancel:hover,
input[type=reset].flav-cancel:hover,
button.flav-cancel:hover {
	background-color: #e0caca;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe6e6), to(#e17171)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffe6e6, #e17171); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #ffe6e6, #e17171); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffe6e6, #e17171); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffe6e6, #e17171); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffe6e6, #e17171);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffe6e6', EndColorStr='#e17171'); /* IE6?IE9 */
}

/* info */
input[type=button].flav-info,
input[type=submit].flav-info,
input[type=reset].flav-info,
button.flav-info {
	border-color:#3f75b7;
	background-color: #94b7e3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#94b7e3)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fff, #94b7e3); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #fff, #94b7e3); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #fff, #94b7e3); /* IE10 */
	background-image:      -o-linear-gradient(top, #fff, #94b7e3); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #fff, #94b7e3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#94b7e3'); /* IE6?IE9 */
}
input[type=button].flav-info:hover,
input[type=submit].flav-info:hover,
input[type=reset].flav-info:hover,
button.flav-info:hover {
	background-color: #cad4e0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e5f1ff), to(#70a3e0)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #e5f1ff, #70a3e0); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #e5f1ff, #70a3e0); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #e5f1ff, #70a3e0); /* IE10 */
	background-image:      -o-linear-gradient(top, #e5f1ff, #70a3e0); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #e5f1ff, #70a3e0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e5f1ff', EndColorStr='#70a3e0'); /* IE6?IE9 */
}

div.lily-statistics {
	font-size:11px;
}


/* Icon Packs */

span.lui-icon {
	display: inline-block;
	border:solid 1px #ddd;
	background-color: #f2f2f2;
   	-webkit-border-radius: 4px;
   	-moz-border-radius: 4px;
	border-radius: 4px;
	vertical-align: middle;
	margin-left:2px;
	width:32px;
	height:32px;
}

span.lui-icon.flav-clickable {
	cursor:pointer;
}

span.lui-icon.flav-disabled {}

button > span.lui-icon {
	background-color: transparent;
	border:none;
	margin-right:3px;
}

span.lui-icon.icon-loader {
	background: url('../img/spinner_large.gif') no-repeat 0 0;
}

span.lui-icon.icon-small {
	width:16px;
	height:16px;
	background-image: url('../img/icon-pack-16px.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

span.icon-small.icon-loader {
	background: url('../img/spinner.gif') no-repeat 0 0;
}

span.icon-small.icon-help	 	{	background-position: -16px 		0px; }
span.icon-small.icon-rss 		{	background-position: -32px 		0px; }
span.icon-small.icon-error		{	background-position: -48px 		0px; }
span.icon-small.icon-warning 	{	background-position: -64px 		0px; }
span.icon-small.icon-info 		{	background-position: -80px 		0px; }
span.icon-small.icon-sort 		{	background-position: -128px	 	0px; }
span.icon-small.icon-sort.desc 	{	background-position: -96px 		0px; }
span.icon-small.icon-sort.asc 	{	background-position: -112px 	0px; }
span.icon-small.icon-search	 	{	background-position: -144px 	0px; }
span.icon-small.icon-search-adv	{	background-position: -160px 	0px; }
span.icon-small.icon-clear	 	{	background-position: -176px 	0px; }
span.icon-small.icon-number	 	{	background-position: -192px 	0px; }
span.icon-small.icon-string	 	{	background-position: -208px 	0px; }
span.icon-small.icon-date	 	{	background-position: -224px 	0px; }
span.icon-small.icon-add	 	{	background-position: -240px 	0px; }
span.icon-small.icon-delete	 	{	background-position: -256px 	0px; }

span.icon-small.flav-disabled.icon-help	 		{	background-position: -16px 		-16px; }
span.icon-small.flav-disabled.icon-rss 			{	background-position: -32px 		-16px; }
span.icon-small.flav-disabled.icon-error		{	background-position: -48px 		-16px; }
span.icon-small.flav-disabled.icon-warning 		{	background-position: -64px 		-16px; }
span.icon-small.flav-disabled.icon-info 		{	background-position: -80px 		-16px; }
span.icon-small.flav-disabled.icon-sort 		{	background-position: -128px 	-16px; }
span.icon-small.flav-disabled.icon-sort.desc 	{	background-position: -96px 		-16px; }
span.icon-small.flav-disabled.icon-sort.asc 	{	background-position: -112px 	-16px; }
span.icon-small.flav-disabled.icon-search	 	{	background-position: -144px 	-16px; }
span.icon-small.flav-disabled.icon-search-adv 	{	background-position: -160px 	-16px; }
span.icon-small.flav-disabled.icon-clear	 	{	background-position: -176px 	-16px; }
span.icon-small.flav-disabled.icon-number	 	{	background-position: -192px 	-16px; }
span.icon-small.flav-disabled.icon-string	 	{	background-position: -208px 	-16px; }
span.icon-small.flav-disabled.icon-date		 	{	background-position: -224px 	-16px; }
span.icon-small.flav-disabled.icon-add		 	{	background-position: -240px 	-16px; }
span.icon-small.flav-disabled.icon-delete	 	{	background-position: -256px 	-16px; }

span.flav-error { color:#cc0000; }
span.flav-warning { color:#ff6000; }
span.flav-success { color:#00cc00; }

span.lui-status {
	padding:0.1em 0.25em;
	border:solid 1px #999;
	background: #555;
	color:#ddd;
	font-weight: bold;
	white-space: nowrap;
}

span.lui-status.flav-error, span.lui-status.flav-offline {
	border-color:#990000;
	background: #dd0000;
	color:#ffdddd;
}

span.lui-status.flav-success, span.lui-status.flav-online {
	border-color:#005000;
	background: #009000;
	color:#fff;
}

/**
 * General Flavours
*/

/* Attention */
div.flav-attention {
	background: #FFF4BB;
	border:solid 1px #FF8000;
   	-webkit-border-radius: 0.4em;
   	-moz-border-radius: 0.4em;
	border-radius: 0.4em;
}

div.flav-marked {
	background: #FAFAFA;
	border:solid 1px #C0C0C0;
   	-webkit-border-radius: 5px;
   	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* Error */
input.flav-error, textarea.flav-error,select.flav-error {
	border-color: #FF0000;
	background: #ffcccc;
}

input.flav-success, textarea.flav-success,select.flav-success {
	border-color: #00cc00;
	background: #ccffcc;
}


/**
 * Title
 * Element that provides clear title to a content-group, e.g. windows, dialogs, groups...
*/

div.lui-titled {
	border:solid 1px #aaa;
	border-radius: 0.2em;
}

div.lui-title {
	height:2em;
	padding:0.2em 0.4em;
	line-height: 2em;
	border-bottom:solid 1px #aaa;
	border-radius: 0.2em 0.2em 0 0;
	background-color: #c5c3c3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#c5c3c3)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ececec, #c5c3c3); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #ececec, #c5c3c3); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ececec, #c5c3c3); /* IE10 */
	background-image:      -o-linear-gradient(top, #ececec, #c5c3c3); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ececec, #c5c3c3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ececec', EndColorStr='#c5c3c3'); /* IE6?IE9 */
}

/* Success */
.flav-success > .lui-title {
	border-color:#09af44;
	background-color: #00ab41;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#57e072), to(#00ab41)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #57e072, #00ab41); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #57e072, #00ab41); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #57e072, #00ab41); /* IE10 */
	background-image:      -o-linear-gradient(top, #57e072, #00ab41); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #57e072, #00ab41);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#57e072', EndColorStr='#00ab41'); /* IE6?IE9 */
}
.flav-success > .lui-title * { color:#fff; }

/* Error */
.flav-error > .lui-title {
	border-color:#c9282d;
	background-color: #c9282d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f16e6d), to(#c9282d)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f16e6d, #c9282d); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #f16e6d, #c9282d); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #f16e6d, #c9282d); /* IE10 */
	background-image:      -o-linear-gradient(top, #f16e6d, #c9282d); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #f16e6d, #c9282d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#57e072', EndColorStr='#c9282d'); /* IE6?IE9 */
}
.flav-error > .lui-title * { color:#fff; }

/* Warning */
.flav-warning > .lui-title, .flav-attention > .lui-title {
	border-color:#ff6000;
	color:#fff;
	background-color: #ff6000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa468), to(#ff6000)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffa468, #ff6000); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #ffa468, #ff6000); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffa468, #ff6000); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffa468, #ff6000); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffa468, #ff6000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffa468', EndColorStr='#ff6000'); /* IE6?IE9 */
}
.flav-warning > .lui-title * { color:#fff; }

/**
 * Buttons
*/

/* Buttons does not have to inside "buttons". */
div.lui-buttons {
	border-top:solid 1px #ccc;
	padding:0.4em;
}

input.lui-button, button {
	height:2.2em;
	margin-left:0.25em;
	padding:0.4em 0.4em;
	color:#3a3a3a;
	border:solid 1px #898e92;
	border-radius: 4px;
	background-color: #eaeaea;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fff, #eaeaea); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #fff, #eaeaea); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #fff, #eaeaea); /* IE10 */
	background-image:      -o-linear-gradient(top, #fff, #eaeaea); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #fff, #eaeaea);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fffff', EndColorStr='#eaeaea'); /* IE6?IE9 */
}

input.lui-button:hover, button:hover {
	background-color: #e0e0e0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fff, #e0e0e0); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #fff, #d0d0d0); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #fff, #e0e0e0); /* IE10 */
	background-image:      -o-linear-gradient(top, #fff, #e0e0e0); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #fff, #e0e0e0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e0e0e0'); /* IE6?IE9 */
}

/* Flavours */

/* ok */
input.lui-button.flav-ok, button.flav-ok {}
input.lui-button.flav-ok:hover, button.flav-ok:hover {
	background-color: #cee0ca;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cee0ca)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fff, #cee0ca); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #fff, #cee0ca); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #fff, #cee0ca); /* IE10 */
	background-image:      -o-linear-gradient(top, #fff, #cee0ca); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #fff, #cee0ca);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cee0ca'); /* IE6?IE9 */
}
/* cancel */
input.lui-button.flav-cancel, button.flav-cancel {}
input.lui-button.flav-cancel:hover, button.flav-cancel {
	background-color: #e0caca;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0caca)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fff, #e0caca); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #fff, #e0caca); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #fff, #e0caca); /* IE10 */
	background-image:      -o-linear-gradient(top, #fff, #e0caca); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #fff, #e0caca);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e0caca'); /* IE6?IE9 */
}


/**
 * Proress-bar
*/

.lui-progress-bar {
	width:200px;
	height:25px;
	border:solid 1px #ccc;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}

.lui-progress-bar > .face {
	width:20px;
	height:25px;
	background: #72e5a8;
	background: -moz-linear-gradient(top,  #72e5a8 0%, #3fb775 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72e5a8), color-stop(100%,#3fb775));
	background: -webkit-linear-gradient(top,  #72e5a8 0%,#3fb775 100%);
	background: -o-linear-gradient(top,  #72e5a8 0%,#3fb775 100%);
	background: -ms-linear-gradient(top,  #72e5a8 0%,#3fb775 100%);
	background: linear-gradient(to bottom,  #72e5a8 0%,#3fb775 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72e5a8', endColorstr='#3fb775',GradientType=0 );
}

span.lui-progress-bar {
	display:inline-block;
	height:15px;
	vertical-align: middle;
}
span.lui-progress-bar > span.face {
	display:inline-block;
	height:15px;
}

/***
* FileDropBox
*/

div.drop-me {
	min-width:100px;
	min-height:100px;
}

div.drop-me.hover {
	background:#40992c;
}

div.lui-thumb {
	width:100px;
	height:100px;
	overflow: hidden;
}

div.lui-thumb img {
	width:100%;
	height:100%;
}

div.lui-thumb.thumb-blank {
	background: #F0F0F0;
}

div.lui-thumb.thumb-loader {
	background: #F0F0F0 url('../img/spinner_large.gif') no-repeat center center;
}

div.lui-thumb.thumb-loader img,
div.lui-thumb.thumb-blank img {
	visibility: hidden;
}