a {
		color: #000;
	}

	:root {
		/* #f0f0f0 in decimal RGB */
		--defcolor:   33, 55, 75;
		--actcolor:  190, 66, 72;
		--highcolor: 231,218,203;
	}

	
	.pm-state-default, .pm-state-active, .pm-state-highlight,
	li.pm-state-default, li.pm-state-active, li.pm-state-highlight {
		font-weight: bold;
		color: #FFF;
		position: relative;
		transition: all 0.3s ease 0s;
		/* background-color: rgba(0,47, 47, 0.8); */
		/* background-color: rgba(4,99,128, 0.9);  */
		/* background-color: hotpink; */
	}
	
	.pm-state-default, li.pm-state-default                 {background-color: rgba( 33, 55, 75, 0.9); }
	a.pm-state-default:hover, input.pm-state-default:hover     {background-color: rgba( 33, 55, 75, 0.6); }
	.pm-state-active, li.pm-state-active 			       {background-color: rgba(190, 66, 72, 0.9); }
	a.pm-state-active:hover, input.pm-state-active:hover       {background-color: rgba(190, 66, 72, 0.6); }
	.pm-state-highlight, li.pm-state-highlight             {background-color: rgba(231,218,203, 0.9); }
	a.pm-state-highlight:hover, input.pm-state-highlight:hover {background-color: rgba(231,218,203, 0.6); }
	
	
	
	.pm-state-highlight .icon_inactive { background-image: url(/css/images/ui-icons_4b8e0b_256x240.png); }
	.pm-state-highlight .icon_switch_norm { margin: 0px auto; cursor: pointer; background-image: url(/css/images/ui-icons_222222_256x240.png); }
	.pm-state-highlight .icon_switch_norm:hover {background-image: url(/css/images/ui-icons_a83300_256x240.png); }
	

	
	.cmspage, .cmsrightpage { 
		margin: 13px auto 5px auto;
		padding: 8px 10px 5px 10px;
		border: 1px solid #343434;
		text-align: left;
		display: inline-block;
		min-height: 640px;
	}


	.mceContentBody  .flexcontainer { 
		border: 2px solid #373737;
	}
	.mceContentBody  .flexcontainer div{ 
		border: 2px solid #373737;
	}
	
	/*
	.mceContentBody  .flexcontainer div:after { 
		content: " ";
		display: block;
		background: #c00;
		height: 100px;
		width: 30px;

		position: absolute;
		top: 0px;
		left: 90%;
	}
	*/
	
	.cmspage {
		width: 73%;
		margin: 0px;
	}	
	
	.cmsrightpage {
		width: 20%;
		margin-left: 4px;
		margin-top: 1px;
	}
	

	

	#tabsindex ul {
		padding-left: 10px;
		margin: 0px;
	}

	#tabsindex ul li {
		display: inline-block;
		vertical-align: bottom;
		margin-right: 6px;
	}

	#tabsindex ul li a {
		border-radius: 3px 3px 0px 0px;
		padding: 7px 12px 8px 12px;
		display: block;
		text-decoration: none;
		letter-spacing: 0.5px;
	}
	
	#tabsindex ul li a:hover {
		
	}
	
	#tabsindex ul li a.pm-state-active {
		padding-bottom: 10px;
		font-size: 16px;
	}
	
	
	
	.istab {
		padding: 12px 15px;
		background: #F2F2F2;
		display: none;
	}
	.istab {
		white-space: nowrap;
	}
	.istab *{
		white-space: normal;
	}
	
	.istab textarea{
		white-space: pre-wrap;
	}
	
	
	.istab.tabon {
		display: block;
	}
	
	
	dialog {
		/* height: 200px; */
		width: 450px;
		border-radius: 7px;
		border-width: 2px;
		padding: 0px;
		font-size: 17px;
		box-shadow: 0px 0px 30px 10px rgba(240,240,240, 0.5);
	}
	dialog.fallback {
		top: 0; right: 0; bottom: 15%; left: 0;
		position: fixed;
		display: block;
		z-index:1002;
	}
	dialog.fallback[closed="closed"] {
		display: none;
	}
	
	dialog::backdrop, #backdrop {      
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 30, 0.7);    
	}
	
	dialog form {
		padding: 10px;
	}
	
	dialog menu {
		padding-left: 0px;
		margin-bottom: 25px;
	}
	
	dialog #dtitle {
		background: #EEE;
		margin-bottom: 15px;
		padding: 8px 10px;
		border-bottom: 2px solid #303;
		border-radius: 7px 7px 0px 0px;
		font-size: 20px;
		/*font-variant: small-caps;*/
		font-weight: bold;
	}
	
	dialog #dtext {
		margin-bottom: 25px;
	}
	
	
	.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	}
	
	.highlightratio {
		background: #336;
		color: #EED;
	}
	
	
	/****************/
	/** FILE ADMIN **/ 
		#filedrag 	{
			display: none;
			float: right;
			font-weight: bold;
			font-size: 18px;
			text-align: center;
			padding: 3.5em 0 0 0;
			margin: 10px 30px 0px 0px;
			color: #333;
			border: 2px dashed #333;
			border-radius: 5px;
			cursor: default;
			width: 65%;
			height: 80px;
		}

		#filedrag.hover 	{
			/*color: #f00;*/
			border-color: #f00;
			border-style: solid;
			box-shadow: inset 0 3px 4px #888;
		}
		
		#fdb { display: none; }
		.fdb {
			display: inline-block;
			position: relative;
			vertical-align: top;
			width: 500px;
			margin: 15px 15px 0px 0px;
			border: 1px solid #333;
			padding: 16px;
		}
		
		.fdb img {
			height: 95px;
			padding: 5px 0px 5px 7px;
		}
		.fdb > img { opacity: 0.5; }
		.fdb .proginfo {
			position: absolute;
			z-index: 5;
			right: 28px;
			top: 19px;
			text-align: right;
		}
		.fdb .separa { display: none; }
		
		.fdb .progbarcont {
		  position: absolute;
		  display: block;
			top:8px; left: 8px; 
			padding: 5px;
			padding-bottom: 10px;
			width: 5px; 
			overflow: hidden; 
			height: 106px; 
			border: 1px solid #999; 
			border-radius: 3px;
		}
				.fdb .progbar {
					position: relative; 
					height: 106px;  
					background: no-repeat 9px 5px; 
					border: 2px outset #A00;
					border-radius: 3px;
					-webkit-box-shadow: inset 0px 0px 10px 6px rgba(0,0,0,0.4);
					box-shadow: inset 0px 0px 10px 6px rgba(0,0,0,0.4);
				}
				
				.fdb .progdata {
					position: absolute;
					z-index: 5;
					right: 10px;
					top: 38px;
					text-align: right;
					font-weight: bold;
					text-shadow: 1px 1px #EEE;
				}

		
		.fdb.finish {
	    -webkit-transition: all 1s ease 0.8s;
			transition: all 1s ease 0.8s;
		}
		.fdb.finish .progbarcont, .fdb.finish .proginfo {
			-webkit-transition: all 1s ease;
			transition: all 1s ease;
		}
		
		.fdb.finish .proginfo { top: 5px; right: 5px; } 
		.fdb.finish .proginfo br { display: none;}
		.fdb.finish .separa { display: inline; }
		.fdb.finish .progbarcont {height: 0px; top: 0px; left: 0px; padding: 0px; border: none;}
		.fdb.finish > img { height: 20px; padding: 0px; opacity: 1.0; }
		.fdb.finish { padding: 5px 5px 2px 5px; width: 240px; }
		
		
		
		
