#sizecorner
{
	position: fixed;
	right: 0px;
	bottom: 0px;
	width: 0.3vw;
	height: 0.3vw;
}
body[debug="1"] #sizecorner
{
	background-color: #FF0000;
}

.C_CMS
{
}
.C_CMS p
{
	margin: 0px;
}

.C_SUPERLINK
,div.C_CMS a
{
	text-decoration: none;
	border-bottom: 1px solid #BBBBBB;
}
.C_SUPERLINK:hover
,div.C_CMS a:hover
{
	border-bottom: 1px solid #000066;
}
.C_SUPERLINK[ajaxinprogess]
,div.C_CMS a[ajaxinprogess]
{
	border-color: transparent;
}
.C_SUPERLINK.C_TINY
{
	font-size: 0.7em;
}



label.C_SUPERFILE
{
	position: relative;
}
label.C_SUPERFILE input
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 0.3vw;
	height: 0.3vw;

	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
}

span.C_LOADING_128x128
{
	display: inline-block;
	*display: inline;
	zoom: 1;
	background-image: url(/images/loader-128x128.gif); /* http://www.chimply.com/Generator#classic-spinner,doubleLoopingCircle */
	background-repeat: no-repeat;
	background-position: center;
	width: 40vw;
	height: 40vw;
}
span.C_LOADING_48x48
{
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite cubic-bezier(0.29, 0.75, 1, 1);
	
	display: inline-block;
	*display: inline;
	zoom: 1;
	font: normal normal normal 15vw/1 FontAwesome;
	font-size: 3em;
	color: #3F9D2F;

	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	-webkit-transform: translateX(0) translateY(0);
	-moz-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	-o-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
}
span.C_LOADING_48x48:before
{
	content: "\f110";
}
span.C_LOADING_48x48_OLD
{
	display: inline-block;
	*display: inline;
	zoom: 1;
	background-image: url(/images/loader-48x48.gif); /* http://preloaders.net/en/circular */
	background-repeat: no-repeat;
	background-position: center;
	width: 15vw;
	height: 15vw;
}
span.C_LOADING_32x16
{
	display: inline-block;
	*display: inline;
	zoom: 1;
	background-image: url(/images/loader-32x16.gif); /* http://www.chimply.com/Generator */
	background-repeat: no-repeat;
	background-position: center;
	width: 10vw;
	height: 5vw;
}
.C_INPUT
{
	display: block;
	width: 100%;
	border: 1px solid #999999;
	padding: 3px 4px 3px 4px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.C_INPUT[readonly]
{
	background-color: #CCCCCC;
}

#pageLoading
{
	padding: 50px;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
#pageLoading > span.C_LOADING_48x48
{
	margin: 0px 20px 0px 20px;
}
#pageLoading > h1
{
	display: block;
	text-align: center;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	color: #3F9D2F;
}
@media screen and (max-width: 800px)
{
	.C_INPUT
	{
		font-size: 3.75vw;
		line-height: 3.75vw;
		padding: 0.6vw 2vw 0.6vw 2vw;
	}

	#pageLoading
	{
		width: 80vw;
		padding: 5vw;
		white-space: nowrap;
	}
	#pageLoading > span.C_LOADING_48x48
	{
		margin: 0px 20px 0px 20px;
	}
	#pageLoading > h1
	{
		margin: 5vw 0px 0px 0px;
	}
	#pageLoading.C_FACEBOOK							{ border-color: #3B5998; }
	#pageLoading.C_FACEBOOK	> span.C_LOADING_48x48	{ color: #3B5998; }
	#pageLoading.C_FACEBOOK > h1					{ color: #3B5998; }
	#pageLoading.C_FACEBOOK > h1 > i.fa				{ color: #3B5998; }
}

.C_BUTTON
{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;

	padding: 4px 8px 4px 8px;
	text-decoration: none;
	text-align: center;
	color: #000000;
	font-size: 15px;
	font-weight: normal;
	position: relative;
	cursor: pointer;
	
	border: 1px solid RGBA(0,0,0,0.4);

    background-image: -webkit-linear-gradient(top, #CCCCCC, #EEEEEE);
    background-image: linear-gradient(to bottom, #CCCCCC, #EEEEEE);

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
@media screen and (max-width: 800px)
{
	.C_BUTTON
	{
		font-size: 3.75vw;
		line-height: 3.75vw;
		padding: 1vw 2vw 1vw 2vw;
	}
}
.C_BUTTON.C_FILE input[type="file"]
{
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1px;
	height: 1px;
}
.C_BUTTON.C_SMALL
{
	padding: 1px 5px 1px 5px;
	font-size: 11px;
}
@media screen and (max-width: 800px)
{
	.C_BUTTON.C_SMALL
	{
		font-size: 2vw;
		padding: 0.1vw 1vw 0.1vw 1vw;
	}
}
.C_BUTTON[disabled]
{
	cursor: not-allowed;
	background-image: none;
	background-color: #EEEEEE;
	color: #999999;
	font-style: italic;
}
.C_BUTTON:hover
{
	box-shadow: 0px 0px 2px rgba(0,0,0,.4);
}
.C_BUTTON > i.fa.fa-cog
{
	font-size: inherit !important;
}
.C_BUTTON.C_TRANSPARENT
{
    background: none;
}
.C_BUTTON.C_ORANGE
{
    background: #F4D079;
    background: -webkit-linear-gradient(top, #F7DFA4, #F0C14C);
    background: linear-gradient(to bottom, #F7DFA4, #F0C14C);
}
.C_BUTTON.C_GREEN
{
	background-color: #3F9D2F;
	background-image: none;
	color: #FFFFFF !important;
	border: 1px solid #006600 !important;
}
.C_BUTTON.C_RED
{
	color: #FFFFFF;
	border: 1px solid #660000 !important;
	background-color: #D54B57;
	background-image: none;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D54B57), color-stop(100%,#C71123));
	background-image: -webkit-linear-gradient(top, #D54B57 0%,#C71123 100%);
	background-image: -moz-linear-gradient(top, #D54B57 0%,#C71123 100%);
	background-image: -ms-linear-gradient(top, #D54B57 0%,#C71123 100%);
	background-image: -o-linear-gradient(top, #D54B57 0%,#C71123 100%);
	background-image: linear-gradient(top, #D54B57 0%,#C71123 100%);
}
.C_BUTTON > *
{
	color: inherit;
}
.C_BUTTON > b
{
	font-size: inherit;	
}
.C_BUTTON > i.C_CHIP
{
	position: absolute;
	right: 0px;
	top: 0px;

	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;

	background-color: #FF0000;
	min-width: 16px;
	height: 16px;
	padding: 0px 3px 1px 3px;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	font-size: 0.8em;
	color: #FFFFFF;
	
	-webkit-transform: translateX(50%) translateY(-50%);
	-moz-transform: translateX(50%) translateY(-50%);
	-ms-transform: translateX(50%) translateY(-50%);
	-o-transform: translateX(50%) translateY(-50%);
	transform: translateX(50%) translateY(-50%);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
@media screen and (max-width: 800px)
{
	.C_BUTTON > i.C_CHIP
	{
		min-width: 4vw;
		height: 4vw;
		padding: 0.2vw 1vw 1vw 1vw;
	}
}
.C_CHECKBOXES
{
	position: relative;
}
.C_CHECKBOXES > i.C_CHECKBOX
,.C_CHECKBOXES > i.fa-times
{
	position: absolute;
	right: 0vw;
	top: 50%;

	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.C_CHECKBOXES > i.fa-times
{
	font-size: 9vw;
	color: #DDDDDD;
}

.C_CHECKBOX
{
	font-size: 10vw;
	color: #C1C1C1;
	position: relative;
}
.C_CHECKBOX
,.C_CHECKBOX > i
{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 8vw;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.C_CHECKBOX:before
{
    content: "\f1db";
}
.C_CHECKBOX[checked="1"]
{
	color: #3F9D2F;
}
.C_CHECKBOX[checked="1"]:before
{
    content: "\f058";
}
.C_CHECKBOX > i
{
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 4vw;
	color: #E8E8E8;

	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.C_CHECKBOX > i:before
{
    content: "\f00c";
}


.C_ROTATE
{
	-webkit-animation: A_ROTATE 5s infinite linear;
	-moz-animation: A_ROTATE 5s infinite linear;
	animation: A_ROTATE 5s infinite linear;
}
.C_ROTATE[rotation="reverse"]
{
	-webkit-animation-name: A_ROTATE_REVERSE;
	-moz-animation-name: A_ROTATE_REVERSE;
	animation-name: A_ROTATE_REVERSE;
}
.C_ROTATE[speed="fast"]
{
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
}
.C_ROTATE[speed="slow"]
{
	-webkit-animation-duration: 10s;
	-moz-animation-duration: 10s;
	animation-duration: 10s;
}

@-webkit-keyframes A_ROTATE
{
	0%		{	-webkit-transform: rotate(0deg);	-moz-transform: rotate(0deg);	transform: rotate(0deg); }
	100%	{	-webkit-transform: rotate(359deg);	-moz-transform: rotate(359deg);	transform: rotate(359deg);	}
}
@-moz-keyframes A_ROTATE
{
	0%		{	-webkit-transform: rotate(0deg);	-moz-transform: rotate(0deg);	transform: rotate(0deg); }
	100%	{	-webkit-transform: rotate(359deg);	-moz-transform: rotate(359deg);	transform: rotate(359deg); }
}
@keyframes A_ROTATE
{
	0%		{	-webkit-transform: rotate(0deg);	-moz-transform: rotate(0deg);	transform: rotate(0deg); }
	100%	{	-webkit-transform: rotate(359deg);	-moz-transform: rotate(359deg);	transform: rotate(359deg); }
}

@-webkit-keyframes A_ROTATE_REVERSE
{
	0%		{	-webkit-transform: rotate(359deg);	-moz-transform: rotate(359deg);	transform: rotate(359deg);	}
	100%	{	-webkit-transform: rotate(0deg);	-moz-transform: rotate(0deg);	transform: rotate(0deg);	}
}
@-moz-keyframes A_ROTATE_REVERSE
{
	0%		{	-webkit-transform: rotate(359deg);	-moz-transform: rotate(359deg);	transform: rotate(359deg); }
	100%	{	-webkit-transform: rotate(0deg);	-moz-transform: rotate(0deg);	transform: rotate(0deg); }
}
@keyframes A_ROTATE_REVERSE
{
	0%		{	-webkit-transform: rotate(359deg);	-moz-transform: rotate(359deg);	transform: rotate(359deg); }
	100%	{	-webkit-transform: rotate(0deg);	-moz-transform: rotate(0deg);	transform: rotate(0deg); }
}

span.C_TOOLTIP
{
	position: fixed;
	left: 2.5vw;
	min-width: 31vw;
	display: none;
	
	-webkit-box-shadow: 0px 0px 1.8vw 1.5vw #FFFFFF;
	-moz-box-shadow: 0px 0px 1.8vw 1.5vw #FFFFFF;
	-ms-box-shadow: 0px 0px 1.8vw 1.5vw #FFFFFF;
	-o-box-shadow: 0px 0px 1.8vw 1.5vw #FFFFFF;
	box-shadow: 0px 0px 1.8vw 1.5vw #FFFFFF;
	
	-webkit-border-radius: 2.5vw;
	-moz-border-radius: 2.5vw;
	-ms-border-radius: 2.5vw;
	-o-border-radius: 2.5vw;
	border-radius: 2.5vw;
}
span.C_TOOLTIP > div
{
	position: relative;
	padding: 2.5vw;

	background-color: #666666;
	color: #FFFFFF;

	-webkit-border-radius: 2.5vw;
	-moz-border-radius: 2.5vw;
	-ms-border-radius: 2.5vw;
	-o-border-radius: 2.5vw;
	border-radius: 2.5vw;
}
span.C_TOOLTIP > i.C_ARROW
{
	display: block;
	position: absolute;
	left: 5vw;
	bottom: -2.5vw;
	width: 5vw;
	height: 5vw;
	background-color: #666666;

	-webkit-box-shadow: 0px 0px 1.8vw 1.5vw #FFFFFF;
	-moz-box-shadow: 0px 0px 1.8vw 1.5vw #FFFFFF;
	-ms-box-shadow: 0px 0px 1.8vw 1.5vw #FFFFFF;
	-o-box-shadow: 0px 0px 1.8vw 1.5vw #FFFFFF;
	box-shadow: 0px 0px 1.8vw 1.5vw #FFFFFF;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}


.fa.fa-toggle-on
,.C_BLUE_TEXT
{
	color: #3F9D2F;

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3F9D2F), color-stop(100%,#1C5E84));
	background-image: -webkit-linear-gradient(top, #3F9D2F 0%,#1C5E84 100%);
	background-image: -moz-linear-gradient(top, #3F9D2F 0%, #1C5E84 100%);
	background-image: -ms-linear-gradient(top, #3F9D2F 0%,#1C5E84 100%);
	background-image: -o-linear-gradient(top, #3F9D2F 0%,#1C5E84 100%);
	background-image: linear-gradient(top, #3F9D2F 0%,#1C5E84 100%);

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
}

#logstatus
{
	position: fixed;
	left: 0px;
	bottom: 13.3vw;
	padding: 4px;
	background-color: #000000;
	width: 45%;
	max-height: 50vw;
	overflow: auto;
}
#logstatus
,#logstatus *
{
	color: #00CC00;
	white-space: nowrap;
	font-size: 10px;
}

.C_ADMIN
{
	background-color: #000000; 
	padding: 3vw;
}
.C_ADMIN *
{
	color: #009900;
}
.C_ADMIN > b
{
	display: block;
	border: 0.3vw solid #009900;
	padding: 3vw;
	margin: 2.5vw 4px 4px 4px;

	-webkit-border-radius: 1.8vw;
	-moz-border-radius: 1.8vw;
	-ms-border-radius: 1.8vw;
	-o-border-radius: 1.8vw;
	border-radius: 1.8vw;
}
.C_ADMIN > b[on="1"]
{
	background-color: #009900;
}
.C_ADMIN > b[on="1"] *
{
	color: #000000 !important;
}

.C_BUBBLE_BUTTONS > b
{
	display: inline-block;
	min-width: 11vw;
	height: 11vw;
	background-color: RGBA(0,0,0,0.4);
	text-align: center;
	position: relative;
	line-height: 4.5vw;
	text-shadow: none !important;
	font-size: 5vw;
	font-weight: 900 !important;
	
	-webkit-border-radius: 5.5vw;
	-moz-border-radius: 5.5vw;
	-ms-border-radius: 5.5vw;
	-o-border-radius: 5.5vw;
	border-radius: 5.5vw;
}
.C_BUBBLE_BUTTONS > b[text="1"]
{
	padding: 0px 3vw 0px 3vw !important;
	height: 8vw;
	line-height: 9vw;
}
.C_BUBBLE_BUTTONS > b[corner="top.left"]	{ margin: 2vw 0px 0px 2vw; }
.C_BUBBLE_BUTTONS > b[corner="top.right"]	{ margin: 2vw 2vw 0px 0px; }
.C_BUBBLE_BUTTONS > b[corner="bottom.left"]	{ margin: 1vw 0px 0px 2vw; }
.C_BUBBLE_BUTTONS > b[corner="bottom.right"]{ margin: 1vw 2vw 0px 0px; }
.C_BUBBLE_BUTTONS > b > i.fa
{
	color: #666666;
	position: absolute;
	left: 0%;
	top: 0%;
	width: 11vw;
	height: 11vw;
	line-height: 11vw;
}
.C_BUBBLE_BUTTONS > b > i.fa.icofa-triangle-left { width: 10vw; }
.C_BUBBLE_BUTTONS > b > i.fa.fa-share-alt { width: 10.3vw; line-height: 11.5vw; }
.C_BUBBLE_BUTTONS > b > i.fa.fa-star-o { line-height: 11.5vw; }

.C_GRAY_BUTTONS > b
{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;

	background-color: RGBA(0,0,0,0.3);
	width: 14vw;
	height: 14vw;
	text-align: center;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.C_GRAY_BUTTONS > b > i
{
	font-weight: normal;
	color: #FFFFFF;
	font-size: 9vw;
	line-height: 14vw;
}
.C_WHITE_BUTTONS > b
{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;

	background-color: #FFFFFF;
	width: 14vw;
	height: 14vw;
	text-align: center;
	border: 0.5vw solid #DDDDDD;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.C_WHITE_BUTTONS > b > i
{
	font-weight: normal;
	color: #666666;
	font-size: 9vw;
	line-height: 14vw;
}

.C_ZOOMZERO
{
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition:  all 0.4s ease-in-out;
}

.C_BUTTON i.C_AJAX_ICON_ANIMATION
,i.C_AJAX_ICON_ANIMATION
{
	position: absolute;
	left: 50% !important;
	top: 50% !important;
	font-size: 15px;
	line-height: 15px;
	margin: -8px 0px 0px -8px !important;
	width: 16px;
	height: 16px;
	color: #FFFFFF;
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

*[devserveronly="1"]
{
	-webkit-box-shadow: 0px 0px 0vw 1vw #FF9900;
	-moz-box-shadow: 0px 0px 0vw 1vw #FF9900;
	-ms-box-shadow: 0px 0px 0vw 1vw #FF9900;
	-o-box-shadow: 0px 0px 0vw 1vw #FF9900;
	box-shadow: 0px 0px 0vw 1vw #FF9900;
}

.C_POPIN
{
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: RGBA(128,128,128,0.5);
	z-index: 1;
}
.C_POPIN > div
{
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #FFFFFF;
	border: 2px solid #000000;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.C_POPIN_VIEWER
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: RGBA(0,0,0,0.8);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
@media screen and (max-width: 800px)
{
	.C_POPIN[mobilefullscreen="1"] > div
	{
		position: absolute;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		width: auto !important;
    	margin: 0px 0px 0px 0px !important;
		padding: 0px !important;
		overflow: auto;
		border: 0px !important;

		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-ms-transform: translate(0);
		-o-transform: translate(0);
		transform: translate(0);
	}
	.C_POPIN[mobilefullscreen="1"] > div > h1
	{
		font-size: 1.4em;
		line-height: 1.4em;
		padding: 4vw;
		margin: 0px;
		text-align: center;
	}
	.C_POPIN[mobilefullscreen="1"] > div > form.C_FORM1602
	{
		width: 100vw !important;
		padding: 4vw 12vw 4vw 12vw;
	}
}
