.grey_grad {
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

.progress_but_grey {
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	border:2px solid #fff;
	color:#666;
}

.progress_but_finish {
	font-weight:bold;
	color:#333;
}

.progress_but_org {
	background: #f6e6b4; /* Old browsers */
	background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f6e6b4 0%,#ed9017 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */
	font-weight:bold;
	color:#333;

}
/* Artist CSS */

.artist_about_list { margin: 5px; border-bottom:1px solid #ddd; background:#fff; padding: 3px 3px!important; padding: 3px 0; clear:both; width:100%; overflow: auto;}
.artist_about_list_title { float:left;  width:140px; height:100%; }
.artist_about_list_value { float:right;  width:300px;  height:100%; }

.artist_title {	margin: 0 0 5px 0; font-size: 28px; font-weight: normal; color: #5A5B5D; border-bottom: 4px solid #7A797E; text-align: left; display: block; padding: 3px 0 0 0 !important; padding: 3px 0 0 8px; height: 40px; background:#f1f1f1; width:100%; overflow:hidden; z-index:10;  }

/*
.artist_func { font-size: 12px; text-decoration:none; background: #fff; color:#508A00; border:1px solid #e1e1e1; margin:3px; text-align:center; }
.artist_func:hover { text-decoration:none; color: #508A00; background: #e1e1e1; }
*/

.artist_func { font-size: 12px; text-decoration:none; background: #508A00; color:#fff; border:1px solid #508A00; margin:3px; text-align:center; }
.artist_func:hover { text-decoration:none; color: #508A00; background: #fff; border:1px solid #508A00; }


/* Editable */

.editable { padding-right: 20px; background-image:none; cursor:pointer;}
.editable:hover, .editable_selected{  background-image:url('../../images/editable.png'); background-repeat:no-repeat; background-position:top right;}

/* Global */

.panel_title { color: #000; border-bottom:1px solid #ccc; background-image:url(images/gray_down.jpg); background-repeat:repeat-x; font-size:14px; font-weight:bold; padding:2px 0 !important; padding:2px 5px; width:100%; height:18px; margin:0 0 5px 0; position:relative;}

/* FIX */
.clearme:after
{
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
}


/* BUTTON LINK */

.button_link {padding: 2px 5px; font-weight:bold; font-size: 14px; text-decoration:none; }
.button_link:hover {text-decoration:underline; }

.edit_class option { padding:0 5px; font-size: 12px; font-weight:bold;}
.edit_class button {margin:0 4px; border: 1px solid #333;}
.edit_class button:hover {margin:0 4px; border: 1px solid #300;}

.community_nav_i {	padding:0; padding-top:3px; text-align:center; border: 1px solid White; border-top: none; background-color: #D0DECE; color: Black; text-decoration: none; width: 200px; font-size: 12px; display: inline-block;}
.community_nav_i:hover { background-color: #777; color: #FFFFFF; }

/* S ADMIN*/
.sadmin_block { background:  #ff9102;  font-size:10px;border-bottom:1px solid #000;padding:2px 5px; }


.tr_hover { background: none;}
.tr_hover:hover { background: #efefef;}



/* FILE UPLOAD */
.fileupload {
    width: 150px;
    height: 60px;
    position: relative;
    overflow: hidden;
/*
   Design part
*/
}

.fileupload input {
    position: absolute;
    top: 0;
    right: 0; /* not left, because only the right part of the input seems to
                 be clickable in some browser I can't remember */
    cursor: pointer;
    opacity: 0.0;
    filter: alpha(opacity=0); /* and all the other old opacity stuff you
                                 want to support */
    font-size: 600px; /* wtf, but apparently the most reliable way to make
                         a large part of the input clickable in most browsers */
    height: 400px;
    width: 200%;
}

/* SLIDE ONOFF */
.slide_onoff > input[type=checkbox] {visibility: hidden;}
.slide_onoff {
	width: 80px;
	height: 26px;
	background: #f1f1f1;
	margin: 0 auto;

	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slide_onoff_disable {
	width: 80px;
	height: 26px;
	background: #f1f1f1;
	margin: 0 auto;
        font: 12px/26px Arial, sans-serif;
        font-weight: bold;
	color: #333;
        text-shadow: 1px 1px 0px rgba(255,255,255,.15);
        text-align:center;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}
.slide_onoff_disable_on {color: #00b;}
.slide_onoff_disable_off {color: #333;}

.slide_onoff:after {
	content: 'OFF';
	font: 12px/26px Arial, sans-serif;
	color: #333;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slide_onoff:before {
	content: 'ON';
	font: 12px/26px Arial, sans-serif;
	color: #00b;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}

.slide_onoff label {
	display: block;
	width: 34px;
	height: 20px;

	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #aaa;


	background: -webkit-linear-gradient(top, #aaa 0%, #999 40%, #999 100%);
	background: -moz-linear-gradient(top, #aaa 0%, #999 40%, #999 100%);
	background: -o-linear-gradient(top, #aaa 0%, #999 40%, #999 100%);
	background: -ms-linear-gradient(top, #aaa 0%, #999 40%, #999 100%);
	background: linear-gradient(top, #aaa 0%, #999 40%, #999 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#999999',GradientType=0 );
}

.slide_onoff input[type=checkbox]:checked + label {
	left: 43px;
}


.blink {
  animation: blink 1s steps(5, start) infinite;
  -webkit-animation: blink 1s steps(5, start) infinite;
}
@keyframes blink {
  to { visibility: hidden; }
}
@-webkit-keyframes blink {
  to { visibility: hidden; }
}


/* INCLUDE WIKI */

div.thumbinner {
border: 1px solid #ccc;
padding: 3px !important;
background-color: #f9f9f9;
font-size: 94%;
text-align: center;
overflow: hidden;
}

div.tright, div.floatright, table.floatright {
clear: right;
float: right;
}

#toc, .toc {
display: -moz-inline-block;
display: inline-block;
display: table;
zoom: 1;
padding: 7px;
border: 1px solid #aaa;
background-color: #f9f9f9;
}
#toc ul, .toc ul {
list-style-type: none;
list-style-image: none;
margin-left: 0;
padding: 0;
text-align: left;
}

#toctitle, #toc .toctitle, .toc .toctitle {
text-align: center;
direction: ltr;
}

.mw-editsection { display:none;}