#textedit_parent.o2k7Skin table , #textedit_parent.o2k7Skin .mceMenuItemTitle a {
	background: #eee;
}



/** NEWS **/
      .newsentry {
				margin-bottom: 7px;
				/* font-size: 85%; */
				border-radius: 7px;
				background-color: var(--light-bg-color);
				
				border: solid 5px transparent;
				border-radius: 7px;
				/* border-image: linear-gradient(to bottom, rgba(137, 155, 131, 0.2) 0%, rgba(0,0,0,0) 90%);  */
				border-image: linear-gradient(to bottom, #cdd0dc 0%, rgba(0,0,0,0) 90%); 
				border-image-slice: 1;
				max-width: 830px;
			}
			
			
			
			.newsfold {
				text-align: left;
				padding: 10px 12px 10px 12px;
				border: none;
				border-radius: 7px;
				
			}
			
			.newsimg, .newstitle {
				display: inline-block;
				vertical-align: top;
			}
			
			.newsimg {
				width: 16%;
				margin-left: 10px;
			}
			
			.newstitle {
				width: 82%;
				max-width: 830px;
			}
			.newstitle h2 {
				margin-top: 0px;
				margin-bottom: 2px;
				background-color: var(--main-bg-color); 
				height: 26px;
				padding: 2px 6px 8px;
			}
			
			.permalink:hover {
				text-decoration: none;
				
			}
			
			.foldcontent {
				display: none;
			}
			
			.small {
				font-size: 10px;
			}
			
			
			
			
			
			.newscontent {
				padding: 0 12px;
				overflow: hidden;
				transition: max-height 0.4s ease-out;
			}
			
			.newstext {
				padding: 15px 0px;
				text-align: justify;
			}
			
			.newsaddimg {
				float: right;
				width: 45%;
				margin-left: 3%;
			}
			
			.newsimg img {
				width: 100%;
			}
			
			.newsaddimg img {
				width: 100%;
				border-radius: 7px;
			}




		.gbcontenttitle, .gbcontentblock {
				border: 1px solid #777;
				border-bottom-width: 1px;
				padding: 3px 5px;
				width: 950px;
		}

		.gbcontenttitle {
				border-radius: 5px 5px 0px 0px;
				border-bottom-width: 0px;
				background-color: #CCC;
		}
			
		.gbcontentblock {
			border-radius: 0px 0px 5px 5px;
			background-color: #EEE;
			margin-bottom: 13px;
		}
		
		
		
		.rboxcontainer {
			text-align: center;
			margin-bottom: 8px;
		}

		.rbox {
			width: 230px;
			margin: 2px auto 15px auto;
			border: 2px solid var(--main-border-color);
			border-radius: 5px;
			background: #FCFCFC;
		}


		.rboxtitle {
			padding: 8px 5px 3px 5px;
			font-size: 12px;
			font-weight: bold;
			background: var(--main-bg-color);
			position: relative;
		}
		.rboxbody {
			padding: 7px 5px;
			text-align: center;
			font-size: 12px;
		}

		.rboxbody img {

		}

		
		


	#huebar {
		margin-bottom: 40px;
	}
	
	#huebar div {
		display: inline-block;
		width: 3.5px;
		
		height: 30px;
		cursor: pointer;
	}
	
	#huebar div:hover {
		outline: 2px solid #EEE;
		border: 2px dotted #444;
	}
	
	#huebar div.curhue {
		padding: 1px;
		border: 2px solid black;
		outline: 2px solid #EEE;
	}
	
	#huebar div.temphue {
		padding: 1px;
		border: 1px solid #555;
		outline: 2px solid #DDD;
	}
	
	#colorprev > div {
		display: inline-block;
		width: 300px;
		height: 290px;
		padding-top: 10px; 
		margin-right: 15px;
		margin-bottom: 5px;
		border: 1px solid #777;
		text-align: center;
		font-weight: bold;
		vertical-align: top;
	}

	#colorprev #basehue {
		background-color: rgb(0,0,128);
	}
	
	#colorprev #foreground {
		font-family: sans-serif;
		font-size: 7.0em;
		text-shadow: 1px 2px 3px rgba(0,0,0,0.5);
		background-color: rgb(245,245,245);
		height: 200px;
		padding-top: 100px;
	}

	#colorprev #newshue {
		height: 270px;
		padding-top: 30px; 
	}


	
	#colorinfos > div {
		display: inline-block;
		width: 300px;
		margin-right: 15px;
	}
	
	
	#colorbutts > button {
		display: inline-block;
		width: 300px;
		margin-right: 15px;
	}
	
	.badcontrast {

		background: #DAA;
		color: #A00;
	}
	
	
a.funcdisabled {	
	cursor: default;
}
a.funcdisabled img {	
	filter: grayscale(100%);
}
	
	
/*! jQuery UI - v1.12.1 - 2017-09-23
* http://jqueryui.com
* Includes: draggable.css, selectable.css, sortable.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}